6:["$","main",null,{"className":"relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]","children":[["$","div",null,{"className":"mx-auto w-full min-w-0","children":[["$","div",null,{"className":"mb-4 flex items-center space-x-1 text-sm text-muted-foreground","children":[["$","div",null,{"className":"truncate","children":"Docs"}],["$","svg",null,{"width":"15","height":"15","viewBox":"0 0 15 15","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"size-4","children":["$","path",null,{"d":"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z","fill":"currentColor","fillRule":"evenodd","clipRule":"evenodd"}]}],["$","div",null,{"className":"font-medium text-foreground","children":"Button"}]]}],["$","div",null,{"className":"space-y-2","children":[["$","h1",null,{"className":"scroll-m-20 text-4xl font-bold tracking-tight","children":"Button"}],["$","p",null,{"className":"text-balance text-lg text-muted-foreground","children":"Displays a button or a component that looks like a button."}]]}],null,["$","div",null,{"className":"pb-12 pt-8","children":["$","article",null,{"className":"mx-auto max-w-[120ch]","children":[["$","h2",null,{"className":"font-heading mt-12 scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0","id":"installation","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#installation","children":["$","span",null,{"className":"icon icon-link"}]}],"Installation"]}],"\n",["$","div",null,{"role":"alert","className":"relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground bg-background text-foreground","children":["$undefined","$undefined",["$","div",null,{"className":"text-sm [&_p]:leading-relaxed","children":["$","p",null,{"className":"leading-7 [&:not(:first-child)]:mt-6","children":[["$","strong",null,{"children":"Note:"}]," We have the exact same installation process as ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","className":"font-medium underline underline-offset-4","href":"https://ui.shadcn.com/docs/installation/","children":"shadcn/ui"}],"."]}]}]]}],"\n",["$","$L18",null,{"className":"relative mt-6 w-full","defaultValue":"cli","children":[["$","$L19",null,{"className":"w-full justify-start rounded-none border-b bg-transparent p-0","children":[["$","$L1a",null,{"className":"relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none","value":"cli","children":"CLI"}],["$","$L1a",null,{"className":"relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none","value":"manual","children":"Manual"}]]}],["$","$L1b",null,{"className":"relative [&_h3.font-heading]:text-base [&_h3.font-heading]:font-semibold","value":"cli","children":["$","figure",null,{"data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"bash","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"bash","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":"npx"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" shadcn@latest"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" add"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"https://ui.shaduxe.com/r/button\""}]]}]}]}],"$undefined",["$","$L1c",null,{"commands":{"__npmCommand__":"npx shadcn@latest add \"https://ui.shaduxe.com/r/button\"\n","__pnpmCommand__":"pnpm dlx shadcn@latest add \"https://ui.shaduxe.com/r/button\"\n","__yarnCommand__":"npx shadcn@latest add \"https://ui.shaduxe.com/r/button\"\n","__bunCommand__":"bunx --bun shadcn@latest add \"https://ui.shaduxe.com/r/button\"\n"},"className":"absolute right-4 top-4"}]]}]}],["$","$L1b",null,{"className":"relative [&_h3.font-heading]:text-base [&_h3.font-heading]:font-semibold","value":"manual","children":["$","div",null,{"className":"[&>h3]:step steps mb-12 ml-4 border-l pl-8 [counter-reset:step]","children":[["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","title":"Copy the Code","children":["$","p",null,{"className":"leading-7 [&:not(:first-child)]:mt-6","children":"Copy and paste the following code snippet into your project:"}]}],["$","$L1d",null,{"name":"button","children":["$","figure",null,{"__src__":"registry/default/ui/button.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" *"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF"},"children":" React "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"react\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Slot"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" Slottable "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@radix-ui/react-slot\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" cva"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF8"},"children":" type"}],["$","span",null,{"style":{"color":"#FFF"},"children":" VariantProps "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"class-variance-authority\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" cn "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/lib/utils\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" buttonVariants "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF"},"children":" cva"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" variants"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" default"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"bg-primary text-primary-foreground hover:bg-primary/90\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" destructive"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"bg-destructive text-destructive-foreground hover:bg-destructive/90\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" outline"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" secondary"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"bg-secondary text-secondary-foreground hover:bg-secondary/80\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" ghost"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"hover:bg-accent hover:text-accent-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" link"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"text-primary underline-offset-4 hover:underline\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" expandIcon"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"group relative bg-primary text-primary-foreground hover:bg-primary/90\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" ringHover"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"bg-primary text-primary-foreground transition-all duration-300 hover:bg-primary/90 hover:ring-2 hover:ring-primary/90 hover:ring-offset-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" ringHoverOutline"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"border border-input bg-background transition-all duration-300 hover:ring-2 hover:ring-primary/90 hover:ring-offset-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" shine"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"animate-shine bg-gradient-to-r from-primary via-primary/75 to-primary bg-[length:400%_100%] text-primary-foreground \""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" gooeyRight"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"relative z-0 overflow-hidden bg-primary from-zinc-400 text-primary-foreground transition-all duration-500 before:absolute before:inset-0 before:-z-10 before:translate-x-[150%] before:translate-y-[150%] before:scale-[2.5] before:rounded-[100%] before:bg-gradient-to-r before:transition-transform before:duration-1000 hover:before:translate-x-[0%] hover:before:translate-y-[0%] \""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" gooeyLeft"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"relative z-0 overflow-hidden bg-primary from-zinc-400 text-primary-foreground transition-all duration-500 after:absolute after:inset-0 after:-z-10 after:translate-x-[-150%] after:translate-y-[150%] after:scale-[2.5] after:rounded-[100%] after:bg-gradient-to-l after:transition-transform after:duration-1000 hover:after:translate-x-[0%] hover:after:translate-y-[0%] \""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" linkHover1"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"relative after:absolute after:bottom-2 after:h-[1px] after:w-2/3 after:origin-bottom-left after:scale-x-100 after:bg-primary after:transition-transform after:duration-300 after:ease-in-out hover:after:origin-bottom-right hover:after:scale-x-0\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" linkHover2"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"relative after:absolute after:bottom-2 after:h-[1px] after:w-2/3 after:origin-bottom-right after:scale-x-0 after:bg-primary after:transition-transform after:duration-300 after:ease-in-out hover:after:origin-bottom-left hover:after:scale-x-100\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" icon"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"h-10 w-10\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" xs"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \" h-8 px-3\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" sm"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"h-9 px-3\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" md"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"h-10 px-4 py-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" lg"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"h-11 px-8\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" xl"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"h-12 px-8\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"h-14 px-8\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" defaultVariants"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"default\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":");"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"interface"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" IconProps"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" Icon"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" React"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":"ElementType"}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" iconPlacement"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"left\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" |"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"right\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"interface"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" IconRefProps"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" Icon"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"?:"}],["$","span",null,{"style":{"color":"#FFF"},"children":" never"}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" iconPlacement"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"?:"}],["$","span",null,{"style":{"color":"#FFF"},"children":" undefined"}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" interface"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonProps"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" extends"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" React"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":"ButtonHTMLAttributes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"<"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":"HTMLButtonElement"}],["$","span",null,{"style":{"color":"#FFF8"},"children":">,"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" VariantProps"}],["$","span",null,{"style":{"color":"#FFF8"},"children":""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" asChild"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"?:"}],["$","span",null,{"style":{"color":"#FFF"},"children":" boolean"}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" type"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonIconProps"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ="}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" IconProps"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" |"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" IconRefProps"}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF"},"children":" React"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"forwardRef"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"<"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" HTMLButtonElement"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" ButtonProps "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"&"}],["$","span",null,{"style":{"color":"#FFF"},"children":" ButtonIconProps"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":">("}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" asChild "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" false,"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" Icon"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" iconPlacement"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" ..."}],["$","span",null,{"style":{"color":"#FFF"},"children":"props"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" ref"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" )"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Comp "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF"},"children":" asChild "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"?"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Slot "}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Comp"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"cn"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"("}],["$","span",null,{"style":{"color":"#FFF"},"children":"buttonVariants"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"({"}],["$","span",null,{"style":{"color":"#FFF"},"children":" variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" className "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}))}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" ref"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"ref"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {..."}],["$","span",null,{"style":{"color":"#FFF"},"children":"props"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" >"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Icon "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"&&"}],["$","span",null,{"style":{"color":"#FFF"},"children":" iconPlacement "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"==="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"left\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" &&"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"group-hover:translate-x-100 w-0 translate-x-[0%] pr-0 opacity-0 transition-all duration-200 group-hover:w-5 group-hover:pr-2 group-hover:opacity-100\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Icon "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"/>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" )}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Slottable"}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"props"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"children"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Icon "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"&&"}],["$","span",null,{"style":{"color":"#FFF"},"children":" iconPlacement "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"==="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"right\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" &&"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"w-0 translate-x-[100%] pl-0 opacity-0 transition-all duration-200 group-hover:w-5 group-hover:translate-x-0 group-hover:pl-2 group-hover:opacity-100\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Icon "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"/>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" )}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":");"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":"Button"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"displayName "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button"}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" buttonVariants "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"};"}]]}]]}]}],["$","$L1e",null,{"value":"$1f","src":"registry/default/ui/button.tsx","event":"copy_source_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","children":["Add the following animations to your ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"tailwind.config.js"}]," file:"]}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"js","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-line-numbers":"","data-language":"js","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"data-line-numbers-max-digits":"2","children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"/**"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" @type"}],["$","span",null,{"style":{"color":"#FFF8","fontWeight":"bold"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":"import('tailwindcss').Config"}],["$","span",null,{"style":{"color":"#FFF8","fontWeight":"bold"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" */"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":"module"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"exports "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" theme"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" extend"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" animation"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" shine"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"shine var(--duration) infinite linear\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" keyframes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" shine"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"0%\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"background-position\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"0% 0%\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"50%\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"background-position\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"100% 100%\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" to"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" \"background-position\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"0% 0%\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],"$undefined","$undefined"]}],["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","children":"Make sure the import path is correct and matches your project setup:"}],["$","figure",null,{"data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-line-numbers":"","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"data-line-numbers-max-digits":"1","children":[["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" default"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" Home"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex items-center justify-center h-screen\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"className":"line--highlighted","data-line":"","data-highlighted-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button"}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Click me"}],["$","span",null,{"style":{"color":"#FFF8"},"children":""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],"$undefined","$undefined"]}]]}]}]]}],"\n",["$","h2",null,{"className":"font-heading mt-12 scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0","id":"usage","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#usage","children":["$","span",null,{"className":"icon icon-link"}]}],"Usage"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}]]}]}]}],"$undefined","$undefined"]}],"\n",["$","figure",null,{"data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"<"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button"}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button"}],["$","span",null,{"style":{"color":"#FFF8"},"children":""}]]}]}]}],"$undefined","$undefined"]}],"\n",["$","h2",null,{"className":"font-heading mt-12 scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0","id":"examples","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#examples","children":["$","span",null,{"className":"icon icon-link"}]}],"Examples"]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"default-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#default-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Default Button"]}],"\n",["$","$L20",null,{"name":"button-default-example","children":["$","figure",null,{"__src__":"registry/default/example/button-default-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonDefaultExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonDefaultExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-default-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"secondary-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#secondary-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Secondary Button"]}],"\n",["$","$L20",null,{"name":"button-secondary-example","children":["$","figure",null,{"__src__":"registry/default/example/button-secondary-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonSecondaryExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"secondary\""}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonSecondaryExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-secondary-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"outline-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#outline-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Outline Button"]}],"\n",["$","$L20",null,{"name":"button-outline-example","children":["$","figure",null,{"__src__":"registry/default/example/button-outline-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonOutlineExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"outline\""}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonOutlineExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-outline-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"destructive-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#destructive-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Destructive Button"]}],"\n",["$","$L20",null,{"name":"button-destructive-example","children":["$","figure",null,{"__src__":"registry/default/example/button-destructive-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonDestructiveExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"destructive\""}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonDestructiveExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-destructive-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"ghost-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#ghost-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Ghost Button"]}],"\n",["$","$L20",null,{"name":"button-ghost-example","children":["$","figure",null,{"__src__":"registry/default/example/button-ghost-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonGhostExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"ghost\""}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonGhostExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-ghost-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"link-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#link-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Link Button"]}],"\n",["$","$L20",null,{"name":"button-link-example","children":["$","figure",null,{"__src__":"registry/default/example/button-link-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonLinkExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"link\""}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonLinkExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-link-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"expand-icon-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#expand-icon-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Expand Icon Button"]}],"\n",["$","$L20",null,{"name":"button-expand-icon-example","children":["$","figure",null,{"__src__":"registry/default/example/button-expand-icon-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" ArrowRight "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lucide-react\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonExpandIconExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"expandIcon\""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" Icon"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"ArrowRight"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" iconPlacement"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"right\""}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" >"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"==="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ?"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"ArrowRight className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"h-4 w-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" />"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" )"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" :"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" )}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { ArrowRight } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonExpandIconExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name === \"icon\" ? (\n \n ) : (\n size.label\n )}\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-expand-icon-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"shine-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#shine-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Shine Button"]}],"\n",["$","$L20",null,{"name":"button-shine-example","children":["$","figure",null,{"__src__":"registry/default/example/button-shine-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonShineExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"shine\""}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonShineExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-shine-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"gooey-right-button","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#gooey-right-button","children":["$","span",null,{"className":"icon icon-link"}]}],"Gooey Right Button"]}],"\n",["$","$L20",null,{"name":"button-gooey-right-example","children":["$","figure",null,{"__src__":"registry/default/example/button-gooey-right-example.tsx","data-rehype-pretty-code-figure":"","children":[["$","pre",null,{"className":"mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border bg-zinc-950 py-4 dark:bg-zinc-900 Lambda Studio — Blackout","style":{"backgroundColor":"#000","color":"#fff"},"tabIndex":"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","data-language":"tsx","data-theme":"Lambda Studio — Blackout","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"import"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" Button "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" from"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"@/components/ui/button\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":";"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"const"}],["$","span",null,{"style":{"color":"#FFF"},"children":" sizes "}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ["}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Icon\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xs\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XSmall\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"sm\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Small\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"md\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Medium\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"lg\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"Large\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":" name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"2xl\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":","}],["$","span",null,{"style":{"color":"#FFF"},"children":" label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":":"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" \"XXLarge\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":" },"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"]"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" as"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" const;"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":"export"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" function"}],["$","span",null,{"style":{"color":"#FFF","fontWeight":"bold"},"children":" ButtonGooeyRightExample"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"()"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" return"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-wrap items-center gap-4\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"sizes"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"map"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"(("}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":")"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" =>"}],["$","span",null,{"style":{"color":"#FFF8"},"children":" ("}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"div key"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}],["$","span",null,{"style":{"color":"#FFF"},"children":" className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"flex flex-col items-center gap-2\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"Button variant"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"gooeyRight\""}],["$","span",null,{"style":{"color":"#FFF"},"children":" size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"={"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}>"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" {"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"label"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" <"}],["$","span",null,{"style":{"color":"#FFF"},"children":"span className"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"="}],["$","span",null,{"style":{"color":"#FFF8"},"children":"\"text-sm text-muted-foreground\""}],["$","span",null,{"style":{"color":"#FFF8"},"children":">{"}],["$","span",null,{"style":{"color":"#FFF"},"children":"size"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"."}],["$","span",null,{"style":{"color":"#FFF"},"children":"name"}],["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" ))}"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#FFF8"},"children":" "}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":" );"}]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#FFF8"},"children":"}"}]}]]}]}],["$","$L1e",null,{"value":"import { Button } from \"@/components/ui/button\";\n\nconst sizes = [\n { name: \"icon\", label: \"Icon\" },\n { name: \"xs\", label: \"XSmall\" },\n { name: \"sm\", label: \"Small\" },\n { name: \"md\", label: \"Medium\" },\n { name: \"lg\", label: \"Large\" },\n { name: \"xl\", label: \"XLarge\" },\n { name: \"2xl\", label: \"XXLarge\" },\n] as const;\n\nexport function ButtonGooeyRightExample() {\n return (\n

\n {sizes.map((size) => (\n

\n \n {size.name}\n

\n ))}\n

\n );\n}\n","src":"registry/default/example/button-gooey-right-example.tsx","event":"copy_usage_code","className":"absolute right-4 top-4"}],"$undefined"]}]}],"\n",["$","h2",null,{"className":"font-heading mt-12 scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0","id":"props","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#props","children":["$","span",null,{"className":"icon icon-link"}]}],"Props"]}],"\n",["$","div",null,{"className":"my-6 w-full overflow-y-auto","children":["$","table",null,{"className":"w-full","children":[["$","thead",null,{"children":["$","tr",null,{"className":"m-0 border-t p-0","children":[["$","th",null,{"className":"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right","children":"Prop"}],["$","th",null,{"className":"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right","children":"Type"}],["$","th",null,{"className":"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right","children":"Description"}],["$","th",null,{"className":"border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right","children":"Default"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"className":"m-0 border-t p-0","children":[["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"variant"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":[["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"default"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"destructive"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"outline"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"secondary"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"ghost"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"link"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"expandIcon"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"ringHover"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"ringHoverOutline"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"shine"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"gooeyRight"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"gooeyLeft"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"linkHover1"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"linkHover2"}]]}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"Button style variant"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"default"}]}]]}],["$","tr",null,{"className":"m-0 border-t p-0","children":[["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"size"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":[["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"icon"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"xs"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"sm"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"md"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"lg"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"xl"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"2xl"}]]}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"Size of the button"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"md"}]}]]}],["$","tr",null,{"className":"m-0 border-t p-0","children":[["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"asChild"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"boolean"}]}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"Render as a child component"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"false"}]}]]}],["$","tr",null,{"className":"m-0 border-t p-0","children":[["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"Icon"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"React.ElementType"}]}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"Icon component to display"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"-"}]]}],["$","tr",null,{"className":"m-0 border-t p-0","children":[["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"iconPlacement"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":[["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"left"}]," | ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"right"}]]}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"Position of the icon relative to the text"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"-"}]]}],["$","tr",null,{"className":"m-0 border-t p-0","children":[["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"className"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"string"}]}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"Additional CSS classes"}],["$","td",null,{"className":"border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right","children":"-"}]]}]]}]]}]}],"\n",["$","h3",null,{"className":"font-heading mt-8 scroll-m-20 text-xl font-semibold tracking-tight","id":"supported-html-attributes","children":[["$","a",null,{"className":"font-medium underline underline-offset-4 subheading-anchor","aria-label":"Link to section","href":"#supported-html-attributes","children":["$","span",null,{"className":"icon icon-link"}]}],"Supported HTML Attributes"]}],"\n",["$","p",null,{"className":"leading-7 [&:not(:first-child)]:mt-6","children":["Because the Button uses Radix UI, it inherits and supports ",["$","strong",null,{"children":"all standard HTML button attributes"}],", including:"]}],"\n",["$","ul",null,{"className":"ml-6 list-disc","children":["\n",["$","li",null,{"className":"mt-2","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"onClick"}]}],"\n",["$","li",null,{"className":"mt-2","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"disabled"}]}],"\n",["$","li",null,{"className":"mt-2","children":[["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"type"}]," (",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"\"button\""}],", ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"\"submit\""}],", ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"\"reset\""}],")"]}],"\n",["$","li",null,{"className":"mt-2","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"form"}]}],"\n",["$","li",null,{"className":"mt-2","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"formAction"}]}],"\n",["$","li",null,{"className":"mt-2","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"name"}]}],"\n",["$","li",null,{"className":"mt-2","children":["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"value"}]}],"\n",["$","li",null,{"className":"mt-2","children":[["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"aria-*"}]," attributes"]}],"\n",["$","li",null,{"className":"mt-2","children":[["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"data-*"}]," attributes"]}],"\n",["$","li",null,{"className":"mt-2","children":["Event handlers like ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"onMouseEnter"}],", ",["$","code",null,{"className":"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm","children":"onFocus"}],", etc."]}],"\n"]}],"\n",["$","p",null,{"className":"leading-7 [&:not(:first-child)]:mt-6","children":"The Button component uses Radix UI's primitives, ensuring proper accessibility, keyboard navigation and semantic HTML."}]]}]}],["$","div",null,{"className":"flex flex-row items-center justify-between","children":[["$","$L21",null,{"href":"/docs/components/avatar","className":"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2","children":[["$","svg",null,{"width":"15","height":"15","viewBox":"0 0 15 15","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"mr-2 size-4","children":["$","path",null,{"d":"M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z","fill":"currentColor","fillRule":"evenodd","clipRule":"evenodd"}]}],"Avatar"]}],["$","$L21",null,{"href":"/docs/components/input","className":"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 ml-auto","children":["Input",["$","svg",null,{"width":"15","height":"15","viewBox":"0 0 15 15","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"ml-2 size-4","children":["$","path",null,{"d":"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z","fill":"currentColor","fillRule":"evenodd","clipRule":"evenodd"}]}]]}]]}]]}],["$","div",null,{"className":"hidden text-sm xl:block","children":["$","div",null,{"className":"sticky top-16 -mt-10 pt-4","children":["$","$La",null,{"className":"pb-10","children":["$","div",null,{"className":"sticky top-16 -mt-10 h-[calc(100vh-3.5rem)] space-y-4 py-12","children":[["$","$L22",null,{"toc":{"items":[{"url":"#installation","title":"Installation"},{"url":"#usage","title":"Usage"},{"url":"#examples","title":"Examples","items":[{"url":"#default-button","title":"Default Button"},{"url":"#secondary-button","title":"Secondary Button"},{"url":"#outline-button","title":"Outline Button"},{"url":"#destructive-button","title":"Destructive Button"},{"url":"#ghost-button","title":"Ghost Button"},{"url":"#link-button","title":"Link Button"},{"url":"#expand-icon-button","title":"Expand Icon Button"},{"url":"#shine-button","title":"Shine Button"},{"url":"#gooey-right-button","title":"Gooey Right Button"}]},{"url":"#props","title":"Props","items":[{"url":"#supported-html-attributes","title":"Supported HTML Attributes"}]}]}}],["$","div",null,{"className":"space-y-2","children":[["$","p",null,{"className":"font-medium","children":"Contribute"}],["$","ul",null,{"className":"m-0 list-none","children":[["$","li","0",{"className":"mt-0 pt-2","children":["$","$L21",null,{"href":"https://github.com/BankkRoll/shaduxe-ui/issues/new?title=%5Bbug%5D%3A+%2Fdocs%2Fcomponents%2Fbutton&labels=bug&labels=documentation&template=bug_report.md","target":"_blank","rel":"noopener noreferrer","className":"inline-flex items-center text-sm text-muted-foreground transition-colors hover:text-foreground","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-bug mr-2 size-4","children":[["$","path","fmnt4t",{"d":"m8 2 1.88 1.88"}],["$","path","qol33r",{"d":"M14.12 3.88 16 2"}],["$","path","d7y7pr",{"d":"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"}],["$","path","xs1cw7",{"d":"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"}],["$","path","1qisl0",{"d":"M12 20v-9"}],["$","path","32zzws",{"d":"M6.53 9C4.6 8.8 3 7.1 3 5"}],["$","path","82j7cp",{"d":"M6 13H2"}],["$","path","4p0ekp",{"d":"M3 21c0-2.1 1.7-3.9 3.8-4"}],["$","path","18gb23",{"d":"M20.97 5c0 2.1-1.6 3.8-3.5 4"}],["$","path","1jl80f",{"d":"M22 13h-4"}],["$","path","k3fwyw",{"d":"M17.2 17c2.1.1 3.8 1.9 3.8 4"}],"$undefined"]}],"Report an issue"]}]}],["$","li","1",{"className":"mt-0 pt-2","children":["$","$L21",null,{"href":"https://github.com/BankkRoll/shaduxe-ui/issues/new?title=%5Bfeat%5D%3A+%2Fdocs%2Fcomponents%2Fbutton&labels=enhancement&template=feature_request.md","target":"_blank","rel":"noopener noreferrer","className":"inline-flex items-center text-sm text-muted-foreground transition-colors hover:text-foreground","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-lightbulb mr-2 size-4","children":[["$","path","1gvzjb",{"d":"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"}],["$","path","x1upvd",{"d":"M9 18h6"}],["$","path","ceow96",{"d":"M10 22h4"}],"$undefined"]}],"Request a feature"]}]}],["$","li","2",{"className":"mt-0 pt-2","children":["$","$L21",null,{"href":"https://github.com/BankkRoll/shaduxe-ui/blob/main/content/docs/components/button.mdx","target":"_blank","rel":"noopener noreferrer","className":"inline-flex items-center text-sm text-muted-foreground transition-colors hover:text-foreground","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-pencil mr-2 size-4","children":[["$","path","1a8usu",{"d":"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"}],["$","path","1mk7zo",{"d":"m15 5 4 4"}],"$undefined"]}],"Edit this page"]}]}]]}]]}]]}]}]}]}]]}]