Skip to content

Commit

Permalink
📦 Update setup-code
Browse files Browse the repository at this point in the history
  • Loading branch information
@yashsehgal
yashsehgal committed Mar 11, 2024
1 parent a637a11 commit dcdb589
Show file tree
Hide file tree
Showing 2 changed files with 51 additions and 57 deletions.
21 changes: 9 additions & 12 deletions package/registry/cookies-setup-code.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,14 @@
// This file is auto-generated. Do not modify manually.

type CookiesCodeRegisteryType = 'authentication-form' | 'hero-section';

export const COOKIES_SETUP_CODE: Record<
CookiesCodeRegisteryType,
{ registerAt: string; code: string }
> = {
'authentication-form': {
registerAt: 'components/cookies/authentication-form.tsx',
code: "'use client';\nimport {\n Card,\n CardHeader,\n CardHeaderDescription,\n CardHeaderTitle,\n CardContent,\n CardFooter,\n} from '@/components/ui/card';\nimport { useState } from 'react';\nimport { Input } from '@/components/ui/input';\nimport { Button } from '@/components/ui/button';\n\nexport default function AuthenticationForm() {\n const [view, setView] = useState<'login' | 'create-account'>('login');\n return (\n <Card className=\"authentication-form w-[420px]\">\n <CardHeader>\n <CardHeaderTitle>\n {view === 'login' && 'Log In'}\n {view === 'create-account' && 'Create new account'}\n </CardHeaderTitle>\n <CardHeaderDescription>\n {view === 'login'\n ? 'Do not have an account?'\n : 'Already have an account?'}{' '}\n <button\n className=\"text-blue-500 hover:text-blue-600\"\n onClick={() => {\n setView(view === 'login' ? 'create-account' : 'login');\n }}>\n {view === 'login'\n ? 'Create new account'\n : 'Log into existing account'}\n </button>\n </CardHeaderDescription>\n </CardHeader>\n <CardContent className=\"grid grid-cols-1 gap-4\">\n {view === 'login' && (\n <>\n <Input\n withLabel=\"Email Address\"\n labelDirection=\"v\"\n placeholder=\"[email protected]\"\n stretch\n />\n <Input\n withLabel=\"Password\"\n labelDirection=\"v\"\n placeholder=\"**********\"\n stretch\n />\n </>\n )}\n {view === 'create-account' && (\n <>\n <Input\n withLabel=\"Create username\"\n labelDirection=\"v\"\n placeholder=\"@ironman\"\n stretch\n />\n <Input\n withLabel=\"Your Email Address\"\n labelDirection=\"v\"\n placeholder=\"[email protected]\"\n stretch\n />\n <Input\n withLabel=\"Create a Password\"\n labelDirection=\"v\"\n placeholder=\"**********\"\n stretch\n />\n </>\n )}\n </CardContent>\n <CardFooter>\n <Button stretch withArrow={view === 'create-account'}>\n {view === 'login' ? 'Log In' : 'Get Started'}\n </Button>\n </CardFooter>\n </Card>\n );\n}\n",
},
'hero-section': {
registerAt: 'components/cookies/hero-section.tsx',
code: "'use client';\nimport { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@/components/ui/button';\nimport { cn } from '@/helpers/utils';\n\nexport interface HeroSectionProps\n extends React.HTMLAttributes<HTMLDivElement> {}\nexport interface HeroSectionHeadlineProps\n extends React.HTMLAttributes<HTMLHeadingElement> {}\nexport interface HeroSectionDescriptionProps\n extends React.HTMLAttributes<HTMLParagraphElement> {}\nexport interface HeroSectionCTAContainerProps\n extends React.HTMLAttributes<HTMLDivElement> {}\nexport interface HeroSectionCTAPrimaryActionProps extends ButtonProps {}\nexport interface HeroSectionCTASecondaryActionProps extends ButtonProps {}\n\nexport const HeroSection = forwardRef<HTMLDivElement, HeroSectionProps>(\n ({ className, ...args }, ref) => {\n return (\n <div ref={ref} className={cn('hero-section', className)} {...args} />\n );\n },\n);\n\nHeroSection.displayName = 'HeroSection';\n\nexport const HeroSectionHeadline = forwardRef<\n HTMLHeadingElement,\n HeroSectionHeadlineProps\n>(({ className, ...args }, ref) => {\n return (\n <h1\n ref={ref}\n className={cn(\n 'hero-section-headline text-4xl font-semibold tracking-tighter',\n className,\n )}\n {...args}\n />\n );\n});\n\nHeroSectionHeadline.displayName = 'HeroSectionHeadline';\n\nexport const HeroSectionDescription = forwardRef<\n HTMLParagraphElement,\n HeroSectionDescriptionProps\n>(({ className, ...args }, ref) => {\n return (\n <p\n ref={ref}\n className={cn(\n 'hero-section-description text-neutral-500 leading-snug my-4',\n className,\n )}\n {...args}\n />\n );\n});\n\nHeroSectionDescription.displayName = 'HeroSectionDescription';\n\nexport const HeroSectionCTAContainer = forwardRef<\n HTMLDivElement,\n HeroSectionCTAContainerProps\n>(({ className, ...args }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n 'hero-section-cta-container flex flex-row items-center justify-start gap-4 mt-4',\n )}\n {...args}\n />\n );\n});\n\nHeroSectionCTAContainer.displayName = 'HeroSectionCTAContainer';\n\nexport const HeroSectionCTAPrimaryAction = forwardRef<\n HTMLButtonElement,\n HeroSectionCTAPrimaryActionProps\n>(({ className, ...args }, ref) => {\n return (\n <Button\n ref={ref}\n variant=\"primary\"\n className={cn('hero-section-cta-primary-action', className)}\n {...args}\n />\n );\n});\n\nHeroSectionCTAPrimaryAction.displayName = 'HeroSectionCTAPrimaryAction';\n\nexport const HeroSectionCTASecondaryAction = forwardRef<\n HTMLButtonElement,\n HeroSectionCTASecondaryActionProps\n>(({ className, ...args }, ref) => {\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n className={cn('hero-section-cta-secondary-action')}\n {...args}\n />\n );\n});\n\nHeroSectionCTASecondaryAction.displayName = 'HeroSectionCTASecondaryAction';\n",

export const COOKIES_SETUP_CODE: Record<CookiesCodeRegisteryType, { registerAt: string; code: string }> = {
"authentication-form": {
"registerAt": "components/cookies/authentication-form.tsx",
"code": "'use client';\nimport {\n Card,\n CardHeader,\n CardHeaderDescription,\n CardHeaderTitle,\n CardContent,\n CardFooter,\n} from '@/components/ui/card';\nimport { useState } from 'react';\nimport { Input } from '@/components/ui/input';\nimport { Button } from '@/components/ui/button';\n\nexport default function AuthenticationForm() {\n const [view, setView] = useState<'login' | 'create-account'>('login');\n return (\n <Card className=\"authentication-form w-[420px]\">\n <CardHeader>\n <CardHeaderTitle>\n {view === 'login' && 'Log In'}\n {view === 'create-account' && 'Create new account'}\n </CardHeaderTitle>\n <CardHeaderDescription>\n {view === 'login'\n ? 'Do not have an account?'\n : 'Already have an account?'}{' '}\n <button\n className=\"text-blue-500 hover:text-blue-600\"\n onClick={() => {\n setView(view === 'login' ? 'create-account' : 'login');\n }}>\n {view === 'login'\n ? 'Create new account'\n : 'Log into existing account'}\n </button>\n </CardHeaderDescription>\n </CardHeader>\n <CardContent className=\"grid grid-cols-1 gap-4\">\n {view === 'login' && (\n <>\n <Input\n withLabel=\"Email Address\"\n labelDirection=\"v\"\n placeholder=\"[email protected]\"\n stretch\n />\n <Input\n withLabel=\"Password\"\n labelDirection=\"v\"\n placeholder=\"**********\"\n stretch\n />\n </>\n )}\n {view === 'create-account' && (\n <>\n <Input\n withLabel=\"Create username\"\n labelDirection=\"v\"\n placeholder=\"@ironman\"\n stretch\n />\n <Input\n withLabel=\"Your Email Address\"\n labelDirection=\"v\"\n placeholder=\"[email protected]\"\n stretch\n />\n <Input\n withLabel=\"Create a Password\"\n labelDirection=\"v\"\n placeholder=\"**********\"\n stretch\n />\n </>\n )}\n </CardContent>\n <CardFooter>\n <Button stretch withArrow={view === 'create-account'}>\n {view === 'login' ? 'Log In' : 'Get Started'}\n </Button>\n </CardFooter>\n </Card>\n );\n}\n"
},
"hero-section": {
"registerAt": "components/cookies/hero-section.tsx",
"code": "'use client';\nimport { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@/components/ui/button';\nimport { cn } from '@/helpers/utils';\n\nexport interface HeroSectionProps\n extends React.HTMLAttributes<HTMLDivElement> {}\nexport interface HeroSectionHeadlineProps\n extends React.HTMLAttributes<HTMLHeadingElement> {}\nexport interface HeroSectionDescriptionProps\n extends React.HTMLAttributes<HTMLParagraphElement> {}\nexport interface HeroSectionCTAContainerProps\n extends React.HTMLAttributes<HTMLDivElement> {}\nexport interface HeroSectionCTAPrimaryActionProps extends ButtonProps {}\nexport interface HeroSectionCTASecondaryActionProps extends ButtonProps {}\n\nexport const HeroSection = forwardRef<HTMLDivElement, HeroSectionProps>(\n ({ className, ...args }, ref) => {\n return (\n <div ref={ref} className={cn('hero-section', className)} {...args} />\n );\n },\n);\n\nHeroSection.displayName = 'HeroSection';\n\nexport const HeroSectionHeadline = forwardRef<\n HTMLHeadingElement,\n HeroSectionHeadlineProps\n>(({ className, ...args }, ref) => {\n return (\n <h1\n ref={ref}\n className={cn(\n 'hero-section-headline text-4xl font-semibold tracking-tighter',\n className,\n )}\n {...args}\n />\n );\n});\n\nHeroSectionHeadline.displayName = 'HeroSectionHeadline';\n\nexport const HeroSectionDescription = forwardRef<\n HTMLParagraphElement,\n HeroSectionDescriptionProps\n>(({ className, ...args }, ref) => {\n return (\n <p\n ref={ref}\n className={cn(\n 'hero-section-description text-neutral-500 leading-snug my-4',\n className,\n )}\n {...args}\n />\n );\n});\n\nHeroSectionDescription.displayName = 'HeroSectionDescription';\n\nexport const HeroSectionCTAContainer = forwardRef<\n HTMLDivElement,\n HeroSectionCTAContainerProps\n>(({ className, ...args }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n 'hero-section-cta-container flex flex-row items-center justify-start gap-4 mt-4',\n )}\n {...args}\n />\n );\n});\n\nHeroSectionCTAContainer.displayName = 'HeroSectionCTAContainer';\n\nexport const HeroSectionCTAPrimaryAction = forwardRef<\n HTMLButtonElement,\n HeroSectionCTAPrimaryActionProps\n>(({ className, ...args }, ref) => {\n return (\n <Button\n ref={ref}\n variant=\"primary\"\n className={cn('hero-section-cta-primary-action', className)}\n {...args}\n />\n );\n});\n\nHeroSectionCTAPrimaryAction.displayName = 'HeroSectionCTAPrimaryAction';\n\nexport const HeroSectionCTASecondaryAction = forwardRef<\n HTMLButtonElement,\n HeroSectionCTASecondaryActionProps\n>(({ className, ...args }, ref) => {\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n className={cn('hero-section-cta-secondary-action')}\n {...args}\n />\n );\n});\n\nHeroSectionCTASecondaryAction.displayName = 'HeroSectionCTASecondaryAction';\n"
}
};
Loading

0 comments on commit dcdb589

Please sign in to comment.