@ladder-ui/manifests 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs ADDED
@@ -0,0 +1 @@
1
+ const e={$schema:"https://ladder-ui.dev/schemas/inventory.v1.json",version:"0.9.0",generated:"2026-03-30T16:56:55.233Z",totalComponents:178,totalPackages:42,categories:{data:["Accordion","AccordionContent","AccordionItem","AccordionTrigger","FullCalendar","ListItem","ListItemAction","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle","Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow","TableWrapper"],feedback:["Alert","AlertAction","AlertDescription","AlertTitle","CircularProgress","Progress","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps","Skeleton","Spinner","Toaster"],display:["Avatar","AvatarFallback","AvatarGroup","AvatarImage","Badge","BadgeButton","Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","CodeBlock","CodeEditor","Text"],navigation:["Breadcrumb","BreadcrumbEllipsis","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","NavigationMenu","NavigationMenuContent","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuLink","NavigationMenuList","NavigationMenuTrigger","NavigationMenuViewport","Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious","Tabs","TabsContent","TabsList","TabsTrigger"],action:["Button","ButtonGroup","Toggle","ToggleGroup"],form:["Calendar","Checkbox","CheckboxCard","CheckboxCardIndicator","Combobox","ComboboxChip","ComboboxChips","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxGroup","ComboboxInput","ComboboxItem","ComboboxList","ComboboxSeparator","Field","FieldDescription","FieldError","FieldGroup","FieldLabel","Input","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupText","InputGroupTextarea","InputOtp","InputOtpGroup","InputOtpSeparator","InputOtpSlot","Label","RadioGroup","RadioGroupItem","Select","SelectContent","SelectEmpty","SelectGroup","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectValue","Slider","Switch","Textarea"],utility:["SchemaRenderer","Slot"],overlay:["Dialog","DialogBody","DialogClose","DialogContent","DialogDescription","DialogFooter","DialogHeader","DialogTitle","DialogTrigger","Popover","PopoverClose","PopoverContent","PopoverTrigger","Tooltip","TooltipContent","TooltipHeader","TooltipLabel","TooltipProvider","TooltipRow","TooltipRows","TooltipSeparator","TooltipTrigger"],layout:["Box","Center","Container","Divider","Flex","Grid","GridItem","ResizableHandle","ResizablePanel","ResizablePanelGroup","Section","Spacer","Stack"]},compositionGraph:{Accordion:["AccordionItem"],AccordionItem:["AccordionContent","AccordionTrigger"],Alert:["*","AlertAction","AlertDescription","AlertTitle","Text"],Avatar:["AvatarFallback","AvatarGroup","AvatarImage"],AvatarFallback:["AvatarGroup","AvatarImage"],AvatarGroup:["AvatarFallback","AvatarImage"],AvatarImage:["AvatarFallback","AvatarGroup"],Badge:["*"],Box:["*","Accordion","AccordionContent","AccordionItem","AccordionTrigger","Alert","AlertAction","AlertDescription","AlertTitle","Breadcrumb","BreadcrumbEllipsis","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","Button","ButtonGroup","Calendar","Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Checkbox","CheckboxCard","CheckboxCardIndicator","CircularProgress","CodeBlock","CodeEditor","Combobox","ComboboxChip","ComboboxChips","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxGroup","ComboboxInput","ComboboxItem","ComboboxList","ComboboxSeparator","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","Field","FieldDescription","FieldError","FieldGroup","FieldLabel","FullCalendar","Input","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupText","InputGroupTextarea","InputOtp","InputOtpGroup","InputOtpSeparator","InputOtpSlot","Label","ListItem","ListItemAction","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle","NavigationMenu","NavigationMenuContent","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuLink","NavigationMenuList","NavigationMenuTrigger","NavigationMenuViewport","Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious","Progress","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps","RadioGroup","RadioGroupItem","ResizableHandle","ResizablePanel","ResizablePanelGroup","Select","SelectContent","SelectEmpty","SelectGroup","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectValue","Skeleton","Slider","Spinner","Switch","Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow","TableWrapper","Tabs","TabsContent","TabsList","TabsTrigger","Text","Textarea","Toaster","Toggle","ToggleGroup"],Breadcrumb:["BreadcrumbList"],BreadcrumbList:["BreadcrumbItem"],Button:["Spinner"],ButtonGroup:["Button"],Card:["Accordion","AccordionContent","AccordionItem","AccordionTrigger","Avatar","AvatarFallback","AvatarGroup","AvatarImage","Badge","BadgeButton","Calendar","CardContent","CardFooter","CardHeader","CircularProgress","CodeBlock","CodeEditor","FullCalendar","ListItem","ListItemAction","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle","Progress","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps","ResizableHandle","ResizablePanel","ResizablePanelGroup","Skeleton","Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow","TableWrapper","Tabs","TabsContent","TabsList","TabsTrigger","Text"],CardContent:["*","Accordion","AccordionContent","AccordionItem","AccordionTrigger","Calendar","CircularProgress","CodeBlock","CodeEditor","Field","FieldDescription","FieldError","FieldGroup","FieldLabel","FullCalendar","InputOtp","InputOtpGroup","InputOtpSeparator","InputOtpSlot","ListItem","ListItemAction","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle","Progress","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps","Skeleton","Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow","TableWrapper","Text","Toaster","Toggle","ToggleGroup"],CardDescription:["Text"],CardFooter:["*","Button","ButtonGroup","Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious"],CardHeader:["Badge","BadgeButton","CardAction","CardDescription","CardTitle","Text"],Center:["Spinner"],CircularProgress:["ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps"],Combobox:["ComboboxContent","ComboboxInput"],Dialog:["DialogBody","DialogFooter","DialogHeader"],DialogBody:["Accordion","AccordionContent","AccordionItem","AccordionTrigger","Alert","AlertAction","AlertDescription","AlertTitle","Calendar","CodeBlock","CodeEditor","Field","FieldDescription","FieldError","FieldGroup","FieldLabel","FullCalendar","InputOtp","InputOtpGroup","InputOtpSeparator","InputOtpSlot","ResizableHandle","ResizablePanel","ResizablePanelGroup","Tabs","TabsContent","TabsList","TabsTrigger","Text"],DialogFooter:["Button","ButtonGroup"],DropdownMenu:["DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuSub"],DropdownMenuItem:["Button"],Field:["*","Checkbox","Combobox","ComboboxChip","ComboboxChips","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxGroup","ComboboxInput","ComboboxItem","ComboboxList","ComboboxSeparator","FieldDescription","FieldError","FieldGroup","FieldLabel","Input","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupText","InputGroupTextarea","InputOtp","InputOtpGroup","InputOtpSeparator","InputOtpSlot","Label","RadioGroup","RadioGroupItem","Select","SelectContent","SelectEmpty","SelectGroup","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectValue","Slider","Switch","Textarea"],FieldGroup:["Checkbox","CheckboxCard","CheckboxCardIndicator","RadioGroup","RadioGroupItem"],Flex:["Accordion","AccordionContent","AccordionItem","AccordionTrigger","Alert","AlertAction","AlertDescription","AlertTitle","Avatar","AvatarFallback","AvatarGroup","AvatarImage","Badge","BadgeButton","Breadcrumb","BreadcrumbEllipsis","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","Button","ButtonGroup","Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Checkbox","CheckboxCard","CheckboxCardIndicator","CircularProgress","Combobox","ComboboxChip","ComboboxChips","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxGroup","ComboboxInput","ComboboxItem","ComboboxList","ComboboxSeparator","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","Field","FieldDescription","FieldError","FieldGroup","FieldLabel","Input","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupText","InputGroupTextarea","InputOtp","InputOtpGroup","InputOtpSeparator","InputOtpSlot","Label","Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious","Progress","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps","RadioGroup","RadioGroupItem","Select","SelectContent","SelectEmpty","SelectGroup","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectValue","Skeleton","Slider","Spinner","Switch","Text","Textarea","Toaster","Toggle","ToggleGroup"],Grid:["Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle"],GridItem:["Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle"],InputGroup:["Input","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupTextarea","Textarea"],InputOtp:["InputOtpGroup","InputOtpSeparator","InputOtpSlot"],InputOtpGroup:["InputOtpSeparator","InputOtpSlot"],InputOtpSeparator:["InputOtpGroup","InputOtpSlot"],InputOtpSlot:["InputOtpGroup","InputOtpSeparator"],ListItem:["Avatar","AvatarFallback","AvatarGroup","AvatarImage","ListItemAction","ListItemContent","ListItemIcon"],ListItemAction:["Badge","BadgeButton"],ListItemContent:["Text"],NavigationMenu:["NavigationMenuList"],NavigationMenuLink:["Avatar","AvatarFallback","AvatarGroup","AvatarImage"],NavigationMenuList:["NavigationMenuItem"],Pagination:["PaginationContent","PaginationItem","PaginationLink","PaginationPrevious"],PaginationContent:["*","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious"],PaginationItem:["PaginationContent","PaginationEllipsis","PaginationLink","PaginationNext","PaginationPrevious"],PaginationLink:["PaginationContent","PaginationEllipsis","PaginationItem","PaginationNext","PaginationPrevious"],PaginationPrevious:["PaginationContent","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious"],Popover:["PopoverContent"],PopoverContent:["*","Calendar","Combobox","ComboboxChip","ComboboxChips","ComboboxChipsInput","ComboboxContent","ComboboxEmpty","ComboboxGroup","ComboboxInput","ComboboxItem","ComboboxList","ComboboxSeparator"],Progress:["CircularProgress","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressSteps"],ProgressBreadcrumb:["ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps"],ProgressBreadcrumbItem:["ProgressBreadcrumb","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps"],ProgressDots:["ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressInfo","ProgressStep","ProgressSteps"],ProgressInfo:["ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressStep","ProgressSteps"],ProgressSteps:["ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressSteps"],RadioGroup:["*"],Select:["SelectContent","SelectTrigger"],Stack:["Alert","AlertAction","AlertDescription","AlertTitle","Avatar","AvatarFallback","AvatarGroup","AvatarImage","Badge","BadgeButton","Button","Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Checkbox","CheckboxCard","CheckboxCardIndicator","CircularProgress","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","Field","FieldDescription","FieldError","FieldGroup","FieldLabel","Input","InputGroup","InputGroupAddon","InputGroupButton","InputGroupInput","InputGroupText","InputGroupTextarea","InputOtp","InputOtpGroup","InputOtpSeparator","InputOtpSlot","ListItem","ListItemAction","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle","Progress","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots","ProgressInfo","ProgressStep","ProgressSteps","RadioGroup","RadioGroupItem","Select","SelectContent","SelectEmpty","SelectGroup","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectValue","Skeleton","Slider","Switch","Text","Textarea","Toaster","Toggle","ToggleGroup"],TableCaption:["Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious"],TableCell:["Badge","BadgeButton","Skeleton"],TableWrapper:["TableBody","TableCaption","TableFooter","TableHeader"],Tabs:["TabsContent","TabsList"],TabsContent:["CodeBlock","CodeEditor","FullCalendar","Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow","TableWrapper"],Toggle:["ToggleGroup"],ToggleGroup:["*"],TooltipProvider:["TooltipContent","TooltipTrigger"],any:["Text"],header:["NavigationMenu","NavigationMenuContent","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuLink","NavigationMenuList","NavigationMenuTrigger","NavigationMenuViewport"],label:["Switch"],nav:["Breadcrumb","BreadcrumbEllipsis","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","ListItem","ListItemAction","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle","NavigationMenu","NavigationMenuContent","NavigationMenuIndicator","NavigationMenuItem","NavigationMenuLink","NavigationMenuList","NavigationMenuTrigger","NavigationMenuViewport"],ul:["ListItem","ListItemAction","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle"]},recipes:{"contact-form":{description:"Contact form with name, email, message fields and submit button.",components:["Button","Card","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Field","FieldLabel","Input","Stack","Textarea"],template:"recipes/contact-form.json",tags:["form","landing"]},"dashboard-stats":{description:"Row of KPI stat cards with title, value, trend, and progress bar.",components:["Badge","Card","CardContent","CardHeader","Flex","Grid","Progress","Stack","Text"],template:"recipes/dashboard-stats.json",tags:["dashboard","analytics"]},"dashboard-table":{description:"Data table with header, sortable columns, pagination, and row actions.",components:["Avatar","Badge","Button","Card","CardContent","CardFooter","CardHeader","CardTitle","Flex","Input","Pagination","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","Text"],template:"recipes/dashboard-table.json",tags:["dashboard","data"]},"feature-grid":{description:"Grid of feature cards with icons and descriptions.",components:["Card","CardContent","Center","Grid","Stack","Text"],template:"recipes/feature-grid.json",tags:["landing","marketing"]},"hero-centered":{description:"Centered hero with pill badge, headline, subtitle, and CTA buttons.",components:["Badge","Box","Button","Center","Flex","Stack","Text"],template:"recipes/hero-centered.json",tags:["landing","marketing"]},"hero-split":{description:"Two-column hero with copy on the left and visual on the right.",components:["Badge","Box","Button","Flex","Grid","Stack","Text"],template:"recipes/hero-split.json",tags:["landing","marketing"]},"login-form":{description:"Login form with email, password, remember me, and forgot password link.",components:["Button","Card","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Checkbox","Field","FieldLabel","Flex","Input","Label","Stack","Text"],template:"recipes/login-form.json",tags:["form","auth"]},"notification-list":{description:"List of notification items with avatar, text, timestamp, and actions.",components:["Avatar","Badge","Button","Card","CardContent","CardFooter","CardHeader","CardTitle","Divider","Flex","ListItem","ListItemContent","ListItemDescription","ListItemIcon","ListItemTitle","Stack"],template:"recipes/notification-list.json",tags:["dashboard","social"]},"pricing-table":{description:"3-column pricing comparison with highlighted recommended plan.",components:["Badge","Button","Card","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Divider","Flex","Grid","Stack","Text"],template:"recipes/pricing-table.json",tags:["landing","saas"]},"settings-form":{description:"Settings page with sections, toggles, selects, and save button.",components:["Button","Card","CardContent","CardDescription","CardHeader","CardTitle","Divider","Field","FieldDescription","FieldLabel","Flex","Input","Stack","Switch","Text","Textarea"],template:"recipes/settings-form.json",tags:["dashboard","form"]}},packages:{accordion:{manifest:"packages/accordion/manifest.json",category:"data",exports:4},alert:{manifest:"packages/alert/manifest.json",category:"feedback",exports:4},avatar:{manifest:"packages/avatar/manifest.json",category:"display",exports:4},badge:{manifest:"packages/badge/manifest.json",category:"display",exports:2},breadcrumb:{manifest:"packages/breadcrumb/manifest.json",category:"navigation",exports:7},button:{manifest:"packages/button/manifest.json",category:"action",exports:1},"button-group":{manifest:"packages/button-group/manifest.json",category:"action",exports:1},calendar:{manifest:"packages/calendar/manifest.json",category:"form",exports:1},card:{manifest:"packages/card/manifest.json",category:"display",exports:7},checkbox:{manifest:"packages/checkbox/manifest.json",category:"form",exports:3},code:{manifest:"packages/code/manifest.json",category:"display",exports:2},combobox:{manifest:"packages/combobox/manifest.json",category:"form",exports:11},core:{manifest:"packages/core/manifest.json",category:"utility",exports:1},dialog:{manifest:"packages/dialog/manifest.json",category:"overlay",exports:9},"dropdown-menu":{manifest:"packages/dropdown-menu/manifest.json",category:"navigation",exports:14},field:{manifest:"packages/field/manifest.json",category:"form",exports:5},"full-calendar":{manifest:"packages/full-calendar/manifest.json",category:"data",exports:1},input:{manifest:"packages/input/manifest.json",category:"form",exports:1},"input-group":{manifest:"packages/input-group/manifest.json",category:"form",exports:6},"input-otp":{manifest:"packages/input-otp/manifest.json",category:"form",exports:4},label:{manifest:"packages/label/manifest.json",category:"form",exports:1},layout:{manifest:"packages/layout/manifest.json",category:"layout",exports:10},"list-item":{manifest:"packages/list-item/manifest.json",category:"data",exports:6},"navigation-menu":{manifest:"packages/navigation-menu/manifest.json",category:"navigation",exports:8},pagination:{manifest:"packages/pagination/manifest.json",category:"navigation",exports:7},popover:{manifest:"packages/popover/manifest.json",category:"overlay",exports:4},progress:{manifest:"packages/progress/manifest.json",category:"feedback",exports:8},"radio-group":{manifest:"packages/radio-group/manifest.json",category:"form",exports:2},renderer:{manifest:"packages/renderer/manifest.json",category:"utility",exports:1},resizable:{manifest:"packages/resizable/manifest.json",category:"layout",exports:3},select:{manifest:"packages/select/manifest.json",category:"form",exports:9},skeleton:{manifest:"packages/skeleton/manifest.json",category:"feedback",exports:1},slider:{manifest:"packages/slider/manifest.json",category:"form",exports:1},spinner:{manifest:"packages/spinner/manifest.json",category:"feedback",exports:1},switch:{manifest:"packages/switch/manifest.json",category:"form",exports:1},table:{manifest:"packages/table/manifest.json",category:"data",exports:9},tabs:{manifest:"packages/tabs/manifest.json",category:"navigation",exports:4},textarea:{manifest:"packages/textarea/manifest.json",category:"form",exports:1},toast:{manifest:"packages/toast/manifest.json",category:"feedback",exports:1},toggle:{manifest:"packages/toggle/manifest.json",category:"action",exports:2},tooltip:{manifest:"packages/tooltip/manifest.json",category:"overlay",exports:9},typography:{manifest:"packages/typography/manifest.json",category:"display",exports:1}}},t={accordion:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/accordion",version:"0.9.0",category:"data",description:"Accessible collapsible content sections for React with single and multiple open modes",components:{Accordion:{element:"div",description:"Accordion component.",slot:"accordion",isRoot:!0},AccordionItem:{element:"div",description:"AccordionItem component.",slot:"accordion-item"},AccordionTrigger:{element:"h3",description:"AccordionTrigger component.",slot:"accordion-trigger"},AccordionContent:{element:"div",description:"AccordionContent component.",slot:"accordion-content"}},props:{Accordion:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},type:{type:"enum",default:"single",required:!1,description:'Whether one (`"single"`) or multiple (`"multiple"`) items can be open at a time.',values:["single","multiple"]},value:{type:"string | string[]",default:null,required:!1,description:'Controlled open value. Pass a string for `type="single"`, string array for\n`type="multiple"`.'},defaultValue:{type:"string | string[]",default:null,required:!1,description:"Uncontrolled default open value. Same type rules as `value`."},onValueChange:{type:"function",default:null,required:!1,description:'Callback fired when the open state changes. Receives a string for\n`type="single"`, string array for `type="multiple"`.',signature:"(value: string | string[]) => void"},collapsible:{type:"boolean",default:!1,required:!1,description:'For `type="single"`, allow the currently open item to be collapsed by\nclicking its trigger again.'},disabled:{type:"boolean",default:!1,required:!1,description:"Disable all accordion items."},variant:{type:"enum",default:"default",required:!1,description:'Visual style of the accordion.\n- `"default"` — flat list separated by horizontal dividers with a rotating chevron icon.\n- `"card"` — each item is an individual rounded card with gap between items and a +/× icon.',values:["default","card"]}},AccordionItem:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"string",default:null,required:!0,description:"Unique identifier for this item. Used to track open/closed state."},disabled:{type:"boolean",default:!1,required:!1,description:"Disables this individual item regardless of the root `disabled` prop."}},AccordionTrigger:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:""},icon:{type:"ReactNode",default:null,required:!1,description:"Custom icon to replace the default chevron."},hideIcon:{type:"boolean",default:!1,required:!1,description:"Set to `true` to hide the default chevron icon entirely."}},AccordionContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{"accordion-item":{accepts:["AccordionTrigger","AccordionContent"],required:!0,description:"Each item contains a trigger that toggles visibility of its content panel"}},composesInside:["Box","Flex","Card","CardContent","DialogBody"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/typography","@ladder-ui/badge"],tokens:{"--lui-accordion-border-color":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-accordion-border-width":{default:"1px",type:"dimension",description:"",inherits:null},"--lui-accordion-item-gap":{default:"0px",type:"dimension",description:"",inherits:null},"--lui-accordion-trigger-bg":{default:"transparent",type:"color",description:"",inherits:null},"--lui-accordion-trigger-bg-hover":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-accordion-trigger-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-accordion-trigger-font-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-accordion-trigger-font-weight":{default:"400",type:"font",description:"",inherits:null},"--lui-accordion-trigger-padding-block":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-accordion-trigger-padding-inline":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-accordion-trigger-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-accordion-trigger-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 35%, transparent)",type:"color",description:"",inherits:null},"--lui-accordion-content-text":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-accordion-content-font-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-accordion-content-padding-block":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-accordion-content-padding-inline":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-accordion-content-bg":{default:"transparent",type:"color",description:"",inherits:null},"--lui-accordion-icon-size":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-accordion-icon-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-accordion-transition-duration":{default:"0.2s",type:"timing",description:"",inherits:null},"--lui-accordion-transition-easing":{default:"ease",type:"timing",description:"",inherits:null},"--lui-accordion-card-gap":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-accordion-card-radius":{default:"var(--lui-radius-lg)",type:"dimension",description:"",inherits:"--lui-radius-lg"},"--lui-accordion-card-item-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-accordion-card-item-open-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-accordion-card-item-open-shadow":{default:"0 1px 4px 0 rgb(0 0 0 / 0.08), 0 0 0 1px var(--lui-border-default)",type:"shadow",description:"",inherits:null},"--lui-accordion-card-icon-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-accordion-card-icon-size":{default:"2rem",type:"dimension",description:"",inherits:null},"--lui-accordion-card-icon-open-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"}},css:{tokens:"@ladder-ui/accordion/accordion.vars.css",styles:"@ladder-ui/accordion/accordion.css"},import:"import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@ladder-ui/accordion';"},alert:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/alert",version:"0.9.0",category:"feedback",description:"",components:{Alert:{element:"div",description:"Alert component.",slot:"alert-action",isRoot:!0},AlertTitle:{element:"h5",description:"AlertTitle component.",slot:"alert-title"},AlertDescription:{element:"div",description:"AlertDescription component.",slot:"alert-description"},AlertAction:{element:"div",description:"AlertAction component.",slot:"alert-action"}},props:{Alert:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the root `<div>` element."},variant:{type:"enum",default:"default",required:!1,description:"Visual style of the alert — controls color and icon.",values:["default","destructive","success","warning","info"]},soft:{type:"boolean",default:!1,required:!1,description:"Renders a muted, low-contrast version of the variant — less intrusive in dense UIs."}},AlertTitle:{ref:{type:"Ref<HTMLHeadingElement>",default:null,required:!1,description:""}},AlertDescription:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},AlertAction:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{alert:{accepts:["AlertTitle","AlertDescription","AlertAction","*"],required:!0,description:"The alert container holding title, description, optional action, and any additional content"}},composesInside:["Box","Flex","Stack","DialogBody"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/typography"],tokens:{"--lui-alert-bg":{default:"var(--lui-bg-surface)",type:"color",description:"Default Variant",inherits:"--lui-bg-surface"},"--lui-alert-text":{default:"var(--lui-text-main)",type:"color",description:"",inherits:"--lui-text-main"},"--lui-alert-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-alert-radius":{default:"var(--lui-radius-md)",type:"dimension",description:"Radius and Padding",inherits:"--lui-radius-md"},"--lui-alert-px-base":{default:"0.8rem",type:"dimension",description:"",inherits:null},"--lui-alert-py-base":{default:"0.8rem",type:"dimension",description:"",inherits:null},"--lui-alert-px":{default:"calc(var(--lui-alert-px-base) * var(--lui-density-factor, 1))",type:"other",description:"",inherits:null},"--lui-alert-py":{default:"calc(var(--lui-alert-py-base) * var(--lui-density-factor, 1))",type:"other",description:"",inherits:null},"--lui-alert-gap-base":{default:"0.300rem",type:"dimension",description:"Internal Spacing",inherits:null},"--lui-alert-gap":{default:"calc(var(--lui-alert-gap-base) * var(--lui-density-factor, 1))",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/alert/alert.vars.css",styles:"@ladder-ui/alert/alert.css"},import:"import { Alert, AlertTitle, AlertDescription, AlertAction } from '@ladder-ui/alert';"},avatar:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/avatar",version:"0.9.0",category:"display",description:"",components:{Avatar:{element:"div",description:"Avatar component.",slot:"avatar",isRoot:!0},AvatarImage:{element:"img",description:"AvatarImage component.",slot:"avatar-image"},AvatarFallback:{element:"span",description:"AvatarFallback component.",slot:"avatar-fallback"},AvatarGroup:{element:"div",description:"AvatarGroup component.",slot:"avatar-group"}},props:{Avatar:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:""},size:{type:"enum",default:"md",required:!1,description:'Avatar size. Default: "md"',values:["xs","sm","md","lg","xl"]}},AvatarImage:{ref:{type:"Ref<HTMLImageElement>",default:null,required:!1,description:""}},AvatarFallback:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:""}},AvatarGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{"avatar-image":{accepts:["AvatarFallback","AvatarGroup"],required:!1,description:"The avatar image area of the Avatar component"},"avatar-fallback":{accepts:["AvatarImage","AvatarGroup"],required:!1,description:"The avatar fallback area of the Avatar component"},"avatar-group":{accepts:["AvatarImage","AvatarFallback"],required:!1,description:"The avatar group area of the Avatar component"}},composesInside:["Flex","Stack","Card","ListItem","NavigationMenuLink"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/tooltip","@ladder-ui/badge","@ladder-ui/typography"],tokens:{"--lui-avatar-size-xs":{default:"1.5rem",type:"dimension",description:"avatar.vars.scss — NEVER wrap in @layer",inherits:null},"--lui-avatar-size-sm":{default:"2rem",type:"dimension",description:"",inherits:null},"--lui-avatar-size-md":{default:"2.5rem",type:"dimension",description:"",inherits:null},"--lui-avatar-size-lg":{default:"3rem",type:"dimension",description:"",inherits:null},"--lui-avatar-size-xl":{default:"4rem",type:"dimension",description:"",inherits:null},"--lui-avatar-radius":{default:"var(--lui-radius-full, 9999px)",type:"dimension",description:"",inherits:null},"--lui-avatar-bg":{default:"var(--lui-bg-interactive, #18181b)",type:"color",description:"",inherits:null},"--lui-avatar-fallback-text":{default:"var(--lui-text-inverse, #fff)",type:"color",description:"",inherits:null},"--lui-avatar-fallback-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-avatar-fallback-weight":{default:"500",type:"number",description:"",inherits:null},"--lui-avatar-group-overlap":{default:"-0.625rem",type:"dimension",description:"",inherits:null},"--lui-avatar-ring-color":{default:"var(--lui-bg-surface, #fff)",type:"color",description:"",inherits:null},"--lui-avatar-ring-width":{default:"2px",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/avatar/avatar.vars.css",styles:"@ladder-ui/avatar/avatar.css"},import:"import { Avatar, AvatarImage, AvatarFallback, AvatarGroup } from '@ladder-ui/avatar';"},badge:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/badge",version:"0.9.0",category:"display",description:"",components:{Badge:{element:"button",description:"Badge — a small, labeled indicator for status, tags, counts, or categories.\n\n- Renders as a `<span>` — purely informational, no interaction by default.\n- For clickable / toggle badges, use `BadgeButton`.\n- `asChild` renders styles on the child element (e.g. `<a>`).\n- `dot` mode renders as a colored circle — ideal paired with `pulse`.\n- `removable` adds an accessible × button for chip / tag patterns.\n- No third-party dependencies.",slot:"badge",isRoot:!0},BadgeButton:{element:"button",description:"BadgeButton — an interactive, toggleable badge rendered as a `<button>`.\n\nUse for filter chips, tag selectors, or any badge that the user can click.\n`pressed` maps to `aria-pressed` for correct screen reader announcement.\nAll Badge variants and sizes are supported.",slot:"badge"}},props:{Badge:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:"React 19 ref — points directly to the root `<span>` element"},variant:{type:"enum",default:"default",required:!1,description:"Color scheme of the badge.",values:["default","success","warning","info","secondary","outline","ghost","error"]},size:{type:"enum",default:"md",required:!1,description:"Size of the badge.",values:["sm","md","lg"]},soft:{type:"boolean",default:!1,required:!1,description:"Renders a muted, low-contrast version of the variant."},dot:{type:"boolean",default:!1,required:!1,description:"Renders as a small colored circle — ignores children. Pair with `pulse` for live status indicators."},pulse:{type:"boolean",default:!1,required:!1,description:'Adds an expanding ring animation — useful for "live" or "online" status.'},interactive:{type:"boolean",default:!1,required:!1,description:"@internal Used by `BadgeButton` to apply interactive hover/focus styles. Do not set directly."},removable:{type:"boolean",default:!1,required:!1,description:"Shows a × remove button — for dismissible chip / tag patterns."},onRemove:{type:"function",default:null,required:!1,description:"Called when the remove button is clicked. Only fires when `removable` is true.",signature:"(e: MouseEvent<HTMLButtonElement, MouseEvent>) => void"},asChild:{type:"boolean",default:!1,required:!1,description:"When `true`, renders badge styles directly on its single child element\ninstead of wrapping in a `<span>`. Useful for rendering a badge as `<a>`.\n\n**Note:** `removable` is ignored in `asChild` mode."}},BadgeButton:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:"React 19 ref — points directly to the `<button>` element"},variant:{type:"enum",default:"default",required:!1,description:"Color scheme of the badge button.",values:["default","success","warning","info","secondary","outline","ghost","error"]},size:{type:"enum",default:"md",required:!1,description:"Size of the badge button.",values:["sm","md","lg"]},soft:{type:"boolean",default:!1,required:!1,description:"Renders a muted, low-contrast version of the variant."},pulse:{type:"boolean",default:!1,required:!1,description:"Adds an expanding ring animation."},dot:{type:"boolean",default:!1,required:!1,description:"Renders as a small colored circle — ignores children."},interactive:{type:"boolean",default:!0,required:!1,description:"@internal Applied automatically — do not set directly."},pressed:{type:"boolean",default:null,required:!1,description:'Whether the toggle badge is in the "pressed" (active/selected) state. Sets `aria-pressed`.'},asChild:{type:"boolean",default:!1,required:!1,description:"When `true`, renders badge styles directly on its single child element\ninstead of a `<button>`. Useful for rendering as `<a>`."}}},slots:{badge:{accepts:["*"],required:!1,description:"The badge area of the Badge component"}},composesInside:["Flex","Stack","Card","CardHeader","TableCell","ListItemAction"],dependencies:["@ladder-ui/core"],tokens:{"--lui-badge-font-size-sm":{default:"0.6875rem",type:"dimension",description:"Typography",inherits:null},"--lui-badge-font-size-md":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-badge-font-size-lg":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-badge-font-weight":{default:"500",type:"font",description:"",inherits:null},"--lui-badge-letter-spacing":{default:"0.01em",type:"dimension",description:"",inherits:null},"--lui-badge-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"Shape",inherits:"--lui-radius-sm"},"--lui-badge-dot-sm":{default:"0.5rem",type:"dimension",description:"Dot sizes",inherits:null},"--lui-badge-dot-md":{default:"0.625rem",type:"dimension",description:"",inherits:null},"--lui-badge-dot-lg":{default:"0.75rem",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/badge/badge.vars.css",styles:"@ladder-ui/badge/badge.css"},import:"import { Badge, BadgeButton } from '@ladder-ui/badge';"},breadcrumb:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/breadcrumb",version:"0.9.0",category:"navigation",description:"",components:{Breadcrumb:{element:"nav",description:"Breadcrumb component.",slot:"breadcrumb",isRoot:!0},BreadcrumbList:{element:"ol",description:"BreadcrumbList component.",slot:"breadcrumb-list"},BreadcrumbItem:{element:"li",description:"BreadcrumbItem component.",slot:"breadcrumb-item"},BreadcrumbLink:{element:"a",description:"BreadcrumbLink component.",slot:"breadcrumb-link"},BreadcrumbPage:{element:"span",description:"BreadcrumbPage component.",slot:"breadcrumb-page"},BreadcrumbSeparator:{element:"li",description:"BreadcrumbSeparator component.",slot:"breadcrumb-separator"},BreadcrumbEllipsis:{element:"span",description:"BreadcrumbEllipsis component.",slot:"breadcrumb-ellipsis"}},props:{Breadcrumb:{ref:{type:"Ref<HTMLElement>",default:null,required:!1,description:""}},BreadcrumbList:{ref:{type:"Ref<HTMLOListElement>",default:null,required:!1,description:""}},BreadcrumbItem:{ref:{type:"Ref<HTMLLIElement>",default:null,required:!1,description:""}},BreadcrumbLink:{ref:{type:"Ref<HTMLAnchorElement>",default:null,required:!1,description:""},asChild:{type:"boolean",default:!1,required:!1,description:"When true, renders only the child element and merges BreadcrumbLink\nclass/style onto it — useful for framework-specific routers\n(e.g. Next.js <Link>, React Router <Link>)."}},BreadcrumbPage:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:""}},BreadcrumbSeparator:{ref:{type:"Ref<HTMLLIElement>",default:null,required:!1,description:""}},BreadcrumbEllipsis:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:""}}},slots:{"breadcrumb-list":{accepts:["BreadcrumbItem"],required:!0,description:"Ordered list of breadcrumb items representing the navigation path"}},composesInside:["Box","Flex","nav"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/dropdown-menu","@ladder-ui/typography"],tokens:{"--lui-breadcrumb-text":{default:"var(--lui-text-secondary)",type:"color",description:"Component-level token aliases. Unlayered so they apply unconditionally.",inherits:"--lui-text-secondary"},"--lui-breadcrumb-text-active":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-breadcrumb-text-hover":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-breadcrumb-separator-color":{default:"var(--lui-text-disabled)",type:"color",description:"",inherits:"--lui-text-disabled"},"--lui-breadcrumb-font-size":{default:"var(--lui-text-sm, 0.875rem)",type:"color",description:"",inherits:null},"--lui-breadcrumb-ellipsis-size":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-breadcrumb-gap-base":{default:"0.375rem",type:"dimension",description:"Gap reacts to the global density context automatically",inherits:null},"--lui-breadcrumb-gap":{default:"calc(var(--lui-breadcrumb-gap-base) * var(--lui-density-factor, 1))",type:"dimension",description:"",inherits:null},"--lui-breadcrumb-focus-ring":{default:"0 0 0 2px var(--lui-bg-surface), 0 0 0 4px var(--lui-border-focus)",type:"dimension",description:"Focus ring",inherits:null},"--lui-breadcrumb-transition":{default:"color var(--lui-transition, 150ms ease)",type:"timing",description:"Link transition",inherits:null},"--lui-breadcrumb-dropdown-trigger-text":{default:"var(--lui-breadcrumb-text)",type:"color",description:"BreadcrumbItem. All panel/item tokens are owned by @ladder-ui/dropdown-menu.",inherits:"--lui-breadcrumb-text"}},css:{tokens:"@ladder-ui/breadcrumb/breadcrumb.vars.css",styles:"@ladder-ui/breadcrumb/breadcrumb.css"},import:"import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from '@ladder-ui/breadcrumb';"},button:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/button",version:"0.9.0",category:"action",description:"",components:{Button:{element:"button",description:"Button component."}},props:{Button:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:"React 19 ref — points to the `<button>` element."},variant:{type:"enum",default:"primary",required:!1,description:"Visual style of the button.",values:["link","destructive","success","warning","info","secondary","outline","ghost","primary"]},size:{type:"enum",default:"md",required:!1,description:"Size of the button.",values:["xs","sm","md","lg","xl"]},soft:{type:"boolean",default:!1,required:!1,description:"Renders a muted, low-contrast version of the variant — useful for secondary actions."},loading:{type:"boolean",default:!1,required:!1,description:"Shows a loading spinner and disables the button while an async action is in progress."},fullWidth:{type:"boolean",default:!1,required:!1,description:"Stretch the button to fill its container's full width."},asChild:{type:"boolean",default:!1,required:!1,description:"When `true`, renders the button's styles and a11y props directly on its\nsingle child element instead of wrapping it in a `<button>`.\n\nUseful for Next.js `<Link>`, React Router `<NavLink>`, or any element that\nmust be semantically different from a `<button>`.\n\n**Note:** `loading` state is not applied in `asChild` mode."}}},composesInside:["Flex","Stack","CardFooter","DialogFooter","ButtonGroup","DropdownMenuItem","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button-group","@ladder-ui/tooltip","@ladder-ui/dropdown-menu"],tokens:{"--lui-button-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"Focus ring",inherits:null},"--lui-button-spinner-size":{default:"1rem",type:"dimension",description:"Loading spinner",inherits:null},"--lui-button-spinner-border-width":{default:"2px",type:"dimension",description:"",inherits:null},"--lui-button-spinner-color":{default:"currentColor",type:"color",description:"",inherits:null}},css:{tokens:"@ladder-ui/button/button.vars.css",styles:"@ladder-ui/button/button.css"},import:"import { Button } from '@ladder-ui/button';"},"button-group":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/button-group",version:"0.9.0",category:"action",description:"",components:{ButtonGroup:{element:"div",description:"ButtonGroup component."}},props:{ButtonGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},orientation:{type:"enum",default:"horizontal",required:!1,description:"Layout direction of the grouped buttons",values:["horizontal","vertical"]}}},composesInside:["Flex","CardFooter","DialogFooter","Box"],dependencies:["@ladder-ui/button","@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/tooltip"],tokens:{},css:{styles:"@ladder-ui/button-group/button-group.css"},import:"import { ButtonGroup } from '@ladder-ui/button-group';"},calendar:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/calendar",version:"0.0.1",category:"form",description:"",components:{Calendar:{element:"div",description:"Calendar component.",slot:"calendar-month"}},props:{Calendar:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},mode:{type:"enum",default:"single",required:!1,description:'Selection mode. Default: "single"',values:["single","multiple","range"]},selected:{type:"Date | DateRange | Date[]",default:null,required:!1,description:"Controlled selected value"},defaultSelected:{type:"Date | DateRange | Date[]",default:null,required:!1,description:"Default selected value for uncontrolled usage"},onSelect:{type:"function",default:null,required:!1,description:"Called when selection changes",signature:"(value: Date | DateRange | Date[]) => void"},month:{type:"Date",default:null,required:!1,description:"Controlled month view (first displayed month)"},defaultMonth:{type:"Date",default:null,required:!1,description:"Default month to display"},onMonthChange:{type:"function",default:null,required:!1,description:"Called when navigated to a different month",signature:"(month: Date) => void"},numberOfMonths:{type:"number",default:1,required:!1,description:"Number of months to display side by side"},disabled:{type:"function",default:null,required:!1,description:"Array of disabled dates, or a function returning true for disabled",signature:"Date[] | ((date: Date) => boolean)"},showOutsideDays:{type:"boolean",default:!0,required:!1,description:"Show days from previous/next month. Default: true"},weekStartsOn:{type:"enum",default:0,required:!1,description:"Day the week starts on (0=Sun, 1=Mon). Default: 0",values:["0","1","2","3","4","5","6"]},locale:{type:"string",default:"en-US",required:!1,description:'Locale string for month/day names. Default: "en-US"'},markedDates:{type:"Date[]",default:null,required:!1,description:"Dates with a dot marker"},fromDate:{type:"Date",default:null,required:!1,description:"Minimum selectable date"},toDate:{type:"Date",default:null,required:!1,description:"Maximum selectable date"},today:{type:"Date",default:null,required:!1,description:"Override today's date (useful for testing)"},showMonthYearDropdown:{type:"boolean",default:!1,required:!1,description:"Show month and year dropdown selectors in the header instead of plain text.\nAllows jumping to any month/year without navigating one-by-one."},fromYear:{type:"number",default:null,required:!1,description:"Minimum year shown in the year dropdown. Default: current year - 10"},toYear:{type:"number",default:null,required:!1,description:"Maximum year shown in the year dropdown. Default: current year + 10"},availableDates:{type:"function",default:null,required:!1,description:'Dates that are "available" for selection.\nWhen provided, only these dates are fully interactive.\nNon-available dates are visually muted and non-interactive.\nAccepts an array of dates or a function returning true for available dates.',signature:"Date[] | ((date: Date) => boolean)"}}},composesInside:["Box","PopoverContent","DialogBody","Card","CardContent"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/popover"],tokens:{"--lui-calendar-bg":{default:"var(--lui-bg-surface)",type:"color",description:"These must be unlayered so they apply unconditionally.",inherits:"--lui-bg-surface"},"--lui-calendar-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-calendar-radius":{default:"var(--lui-radius-md)",type:"dimension",description:"",inherits:"--lui-radius-md"},"--lui-calendar-padding":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-calendar-width":{default:"18rem",type:"dimension",description:"",inherits:null},"--lui-calendar-gap":{default:"1.5rem",type:"dimension",description:"",inherits:null},"--lui-calendar-caption-font-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-calendar-caption-font-weight":{default:"600",type:"font",description:"",inherits:null},"--lui-calendar-caption-color":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-calendar-nav-size":{default:"1.75rem",type:"dimension",description:"",inherits:null},"--lui-calendar-nav-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-calendar-nav-hover-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-calendar-nav-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-calendar-select-hover-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-calendar-select-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-calendar-weekday-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-calendar-weekday-font-size":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-calendar-weekday-font-weight":{default:"500",type:"font",description:"",inherits:null},"--lui-calendar-day-size":{default:"2.25rem",type:"dimension",description:"",inherits:null},"--lui-calendar-day-font-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-calendar-day-color":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-calendar-day-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-calendar-day-hover-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-calendar-today-dot-color":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-calendar-today-dot-size":{default:"0.25rem",type:"dimension",description:"",inherits:null},"--lui-calendar-outside-opacity":{default:"0.4",type:"number",description:"",inherits:null},"--lui-calendar-selected-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-calendar-selected-text":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"},"--lui-calendar-selected-hover-bg":{default:"var(--lui-bg-interactive-hover)",type:"color",description:"",inherits:"--lui-bg-interactive-hover"},"--lui-calendar-range-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 12%, transparent)",type:"color",description:"",inherits:null},"--lui-calendar-marked-dot-color":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-calendar-marked-dot-size":{default:"0.25rem",type:"dimension",description:"",inherits:null},"--lui-calendar-available-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-calendar-available-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-calendar-unavailable-opacity":{default:"0.2",type:"number",description:"",inherits:null}},css:{tokens:"@ladder-ui/calendar/calendar.vars.css",styles:"@ladder-ui/calendar/calendar.css"},import:"import { Calendar } from '@ladder-ui/calendar';"},card:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/card",version:"0.9.0",category:"display",description:"",components:{Card:{element:"div",description:"Card component.",slot:"card",isRoot:!0},CardHeader:{element:"div",description:"CardHeader component.",slot:"card-header"},CardTitle:{element:"h3",description:"CardTitle component.",slot:"card-title"},CardDescription:{element:"div",description:"CardDescription component.",slot:"card-description"},CardAction:{element:"div",description:"CardAction component.",slot:"card-action"},CardContent:{element:"div",description:"CardContent component.",slot:"card-content"},CardFooter:{element:"div",description:"CardFooter component.",slot:"card-footer"}},props:{Card:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},asChild:{type:"boolean",default:!1,required:!1,description:"When `true`, renders card styles directly on its single child element\ninstead of wrapping in a `<div>`. Useful for semantic HTML:\n`<Card asChild><article>...</article></Card>`."}},CardHeader:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},CardTitle:{ref:{type:"Ref<HTMLHeadingElement>",default:null,required:!1,description:""}},CardDescription:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},CardAction:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},CardContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},CardFooter:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{"card-header":{accepts:["CardTitle","CardDescription","CardAction"],required:!1,description:"Optional header area with title, description, and an action slot"},"card-content":{accepts:["*"],required:!0,description:"Main content area of the card"},"card-footer":{accepts:["*"],required:!1,description:"Optional footer area, typically for actions or metadata"}},composesInside:["Grid","GridItem","Flex","Stack","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/badge","@ladder-ui/avatar","@ladder-ui/typography","@ladder-ui/layout"],tokens:{"--lui-card-padding":{default:"1.5rem",type:"dimension",description:"Layout",inherits:null},"--lui-card-gap":{default:"0",type:"dimension",description:"",inherits:null},"--lui-card-bg":{default:"var(--lui-bg-surface)",type:"color",description:"Background & border",inherits:"--lui-bg-surface"},"--lui-card-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-card-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-card-shadow":{default:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",type:"shadow",description:"",inherits:null},"--lui-card-radius":{default:"var(--lui-radius-md)",type:"dimension",description:"Shape",inherits:"--lui-radius-md"},"--lui-card-header-padding":{default:"var(--lui-card-padding)",type:"dimension",description:"Header",inherits:"--lui-card-padding"},"--lui-card-header-gap":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-card-content-padding":{default:"var(--lui-card-padding)",type:"dimension",description:"Content",inherits:"--lui-card-padding"},"--lui-card-footer-padding":{default:"var(--lui-card-padding)",type:"dimension",description:"Footer",inherits:"--lui-card-padding"},"--lui-card-footer-gap":{default:"0.5rem",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/card/card.vars.css",styles:"@ladder-ui/card/card.css"},import:"import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from '@ladder-ui/card';"},checkbox:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/checkbox",version:"0.9.0",category:"form",description:"",components:{Checkbox:{element:"label",description:'Checkbox — a fully accessible, themeable checkbox.\n\n- Renders a native `<input type="checkbox">` for full browser and AT support.\n- `ref` points directly to the native input element.\n- Supports `indeterminate` state (shows a dash — useful for "select all" patterns).\n- No third-party dependencies — checkmark and dash are inline SVGs.\n- All visual state is driven by CSS `:has()` selectors — zero JS in rendering.',isRoot:!0},CheckboxCard:{element:"label",description:"CheckboxCard — an interactive card wrapper for Checkboxes.\nMust contain a `<Checkbox />` inside.\nApplies visual styling to the entire card when the internal checkbox is checked."},CheckboxCardIndicator:{element:"div",description:"CheckboxCardIndicator — a container that automatically shows/hides\nbased on the parent CheckboxCard's checked state via CSS.\nIdeal for wrapping custom checkmark SVGs. It comes with structural defaults."}},props:{Checkbox:{ref:{type:"Ref<HTMLInputElement>",default:null,required:!1,description:'React 19 ref — points directly to the native <input type="checkbox"> element'},size:{type:"enum",default:"md",required:!1,description:"Size variant.",values:["sm","md","lg"]},indeterminate:{type:"boolean",default:!1,required:!1,description:'Shows a dash instead of a checkmark. Useful for "select all" controls where\nonly some items in the group are checked. Set imperatively — there is no HTML\nattribute for this state.'},status:{type:"enum",default:"default",required:!1,description:'Visual validation state. `"error"` also sets `aria-invalid="true"` on the\nnative input automatically.',values:["default","error"]},hidden:{type:"boolean",default:!1,required:!1,description:"Hides the physical checkmark box, leaving only the native clickable input element.\nNative input will wrap its width and height to the nearest positioned ancestor (like a `CheckboxCard`)."}},CheckboxCard:{ref:{type:"Ref<HTMLLabelElement>",default:null,required:!1,description:""},orientation:{type:"enum",default:"vertical",required:!1,description:"The visual orientation of the card contents.",values:["horizontal","vertical"]}},CheckboxCardIndicator:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},placement:{type:"enum",default:"inline",required:!1,description:'Defines the absolute positioning of the indicator inside the card.\nUse "inline" for flow layouts.',values:["inline","top-right","center-right","bottom-right","top-left","center-left","bottom-left"]}}},composesInside:["Flex","Stack","FieldGroup","Box"],dependencies:["@ladder-ui/core","@ladder-ui/primitives"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/typography"],tokens:{"--lui-checkbox-size-sm":{default:"0.875rem",type:"dimension",description:"Sizes",inherits:null},"--lui-checkbox-size-md":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-checkbox-size-lg":{default:"1.25rem",type:"dimension",description:"",inherits:null},"--lui-checkbox-bg":{default:"var(--lui-bg-surface)",type:"color",description:"Background & border (unchecked)",inherits:"--lui-bg-surface"},"--lui-checkbox-border":{default:"color-mix(in srgb, var(--lui-border-default) 93%, var(--lui-text-primary))",type:"color",description:"",inherits:null},"--lui-checkbox-checked-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"Checked & indeterminate",inherits:"--lui-bg-interactive"},"--lui-checkbox-checked-text":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"},"--lui-checkbox-focus-border":{default:"var(--lui-bg-interactive)",type:"color",description:"Focus ring",inherits:"--lui-bg-interactive"},"--lui-checkbox-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-checkbox-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"Shape",inherits:"--lui-radius-sm"}},css:{tokens:"@ladder-ui/checkbox/checkbox.vars.css",styles:"@ladder-ui/checkbox/checkbox.css"},import:"import { Checkbox, CheckboxCard, CheckboxCardIndicator } from '@ladder-ui/checkbox';"},code:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/code",version:"0.9.0",category:"display",description:"Code viewing and editing components for Ladder UI",components:{CodeBlock:{element:"div",description:"CodeBlock component.",isRoot:!0},CodeEditor:{element:"div",description:"CodeEditor component."}},props:{CodeBlock:{color:{type:"string",default:null,required:!1,description:"CSS `color` value for text/icon color inheritance. Accepts any CSS color or token reference."},height:{type:"string",default:null,required:!1,description:"CSS height value (px, %, rem, etc.). Passed directly to the style attribute."},width:{type:"string",default:null,required:!1,description:"CSS width value (px, %, rem, etc.). Passed directly to the style attribute."},code:{type:"string",default:null,required:!0,description:""},language:{type:"string",default:null,required:!1,description:""},showLineNumbers:{type:"boolean",default:null,required:!1,description:""},as:{type:"ElementType",default:"div",required:!1,description:"HTML element or React component to render as."},p:{type:"enum",default:null,required:!1,description:"Padding on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},px:{type:"enum",default:null,required:!1,description:"Horizontal padding — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},py:{type:"enum",default:null,required:!1,description:"Vertical padding — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},pt:{type:"enum",default:null,required:!1,description:"Padding top.",values:["0","1","2","3","4","5","6","7","8","9"]},pr:{type:"enum",default:null,required:!1,description:"Padding right.",values:["0","1","2","3","4","5","6","7","8","9"]},pb:{type:"enum",default:null,required:!1,description:"Padding bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},pl:{type:"enum",default:null,required:!1,description:"Padding left.",values:["0","1","2","3","4","5","6","7","8","9"]},m:{type:"enum",default:null,required:!1,description:"Margin on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},mx:{type:"enum",default:null,required:!1,description:"Horizontal margin — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},my:{type:"enum",default:null,required:!1,description:"Vertical margin — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},mt:{type:"enum",default:null,required:!1,description:"Margin top.",values:["0","1","2","3","4","5","6","7","8","9"]},mr:{type:"enum",default:null,required:!1,description:"Margin right.",values:["0","1","2","3","4","5","6","7","8","9"]},mb:{type:"enum",default:null,required:!1,description:"Margin bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},ml:{type:"enum",default:null,required:!1,description:"Margin left.",values:["0","1","2","3","4","5","6","7","8","9"]},minWidth:{type:"string",default:null,required:!1,description:"CSS min-width value. Passed directly to the style attribute."},minHeight:{type:"string",default:null,required:!1,description:"CSS min-height value. Passed directly to the style attribute."},maxWidth:{type:"string",default:null,required:!1,description:"CSS max-width value. Passed directly to the style attribute."},maxHeight:{type:"string",default:null,required:!1,description:"CSS max-height value. Passed directly to the style attribute."},overflow:{type:"enum",default:null,required:!1,description:"CSS overflow shorthand.",values:["auto","hidden","scroll","visible"]},overflowY:{type:"enum",default:null,required:!1,description:"CSS overflow-y value for vertically scrollable containers.",values:["auto","hidden","scroll","visible"]},overflowX:{type:"enum",default:null,required:!1,description:"CSS overflow-x value for horizontally scrollable containers.",values:["auto","hidden","scroll","visible"]},flexShrink:{type:"number",default:null,required:!1,description:"CSS flex-shrink value. Use `0` to prevent shrinking in a flex row."},background:{type:"enum",default:null,required:!1,description:'Background color token. `"surface"` = page background, `"raised"` = card / dialog.',values:["none","surface","raised","overlay","black"]},border:{type:'boolean | "top" | "right" | "bottom" | "left"',default:null,required:!1,description:"Adds a 1px border using `--lui-surface-border`.\nPass `true` for all sides or a side name for a single edge."},flex:{type:"string",default:null,required:!1,description:'CSS `flex` shorthand (e.g. `"1"`, `"0 0 auto"`). Passed directly to the style attribute.'},aspectRatio:{type:"string",default:null,required:!1,description:'CSS `aspect-ratio` value.\nUse `"1"` for square, `"16/9"` for video, `"4/3"` for images, `"3/2"` for cards.\nPassed directly to the style attribute.'},display:{type:"enum",default:null,required:!1,description:"CSS `display` value.\nShared across all layout components — lets you change Box from `block` to `flex`,\nor Stack from `flex` to `inline-flex`, without an extra wrapper.",values:["none","grid","inline","flex","block","inline-block","inline-flex","inline-grid"]},alignSelf:{type:"enum",default:null,required:!1,description:"CSS `align-self` — overrides the parent's `align-items` for this single child.\nWorks inside both flex and grid containers.",values:["auto","center","start","end","stretch","baseline"]},justifySelf:{type:"enum",default:null,required:!1,description:"CSS `justify-self` — positions this item on the inline axis inside a **grid** container.\nHas no effect inside flex containers.",values:["auto","center","start","end","stretch"]},flexGrow:{type:"number",default:null,required:!1,description:"CSS `flex-grow` — proportion of available space this item will take.\n`1` = fill all remaining space, `0` = don't grow (default browser behavior)."},flexBasis:{type:"string",default:null,required:!1,description:'CSS `flex-basis` — initial main-size of the item before space is distributed.\nAccepts any CSS length (`"0"`, `"200px"`, `"50%"`, `"auto"`).'},order:{type:"number",default:null,required:!1,description:"CSS `order` — reorders items visually without changing the DOM structure.\nLower values appear first. Negative values are allowed."},position:{type:"enum",default:null,required:!1,description:'CSS `position` value.\nUse `"relative"` on a parent when a child uses `"absolute"`.',values:["static","relative","absolute","fixed","sticky"]},top:{type:"string",default:null,required:!1,description:'CSS `top` offset. Requires `position` to be set. Accepts any CSS length (`"0"`, `"1rem"`, `"50%"`).'},right:{type:"string",default:null,required:!1,description:"CSS `right` offset. Requires `position` to be set."},bottom:{type:"string",default:null,required:!1,description:"CSS `bottom` offset. Requires `position` to be set."},left:{type:"string",default:null,required:!1,description:"CSS `left` offset. Requires `position` to be set."},inset:{type:"string",default:null,required:!1,description:'CSS `inset` shorthand — sets top, right, bottom, and left simultaneously.\n`"0"` fills the entire parent container (the most common overlay pattern).\nAccepts any valid CSS `inset` value (e.g. `"0"`, `"1rem"`, `"0 1rem"`).'},zIndex:{type:'number | "tooltip" | "popover" | "base" | "sticky" | "dropdown" | "modal-backdrop" | "modal" | "toast"',default:null,required:!1,description:'CSS `z-index`. Use semantic token names to stay within the design system\'s stacking order,\nor pass a raw number for custom values.\n\n| Token | Value | Use for |\n|---|---|---|\n| `"base"` | 1 | In-flow stacking (button-group) |\n| `"sticky"` | 10 | Sticky headers |\n| `"dropdown"` | 1000 | Select, Combobox, DropdownMenu |\n| `"popover"` | 1100 | Popover content |\n| `"modal-backdrop"` | 1300 | Dialog overlay |\n| `"modal"` | 1400 | Dialog content |\n| `"tooltip"` | 1500 | Tooltip content |\n| `"toast"` | 1600 | Toast notifications |'}},CodeEditor:{flex:{type:"string",default:null,required:!1,description:""}}},composesInside:["Box","Card","CardContent","DialogBody","TabsContent"],dependencies:["@ladder-ui/core","@ladder-ui/layout"],peerComponents:["@ladder-ui/card","@ladder-ui/typography"],tokens:{},css:{styles:"@ladder-ui/code/code.css"},import:"import { CodeBlock, CodeEditor } from '@ladder-ui/code';"},combobox:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/combobox",version:"0.9.0",category:"form",description:"",components:{Combobox:{element:"div",description:"Combobox component.",slot:"combobox-input",isRoot:!0},ComboboxInput:{element:"div",description:"ComboboxInput component.",slot:"combobox-input"},ComboboxContent:{element:"div",description:"ComboboxContent component.",slot:"combobox-content"},ComboboxList:{element:"div",description:"ComboboxList component.",slot:"combobox-list"},ComboboxItem:{element:"a",description:"ComboboxItem component.",slot:"combobox-empty"},ComboboxEmpty:{element:"div",description:"ComboboxEmpty component.",slot:"combobox-empty"},ComboboxGroup:{element:"div",description:"ComboboxGroup component.",slot:"combobox-group"},ComboboxSeparator:{element:"hr",description:"ComboboxSeparator component.",slot:"combobox-separator"},ComboboxChips:{element:"div",description:"ComboboxChips component.",slot:"combobox-chips"},ComboboxChip:{element:"div",description:"ComboboxChip component.",slot:"combobox-chips"},ComboboxChipsInput:{element:"input",description:"ComboboxChipsInput component.",slot:"combobox-chips-input"}},props:{Combobox:{multiple:{type:"boolean",default:!1,required:!1,description:"Enable multi-value selection mode."},value:{type:"string | string[]",default:null,required:!1,description:"Controlled selected value(s).\n- Single mode: `string`\n- Multi mode: `string[]`\nPair with `onValueChange`."},defaultValue:{type:"string | string[]",default:null,required:!1,description:"Uncontrolled initial selected value(s)."},onValueChange:{type:"function",default:null,required:!1,description:"Called when the user selects or removes an item.\n- Single mode: called with the new `string` value.\n- Multi mode: called with the full new `string[]` array.",signature:"(value: string | string[]) => void"},disabled:{type:"boolean",default:null,required:!1,description:"Disables the entire combobox control."},placeholder:{type:"string",default:null,required:!1,description:"Placeholder shown in the input when nothing is selected."},fullWidth:{type:"boolean",default:null,required:!1,description:"When true, the combobox and inner input expand to fill their container."}},ComboboxInput:{ref:{type:"Ref<HTMLInputElement>",default:null,required:!1,description:""},size:{type:"enum",default:"md",required:!1,description:"Size of the combobox input.",values:["xs","sm","md","lg","xl"]},fullWidth:{type:"boolean",default:null,required:!1,description:"When true, the input expands to fill its container."}},ComboboxContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},className:{type:"string",default:null,required:!1,description:""},container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}},ComboboxList:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},itemHeight:{type:"number",default:null,required:!1,description:"Height (in px) of each item for virtual list calculations.\nDefaults to 36 (matches `--lui-combobox-item-height`).\nOverride when using custom item content (e.g. title + description rows)\nthat are taller than the default single-line height."},maxHeight:{type:"number",default:null,required:!1,description:"Maximum viewport height (in px) before the list scrolls.\nDefaults to 240 (matches `--lui-combobox-content-max-height`).\nOverride for taller/shorter dropdowns or responsive layouts."}},ComboboxItem:{ref:{type:"Ref<HTMLElement>",default:null,required:!1,description:""},value:{type:"string",default:null,required:!0,description:"The value this option represents when selected. Required."},label:{type:"string",default:null,required:!1,description:"The text label used for filtering and for displaying in the input field\nwhen this item is selected. When omitted, text is extracted from\n`children` automatically — which works for plain text children but can\nproduce concatenated strings when children contain rich content\n(title + description). Always set `label` when using custom item content."},disabled:{type:"boolean",default:null,required:!1,description:"Prevents selection of this item."},href:{type:"string",default:null,required:!1,description:'Optional URL. When provided, the item renders as an `<a>` element.\nUnsafe schemes (`javascript:`, `data:`, etc.) are blocked with a console\nwarning and the item falls back to a plain `<div>`.\nExternal URLs automatically receive `rel="noopener noreferrer"`.'}},ComboboxEmpty:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ComboboxGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},label:{type:"string",default:null,required:!1,description:"Optional heading label shown above the group's items."}},ComboboxSeparator:{ref:{type:"Ref<HTMLHRElement>",default:null,required:!1,description:""}},ComboboxChips:{fullWidth:{type:"boolean",default:null,required:!1,description:"When true, the chips container expands to fill its parent width."}},ComboboxChip:{value:{type:"string",default:null,required:!0,description:"The value this chip represents — must match a ComboboxItem value."},className:{type:"string",default:null,required:!1,description:""}},ComboboxChipsInput:{ref:{type:"Ref<HTMLInputElement>",default:null,required:!1,description:""}}},slots:{combobox:{accepts:["ComboboxInput","ComboboxContent"],required:!0,description:"Root container composing the search input and the dropdown content with filterable options"}},composesInside:["Field","Box","Flex","PopoverContent"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/badge"],tokens:{"--lui-combobox-trigger-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-combobox-trigger-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-combobox-trigger-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-combobox-trigger-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-combobox-trigger-height":{default:"2.25rem",type:"dimension",description:"",inherits:null},"--lui-combobox-trigger-px":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-combobox-trigger-py":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-combobox-focus-border":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-combobox-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-combobox-z":{default:"var(--lui-z-dropdown)",type:"other",description:"",inherits:"--lui-z-dropdown"},"--lui-combobox-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-combobox-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-combobox-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-combobox-shadow":{default:"0 4px 16px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08)",type:"shadow",description:"",inherits:null},"--lui-combobox-input-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-combobox-input-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-combobox-input-placeholder":{default:"color-mix(in srgb, var(--lui-text-primary) 50%, transparent)",type:"color",description:"",inherits:null},"--lui-combobox-item-height":{default:"2.25rem",type:"dimension",description:"with the ITEM_HEIGHT constant in combobox.tsx.",inherits:null},"--lui-combobox-item-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-combobox-item-hover-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 10%, transparent)",type:"color",description:"",inherits:null},"--lui-combobox-item-active-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 10%, transparent)",type:"color",description:"",inherits:null},"--lui-combobox-item-active-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-combobox-item-selected-text":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-combobox-item-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-combobox-item-px":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-combobox-item-py":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-combobox-item-indicator-size":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-combobox-item-description-text":{default:"color-mix(in srgb, var(--lui-text-primary) 55%, transparent)",type:"color",description:"",inherits:null},"--lui-combobox-group-label-text":{default:"color-mix(in srgb, var(--lui-text-primary) 60%, transparent)",type:"color",description:"",inherits:null},"--lui-combobox-separator-color":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-combobox-empty-text":{default:"color-mix(in srgb, var(--lui-text-primary) 60%, transparent)",type:"color",description:"",inherits:null},"--lui-combobox-chip-bg":{default:"var(--lui-secondary)",type:"color",description:"",inherits:"--lui-secondary"},"--lui-combobox-chip-text":{default:"var(--lui-secondary-text)",type:"color",description:"",inherits:"--lui-secondary-text"},"--lui-combobox-chip-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-combobox-chip-height":{default:"1.5rem",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/combobox/combobox.vars.css",styles:"@ladder-ui/combobox/combobox.css"},import:"import { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, ComboboxGroup, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput } from '@ladder-ui/combobox';"},core:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/core",version:"0.9.0",category:"utility",description:"",components:{Slot:{element:"div",description:'Slot — merges its props onto its single child element without adding\nan extra DOM node.\n\nUsed by `asChild` props to let a component render as any element while\nkeeping its styles, event handlers, and accessibility attributes.\n\n```tsx\n// Button renders as <a> but keeps all button styling and a11y attrs\n<Button asChild>\n <a href="/dashboard">Go to dashboard</a>\n</Button>\n```'}},props:{Slot:{children:{type:"unknown",default:null,required:!1,description:"Single child element onto which Slot's props are merged."}}},tokens:{"--lui-font-family":{default:'"Geist", system-ui, sans-serif',type:"font",description:"Default theme (Neutral) — light + shape + font tokens",inherits:null},"--lui-font-weight":{default:"400",type:"font",description:"",inherits:null},"--lui-border-width":{default:"1px",type:"dimension",description:"",inherits:null},"--lui-transition":{default:"none",type:"timing",description:"── Reduced motion: disable all transitions and animations globally ────────",inherits:null},"--lui-density-factor":{default:"1.25",type:"number",description:"",inherits:null},"--lui-font-size-xs":{default:"0.75rem",type:"dimension",description:"Size scale — xs / sm / md (default) / lg / xl",inherits:null},"--lui-font-size-sm":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-font-size-md":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-font-size-lg":{default:"0.9375rem",type:"dimension",description:"",inherits:null},"--lui-font-size-xl":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-padding-size-xs":{default:"calc(0.25rem * var(--lui-density-factor)) calc(0.625rem * var(--lui-density-factor))",type:"dimension",description:"",inherits:null},"--lui-padding-size-sm":{default:"calc(0.375rem * var(--lui-density-factor)) calc(0.75rem * var(--lui-density-factor))",type:"dimension",description:"",inherits:null},"--lui-padding-size-md":{default:"calc(0.5rem * var(--lui-density-factor)) calc(1rem * var(--lui-density-factor))",type:"dimension",description:"",inherits:null},"--lui-padding-size-lg":{default:"calc(0.625rem * var(--lui-density-factor)) calc(1.25rem * var(--lui-density-factor))",type:"dimension",description:"",inherits:null},"--lui-padding-size-xl":{default:"calc(0.75rem * var(--lui-density-factor)) calc(1.5rem * var(--lui-density-factor))",type:"dimension",description:"",inherits:null},"--lui-disabled-opacity":{default:"0.65",type:"number",description:"",inherits:null},"--lui-disabled-cursor":{default:"not-allowed",type:"other",description:"",inherits:null},"--lui-z-base":{default:"1",type:"number",description:"",inherits:null},"--lui-z-sticky":{default:"10",type:"number",description:"",inherits:null},"--lui-z-dropdown":{default:"1000",type:"number",description:"",inherits:null},"--lui-z-popover":{default:"1100",type:"number",description:"",inherits:null},"--lui-z-modal-backdrop":{default:"1300",type:"number",description:"",inherits:null},"--lui-z-modal":{default:"1400",type:"number",description:"",inherits:null},"--lui-z-tooltip":{default:"1500",type:"number",description:"",inherits:null},"--lui-z-toast":{default:"1600",type:"number",description:"",inherits:null},"--lui-shadow-sm":{default:"0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.04)",type:"shadow",description:"Elevation shadows — used by floating components",inherits:null},"--lui-shadow-md":{default:"0 4px 12px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.04)",type:"shadow",description:"",inherits:null},"--lui-shadow-lg":{default:"0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.05)",type:"shadow",description:"",inherits:null},"--lui-shadow-overlay":{default:"0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)",type:"shadow",description:"",inherits:null},"--lui-bg-interactive":{default:"#18181b",type:"color",description:"Action - Interactive",inherits:null},"--lui-bg-interactive-hover":{default:"#27272a",type:"color",description:"",inherits:null},"--lui-text-inverse":{default:"#fafafa",type:"color",description:"",inherits:null},"--lui-border-interactive":{default:"#18181b",type:"color",description:"",inherits:null},"--lui-border-focus":{default:"#18181b",type:"color",description:"",inherits:null},"--lui-secondary":{default:"#f4f4f5",type:"other",description:"Secondary",inherits:null},"--lui-secondary-text":{default:"#18181b",type:"color",description:"",inherits:null},"--lui-secondary-hover":{default:"#e4e4e7",type:"other",description:"",inherits:null},"--lui-accent":{default:"#52525b",type:"other",description:"Accent",inherits:null},"--lui-accent-text":{default:"#fafafa",type:"color",description:"",inherits:null},"--lui-accent-hover":{default:"#3f3f46",type:"other",description:"",inherits:null},"--lui-neutral":{default:"#f4f4f5",type:"other",description:"Neutral",inherits:null},"--lui-neutral-text":{default:"#18181b",type:"color",description:"",inherits:null},"--lui-neutral-hover":{default:"#e4e4e7",type:"other",description:"",inherits:null},"--lui-bg-surface":{default:"#ffffff",type:"color",description:"Semantic Basic",inherits:null},"--lui-bg-surface-raised":{default:"#fafafa",type:"color",description:"",inherits:null},"--lui-border-default":{default:"#e4e4e7",type:"color",description:"",inherits:null},"--lui-text-primary":{default:"#09090b",type:"color",description:"",inherits:null},"--lui-text-secondary":{default:"#52525b",type:"color",description:"",inherits:null},"--lui-text-brand":{default:"#18181b",type:"color",description:"",inherits:null},"--lui-primary":{default:"var(--lui-bg-interactive)",type:"color",description:"Flat Fallbacks (Deprecate gradually)",inherits:"--lui-bg-interactive"},"--lui-primary-text":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"},"--lui-primary-hover":{default:"var(--lui-bg-interactive-hover)",type:"color",description:"",inherits:"--lui-bg-interactive-hover"},"--lui-surface":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-surface-raised":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-surface-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-surface-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-info":{default:"#2563eb",type:"other",description:"",inherits:null},"--lui-info-text":{default:"#ffffff",type:"color",description:"",inherits:null},"--lui-success":{default:"#22c55e",type:"other",description:"",inherits:null},"--lui-success-text":{default:"#052e16",type:"color",description:"",inherits:null},"--lui-warning":{default:"#f59e0b",type:"other",description:"",inherits:null},"--lui-warning-text":{default:"#1c1917",type:"color",description:"",inherits:null},"--lui-error":{default:"#dc2626",type:"other",description:"",inherits:null},"--lui-error-text":{default:"#ffffff",type:"color",description:"",inherits:null},"--lui-radius-sm":{default:"0.375rem",type:"dimension",description:"Shape",inherits:null},"--lui-radius-md":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-radius-lg":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-radius-full":{default:"9999px",type:"dimension",description:"",inherits:null},"--lui-primary-soft":{default:"#f4f4f5",type:"other",description:"Soft tokens — action",inherits:null},"--lui-primary-soft-text":{default:"#18181b",type:"color",description:"",inherits:null},"--lui-secondary-soft":{default:"#f4f4f5",type:"other",description:"",inherits:null},"--lui-secondary-soft-text":{default:"#52525b",type:"color",description:"",inherits:null},"--lui-accent-soft":{default:"#e4e4e7",type:"other",description:"",inherits:null},"--lui-accent-soft-text":{default:"#3f3f46",type:"color",description:"",inherits:null},"--lui-neutral-soft":{default:"#f4f4f5",type:"other",description:"",inherits:null},"--lui-neutral-soft-text":{default:"#52525b",type:"color",description:"",inherits:null},"--lui-info-soft":{default:"#eff6ff",type:"other",description:"Soft tokens — state",inherits:null},"--lui-info-soft-text":{default:"#1d4ed8",type:"color",description:"",inherits:null},"--lui-success-soft":{default:"#f0fdf4",type:"other",description:"",inherits:null},"--lui-success-soft-text":{default:"#15803d",type:"color",description:"",inherits:null},"--lui-warning-soft":{default:"#fffbeb",type:"other",description:"",inherits:null},"--lui-warning-soft-text":{default:"#b45309",type:"color",description:"",inherits:null},"--lui-error-soft":{default:"#fef2f2",type:"other",description:"",inherits:null},"--lui-error-soft-text":{default:"#b91c1c",type:"color",description:"",inherits:null}},css:{tokens:"@ladder-ui/core/core.vars.css"},import:"import { Slot } from '@ladder-ui/core';"},dialog:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/dialog",version:"0.9.0",category:"overlay",description:"Accessible modal dialog and alert dialog component for React",components:{Dialog:{element:"div",description:"Dialog component.",slot:"dialog-content",isRoot:!0},DialogTrigger:{element:"button",description:"DialogTrigger component.",slot:"dialog-content"},DialogContent:{element:"div",description:"DialogContent component.",slot:"dialog-content"},DialogHeader:{element:"div",description:"DialogHeader component.",slot:"dialog-header"},DialogTitle:{element:"h2",description:"DialogTitle component.",slot:"dialog-title"},DialogDescription:{element:"p",description:"DialogDescription component.",slot:"dialog-description"},DialogFooter:{element:"div",description:"DialogFooter component.",slot:"dialog-footer"},DialogBody:{element:"div",description:'Scrollable content area for dialogs with long content.\n\nWhen used, the panel switches to `overflow: hidden` via `:has([data-slot="dialog-body"])`,\nso only this region scrolls — the `DialogHeader` and `DialogFooter` remain sticky.',slot:"dialog-body"},DialogClose:{element:"button",description:"DialogClose component."}},props:{Dialog:{open:{type:"boolean",default:null,required:!1,description:"Controlled open state."},defaultOpen:{type:"boolean",default:!1,required:!1,description:"Initial open state for uncontrolled usage."},onOpenChange:{type:"function",default:null,required:!1,description:"Called when the dialog requests to open or close.",signature:"(open: boolean) => void"},alert:{type:"boolean",default:!1,required:!1,description:'When `true`, renders as `role="alertdialog"`:\n- Escape key does **not** close the dialog\n- Backdrop click does **not** close the dialog\n- Initial focus goes to the last button (typically the primary/destructive action)\n\nUse for confirmation dialogs where an explicit action is required.'}},DialogTrigger:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:"React 19 ref — points to the trigger element."},asChild:{type:"boolean",default:!1,required:!1,description:"Merge trigger behaviour onto the single child element instead of\nwrapping it in a `<button>`. The child must accept `onClick` and `ref`."}},DialogContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the dialog panel element."},overlayClassName:{type:"string",default:null,required:!1,description:"CSS class applied to the overlay backdrop element.\nUse for full custom control over the overlay appearance."},overlayBlur:{type:'boolean | "sm" | "md" | "lg"',default:!1,required:!1,description:'Blurs the backdrop behind the dialog.\n- `true` / `"md"` → 8px\n- `"sm"` → 4px\n- `"lg"` → 16px'},placement:{type:"enum",default:"center",required:!1,description:'Where the dialog panel appears on screen.\n- `"center"` — centered modal with backdrop (default)\n- `"right"` — drawer that slides in from the right edge\n- `"left"` — drawer that slides in from the left edge\n- `"top"` — sheet that slides down from the top edge\n- `"bottom"` — sheet that slides up from the bottom edge',values:["top","right","bottom","left","center"]},size:{type:"enum",default:"md",required:!1,description:'Controls the panel size. Interpretation depends on `placement`:\n- `center` → max-width (sm = 320px … xl = 768px)\n- `right` / `left` → drawer width (sm = 320px … xl = 768px)\n- `top` / `bottom` → sheet height (sm = 30dvh … xl = 85dvh)\n- `"full"` always fills the available dimension',values:["sm","md","lg","xl","full"]},width:{type:"string",default:null,required:!1,description:'Explicit panel width — overrides `size`.\nAccepts any valid CSS length (`"600px"`, `"40rem"`, `"90vw"`).\nMost useful for `center`, `right`, and `left` placements.'},height:{type:"string",default:null,required:!1,description:'Explicit panel height — overrides `size`.\nAccepts any valid CSS length (`"400px"`, `"60dvh"`).\nMost useful for `top` and `bottom` placements.'},inset:{type:'boolean | "sm" | "md" | "lg"',default:!1,required:!1,description:'Adds a floating gap between the panel and the viewport edges.\nThe gap is applied only on the sides relevant to each placement:\n- `right` → top, right, bottom\n- `left` → top, left, bottom\n- `top` → top, left, right\n- `bottom` → bottom, left, right\n- `center` → all sides (overrides default overlay padding)\n\nWhen active, all four panel corners are rounded (regardless of placement).\n- `true` / `"md"` → 8px\n- `"sm"` → 4px\n- `"lg"` → 16px'},container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}},DialogHeader:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the header element."},bordered:{type:"boolean",default:null,required:!1,description:"Show a bottom border separating the header from the content.\nFor side placements (`right`, `left`, `top`, `bottom`) this is enabled automatically.\nPass `true` to force it on any placement, or `false` to suppress it."}},DialogTitle:{ref:{type:"Ref<HTMLHeadingElement>",default:null,required:!1,description:"React 19 ref — points to the `<h2>` element."}},DialogDescription:{ref:{type:"Ref<HTMLParagraphElement>",default:null,required:!1,description:"React 19 ref — points to the `<p>` element."}},DialogFooter:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the footer element."},bordered:{type:"boolean",default:null,required:!1,description:"Show a top border separating the footer from the content.\nFor side placements (`right`, `left`, `top`, `bottom`) this is enabled automatically.\nPass `true` to force it on any placement, or `false` to suppress it."}},DialogBody:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the scrollable body element."}},DialogClose:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:"React 19 ref — points to the close element."},asChild:{type:"boolean",default:!1,required:!1,description:"Merge close behaviour onto the single child element instead of\nwrapping it in a `<button>`. The child must accept `onClick` and `ref`."}}},slots:{"dialog-content":{accepts:["DialogHeader","DialogBody","DialogFooter"],required:!0,description:"The modal content area containing header, scrollable body, and footer sections"}},dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/input","@ladder-ui/field","@ladder-ui/typography"],tokens:{"--lui-dialog-overlay-bg":{default:"rgba(0, 0, 0, 0.5)",type:"color",description:"",inherits:null},"--lui-dialog-overlay-blur":{default:"0px",type:"dimension",description:"",inherits:null},"--lui-dialog-overlay-z":{default:"var(--lui-z-modal-backdrop)",type:"other",description:"",inherits:"--lui-z-modal-backdrop"},"--lui-dialog-content-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-dialog-content-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-dialog-content-radius":{default:"var(--lui-radius-lg)",type:"dimension",description:"",inherits:"--lui-radius-lg"},"--lui-dialog-content-shadow":{default:"0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1)",type:"shadow",description:"",inherits:null},"--lui-dialog-content-padding":{default:"1.25rem",type:"dimension",description:"",inherits:null},"--lui-dialog-content-padding-block":{default:"0.625rem",type:"dimension",description:"",inherits:null},"--lui-dialog-content-gap":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-dialog-content-max-width":{default:"32rem",type:"dimension",description:"",inherits:null},"--lui-dialog-content-max-height":{default:"85dvh",type:"dimension",description:"",inherits:null},"--lui-dialog-content-z":{default:"var(--lui-z-modal)",type:"other",description:"",inherits:"--lui-z-modal"},"--lui-dialog-focus-ring":{default:"0 0 0 2px var(--lui-bg-surface), 0 0 0 4px var(--lui-bg-interactive)",type:"dimension",description:"",inherits:null},"--lui-dialog-header-gap":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-dialog-title-size":{default:"1.125rem",type:"dimension",description:"",inherits:null},"--lui-dialog-title-weight":{default:"600",type:"number",description:"",inherits:null},"--lui-dialog-title-color":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-dialog-title-line-height":{default:"1.4",type:"dimension",description:"",inherits:null},"--lui-dialog-description-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-dialog-description-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-dialog-description-line-height":{default:"1.5",type:"dimension",description:"",inherits:null},"--lui-dialog-footer-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-dialog-footer-gap":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-dialog-footer-pt":{default:"0.75rem",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/dialog/dialog.vars.css",styles:"@ladder-ui/dialog/dialog.css"},import:"import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogBody, DialogClose } from '@ladder-ui/dialog';"},"dropdown-menu":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/dropdown-menu",version:"0.9.0",category:"navigation",description:"",components:{DropdownMenu:{element:"div",description:"DropdownMenu component.",slot:"dropdown-menu-content",isRoot:!0},DropdownMenuTrigger:{element:"button",description:"DropdownMenuTrigger component.",slot:"dropdown-menu-content"},DropdownMenuContent:{element:"div",description:"DropdownMenuContent component.",slot:"dropdown-menu-content"},DropdownMenuItem:{element:"div",description:"DropdownMenuItem component.",slot:"dropdown-menu-item"},DropdownMenuLabel:{element:"div",description:"DropdownMenuLabel component.",slot:"dropdown-menu-label"},DropdownMenuSeparator:{element:"hr",description:"DropdownMenuSeparator component.",slot:"dropdown-menu-separator"},DropdownMenuGroup:{element:"div",description:"DropdownMenuGroup component.",slot:"dropdown-menu-group"},DropdownMenuCheckboxItem:{element:"div",description:"DropdownMenuCheckboxItem component.",slot:"dropdown-menu-checkbox-item"},DropdownMenuRadioGroup:{element:"div",description:"DropdownMenuRadioGroup component.",slot:"dropdown-menu-radio-group"},DropdownMenuRadioItem:{element:"div",description:"DropdownMenuRadioItem component.",slot:"dropdown-menu-radio-item"},DropdownMenuShortcut:{element:"span",description:"DropdownMenuShortcut component.",slot:"dropdown-menu-shortcut"},DropdownMenuSub:{element:"div",description:"DropdownMenuSub component.",slot:"dropdown-menu-sub-trigger"},DropdownMenuSubTrigger:{element:"div",description:"DropdownMenuSubTrigger component.",slot:"dropdown-menu-sub-trigger"},DropdownMenuSubContent:{element:"div",description:"DropdownMenuSubContent component.",slot:"dropdown-menu-sub-content"}},props:{DropdownMenu:{open:{type:"boolean",default:null,required:!1,description:""},defaultOpen:{type:"boolean",default:!1,required:!1,description:""},onOpenChange:{type:"function",default:null,required:!1,description:"",signature:"(open: boolean) => void"},modal:{type:"boolean",default:null,required:!1,description:""}},DropdownMenuTrigger:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:""},asChild:{type:"boolean",default:!1,required:!1,description:""}},DropdownMenuContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},side:{type:"enum",default:"bottom",required:!1,description:"",values:["top","right","bottom","left"]},align:{type:"enum",default:"start",required:!1,description:"",values:["center","start","end"]},sideOffset:{type:"number",default:4,required:!1,description:""},alignOffset:{type:"number",default:0,required:!1,description:""},size:{type:"enum",default:null,required:!1,description:"",values:["sm","md","lg","xl"]},container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}},DropdownMenuItem:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},disabled:{type:"boolean",default:!1,required:!1,description:""},inset:{type:"boolean",default:!1,required:!1,description:""},onSelect:{type:"function",default:null,required:!1,description:"",signature:"() => void"}},DropdownMenuLabel:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},inset:{type:"boolean",default:!1,required:!1,description:""}},DropdownMenuSeparator:{ref:{type:"Ref<HTMLHRElement>",default:null,required:!1,description:""}},DropdownMenuGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},DropdownMenuCheckboxItem:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},checked:{type:"boolean",default:null,required:!1,description:""},defaultChecked:{type:"boolean",default:!1,required:!1,description:""},onCheckedChange:{type:"function",default:null,required:!1,description:"",signature:"(checked: boolean) => void"},disabled:{type:"boolean",default:!1,required:!1,description:""}},DropdownMenuRadioGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"string",default:null,required:!1,description:""},defaultValue:{type:"string",default:"",required:!1,description:""},onValueChange:{type:"function",default:null,required:!1,description:"",signature:"(value: string) => void"}},DropdownMenuRadioItem:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"string",default:null,required:!0,description:""},disabled:{type:"boolean",default:!1,required:!1,description:""}},DropdownMenuShortcut:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:""}},DropdownMenuSub:{open:{type:"boolean",default:null,required:!1,description:""},defaultOpen:{type:"boolean",default:!1,required:!1,description:""},onOpenChange:{type:"function",default:null,required:!1,description:"",signature:"(open: boolean) => void"}},DropdownMenuSubTrigger:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},disabled:{type:"boolean",default:!1,required:!1,description:""},inset:{type:"boolean",default:!1,required:!1,description:""}},DropdownMenuSubContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},sideOffset:{type:"number",default:"-4",required:!1,description:""},alignOffset:{type:"number",default:0,required:!1,description:""},container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}}},slots:{"dropdown-menu-content":{accepts:["DropdownMenuItem","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuSub"],required:!0,description:"The dropdown panel containing menu items, labels, separators, groups, and nested sub-menus"}},composesInside:["Box","Flex","Stack"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/badge","@ladder-ui/typography"],tokens:{},css:{tokens:"@ladder-ui/dropdown-menu/dropdown-menu.vars.css",styles:"@ladder-ui/dropdown-menu/dropdown-menu.css"},import:"import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from '@ladder-ui/dropdown-menu';"},field:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/field",version:"0.9.0",category:"form",description:"",components:{Field:{element:"div",description:'Field — semantic wrapper for a single form field.\n\nProvides layout (label + control + description + error) and propagates\ndisabled/invalid state to child components via `data-disabled` / `data-invalid`\nHTML attributes, which are picked up by CSS selectors.\n\nUsage:\n```tsx\n<Field>\n <FieldLabel htmlFor="email">Email</FieldLabel>\n <Input id="email" type="email" />\n <FieldDescription>We\'ll never share your email.</FieldDescription>\n</Field>\n\n<Field data-invalid="true">\n <FieldLabel htmlFor="user">Username</FieldLabel>\n <Input id="user" status="error" aria-invalid="true" />\n <FieldError>Username already taken.</FieldError>\n</Field>\n```',isRoot:!0},FieldLabel:{element:"div",description:"FieldLabel — a `Label` scoped to a `Field` compound component.\n\nWhen inside a `<Field>`, automatically sets `htmlFor` to the field's control\nID unless an explicit `htmlFor` is provided.\n\nDims when `<Field disabled>` and turns error-color when `<Field invalid>`."},FieldDescription:{element:"p",description:"FieldDescription — muted helper text rendered below the control.\n\nWhen inside a `<Field>`, automatically registers its ID so that `useField()`\ncan include it in `aria-describedby`."},FieldError:{element:"p",description:'FieldError — error text rendered below the control.\n\nHas `role="alert"` for live-region announcements.\nWhen inside a `<Field>`, automatically registers its ID so that `useField()`\ncan include it in `aria-describedby`.'},FieldGroup:{element:"div",description:"FieldGroup — groups multiple `<Field>` elements with a consistent vertical gap."}},props:{Field:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the wrapper `<div>`"},orientation:{type:"enum",default:"vertical",required:!1,description:'Layout orientation.\n- `"vertical"` (default): label stacked above the control\n- `"horizontal"`: label and control side by side',values:["horizontal","vertical"]}},FieldLabel:{ref:{type:"Ref<HTMLLabelElement>",default:null,required:!1,description:"React 19 ref — points directly to the `<label>` element"},disabled:{type:"boolean",default:!1,required:!1,description:'Visually marks the label as disabled — reduced opacity and `cursor: not-allowed`.\nAlso sets `data-disabled="true"` on the element.'}},FieldDescription:{ref:{type:"Ref<HTMLParagraphElement>",default:null,required:!1,description:""}},FieldError:{ref:{type:"Ref<HTMLParagraphElement>",default:null,required:!1,description:""}},FieldGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{field:{accepts:["FieldLabel","FieldDescription","FieldError","FieldGroup","Input","Textarea","Select","Checkbox","*"],required:!0,description:"The field container that wraps a label, description, form control, and error message"}},composesInside:["Flex","Stack","Box","DialogBody","CardContent"],dependencies:["@ladder-ui/core","@ladder-ui/label","@ladder-ui/input"],peerComponents:["@ladder-ui/input","@ladder-ui/textarea","@ladder-ui/select","@ladder-ui/checkbox","@ladder-ui/label"],tokens:{"--lui-field-gap":{default:"0.375rem",type:"dimension",description:"Layout",inherits:null},"--lui-field-group-gap":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-field-label-color":{default:"var(--lui-text-primary)",type:"color",description:"Label — field-specific overrides of @ladder-ui/label base tokens",inherits:"--lui-text-primary"},"--lui-field-label-size":{default:"var(--lui-font-size-sm)",type:"dimension",description:"",inherits:"--lui-font-size-sm"},"--lui-field-description-color":{default:"color-mix(in srgb, var(--lui-text-primary) 60%, transparent)",type:"color",description:"Description",inherits:null},"--lui-field-description-size":{default:"var(--lui-font-size-xs)",type:"dimension",description:"",inherits:"--lui-font-size-xs"},"--lui-field-error-color":{default:"var(--lui-error)",type:"color",description:"Error",inherits:"--lui-error"},"--lui-field-error-size":{default:"var(--lui-font-size-xs)",type:"dimension",description:"",inherits:"--lui-font-size-xs"}},css:{tokens:"@ladder-ui/field/field.vars.css",styles:"@ladder-ui/field/field.css"},import:"import { Field, FieldLabel, FieldDescription, FieldError, FieldGroup } from '@ladder-ui/field';"},"full-calendar":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/full-calendar",version:"0.0.1",category:"data",description:"",components:{FullCalendar:{element:"div",description:"FullCalendar component.",slot:"fcal-nav"}},props:{FullCalendar:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},events:{type:"CalEvent[]",default:"[]",required:!1,description:"Events to display"},view:{type:"enum",default:null,required:!1,description:"Controlled view",values:["day","week","month","year","schedule"]},defaultView:{type:"enum",default:"week",required:!1,description:"Default view (uncontrolled)",values:["day","week","month","year","schedule"]},onViewChange:{type:"function",default:null,required:!1,description:"Callback when view changes",signature:"(view: CalendarView, previous: CalendarView) => void"},views:{type:"CalendarView[]",default:'["day", "week", "month", "year", "schedule"]',required:!1,description:"Subset of views to show in the switcher"},date:{type:"Date",default:null,required:!1,description:"Controlled anchor date"},defaultDate:{type:"Date",default:null,required:!1,description:"Default anchor date (uncontrolled)"},onNavigate:{type:"function",default:null,required:!1,description:"Callback when navigating",signature:"(date: Date, view: CalendarView) => void"},onEventClick:{type:"function",default:null,required:!1,description:"Event callbacks",signature:"(event: CalEvent, element: HTMLElement) => void"},onSlotClick:{type:"function",default:null,required:!1,description:"",signature:"(date: Date, view: CalendarView) => void"},startHour:{type:"number",default:0,required:!1,description:"Time grid options"},endHour:{type:"number",default:24,required:!1,description:""},slotDuration:{type:"enum",default:60,required:!1,description:"",values:["15","30","60"]},weekStartsOn:{type:"enum",default:1,required:!1,description:"Display options",values:["0","1"]},showWeekends:{type:"boolean",default:!0,required:!1,description:""},locale:{type:"string",default:"en-US",required:!1,description:""},timezone:{type:"string",default:"Intl.DateTimeFormat().resolvedOptions().timeZone",required:!1,description:'IANA timezone string, e.g. "America/New_York". Defaults to the browser\'s local timezone.'},onTimezoneChange:{type:"function",default:null,required:!1,description:"Callback fired when the user changes the timezone via the picker",signature:"(timezone: string) => void"},today:{type:"Date",default:null,required:!1,description:""}}},composesInside:["Box","Card","CardContent","DialogBody","TabsContent"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/dialog","@ladder-ui/popover","@ladder-ui/tooltip"],events:{emits:[{event:"calendar:view-change",description:"View switched by user",payload:{view:{type:"CalendarView",required:!0},previous:{type:"CalendarView",required:!0}}},{event:"calendar:navigate",description:"Date navigation (prev/next/today)",payload:{date:{type:"Date",required:!0},view:{type:"CalendarView",required:!0}}},{event:"calendar:event-click",description:"User clicked an event block",payload:{event:{type:"CalEvent",required:!0},element:{type:"HTMLElement",required:!0}}},{event:"calendar:slot-click",description:"User clicked an empty time slot",payload:{date:{type:"Date",required:!0},view:{type:"CalendarView",required:!0}}}],listens:[]},tokens:{},css:{tokens:"@ladder-ui/full-calendar/full-calendar.vars.css",styles:"@ladder-ui/full-calendar/full-calendar.css"},import:"import { FullCalendar } from '@ladder-ui/full-calendar';"},input:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/input",version:"0.9.0",category:"form",description:"",components:{Input:{element:"div",description:"Input — a fully accessible, themeable text input."}},props:{Input:{status:{type:"enum",default:"default",required:!1,description:"Visual validation state — changes border/icon color.",values:["default","success","warning","error"]},size:{type:"enum",default:"md",required:!1,description:"Controls the height and font size of the input.",values:["xs","sm","md","lg","xl"]},fullWidth:{type:"boolean",default:!0,required:!1,description:"Stretches the input to fill its container's full width."}}},composesInside:["Field","InputGroup","Flex","Stack","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/input-group"],tokens:{"--lui-input-bg":{default:"var(--lui-bg-surface)",type:"color",description:"Background & text",inherits:"--lui-bg-surface"},"--lui-input-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-input-placeholder":{default:"color-mix(in srgb, var(--lui-text-primary) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-input-border":{default:"color-mix(in srgb, var(--lui-border-default) 93%, var(--lui-text-primary))",type:"color",description:"Border",inherits:null},"--lui-input-focus-border":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-input-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-input-icon-color":{default:"color-mix(in srgb, var(--lui-text-primary) 50%, transparent)",type:"color",description:"Icon color",inherits:null},"--lui-input-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"Shape",inherits:"--lui-radius-sm"},"--lui-input-file-btn-border":{default:"var(--lui-border-default)",type:"color",description:"File selector button",inherits:"--lui-border-default"}},css:{tokens:"@ladder-ui/input/input.vars.css",styles:"@ladder-ui/input/input.css"},import:"import { Input } from '@ladder-ui/input';"},"input-group":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/input-group",version:"0.9.0",category:"form",description:"",components:{InputGroup:{element:"div",description:'InputGroup — compound wrapper for decorating an input or textarea with\ninline/block addons.\n\nOwns the border and focus ring via CSS `:has()`. The inner\n`InputGroupInput` / `InputGroupTextarea` strips its own border and\nfocus-visible styles, letting the group handle them.\n\n```tsx\n// Leading icon (addon placed after input for focus navigation)\n<InputGroup>\n <InputGroupInput aria-label="Search" placeholder="Search..." />\n <InputGroupAddon align="inline-start"><SearchIcon /></InputGroupAddon>\n</InputGroup>\n\n// Textarea with action button\n<InputGroup>\n <InputGroupTextarea placeholder="Enter message..." />\n <InputGroupAddon align="block-end">\n <InputGroupButton>Send</InputGroupButton>\n </InputGroupAddon>\n</InputGroup>\n```',slot:"input-group-control",isRoot:!0},InputGroupInput:{element:"input",description:"InputGroupInput — a stripped `<input>` designed to live inside `InputGroup`.\n\nHas no border or focus ring of its own; the parent `InputGroup` handles\nfocus via the CSS `:has()` selector.",slot:"input-group-control"},InputGroupTextarea:{element:"textarea",description:'InputGroupTextarea — a stripped `<textarea>` designed to live inside\n`InputGroup`.\n\nHas no border or focus ring of its own; the parent `InputGroup` handles\nfocus via the CSS `:has()` selector.\n\nPair with `InputGroupAddon align="block-end"` for actions below the textarea.\n\n```tsx\n<InputGroup>\n <InputGroupTextarea placeholder="Enter message..." />\n <InputGroupAddon align="block-end">\n <InputGroupButton>Send</InputGroupButton>\n </InputGroupAddon>\n</InputGroup>\n```',slot:"input-group-control"},InputGroupAddon:{element:"div",description:"InputGroupAddon — a slot for icons, text, buttons, or other content\nplaced adjacent to `InputGroupInput` or `InputGroupTextarea`.\n\nFor proper focus navigation place the addon **after** the input in the DOM\nand use `align` to position it visually."},InputGroupText:{element:"textarea",description:"InputGroupText — static text or decorative content inside an `InputGroupAddon`.",slot:"input-group-control"},InputGroupButton:{element:"button",description:'InputGroupButton — a compact button for inline actions (copy, send, search)\nplaced inside an `InputGroupAddon`.\n\nFloats inset within the group border with no separator.\n\n```tsx\n<InputGroupAddon>\n <InputGroupButton size="icon-xs" aria-label="Copy">\n <CopyIcon />\n </InputGroupButton>\n</InputGroupAddon>\n```'}},props:{InputGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the wrapper `<div>`"}},InputGroupInput:{ref:{type:"Ref<HTMLInputElement>",default:null,required:!1,description:"React 19 ref — points to the native `<input>` element"},size:{type:"enum",default:"md",required:!1,description:"Size variant — controls padding and font size.",values:["xs","sm","md","lg","xl"]},status:{type:"enum",default:"default",required:!1,description:'Visual status — propagates border color to the parent `InputGroup`.\n`"error"` also sets `aria-invalid="true"` automatically.',values:["default","success","warning","error"]}},InputGroupTextarea:{ref:{type:"Ref<HTMLTextAreaElement>",default:null,required:!1,description:"React 19 ref — points to the native `<textarea>` element"},size:{type:"enum",default:"md",required:!1,description:"Size variant — controls padding and font size.",values:["xs","sm","md","lg","xl"]},status:{type:"enum",default:"default",required:!1,description:'Visual status — propagates border color to the parent `InputGroup`.\n`"error"` also sets `aria-invalid="true"` automatically.',values:["default","success","warning","error"]},resize:{type:"enum",default:"none",required:!1,description:"CSS resize behavior.",values:["none","both","horizontal","vertical"]},autoResize:{type:"boolean",default:!1,required:!1,description:"When true the textarea grows automatically with its content.\n`resize` is ignored and `overflow: hidden` is applied inline."}},InputGroupAddon:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the `<div>` element"},align:{type:"enum",default:"inline-start",required:!1,description:'Visual placement of the addon relative to the input.\nPlace the addon **after** the input in DOM order for correct keyboard\nfocus navigation; CSS `order` repositions it visually.\n- `"inline-start"` (default): visually before the input (left in LTR)\n- `"inline-end"`: visually after the input (right in LTR)\n- `"block-start"`: above the input (group switches to column layout)\n- `"block-end"`: below the input (group switches to column layout)',values:["inline-start","inline-end","block-start","block-end"]}},InputGroupText:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:"React 19 ref — points to the `<span>` element"}},InputGroupButton:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:"React 19 ref — points to the `<button>` element"},size:{type:"enum",default:"xs",required:!1,description:'Size variant for the inline button.\n- `"xs"` / `"sm"`: compact text buttons\n- `"icon-xs"` / `"icon-sm"`: square icon-only buttons',values:["xs","sm","icon-xs","icon-sm"]},variant:{type:"enum",default:"ghost",required:!1,description:"Visual style of the inline button.",values:["default","link","destructive","secondary","outline","ghost"]}}},slots:{"input-group":{accepts:["InputGroupInput","InputGroupTextarea","InputGroupAddon","InputGroupButton"],required:!0,description:"The input group container that combines a form control with addons and action buttons"}},composesInside:["Field","Flex","Stack","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/input","@ladder-ui/textarea","@ladder-ui/button","@ladder-ui/field"],tokens:{"--lui-input-group-bg":{default:"var(--lui-bg-surface)",type:"color",description:"Group wrapper",inherits:"--lui-bg-surface"},"--lui-input-group-border":{default:"color-mix(in srgb, var(--lui-border-default) 93%, var(--lui-text-primary))",type:"color",description:"",inherits:null},"--lui-input-group-focus-border":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-input-group-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-input-group-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-input-group-icon-color":{default:"color-mix(in srgb, var(--lui-text-primary) 55%, transparent)",type:"color",description:"Addon slot — icon/text color, no background",inherits:null},"--lui-input-group-button-text":{default:"var(--lui-text-primary)",type:"color",description:"Inline button",inherits:"--lui-text-primary"},"--lui-input-group-button-hover-bg":{default:"color-mix(in srgb, var(--lui-border-default) 50%, transparent)",type:"color",description:"",inherits:null}},css:{tokens:"@ladder-ui/input-group/input-group.vars.css",styles:"@ladder-ui/input-group/input-group.css"},import:"import { InputGroup, InputGroupInput, InputGroupTextarea, InputGroupAddon, InputGroupText, InputGroupButton } from '@ladder-ui/input-group';"},"input-otp":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/input-otp",version:"0.0.1",category:"form",description:"",components:{InputOtp:{element:"div",description:"InputOtp component.",slot:"input-otp",isRoot:!0},InputOtpGroup:{element:"div",description:"InputOtpGroup component.",slot:"input-otp-group"},InputOtpSlot:{element:"div",description:"InputOtpSlot component.",slot:"input-otp-slot"},InputOtpSeparator:{element:"div",description:"InputOtpSeparator component.",slot:"input-otp-separator"}},props:{InputOtp:{value:{type:"string",default:null,required:!1,description:"Controlled value — each character maps to one slot."},defaultValue:{type:"string",default:"",required:!1,description:"Initial value for uncontrolled usage."},onChange:{type:"function",default:null,required:!1,description:"Fired on every value change with the new string.",signature:"(value: string) => void"},onComplete:{type:"function",default:null,required:!1,description:"Fired when all slots are filled.",signature:"(value: string) => void"},length:{type:"number",default:6,required:!1,description:"Total number of OTP digits/characters."},pattern:{type:"enum",default:"numeric",required:!1,description:"Character set to accept.",values:["numeric","alpha","alphanumeric"]},disabled:{type:"boolean",default:!1,required:!1,description:"Disables all interaction."},autoComplete:{type:"string",default:"one-time-code",required:!1,description:"`autocomplete` attribute on the hidden input."},inputMode:{type:"enum",default:"numeric",required:!1,description:"`inputMode` attribute — controls mobile keyboard.",values:["none","search","text","tel","url","email","numeric","decimal"]},size:{type:"enum",default:"md",required:!1,description:"Visual size of each slot.",values:["sm","md","lg"]},ref:{type:"Ref<HTMLInputElement>",default:null,required:!1,description:"React 19 ref — points to the hidden `<input>` element."}},InputOtpGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},InputOtpSlot:{index:{type:"number",default:null,required:!0,description:"Zero-based index of this slot within the total OTP length."},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},InputOtpSeparator:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{"input-otp-group":{accepts:["InputOtpSlot","InputOtpSeparator"],required:!1,description:"The input otp group area of the InputOtp component"},"input-otp-slot":{accepts:["InputOtpGroup","InputOtpSeparator"],required:!1,description:"The input otp slot area of the InputOtp component"},"input-otp-separator":{accepts:["InputOtpGroup","InputOtpSlot"],required:!1,description:"The input otp separator area of the InputOtp component"}},composesInside:["Field","Flex","Stack","Box","CardContent","DialogBody"],dependencies:["@ladder-ui/core"],tokens:{"--lui-input-otp-slot-bg":{default:"var(--lui-bg-surface)",type:"color",description:"Slot appearance",inherits:"--lui-bg-surface"},"--lui-input-otp-slot-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-input-otp-slot-border-active":{default:"var(--lui-border-interactive)",type:"color",description:"",inherits:"--lui-border-interactive"},"--lui-input-otp-slot-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-input-otp-slot-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-input-otp-slot-size-sm":{default:"2rem",type:"dimension",description:"Size – sm",inherits:null},"--lui-input-otp-slot-font-sm":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-input-otp-slot-size-md":{default:"2.75rem",type:"dimension",description:"Size – md (default)",inherits:null},"--lui-input-otp-slot-font-md":{default:"1.125rem",type:"dimension",description:"",inherits:null},"--lui-input-otp-slot-size-lg":{default:"3.25rem",type:"dimension",description:"Size – lg",inherits:null},"--lui-input-otp-slot-font-lg":{default:"1.375rem",type:"dimension",description:"",inherits:null},"--lui-input-otp-group-gap":{default:"0",type:"dimension",description:"Group",inherits:null},"--lui-input-otp-group-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-input-otp-separator-gap":{default:"0.5rem",type:"dimension",description:"Separator",inherits:null},"--lui-input-otp-separator-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-input-otp-caret-color":{default:"var(--lui-bg-interactive)",type:"color",description:"Caret",inherits:"--lui-bg-interactive"},"--lui-input-otp-caret-width":{default:"2px",type:"dimension",description:"",inherits:null},"--lui-input-otp-disabled-opacity":{default:"var(--lui-disabled-opacity)",type:"other",description:"Disabled",inherits:"--lui-disabled-opacity"}},css:{tokens:"@ladder-ui/input-otp/input-otp.vars.css",styles:"@ladder-ui/input-otp/input-otp.css"},import:"import { InputOtp, InputOtpGroup, InputOtpSlot, InputOtpSeparator } from '@ladder-ui/input-otp';"},label:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/label",version:"0.9.0",category:"form",description:"",components:{Label:{element:"label",description:'Label — a styled semantic `<label>` element.\n\n- Renders a native `<label>` — correctly associated with controls via `htmlFor`.\n- Supports a `disabled` prop for explicit disabled appearance.\n- Can also react to an ancestor\'s `data-disabled="true"` attribute via CSS\n (e.g., when used inside `<Field data-disabled="true">`).\n- No third-party dependencies.',slot:"label"}},props:{Label:{ref:{type:"Ref<HTMLLabelElement>",default:null,required:!1,description:"React 19 ref — points directly to the `<label>` element"},disabled:{type:"boolean",default:!1,required:!1,description:'Visually marks the label as disabled — reduced opacity and `cursor: not-allowed`.\nAlso sets `data-disabled="true"` on the element.'}}},composesInside:["Field","Flex","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/field","@ladder-ui/input","@ladder-ui/checkbox"],tokens:{"--lui-label-color":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-label-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-label-weight":{default:"500",type:"number",description:"",inherits:null}},css:{tokens:"@ladder-ui/label/label.vars.css",styles:"@ladder-ui/label/label.css"},import:"import { Label } from '@ladder-ui/label';"},layout:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/layout",version:"0.9.0",category:"layout",description:"",components:{Box:{element:"div",description:"Box component.",slot:"grid-item",isRoot:!0},Stack:{element:"div",description:"Stack component.",slot:"grid-item"},Flex:{element:"div",description:"Flex component.",slot:"grid-item"},Grid:{element:"div",description:"Grid component.",slot:"grid-item"},GridItem:{element:"div",description:"GridItem component.",slot:"grid-item"},Container:{element:"div",description:"Container component."},Section:{element:"div",description:"Section component."},Divider:{element:"div",description:"Divider component."},Spacer:{element:"div",description:"Spacer component."},Center:{element:"div",description:"Center component."}},props:{Box:{as:{type:"ElementType",default:"div",required:!1,description:"HTML element or React component to render as."},ref:{type:"Ref<any>",default:null,required:!1,description:""},p:{type:"enum",default:null,required:!1,description:"Padding on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},px:{type:"enum",default:null,required:!1,description:"Horizontal padding — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},py:{type:"enum",default:null,required:!1,description:"Vertical padding — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},pt:{type:"enum",default:null,required:!1,description:"Padding top.",values:["0","1","2","3","4","5","6","7","8","9"]},pr:{type:"enum",default:null,required:!1,description:"Padding right.",values:["0","1","2","3","4","5","6","7","8","9"]},pb:{type:"enum",default:null,required:!1,description:"Padding bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},pl:{type:"enum",default:null,required:!1,description:"Padding left.",values:["0","1","2","3","4","5","6","7","8","9"]},m:{type:"enum",default:null,required:!1,description:"Margin on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},mx:{type:"enum",default:null,required:!1,description:"Horizontal margin — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},my:{type:"enum",default:null,required:!1,description:"Vertical margin — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},mt:{type:"enum",default:null,required:!1,description:"Margin top.",values:["0","1","2","3","4","5","6","7","8","9"]},mr:{type:"enum",default:null,required:!1,description:"Margin right.",values:["0","1","2","3","4","5","6","7","8","9"]},mb:{type:"enum",default:null,required:!1,description:"Margin bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},ml:{type:"enum",default:null,required:!1,description:"Margin left.",values:["0","1","2","3","4","5","6","7","8","9"]},width:{type:"string",default:null,required:!1,description:"CSS width value (px, %, rem, etc.). Passed directly to the style attribute."},height:{type:"string",default:null,required:!1,description:"CSS height value (px, %, rem, etc.). Passed directly to the style attribute."},minWidth:{type:"string",default:null,required:!1,description:"CSS min-width value. Passed directly to the style attribute."},minHeight:{type:"string",default:null,required:!1,description:"CSS min-height value. Passed directly to the style attribute."},maxWidth:{type:"string",default:null,required:!1,description:"CSS max-width value. Passed directly to the style attribute."},maxHeight:{type:"string",default:null,required:!1,description:"CSS max-height value. Passed directly to the style attribute."},overflow:{type:"enum",default:null,required:!1,description:"CSS overflow shorthand.",values:["auto","hidden","scroll","visible"]},overflowY:{type:"enum",default:null,required:!1,description:"CSS overflow-y value for vertically scrollable containers.",values:["auto","hidden","scroll","visible"]},overflowX:{type:"enum",default:null,required:!1,description:"CSS overflow-x value for horizontally scrollable containers.",values:["auto","hidden","scroll","visible"]},flexShrink:{type:"number",default:null,required:!1,description:"CSS flex-shrink value. Use `0` to prevent shrinking in a flex row."},background:{type:"enum",default:null,required:!1,description:'Background color token. `"surface"` = page background, `"raised"` = card / dialog.',values:["none","surface","raised","overlay","black"]},border:{type:'boolean | "top" | "right" | "bottom" | "left"',default:null,required:!1,description:"Adds a 1px border using `--lui-surface-border`.\nPass `true` for all sides or a side name for a single edge."},flex:{type:"string",default:null,required:!1,description:'CSS `flex` shorthand (e.g. `"1"`, `"0 0 auto"`). Passed directly to the style attribute.'},color:{type:"string",default:null,required:!1,description:"CSS `color` value for text/icon color inheritance. Accepts any CSS color or token reference."},aspectRatio:{type:"string",default:null,required:!1,description:'CSS `aspect-ratio` value.\nUse `"1"` for square, `"16/9"` for video, `"4/3"` for images, `"3/2"` for cards.\nPassed directly to the style attribute.'},display:{type:"enum",default:null,required:!1,description:"CSS `display` value.\nShared across all layout components — lets you change Box from `block` to `flex`,\nor Stack from `flex` to `inline-flex`, without an extra wrapper.",values:["none","grid","inline","flex","block","inline-block","inline-flex","inline-grid"]},alignSelf:{type:"enum",default:null,required:!1,description:"CSS `align-self` — overrides the parent's `align-items` for this single child.\nWorks inside both flex and grid containers.",values:["auto","center","start","end","stretch","baseline"]},justifySelf:{type:"enum",default:null,required:!1,description:"CSS `justify-self` — positions this item on the inline axis inside a **grid** container.\nHas no effect inside flex containers.",values:["auto","center","start","end","stretch"]},flexGrow:{type:"number",default:null,required:!1,description:"CSS `flex-grow` — proportion of available space this item will take.\n`1` = fill all remaining space, `0` = don't grow (default browser behavior)."},flexBasis:{type:"string",default:null,required:!1,description:'CSS `flex-basis` — initial main-size of the item before space is distributed.\nAccepts any CSS length (`"0"`, `"200px"`, `"50%"`, `"auto"`).'},order:{type:"number",default:null,required:!1,description:"CSS `order` — reorders items visually without changing the DOM structure.\nLower values appear first. Negative values are allowed."},position:{type:"enum",default:null,required:!1,description:'CSS `position` value.\nUse `"relative"` on a parent when a child uses `"absolute"`.',values:["static","relative","absolute","fixed","sticky"]},top:{type:"string",default:null,required:!1,description:'CSS `top` offset. Requires `position` to be set. Accepts any CSS length (`"0"`, `"1rem"`, `"50%"`).'},right:{type:"string",default:null,required:!1,description:"CSS `right` offset. Requires `position` to be set."},bottom:{type:"string",default:null,required:!1,description:"CSS `bottom` offset. Requires `position` to be set."},left:{type:"string",default:null,required:!1,description:"CSS `left` offset. Requires `position` to be set."},inset:{type:"string",default:null,required:!1,description:'CSS `inset` shorthand — sets top, right, bottom, and left simultaneously.\n`"0"` fills the entire parent container (the most common overlay pattern).\nAccepts any valid CSS `inset` value (e.g. `"0"`, `"1rem"`, `"0 1rem"`).'},zIndex:{type:'number | "tooltip" | "popover" | "base" | "sticky" | "dropdown" | "modal-backdrop" | "modal" | "toast"',default:null,required:!1,description:'CSS `z-index`. Use semantic token names to stay within the design system\'s stacking order,\nor pass a raw number for custom values.\n\n| Token | Value | Use for |\n|---|---|---|\n| `"base"` | 1 | In-flow stacking (button-group) |\n| `"sticky"` | 10 | Sticky headers |\n| `"dropdown"` | 1000 | Select, Combobox, DropdownMenu |\n| `"popover"` | 1100 | Popover content |\n| `"modal-backdrop"` | 1300 | Dialog overlay |\n| `"modal"` | 1400 | Dialog content |\n| `"tooltip"` | 1500 | Tooltip content |\n| `"toast"` | 1600 | Toast notifications |'}},Stack:{ref:{type:"Ref<any>",default:"undefined (renders as div)",required:!1,description:""},as:{type:"ElementType",default:"div",required:!1,description:"HTML element or React component to render as."},direction:{type:"enum",default:"vertical",required:!1,description:"Main axis direction.",values:["horizontal","vertical"]},align:{type:"enum",default:"stretch",required:!1,description:"Cross-axis alignment of children (`align-items`).",values:["center","start","end","stretch"]},justify:{type:"enum",default:"start",required:!1,description:"Main-axis distribution of children (`justify-content`).",values:["center","start","end","between","around","evenly"]},gap:{type:"enum",default:"md",required:!1,description:'Gap between children.\nAccepts semantic names (`"xs"` `"sm"` `"md"` `"lg"` `"xl"`) or\nthe numeric spacing scale (`"0"` – `"9"`) shared with Flex and Grid.',values:["none","xs","sm","md","lg","xl","0","1","2","3","4","5","6","7","8","9"]},wrap:{type:"enum",default:null,required:!1,description:"Whether children should wrap onto multiple lines.\nUseful for horizontal stacks of tags, chips, or badges.",values:["wrap","nowrap","wrap-reverse"]},dividers:{type:"boolean",default:!1,required:!1,description:"When `true`, automatically inserts a `<Divider>` between each child.\nThe divider orientation follows the stack direction."},inline:{type:"boolean",default:!1,required:!1,description:"Render as `inline-flex` instead of `flex`.\nUseful for inline pill groups, icon+label combos, or any stack that should\nshrink-wrap its content instead of filling the full container width."},p:{type:"enum",default:null,required:!1,description:"Padding on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},px:{type:"enum",default:null,required:!1,description:"Horizontal padding — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},py:{type:"enum",default:null,required:!1,description:"Vertical padding — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},pt:{type:"enum",default:null,required:!1,description:"Padding top.",values:["0","1","2","3","4","5","6","7","8","9"]},pr:{type:"enum",default:null,required:!1,description:"Padding right.",values:["0","1","2","3","4","5","6","7","8","9"]},pb:{type:"enum",default:null,required:!1,description:"Padding bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},pl:{type:"enum",default:null,required:!1,description:"Padding left.",values:["0","1","2","3","4","5","6","7","8","9"]},m:{type:"enum",default:null,required:!1,description:"Margin on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},mx:{type:"enum",default:null,required:!1,description:"Horizontal margin — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},my:{type:"enum",default:null,required:!1,description:"Vertical margin — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},mt:{type:"enum",default:null,required:!1,description:"Margin top.",values:["0","1","2","3","4","5","6","7","8","9"]},mr:{type:"enum",default:null,required:!1,description:"Margin right.",values:["0","1","2","3","4","5","6","7","8","9"]},mb:{type:"enum",default:null,required:!1,description:"Margin bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},ml:{type:"enum",default:null,required:!1,description:"Margin left.",values:["0","1","2","3","4","5","6","7","8","9"]},width:{type:"string",default:null,required:!1,description:"CSS width value (px, %, rem, etc.). Passed directly to the style attribute."},height:{type:"string",default:null,required:!1,description:"CSS height value (px, %, rem, etc.). Passed directly to the style attribute."},minWidth:{type:"string",default:null,required:!1,description:"CSS min-width value. Passed directly to the style attribute."},minHeight:{type:"string",default:null,required:!1,description:"CSS min-height value. Passed directly to the style attribute."},maxWidth:{type:"string",default:null,required:!1,description:"CSS max-width value. Passed directly to the style attribute."},maxHeight:{type:"string",default:null,required:!1,description:"CSS max-height value. Passed directly to the style attribute."},overflow:{type:"enum",default:null,required:!1,description:"CSS overflow shorthand.",values:["auto","hidden","scroll","visible"]},overflowY:{type:"enum",default:null,required:!1,description:"CSS overflow-y value for vertically scrollable containers.",values:["auto","hidden","scroll","visible"]},overflowX:{type:"enum",default:null,required:!1,description:"CSS overflow-x value for horizontally scrollable containers.",values:["auto","hidden","scroll","visible"]},flexShrink:{type:"number",default:null,required:!1,description:"CSS flex-shrink value. Use `0` to prevent shrinking in a flex row."},background:{type:"enum",default:null,required:!1,description:'Background color token. `"surface"` = page background, `"raised"` = card / dialog.',values:["none","surface","raised","overlay","black"]},border:{type:'boolean | "top" | "right" | "bottom" | "left"',default:null,required:!1,description:"Adds a 1px border using `--lui-surface-border`.\nPass `true` for all sides or a side name for a single edge."},flex:{type:"string",default:null,required:!1,description:'CSS `flex` shorthand (e.g. `"1"`, `"0 0 auto"`). Passed directly to the style attribute.'},color:{type:"string",default:null,required:!1,description:"CSS `color` value for text/icon color inheritance. Accepts any CSS color or token reference."},aspectRatio:{type:"string",default:null,required:!1,description:'CSS `aspect-ratio` value.\nUse `"1"` for square, `"16/9"` for video, `"4/3"` for images, `"3/2"` for cards.\nPassed directly to the style attribute.'},display:{type:"enum",default:null,required:!1,description:"CSS `display` value.\nShared across all layout components — lets you change Box from `block` to `flex`,\nor Stack from `flex` to `inline-flex`, without an extra wrapper.",values:["none","grid","inline","flex","block","inline-block","inline-flex","inline-grid"]},alignSelf:{type:"enum",default:null,required:!1,description:"CSS `align-self` — overrides the parent's `align-items` for this single child.\nWorks inside both flex and grid containers.",values:["auto","center","start","end","stretch","baseline"]},justifySelf:{type:"enum",default:null,required:!1,description:"CSS `justify-self` — positions this item on the inline axis inside a **grid** container.\nHas no effect inside flex containers.",values:["auto","center","start","end","stretch"]},flexGrow:{type:"number",default:null,required:!1,description:"CSS `flex-grow` — proportion of available space this item will take.\n`1` = fill all remaining space, `0` = don't grow (default browser behavior)."},flexBasis:{type:"string",default:null,required:!1,description:'CSS `flex-basis` — initial main-size of the item before space is distributed.\nAccepts any CSS length (`"0"`, `"200px"`, `"50%"`, `"auto"`).'},order:{type:"number",default:null,required:!1,description:"CSS `order` — reorders items visually without changing the DOM structure.\nLower values appear first. Negative values are allowed."},position:{type:"enum",default:null,required:!1,description:'CSS `position` value.\nUse `"relative"` on a parent when a child uses `"absolute"`.',values:["static","relative","absolute","fixed","sticky"]},top:{type:"string",default:null,required:!1,description:'CSS `top` offset. Requires `position` to be set. Accepts any CSS length (`"0"`, `"1rem"`, `"50%"`).'},right:{type:"string",default:null,required:!1,description:"CSS `right` offset. Requires `position` to be set."},bottom:{type:"string",default:null,required:!1,description:"CSS `bottom` offset. Requires `position` to be set."},left:{type:"string",default:null,required:!1,description:"CSS `left` offset. Requires `position` to be set."},inset:{type:"string",default:null,required:!1,description:'CSS `inset` shorthand — sets top, right, bottom, and left simultaneously.\n`"0"` fills the entire parent container (the most common overlay pattern).\nAccepts any valid CSS `inset` value (e.g. `"0"`, `"1rem"`, `"0 1rem"`).'},zIndex:{type:'number | "tooltip" | "popover" | "base" | "sticky" | "dropdown" | "modal-backdrop" | "modal" | "toast"',default:null,required:!1,description:'CSS `z-index`. Use semantic token names to stay within the design system\'s stacking order,\nor pass a raw number for custom values.\n\n| Token | Value | Use for |\n|---|---|---|\n| `"base"` | 1 | In-flow stacking (button-group) |\n| `"sticky"` | 10 | Sticky headers |\n| `"dropdown"` | 1000 | Select, Combobox, DropdownMenu |\n| `"popover"` | 1100 | Popover content |\n| `"modal-backdrop"` | 1300 | Dialog overlay |\n| `"modal"` | 1400 | Dialog content |\n| `"tooltip"` | 1500 | Tooltip content |\n| `"toast"` | 1600 | Toast notifications |'}},Flex:{as:{type:"ElementType",default:"div",required:!1,description:"HTML element or React component to render as."},ref:{type:"Ref<any>",default:null,required:!1,description:""},direction:{type:"enum",default:"row",required:!1,description:"`flex-direction` — main axis of the flex container.",values:["row","column","row-reverse","column-reverse"]},align:{type:"enum",default:"stretch",required:!1,description:"`align-items` — cross-axis alignment of children.",values:["center","start","end","stretch","baseline"]},justify:{type:"enum",default:"start",required:!1,description:"`justify-content` — main-axis distribution of children.",values:["center","start","end","between","around"]},wrap:{type:"enum",default:"nowrap",required:!1,description:"`flex-wrap` — whether children wrap onto multiple lines.",values:["wrap","nowrap","wrap-reverse"]},gap:{type:"enum",default:null,required:!1,description:"Gap between children. Uses the numeric spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},p:{type:"enum",default:null,required:!1,description:"Padding on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},px:{type:"enum",default:null,required:!1,description:"Horizontal padding — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},py:{type:"enum",default:null,required:!1,description:"Vertical padding — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},pt:{type:"enum",default:null,required:!1,description:"Padding top.",values:["0","1","2","3","4","5","6","7","8","9"]},pr:{type:"enum",default:null,required:!1,description:"Padding right.",values:["0","1","2","3","4","5","6","7","8","9"]},pb:{type:"enum",default:null,required:!1,description:"Padding bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},pl:{type:"enum",default:null,required:!1,description:"Padding left.",values:["0","1","2","3","4","5","6","7","8","9"]},m:{type:"enum",default:null,required:!1,description:"Margin on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},mx:{type:"enum",default:null,required:!1,description:"Horizontal margin — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},my:{type:"enum",default:null,required:!1,description:"Vertical margin — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},mt:{type:"enum",default:null,required:!1,description:"Margin top.",values:["0","1","2","3","4","5","6","7","8","9"]},mr:{type:"enum",default:null,required:!1,description:"Margin right.",values:["0","1","2","3","4","5","6","7","8","9"]},mb:{type:"enum",default:null,required:!1,description:"Margin bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},ml:{type:"enum",default:null,required:!1,description:"Margin left.",values:["0","1","2","3","4","5","6","7","8","9"]},width:{type:"string",default:null,required:!1,description:"CSS width value (px, %, rem, etc.). Passed directly to the style attribute."},height:{type:"string",default:null,required:!1,description:"CSS height value (px, %, rem, etc.). Passed directly to the style attribute."},minWidth:{type:"string",default:null,required:!1,description:"CSS min-width value. Passed directly to the style attribute."},minHeight:{type:"string",default:null,required:!1,description:"CSS min-height value. Passed directly to the style attribute."},maxWidth:{type:"string",default:null,required:!1,description:"CSS max-width value. Passed directly to the style attribute."},maxHeight:{type:"string",default:null,required:!1,description:"CSS max-height value. Passed directly to the style attribute."},overflow:{type:"enum",default:null,required:!1,description:"CSS overflow shorthand.",values:["auto","hidden","scroll","visible"]},overflowY:{type:"enum",default:null,required:!1,description:"CSS overflow-y value for vertically scrollable containers.",values:["auto","hidden","scroll","visible"]},overflowX:{type:"enum",default:null,required:!1,description:"CSS overflow-x value for horizontally scrollable containers.",values:["auto","hidden","scroll","visible"]},flexShrink:{type:"number",default:null,required:!1,description:"CSS flex-shrink value. Use `0` to prevent shrinking in a flex row."},background:{type:"enum",default:null,required:!1,description:'Background color token. `"surface"` = page background, `"raised"` = card / dialog.',values:["none","surface","raised","overlay","black"]},border:{type:'boolean | "top" | "right" | "bottom" | "left"',default:null,required:!1,description:"Adds a 1px border using `--lui-surface-border`.\nPass `true` for all sides or a side name for a single edge."},flex:{type:"string",default:null,required:!1,description:'CSS `flex` shorthand (e.g. `"1"`, `"0 0 auto"`). Passed directly to the style attribute.'},color:{type:"string",default:null,required:!1,description:"CSS `color` value for text/icon color inheritance. Accepts any CSS color or token reference."},aspectRatio:{type:"string",default:null,required:!1,description:'CSS `aspect-ratio` value.\nUse `"1"` for square, `"16/9"` for video, `"4/3"` for images, `"3/2"` for cards.\nPassed directly to the style attribute.'},display:{type:"enum",default:null,required:!1,description:"CSS `display` value.\nShared across all layout components — lets you change Box from `block` to `flex`,\nor Stack from `flex` to `inline-flex`, without an extra wrapper.",values:["none","grid","inline","flex","block","inline-block","inline-flex","inline-grid"]},alignSelf:{type:"enum",default:null,required:!1,description:"CSS `align-self` — overrides the parent's `align-items` for this single child.\nWorks inside both flex and grid containers.",values:["auto","center","start","end","stretch","baseline"]},justifySelf:{type:"enum",default:null,required:!1,description:"CSS `justify-self` — positions this item on the inline axis inside a **grid** container.\nHas no effect inside flex containers.",values:["auto","center","start","end","stretch"]},flexGrow:{type:"number",default:null,required:!1,description:"CSS `flex-grow` — proportion of available space this item will take.\n`1` = fill all remaining space, `0` = don't grow (default browser behavior)."},flexBasis:{type:"string",default:null,required:!1,description:'CSS `flex-basis` — initial main-size of the item before space is distributed.\nAccepts any CSS length (`"0"`, `"200px"`, `"50%"`, `"auto"`).'},order:{type:"number",default:null,required:!1,description:"CSS `order` — reorders items visually without changing the DOM structure.\nLower values appear first. Negative values are allowed."},position:{type:"enum",default:null,required:!1,description:'CSS `position` value.\nUse `"relative"` on a parent when a child uses `"absolute"`.',values:["static","relative","absolute","fixed","sticky"]},top:{type:"string",default:null,required:!1,description:'CSS `top` offset. Requires `position` to be set. Accepts any CSS length (`"0"`, `"1rem"`, `"50%"`).'},right:{type:"string",default:null,required:!1,description:"CSS `right` offset. Requires `position` to be set."},bottom:{type:"string",default:null,required:!1,description:"CSS `bottom` offset. Requires `position` to be set."},left:{type:"string",default:null,required:!1,description:"CSS `left` offset. Requires `position` to be set."},inset:{type:"string",default:null,required:!1,description:'CSS `inset` shorthand — sets top, right, bottom, and left simultaneously.\n`"0"` fills the entire parent container (the most common overlay pattern).\nAccepts any valid CSS `inset` value (e.g. `"0"`, `"1rem"`, `"0 1rem"`).'},zIndex:{type:'number | "tooltip" | "popover" | "base" | "sticky" | "dropdown" | "modal-backdrop" | "modal" | "toast"',default:null,required:!1,description:'CSS `z-index`. Use semantic token names to stay within the design system\'s stacking order,\nor pass a raw number for custom values.\n\n| Token | Value | Use for |\n|---|---|---|\n| `"base"` | 1 | In-flow stacking (button-group) |\n| `"sticky"` | 10 | Sticky headers |\n| `"dropdown"` | 1000 | Select, Combobox, DropdownMenu |\n| `"popover"` | 1100 | Popover content |\n| `"modal-backdrop"` | 1300 | Dialog overlay |\n| `"modal"` | 1400 | Dialog content |\n| `"tooltip"` | 1500 | Tooltip content |\n| `"toast"` | 1600 | Toast notifications |'}},Grid:{as:{type:"ElementType",default:"div",required:!1,description:"HTML element or React component to render as."},ref:{type:"Ref<any>",default:null,required:!1,description:""},columns:{type:"enum",default:null,required:!1,description:'Number of equal-width columns, or `"auto-fit"` / `"auto-fill"` for responsive grids.\nUse `"auto-fit"` / `"auto-fill"` together with `minChildWidth`.',values:["1","2","3","4","5","6","8","10","12","auto-fit","auto-fill"]},rows:{type:"string",default:null,required:!1,description:'Explicit row template. Accepts a fixed count `"1"`–`"6"` (equal rows) or any valid\nCSS `grid-template-rows` string (e.g. `"auto 1fr auto"`, `"repeat(3, 200px)"`).'},minChildWidth:{type:"string",default:null,required:!1,description:'Minimum child width for responsive grids.\nOnly used when `columns` is `"auto-fit"` or `"auto-fill"`.'},gap:{type:"enum",default:null,required:!1,description:"Gap between all cells. Uses the spacing scale (0–9).",values:["0","1","2","3","4","5","6","7","8","9"]},columnGap:{type:"enum",default:null,required:!1,description:"Column-only gap, independent of `rowGap`. Uses the spacing scale (0–9).",values:["0","1","2","3","4","5","6","7","8","9"]},rowGap:{type:"enum",default:null,required:!1,description:"Row-only gap, independent of `columnGap`. Uses the spacing scale (0–9).",values:["0","1","2","3","4","5","6","7","8","9"]},align:{type:"enum",default:"stretch",required:!1,description:"`align-items` — vertical alignment of all cells within their row.",values:["center","start","end","stretch"]},justify:{type:"enum",default:null,required:!1,description:"`justify-content` — horizontal distribution of columns within the grid container.",values:["center","start","end","between","around","evenly"]},autoFlow:{type:"enum",default:null,required:!1,description:'`grid-auto-flow` — controls how auto-placed items fill the grid.\n`"dense"` packs items to fill gaps, `"row-dense"` / `"column-dense"` combine both.',values:["row","column","dense","row-dense","column-dense"]},p:{type:"enum",default:null,required:!1,description:"Padding on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},px:{type:"enum",default:null,required:!1,description:"Horizontal padding — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},py:{type:"enum",default:null,required:!1,description:"Vertical padding — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},pt:{type:"enum",default:null,required:!1,description:"Padding top.",values:["0","1","2","3","4","5","6","7","8","9"]},pr:{type:"enum",default:null,required:!1,description:"Padding right.",values:["0","1","2","3","4","5","6","7","8","9"]},pb:{type:"enum",default:null,required:!1,description:"Padding bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},pl:{type:"enum",default:null,required:!1,description:"Padding left.",values:["0","1","2","3","4","5","6","7","8","9"]},m:{type:"enum",default:null,required:!1,description:"Margin on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},mx:{type:"enum",default:null,required:!1,description:"Horizontal margin — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},my:{type:"enum",default:null,required:!1,description:"Vertical margin — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},mt:{type:"enum",default:null,required:!1,description:"Margin top.",values:["0","1","2","3","4","5","6","7","8","9"]},mr:{type:"enum",default:null,required:!1,description:"Margin right.",values:["0","1","2","3","4","5","6","7","8","9"]},mb:{type:"enum",default:null,required:!1,description:"Margin bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},ml:{type:"enum",default:null,required:!1,description:"Margin left.",values:["0","1","2","3","4","5","6","7","8","9"]},width:{type:"string",default:null,required:!1,description:"CSS width value (px, %, rem, etc.). Passed directly to the style attribute."},height:{type:"string",default:null,required:!1,description:"CSS height value (px, %, rem, etc.). Passed directly to the style attribute."},minWidth:{type:"string",default:null,required:!1,description:"CSS min-width value. Passed directly to the style attribute."},minHeight:{type:"string",default:null,required:!1,description:"CSS min-height value. Passed directly to the style attribute."},maxWidth:{type:"string",default:null,required:!1,description:"CSS max-width value. Passed directly to the style attribute."},maxHeight:{type:"string",default:null,required:!1,description:"CSS max-height value. Passed directly to the style attribute."},overflow:{type:"enum",default:null,required:!1,description:"CSS overflow shorthand.",values:["auto","hidden","scroll","visible"]},overflowY:{type:"enum",default:null,required:!1,description:"CSS overflow-y value for vertically scrollable containers.",values:["auto","hidden","scroll","visible"]},overflowX:{type:"enum",default:null,required:!1,description:"CSS overflow-x value for horizontally scrollable containers.",values:["auto","hidden","scroll","visible"]},flexShrink:{type:"number",default:null,required:!1,description:"CSS flex-shrink value. Use `0` to prevent shrinking in a flex row."},background:{type:"enum",default:null,required:!1,description:'Background color token. `"surface"` = page background, `"raised"` = card / dialog.',values:["none","surface","raised","overlay","black"]},border:{type:'boolean | "top" | "right" | "bottom" | "left"',default:null,required:!1,description:"Adds a 1px border using `--lui-surface-border`.\nPass `true` for all sides or a side name for a single edge."},flex:{type:"string",default:null,required:!1,description:'CSS `flex` shorthand (e.g. `"1"`, `"0 0 auto"`). Passed directly to the style attribute.'},color:{type:"string",default:null,required:!1,description:"CSS `color` value for text/icon color inheritance. Accepts any CSS color or token reference."},aspectRatio:{type:"string",default:null,required:!1,description:'CSS `aspect-ratio` value.\nUse `"1"` for square, `"16/9"` for video, `"4/3"` for images, `"3/2"` for cards.\nPassed directly to the style attribute.'},display:{type:"enum",default:null,required:!1,description:"CSS `display` value.\nShared across all layout components — lets you change Box from `block` to `flex`,\nor Stack from `flex` to `inline-flex`, without an extra wrapper.",values:["none","grid","inline","flex","block","inline-block","inline-flex","inline-grid"]},alignSelf:{type:"enum",default:null,required:!1,description:"CSS `align-self` — overrides the parent's `align-items` for this single child.\nWorks inside both flex and grid containers.",values:["auto","center","start","end","stretch","baseline"]},justifySelf:{type:"enum",default:null,required:!1,description:"CSS `justify-self` — positions this item on the inline axis inside a **grid** container.\nHas no effect inside flex containers.",values:["auto","center","start","end","stretch"]},flexGrow:{type:"number",default:null,required:!1,description:"CSS `flex-grow` — proportion of available space this item will take.\n`1` = fill all remaining space, `0` = don't grow (default browser behavior)."},flexBasis:{type:"string",default:null,required:!1,description:'CSS `flex-basis` — initial main-size of the item before space is distributed.\nAccepts any CSS length (`"0"`, `"200px"`, `"50%"`, `"auto"`).'},order:{type:"number",default:null,required:!1,description:"CSS `order` — reorders items visually without changing the DOM structure.\nLower values appear first. Negative values are allowed."},position:{type:"enum",default:null,required:!1,description:'CSS `position` value.\nUse `"relative"` on a parent when a child uses `"absolute"`.',values:["static","relative","absolute","fixed","sticky"]},top:{type:"string",default:null,required:!1,description:'CSS `top` offset. Requires `position` to be set. Accepts any CSS length (`"0"`, `"1rem"`, `"50%"`).'},right:{type:"string",default:null,required:!1,description:"CSS `right` offset. Requires `position` to be set."},bottom:{type:"string",default:null,required:!1,description:"CSS `bottom` offset. Requires `position` to be set."},left:{type:"string",default:null,required:!1,description:"CSS `left` offset. Requires `position` to be set."},inset:{type:"string",default:null,required:!1,description:'CSS `inset` shorthand — sets top, right, bottom, and left simultaneously.\n`"0"` fills the entire parent container (the most common overlay pattern).\nAccepts any valid CSS `inset` value (e.g. `"0"`, `"1rem"`, `"0 1rem"`).'},zIndex:{type:'number | "tooltip" | "popover" | "base" | "sticky" | "dropdown" | "modal-backdrop" | "modal" | "toast"',default:null,required:!1,description:'CSS `z-index`. Use semantic token names to stay within the design system\'s stacking order,\nor pass a raw number for custom values.\n\n| Token | Value | Use for |\n|---|---|---|\n| `"base"` | 1 | In-flow stacking (button-group) |\n| `"sticky"` | 10 | Sticky headers |\n| `"dropdown"` | 1000 | Select, Combobox, DropdownMenu |\n| `"popover"` | 1100 | Popover content |\n| `"modal-backdrop"` | 1300 | Dialog overlay |\n| `"modal"` | 1400 | Dialog content |\n| `"tooltip"` | 1500 | Tooltip content |\n| `"toast"` | 1600 | Toast notifications |'}},GridItem:{as:{type:"ElementType",default:"div",required:!1,description:"HTML element or React component to render as."},ref:{type:"Ref<any>",default:null,required:!1,description:""},colSpan:{type:'number | "full"',default:null,required:!1,description:'Number of columns this item spans, or `"full"` to span the entire grid width\n(`grid-column: 1 / -1`).'},rowSpan:{type:"number",default:null,required:!1,description:"Number of rows this item spans."},colStart:{type:'number | "auto"',default:null,required:!1,description:"Starting column line (1-based)."},colEnd:{type:'number | "auto"',default:null,required:!1,description:"Ending column line (exclusive)."},rowStart:{type:'number | "auto"',default:null,required:!1,description:"Starting row line (1-based)."},rowEnd:{type:'number | "auto"',default:null,required:!1,description:"Ending row line (exclusive)."},p:{type:"enum",default:null,required:!1,description:"Padding on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},px:{type:"enum",default:null,required:!1,description:"Horizontal padding — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},py:{type:"enum",default:null,required:!1,description:"Vertical padding — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},pt:{type:"enum",default:null,required:!1,description:"Padding top.",values:["0","1","2","3","4","5","6","7","8","9"]},pr:{type:"enum",default:null,required:!1,description:"Padding right.",values:["0","1","2","3","4","5","6","7","8","9"]},pb:{type:"enum",default:null,required:!1,description:"Padding bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},pl:{type:"enum",default:null,required:!1,description:"Padding left.",values:["0","1","2","3","4","5","6","7","8","9"]},m:{type:"enum",default:null,required:!1,description:"Margin on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},mx:{type:"enum",default:null,required:!1,description:"Horizontal margin — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},my:{type:"enum",default:null,required:!1,description:"Vertical margin — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},mt:{type:"enum",default:null,required:!1,description:"Margin top.",values:["0","1","2","3","4","5","6","7","8","9"]},mr:{type:"enum",default:null,required:!1,description:"Margin right.",values:["0","1","2","3","4","5","6","7","8","9"]},mb:{type:"enum",default:null,required:!1,description:"Margin bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},ml:{type:"enum",default:null,required:!1,description:"Margin left.",values:["0","1","2","3","4","5","6","7","8","9"]},width:{type:"string",default:null,required:!1,description:"CSS width value (px, %, rem, etc.). Passed directly to the style attribute."},height:{type:"string",default:null,required:!1,description:"CSS height value (px, %, rem, etc.). Passed directly to the style attribute."},minWidth:{type:"string",default:null,required:!1,description:"CSS min-width value. Passed directly to the style attribute."},minHeight:{type:"string",default:null,required:!1,description:"CSS min-height value. Passed directly to the style attribute."},maxWidth:{type:"string",default:null,required:!1,description:"CSS max-width value. Passed directly to the style attribute."},maxHeight:{type:"string",default:null,required:!1,description:"CSS max-height value. Passed directly to the style attribute."},overflow:{type:"enum",default:null,required:!1,description:"CSS overflow shorthand.",values:["auto","hidden","scroll","visible"]},overflowY:{type:"enum",default:null,required:!1,description:"CSS overflow-y value for vertically scrollable containers.",values:["auto","hidden","scroll","visible"]},overflowX:{type:"enum",default:null,required:!1,description:"CSS overflow-x value for horizontally scrollable containers.",values:["auto","hidden","scroll","visible"]},flexShrink:{type:"number",default:null,required:!1,description:"CSS flex-shrink value. Use `0` to prevent shrinking in a flex row."},background:{type:"enum",default:null,required:!1,description:'Background color token. `"surface"` = page background, `"raised"` = card / dialog.',values:["none","surface","raised","overlay","black"]},border:{type:'boolean | "top" | "right" | "bottom" | "left"',default:null,required:!1,description:"Adds a 1px border using `--lui-surface-border`.\nPass `true` for all sides or a side name for a single edge."},flex:{type:"string",default:null,required:!1,description:'CSS `flex` shorthand (e.g. `"1"`, `"0 0 auto"`). Passed directly to the style attribute.'},color:{type:"string",default:null,required:!1,description:"CSS `color` value for text/icon color inheritance. Accepts any CSS color or token reference."},aspectRatio:{type:"string",default:null,required:!1,description:'CSS `aspect-ratio` value.\nUse `"1"` for square, `"16/9"` for video, `"4/3"` for images, `"3/2"` for cards.\nPassed directly to the style attribute.'},display:{type:"enum",default:null,required:!1,description:"CSS `display` value.\nShared across all layout components — lets you change Box from `block` to `flex`,\nor Stack from `flex` to `inline-flex`, without an extra wrapper.",values:["none","grid","inline","flex","block","inline-block","inline-flex","inline-grid"]},alignSelf:{type:"enum",default:null,required:!1,description:"CSS `align-self` — overrides the parent's `align-items` for this single child.\nWorks inside both flex and grid containers.",values:["auto","center","start","end","stretch","baseline"]},justifySelf:{type:"enum",default:null,required:!1,description:"CSS `justify-self` — positions this item on the inline axis inside a **grid** container.\nHas no effect inside flex containers.",values:["auto","center","start","end","stretch"]},flexGrow:{type:"number",default:null,required:!1,description:"CSS `flex-grow` — proportion of available space this item will take.\n`1` = fill all remaining space, `0` = don't grow (default browser behavior)."},flexBasis:{type:"string",default:null,required:!1,description:'CSS `flex-basis` — initial main-size of the item before space is distributed.\nAccepts any CSS length (`"0"`, `"200px"`, `"50%"`, `"auto"`).'},order:{type:"number",default:null,required:!1,description:"CSS `order` — reorders items visually without changing the DOM structure.\nLower values appear first. Negative values are allowed."},position:{type:"enum",default:null,required:!1,description:'CSS `position` value.\nUse `"relative"` on a parent when a child uses `"absolute"`.',values:["static","relative","absolute","fixed","sticky"]},top:{type:"string",default:null,required:!1,description:'CSS `top` offset. Requires `position` to be set. Accepts any CSS length (`"0"`, `"1rem"`, `"50%"`).'},right:{type:"string",default:null,required:!1,description:"CSS `right` offset. Requires `position` to be set."},bottom:{type:"string",default:null,required:!1,description:"CSS `bottom` offset. Requires `position` to be set."},left:{type:"string",default:null,required:!1,description:"CSS `left` offset. Requires `position` to be set."},inset:{type:"string",default:null,required:!1,description:'CSS `inset` shorthand — sets top, right, bottom, and left simultaneously.\n`"0"` fills the entire parent container (the most common overlay pattern).\nAccepts any valid CSS `inset` value (e.g. `"0"`, `"1rem"`, `"0 1rem"`).'},zIndex:{type:'number | "tooltip" | "popover" | "base" | "sticky" | "dropdown" | "modal-backdrop" | "modal" | "toast"',default:null,required:!1,description:'CSS `z-index`. Use semantic token names to stay within the design system\'s stacking order,\nor pass a raw number for custom values.\n\n| Token | Value | Use for |\n|---|---|---|\n| `"base"` | 1 | In-flow stacking (button-group) |\n| `"sticky"` | 10 | Sticky headers |\n| `"dropdown"` | 1000 | Select, Combobox, DropdownMenu |\n| `"popover"` | 1100 | Popover content |\n| `"modal-backdrop"` | 1300 | Dialog overlay |\n| `"modal"` | 1400 | Dialog content |\n| `"tooltip"` | 1500 | Tooltip content |\n| `"toast"` | 1600 | Toast notifications |'}},Container:{size:{type:"enum",default:4,required:!1,description:"Maximum width of the container.\n1: 448px, 2: 688px, 3: 880px, 4: 1136px",values:["1","2","3","4"]}},Section:{size:{type:"enum",default:3,required:!1,description:"Vertical padding size.",values:["1","2","3"]},as:{type:"ElementType",default:"section",required:!1,description:"The element to render as."}},Divider:{orientation:{type:"enum",default:"horizontal",required:!1,description:"Axis of the divider line.",values:["horizontal","vertical"]},size:{type:"enum",default:1,required:!1,description:"Thickness of the line: 1 = 1px, 2 = 2px, 3 = 4px.",values:["1","2","3"]},decorative:{type:"boolean",default:!1,required:!1,description:"When true the element is hidden from assistive technology.\nUse this for purely decorative dividers."}},Spacer:{size:{type:"enum",default:1,required:!1,description:"Fixed size from the spacing scale (0–9).\nWhen omitted the spacer grows to fill available space (`flex: 1 1 auto`).",values:["0","1","2","3","4","5","6","7","8","9"]},axis:{type:"enum",default:"both",required:!1,description:'Which axis to apply the fixed size on.\n- "x" → fixed width (use inside a row Flex)\n- "y" → fixed height (use inside a column Flex / Stack)\n- "both" → fixed width + height',values:["both","x","y"]}},Center:{as:{type:"ElementType",default:"div",required:!1,description:"HTML element or React component to render as."},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},inline:{type:"boolean",default:!1,required:!1,description:"Render as `inline-flex` instead of `flex`."},p:{type:"enum",default:null,required:!1,description:"Padding on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},px:{type:"enum",default:null,required:!1,description:"Horizontal padding — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},py:{type:"enum",default:null,required:!1,description:"Vertical padding — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},pt:{type:"enum",default:null,required:!1,description:"Padding top.",values:["0","1","2","3","4","5","6","7","8","9"]},pr:{type:"enum",default:null,required:!1,description:"Padding right.",values:["0","1","2","3","4","5","6","7","8","9"]},pb:{type:"enum",default:null,required:!1,description:"Padding bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},pl:{type:"enum",default:null,required:!1,description:"Padding left.",values:["0","1","2","3","4","5","6","7","8","9"]},m:{type:"enum",default:null,required:!1,description:"Margin on all sides. Uses the spacing scale (0 = 0px … 9 = 64px).",values:["0","1","2","3","4","5","6","7","8","9"]},mx:{type:"enum",default:null,required:!1,description:"Horizontal margin — inline axis (left + right).",values:["0","1","2","3","4","5","6","7","8","9"]},my:{type:"enum",default:null,required:!1,description:"Vertical margin — block axis (top + bottom).",values:["0","1","2","3","4","5","6","7","8","9"]},mt:{type:"enum",default:null,required:!1,description:"Margin top.",values:["0","1","2","3","4","5","6","7","8","9"]},mr:{type:"enum",default:null,required:!1,description:"Margin right.",values:["0","1","2","3","4","5","6","7","8","9"]},mb:{type:"enum",default:null,required:!1,description:"Margin bottom.",values:["0","1","2","3","4","5","6","7","8","9"]},ml:{type:"enum",default:null,required:!1,description:"Margin left.",values:["0","1","2","3","4","5","6","7","8","9"]},width:{type:"string",default:null,required:!1,description:"CSS width value (px, %, rem, etc.). Passed directly to the style attribute."},height:{type:"string",default:null,required:!1,description:"CSS height value (px, %, rem, etc.). Passed directly to the style attribute."},minWidth:{type:"string",default:null,required:!1,description:"CSS min-width value. Passed directly to the style attribute."},minHeight:{type:"string",default:null,required:!1,description:"CSS min-height value. Passed directly to the style attribute."},maxWidth:{type:"string",default:null,required:!1,description:"CSS max-width value. Passed directly to the style attribute."},maxHeight:{type:"string",default:null,required:!1,description:"CSS max-height value. Passed directly to the style attribute."},overflow:{type:"enum",default:null,required:!1,description:"CSS overflow shorthand.",values:["auto","hidden","scroll","visible"]},overflowY:{type:"enum",default:null,required:!1,description:"CSS overflow-y value for vertically scrollable containers.",values:["auto","hidden","scroll","visible"]},overflowX:{type:"enum",default:null,required:!1,description:"CSS overflow-x value for horizontally scrollable containers.",values:["auto","hidden","scroll","visible"]},flexShrink:{type:"number",default:null,required:!1,description:"CSS flex-shrink value. Use `0` to prevent shrinking in a flex row."},background:{type:"enum",default:null,required:!1,description:'Background color token. `"surface"` = page background, `"raised"` = card / dialog.',values:["none","surface","raised","overlay","black"]},border:{type:'boolean | "top" | "right" | "bottom" | "left"',default:null,required:!1,description:"Adds a 1px border using `--lui-surface-border`.\nPass `true` for all sides or a side name for a single edge."},flex:{type:"string",default:null,required:!1,description:'CSS `flex` shorthand (e.g. `"1"`, `"0 0 auto"`). Passed directly to the style attribute.'},color:{type:"string",default:null,required:!1,description:"CSS `color` value for text/icon color inheritance. Accepts any CSS color or token reference."},aspectRatio:{type:"string",default:null,required:!1,description:'CSS `aspect-ratio` value.\nUse `"1"` for square, `"16/9"` for video, `"4/3"` for images, `"3/2"` for cards.\nPassed directly to the style attribute.'},display:{type:"enum",default:null,required:!1,description:"CSS `display` value.\nShared across all layout components — lets you change Box from `block` to `flex`,\nor Stack from `flex` to `inline-flex`, without an extra wrapper.",values:["none","grid","inline","flex","block","inline-block","inline-flex","inline-grid"]},alignSelf:{type:"enum",default:null,required:!1,description:"CSS `align-self` — overrides the parent's `align-items` for this single child.\nWorks inside both flex and grid containers.",values:["auto","center","start","end","stretch","baseline"]},justifySelf:{type:"enum",default:null,required:!1,description:"CSS `justify-self` — positions this item on the inline axis inside a **grid** container.\nHas no effect inside flex containers.",values:["auto","center","start","end","stretch"]},flexGrow:{type:"number",default:null,required:!1,description:"CSS `flex-grow` — proportion of available space this item will take.\n`1` = fill all remaining space, `0` = don't grow (default browser behavior)."},flexBasis:{type:"string",default:null,required:!1,description:'CSS `flex-basis` — initial main-size of the item before space is distributed.\nAccepts any CSS length (`"0"`, `"200px"`, `"50%"`, `"auto"`).'},order:{type:"number",default:null,required:!1,description:"CSS `order` — reorders items visually without changing the DOM structure.\nLower values appear first. Negative values are allowed."},position:{type:"enum",default:null,required:!1,description:'CSS `position` value.\nUse `"relative"` on a parent when a child uses `"absolute"`.',values:["static","relative","absolute","fixed","sticky"]},top:{type:"string",default:null,required:!1,description:'CSS `top` offset. Requires `position` to be set. Accepts any CSS length (`"0"`, `"1rem"`, `"50%"`).'},right:{type:"string",default:null,required:!1,description:"CSS `right` offset. Requires `position` to be set."},bottom:{type:"string",default:null,required:!1,description:"CSS `bottom` offset. Requires `position` to be set."},left:{type:"string",default:null,required:!1,description:"CSS `left` offset. Requires `position` to be set."},inset:{type:"string",default:null,required:!1,description:'CSS `inset` shorthand — sets top, right, bottom, and left simultaneously.\n`"0"` fills the entire parent container (the most common overlay pattern).\nAccepts any valid CSS `inset` value (e.g. `"0"`, `"1rem"`, `"0 1rem"`).'},zIndex:{type:'number | "tooltip" | "popover" | "base" | "sticky" | "dropdown" | "modal-backdrop" | "modal" | "toast"',default:null,required:!1,description:'CSS `z-index`. Use semantic token names to stay within the design system\'s stacking order,\nor pass a raw number for custom values.\n\n| Token | Value | Use for |\n|---|---|---|\n| `"base"` | 1 | In-flow stacking (button-group) |\n| `"sticky"` | 10 | Sticky headers |\n| `"dropdown"` | 1000 | Select, Combobox, DropdownMenu |\n| `"popover"` | 1100 | Popover content |\n| `"modal-backdrop"` | 1300 | Dialog overlay |\n| `"modal"` | 1400 | Dialog content |\n| `"tooltip"` | 1500 | Tooltip content |\n| `"toast"` | 1600 | Toast notifications |'}}},slots:{"grid-item":{accepts:["*"],required:!1,description:"The grid item area of the Box component"}},dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/card","@ladder-ui/button","@ladder-ui/typography"],tokens:{},css:{tokens:"@ladder-ui/layout/layout.vars.css",styles:"@ladder-ui/layout/layout.css"},import:"import { Box, Stack, Flex, Grid, GridItem, Container, Section, Divider, Spacer, Center } from '@ladder-ui/layout';"},"list-item":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/list-item",version:"0.9.0",category:"data",description:"",components:{ListItem:{element:"div",description:"ListItem component.",slot:"list-item",isRoot:!0},ListItemIcon:{element:"div",description:"ListItemIcon component.",slot:"list-item-icon"},ListItemContent:{element:"div",description:"ListItemContent component.",slot:"list-item-content"},ListItemTitle:{element:"div",description:"ListItemTitle component.",slot:"list-item-title"},ListItemDescription:{element:"div",description:"ListItemDescription component.",slot:"list-item-description"},ListItemAction:{element:"div",description:"ListItemAction component.",slot:"list-item-action"}},props:{ListItem:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},size:{type:"enum",default:"md",required:!1,description:'Controls padding size. Default: "md"',values:["sm","md","lg"]},interactive:{type:"boolean",default:!1,required:!1,description:"Adds hover and cursor-pointer styles for clickable rows. Default: false"},active:{type:"boolean",default:!1,required:!1,description:"Highlights the row as the currently selected/active item. Default: false"},disabled:{type:"boolean",default:!1,required:!1,description:"Visually disables the row. Default: false"}},ListItemIcon:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ListItemContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ListItemTitle:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ListItemDescription:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ListItemAction:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{"list-item":{accepts:["ListItemIcon","ListItemContent","ListItemAction"],required:!1,description:"The list item container that arranges an icon, content area, and trailing action"}},composesInside:["Box","Stack","Card","CardContent","ul","nav"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/avatar","@ladder-ui/badge","@ladder-ui/button","@ladder-ui/typography"],tokens:{"--lui-list-item-bg":{default:"transparent",type:"color",description:"list-item.vars.scss — NEVER wrap in @layer",inherits:null},"--lui-list-item-bg-hover":{default:"var(--lui-bg-surface-raised, rgba(0, 0, 0, 0.04))",type:"color",description:"",inherits:null},"--lui-list-item-bg-active":{default:"color-mix(in srgb, var(--lui-bg-interactive, #18181b) 8%, transparent)",type:"color",description:"",inherits:null},"--lui-list-item-text":{default:"var(--lui-text-primary, #18181b)",type:"color",description:"",inherits:null},"--lui-list-item-text-secondary":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-list-item-gap":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-list-item-icon-gap":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-list-item-radius":{default:"var(--lui-radius-sm, 0.375rem)",type:"dimension",description:"",inherits:null},"--lui-list-item-px-sm":{default:"0.75rem",type:"dimension",description:"Padding per size",inherits:null},"--lui-list-item-py-sm":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-list-item-px-md":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-list-item-py-md":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-list-item-px-lg":{default:"1.25rem",type:"dimension",description:"",inherits:null},"--lui-list-item-py-lg":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-list-item-title-size":{default:"0.875rem",type:"dimension",description:"Title",inherits:null},"--lui-list-item-title-weight":{default:"500",type:"number",description:"",inherits:null},"--lui-list-item-desc-size":{default:"0.75rem",type:"dimension",description:"Description",inherits:null},"--lui-list-item-desc-weight":{default:"400",type:"number",description:"",inherits:null}},css:{tokens:"@ladder-ui/list-item/list-item.vars.css",styles:"@ladder-ui/list-item/list-item.css"},import:"import { ListItem, ListItemIcon, ListItemContent, ListItemTitle, ListItemDescription, ListItemAction } from '@ladder-ui/list-item';"},"navigation-menu":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/navigation-menu",version:"0.0.1",category:"navigation",description:"",components:{NavigationMenu:{element:"div",description:"NavigationMenu component.",slot:"navigation-menu-trigger",isRoot:!0},NavigationMenuList:{element:"ul",description:"NavigationMenuList component.",slot:"navigation-menu-list"},NavigationMenuItem:{element:"div",description:"NavigationMenuItem component.",slot:"navigation-menu-item"},NavigationMenuTrigger:{element:"button",description:"NavigationMenuTrigger component.",slot:"navigation-menu-trigger"},NavigationMenuContent:{element:"div",description:"NavigationMenuContent component.",slot:"navigation-menu-content"},NavigationMenuLink:{element:"div",description:"NavigationMenuLink component.",slot:"navigation-menu-link"},NavigationMenuViewport:{element:"div",description:"NavigationMenuViewport component.",slot:"navigation-menu-viewport"},NavigationMenuIndicator:{element:"div",description:"NavigationMenuIndicator component.",slot:"navigation-menu-indicator"}},props:{NavigationMenu:{ref:{type:"Ref<HTMLElement>",default:null,required:!1,description:""},value:{type:"string",default:null,required:!1,description:"Controlled active item value. Pass `undefined` to close all items."},defaultValue:{type:"string",default:null,required:!1,description:"Default active item value (uncontrolled)"},onValueChange:{type:"function",default:null,required:!1,description:"Called when the active item changes. Receives `undefined` when closed.",signature:"(value: string) => void"},orientation:{type:"enum",default:"horizontal",required:!1,description:"Layout orientation of the menu list",values:["horizontal","vertical"]},delayDuration:{type:"number",default:200,required:!1,description:"Delay in ms before opening on hover. Default 200."},skipDelayDuration:{type:"number",default:300,required:!1,description:"After close, skip open-delay for this many ms. Default 300."}},NavigationMenuList:{ref:{type:"Ref<HTMLUListElement>",default:null,required:!1,description:""}},NavigationMenuItem:{ref:{type:"Ref<HTMLLIElement>",default:null,required:!1,description:""},value:{type:"string",default:null,required:!1,description:"Unique identifier for this menu item. Auto-generated if omitted."}},NavigationMenuTrigger:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:""}},NavigationMenuContent:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},NavigationMenuLink:{ref:{type:"Ref<HTMLAnchorElement>",default:null,required:!1,description:""},active:{type:"boolean",default:null,required:!1,description:'Marks this link as the current page (sets aria-current="page")'}},NavigationMenuViewport:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},NavigationMenuIndicator:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{"navigation-menu-list":{accepts:["NavigationMenuItem"],required:!0,description:"The list container that holds navigation menu items"}},composesInside:["Box","header","nav"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/typography","@ladder-ui/badge"],tokens:{"--lui-navigation-menu-height":{default:"2.5rem",type:"dimension",description:"navigation-menu.vars.scss — NEVER wrap in @layer (unlayered custom properties)",inherits:null},"--lui-navigation-menu-gap":{default:"0.25rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-trigger-bg":{default:"transparent",type:"color",description:"",inherits:null},"--lui-navigation-menu-trigger-bg-hover":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-navigation-menu-trigger-bg-active":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-navigation-menu-trigger-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-navigation-menu-trigger-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-navigation-menu-trigger-padding-x":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-trigger-padding-y":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-trigger-font-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-trigger-font-weight":{default:"500",type:"font",description:"",inherits:null},"--lui-navigation-menu-content-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-navigation-menu-content-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-navigation-menu-content-radius":{default:"var(--lui-radius-md)",type:"dimension",description:"",inherits:"--lui-radius-md"},"--lui-navigation-menu-content-shadow":{default:"0 4px 24px 0 rgba(0, 0, 0, 0.12)",type:"shadow",description:"",inherits:null},"--lui-navigation-menu-content-padding":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-content-min-width":{default:"14rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-link-bg-hover":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-navigation-menu-link-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-navigation-menu-link-text-active":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-navigation-menu-link-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-navigation-menu-link-padding-x":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-link-padding-y":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-link-font-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-navigation-menu-indicator-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-navigation-menu-indicator-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-navigation-menu-indicator-size":{default:"0.625rem",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/navigation-menu/navigation-menu.vars.css",styles:"@ladder-ui/navigation-menu/navigation-menu.css"},import:"import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuViewport, NavigationMenuIndicator } from '@ladder-ui/navigation-menu';"},pagination:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/pagination",version:"0.9.0",category:"navigation",description:"Page navigation component for tables and lists",components:{Pagination:{element:"nav",description:"Pagination component.",slot:"pagination",isRoot:!0},PaginationContent:{element:"ul",description:"PaginationContent component.",slot:"pagination-content"},PaginationItem:{element:"li",description:"PaginationItem component.",slot:"pagination-item"},PaginationLink:{element:"a",description:"PaginationLink component.",slot:"pagination-link"},PaginationPrevious:{element:"div",description:"PaginationPrevious component.",slot:"pagination-ellipsis"},PaginationNext:{element:"div",description:"PaginationNext component.",slot:"pagination-ellipsis"},PaginationEllipsis:{element:"span",description:"PaginationEllipsis component.",slot:"pagination-ellipsis"}},props:{Pagination:{ref:{type:"Ref<HTMLElement>",default:null,required:!1,description:""}},PaginationContent:{ref:{type:"Ref<HTMLUListElement>",default:null,required:!1,description:""}},PaginationItem:{ref:{type:"Ref<HTMLLIElement>",default:null,required:!1,description:""}},PaginationLink:{ref:{type:"Ref<HTMLButtonElement | HTMLAnchorElement>",default:null,required:!1,description:""},isActive:{type:"boolean",default:null,required:!1,description:"Marks this link as the current page."},size:{type:"enum",default:"md",required:!1,description:"Size of the link.",values:["sm","md","lg"]},href:{type:"string",default:null,required:!1,description:"When provided, renders as an anchor tag instead of a button."}},PaginationPrevious:{label:{type:"string",default:"Previous",required:!1,description:"Label text."},size:{type:"enum",default:"md",required:!1,description:"Size of the link.",values:["sm","md","lg"]},ref:{type:"Ref<HTMLButtonElement | HTMLAnchorElement>",default:null,required:!1,description:""},isActive:{type:"boolean",default:null,required:!1,description:"Marks this link as the current page."},href:{type:"string",default:null,required:!1,description:"When provided, renders as an anchor tag instead of a button."}},PaginationNext:{label:{type:"string",default:"Next",required:!1,description:"Label text."},size:{type:"enum",default:"md",required:!1,description:"Size of the link.",values:["sm","md","lg"]},ref:{type:"Ref<HTMLButtonElement | HTMLAnchorElement>",default:null,required:!1,description:""},isActive:{type:"boolean",default:null,required:!1,description:"Marks this link as the current page."},href:{type:"string",default:null,required:!1,description:"When provided, renders as an anchor tag instead of a button."}},PaginationEllipsis:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:""}}},slots:{"pagination-content":{accepts:["*","PaginationItem","PaginationLink","PaginationPrevious","PaginationNext","PaginationEllipsis"],required:!0,description:"The pagination content area of the Pagination component"},"pagination-item":{accepts:["PaginationContent","PaginationLink","PaginationPrevious","PaginationNext","PaginationEllipsis"],required:!1,description:"The pagination item area of the Pagination component"},"pagination-link":{accepts:["PaginationContent","PaginationItem","PaginationPrevious","PaginationNext","PaginationEllipsis"],required:!1,description:"The pagination link area of the Pagination component"},"pagination-ellipsis":{accepts:["PaginationContent","PaginationItem","PaginationLink","PaginationPrevious","PaginationNext"],required:!1,description:"The pagination ellipsis area of the Pagination component"}},composesInside:["Flex","Box","CardFooter","TableCaption"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/select"],tokens:{"--lui-pagination-link-bg":{default:"transparent",type:"color",description:"",inherits:null},"--lui-pagination-link-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-pagination-link-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-pagination-link-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-pagination-link-hover-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 10%, transparent)",type:"color",description:"",inherits:null},"--lui-pagination-link-hover-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-pagination-active-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-pagination-active-text":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"},"--lui-pagination-active-border":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-pagination-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-pagination-link-size-sm":{default:"2rem",type:"dimension",description:"",inherits:null},"--lui-pagination-link-size-md":{default:"2.25rem",type:"dimension",description:"",inherits:null},"--lui-pagination-link-size-lg":{default:"2.5rem",type:"dimension",description:"",inherits:null},"--lui-pagination-link-font-sm":{default:"var(--lui-font-size-sm, 0.8125rem)",type:"dimension",description:"",inherits:null},"--lui-pagination-link-font-md":{default:"var(--lui-font-size-md, 0.875rem)",type:"dimension",description:"",inherits:null},"--lui-pagination-link-font-lg":{default:"var(--lui-font-size-lg, 1rem)",type:"dimension",description:"",inherits:null},"--lui-pagination-icon-size":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-pagination-gap":{default:"0.25rem",type:"dimension",description:"",inherits:null},"--lui-pagination-ellipsis-text":{default:"color-mix(in srgb, var(--lui-text-primary) 50%, transparent)",type:"color",description:"",inherits:null}},css:{tokens:"@ladder-ui/pagination/pagination.vars.css",styles:"@ladder-ui/pagination/pagination.css"},import:"import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from '@ladder-ui/pagination';"},popover:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/popover",version:"0.9.0",category:"overlay",description:"",components:{Popover:{element:"div",description:"Popover component.",slot:"popover-trigger",isRoot:!0},PopoverTrigger:{element:"span",description:"PopoverTrigger component.",slot:"popover-trigger"},PopoverContent:{element:"button",description:"PopoverContent component.",slot:"popover-content"},PopoverClose:{element:"button",description:"PopoverClose component.",slot:"popover-close"}},props:{Popover:{open:{type:"boolean",default:null,required:!1,description:"Controlled open state."},defaultOpen:{type:"boolean",default:!1,required:!1,description:"Initial open state for uncontrolled usage."},onOpenChange:{type:"function",default:null,required:!1,description:"Called when the open state changes.",signature:"(open: boolean) => void"}},PopoverTrigger:{children:{type:"ReactNode",default:null,required:!0,description:"Content to display — wrapped in an inline-block span."},ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:"React 19 ref — points to the trigger wrapper element."}},PopoverContent:{side:{type:"enum",default:"bottom",required:!1,description:"Which side of the trigger the popover appears on.",values:["top","right","bottom","left"]},align:{type:"enum",default:"center",required:!1,description:"Alignment along the cross-axis.",values:["center","start","end"]},sideOffset:{type:"number",default:8,required:!1,description:"Gap in px between the trigger and the popover."},className:{type:"string",default:null,required:!1,description:""},style:{type:"CSSProperties",default:null,required:!1,description:""},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the popover panel element."},container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}},PopoverClose:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:"React 19 ref — points to the close button element."}}},slots:{"popover-content":{accepts:["*"],required:!0,description:"The popover content panel that displays arbitrary content when triggered"}},dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/typography","@ladder-ui/layout"],tokens:{"--lui-popover-z":{default:"var(--lui-z-popover)",type:"other",description:"Component-level token aliases for @ladder-ui/popover",inherits:"--lui-z-popover"},"--lui-popover-bg":{default:"var(--lui-bg-surface, #ffffff)",type:"color",description:"Panel",inherits:null},"--lui-popover-text":{default:"var(--lui-text-primary, #18181b)",type:"color",description:"",inherits:null},"--lui-popover-border":{default:"var(--lui-border-default, #e4e4e7)",type:"color",description:"",inherits:null},"--lui-popover-radius":{default:"var(--lui-radius-md, 0.5rem)",type:"dimension",description:"",inherits:null},"--lui-popover-shadow":{default:"var(--lui-shadow-overlay, 0 4px 24px rgba(0, 0, 0, 0.12))",type:"shadow",description:"",inherits:null},"--lui-popover-padding":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-popover-enter-duration":{default:"0.15s",type:"timing",description:"Animation",inherits:null}},css:{tokens:"@ladder-ui/popover/popover.vars.css",styles:"@ladder-ui/popover/popover.css"},import:"import { Popover, PopoverTrigger, PopoverContent, PopoverClose } from '@ladder-ui/popover';"},progress:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/progress",version:"0.9.0",category:"feedback",description:"",components:{Progress:{element:"div",description:"Progress component.",slot:"progress",isRoot:!0},ProgressInfo:{element:"div",description:"ProgressInfo component.",slot:"progress-info"},ProgressSteps:{element:"div",description:"ProgressSteps component.",slot:"progress-steps"},ProgressStep:{element:"div",description:"ProgressStep component.",slot:"progress-steps"},ProgressBreadcrumb:{element:"div",description:"ProgressBreadcrumb component.",slot:"progress-breadcrumb"},ProgressBreadcrumbItem:{element:"div",description:"ProgressBreadcrumbItem component.",slot:"progress-breadcrumb-item"},CircularProgress:{element:"div",description:"CircularProgress component.",slot:"circular-progress"},ProgressDots:{element:"div",description:"ProgressDots component.",slot:"progress-dots"}},props:{Progress:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"number",default:0,required:!1,description:'Current value (0–max). Ignored when variant="indeterminate".'},max:{type:"number",default:100,required:!1,description:"Maximum value. Defaults to 100."},variant:{type:"enum",default:"default",required:!1,description:"Visual variant.",values:["default","segmented","indeterminate"]},segments:{type:"number",default:10,required:!1,description:'Number of segments when variant="segmented". Defaults to 10.'},showLabel:{type:"false | ProgressLabelPosition",default:!1,required:!1,description:"Show the percentage label and where to place it."},"aria-label":{type:"string",default:null,required:!1,description:"Accessible label for the progress region."}},ProgressInfo:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"number",default:0,required:!1,description:""},max:{type:"number",default:100,required:!1,description:""},label:{type:"string",default:null,required:!1,description:""},sublabel:{type:"string",default:null,required:!1,description:""}},ProgressSteps:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ProgressStep:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},status:{type:"enum",default:"pending",required:!1,description:"",values:["complete","current","pending"]},step:{type:"number",default:null,required:!1,description:'Step number to display when status is "pending" or "current".'}},ProgressBreadcrumb:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ProgressBreadcrumbItem:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},status:{type:"enum",default:"pending",required:!1,description:"",values:["complete","current","pending"]}},CircularProgress:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"number",default:0,required:!1,description:""},max:{type:"number",default:100,required:!1,description:""},size:{type:"number",default:96,required:!1,description:"Size in px. Defaults to 96."},strokeWidth:{type:"number",default:8,required:!1,description:"Stroke width. Defaults to 8."},centerLabel:{type:"string",default:null,required:!1,description:'Center text content (e.g. "3 of 6").'},sublabel:{type:"string",default:null,required:!1,description:"Sub-label below the ring."}},ProgressDots:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"number",default:0,required:!1,description:""},max:{type:"number",default:10,required:!1,description:""},showTooltip:{type:"boolean",default:!1,required:!1,description:"Show floating percentage tooltip on the active dot."}}},slots:{"progress-info":{accepts:["ProgressSteps","ProgressStep","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots"],required:!1,description:"The progress info area of the Progress component"},"progress-steps":{accepts:["ProgressInfo","ProgressSteps","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots"],required:!1,description:"The progress steps area of the Progress component"},"progress-breadcrumb":{accepts:["ProgressInfo","ProgressSteps","ProgressStep","ProgressBreadcrumbItem","ProgressDots"],required:!1,description:"The progress breadcrumb area of the Progress component"},"progress-breadcrumb-item":{accepts:["ProgressInfo","ProgressSteps","ProgressStep","ProgressBreadcrumb","ProgressDots"],required:!1,description:"The progress breadcrumb item area of the Progress component"},"circular-progress":{accepts:["ProgressInfo","ProgressSteps","ProgressStep","ProgressBreadcrumb","ProgressBreadcrumbItem","ProgressDots"],required:!1,description:"The circular progress area of the Progress component"},"progress-dots":{accepts:["ProgressInfo","ProgressSteps","ProgressStep","ProgressBreadcrumb","ProgressBreadcrumbItem"],required:!1,description:"The progress dots area of the Progress component"}},composesInside:["Flex","Stack","Card","CardContent","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/typography","@ladder-ui/badge"],tokens:{"--lui-progress-track-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 15%, transparent)",type:"color",description:"Track (background rail)",inherits:null},"--lui-progress-track-height":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-progress-track-radius":{default:"var(--lui-radius-full)",type:"dimension",description:"",inherits:"--lui-radius-full"},"--lui-progress-fill-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"Fill",inherits:"--lui-bg-interactive"},"--lui-progress-segment-gap":{default:"0.1875rem",type:"dimension",description:"Segmented",inherits:null},"--lui-progress-segment-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-progress-label-color":{default:"var(--lui-text-primary)",type:"color",description:"Label",inherits:"--lui-text-primary"},"--lui-progress-label-size":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-progress-label-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-label-text":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"},"--lui-progress-label-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-progress-indeterminate-duration":{default:"1.4s",type:"timing",description:"Indeterminate animation",inherits:null},"--lui-progress-info-gap":{default:"0.375rem",type:"dimension",description:"ProgressInfo",inherits:null},"--lui-progress-step-node-size":{default:"2rem",type:"dimension",description:"ProgressSteps",inherits:null},"--lui-progress-step-node-border":{default:"2px",type:"color",description:"",inherits:null},"--lui-progress-step-connector-height":{default:"2px",type:"dimension",description:"",inherits:null},"--lui-progress-step-complete-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-step-complete-color":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"},"--lui-progress-step-current-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-progress-step-current-border":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-step-current-color":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-step-pending-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-progress-step-pending-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-progress-step-pending-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-progress-step-connector-bg":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-progress-step-connector-filled-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-breadcrumb-height":{default:"2.25rem",type:"dimension",description:"ProgressBreadcrumb",inherits:null},"--lui-progress-breadcrumb-complete-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-breadcrumb-complete-text":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"},"--lui-progress-breadcrumb-current-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 15%, var(--lui-bg-surface))",type:"color",description:"",inherits:null},"--lui-progress-breadcrumb-current-text":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-breadcrumb-pending-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-progress-breadcrumb-pending-text":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-progress-breadcrumb-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-progress-breadcrumb-gap":{default:"0",type:"dimension",description:"",inherits:null},"--lui-circular-progress-track":{default:"color-mix(in srgb, var(--lui-bg-interactive) 15%, transparent)",type:"color",description:"CircularProgress",inherits:null},"--lui-circular-progress-fill":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-circular-progress-center-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-circular-progress-sublabel-size":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-circular-progress-sublabel-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-progress-dots-size":{default:"0.625rem",type:"dimension",description:"ProgressDots",inherits:null},"--lui-progress-dots-gap":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-progress-dots-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 20%, transparent)",type:"color",description:"",inherits:null},"--lui-progress-dots-filled-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-dots-active-scale":{default:"1.4",type:"number",description:"",inherits:null},"--lui-progress-dots-tooltip-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-progress-dots-tooltip-text":{default:"var(--lui-text-inverse)",type:"color",description:"",inherits:"--lui-text-inverse"}},css:{tokens:"@ladder-ui/progress/progress.vars.css",styles:"@ladder-ui/progress/progress.css"},import:"import { Progress, ProgressInfo, ProgressSteps, ProgressStep, ProgressBreadcrumb, ProgressBreadcrumbItem, CircularProgress, ProgressDots } from '@ladder-ui/progress';"},"radio-group":{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/radio-group",version:"0.9.0",category:"form",description:"",components:{RadioGroup:{element:"div",description:"RadioGroup component.",slot:"radio-group-item",isRoot:!0},RadioGroupItem:{element:"div",description:"RadioGroupItem component.",slot:"radio-group-item"}},props:{RadioGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the root `<div>` element."},value:{type:"string",default:null,required:!1,description:"Controlled selected value."},defaultValue:{type:"string",default:null,required:!1,description:"Initial selected value for uncontrolled usage."},onValueChange:{type:"function",default:null,required:!1,description:"Callback fired when the selected value changes.",signature:"(value: string) => void"},name:{type:"string",default:null,required:!1,description:"Shared `name` attribute forwarded to all radio inputs — required for native form submission."},disabled:{type:"boolean",default:!1,required:!1,description:"Disables all radio items in the group."},orientation:{type:"enum",default:"vertical",required:!1,description:"Layout direction of the radio items.",values:["horizontal","vertical"]}},RadioGroupItem:{ref:{type:"Ref<HTMLInputElement>",default:null,required:!1,description:'React 19 ref — points to the native `<input type="radio">` element.'},value:{type:"string",default:null,required:!0,description:"Value submitted with the form when this item is selected."},size:{type:"enum",default:"md",required:!1,description:"Size of the radio control.",values:["sm","md","lg"]},status:{type:"enum",default:"default",required:!1,description:'Visual validation state — `"error"` highlights the control in red.',values:["default","error"]}}},slots:{"radio-group-item":{accepts:["*"],required:!1,description:"The radio group item area of the RadioGroup component"}},composesInside:["Field","FieldGroup","Flex","Stack","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/typography"],tokens:{},css:{tokens:"@ladder-ui/radio-group/radio-group.vars.css",styles:"@ladder-ui/radio-group/radio-group.css"},import:"import { RadioGroup, RadioGroupItem } from '@ladder-ui/radio-group';"},renderer:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/renderer",version:"0.9.0",category:"utility",description:"Dynamic rendering engine for Server-Driven UI in Ladder UI",components:{SchemaRenderer:{element:"div",description:"SchemaRenderer — The core engine for Server-Driven UI.\nRecursively renders components based on a JSON schema and a component map.\n\nSecurity guarantees:\n- Props are filtered through an allowlist (no event handlers, no dangerouslySetInnerHTML)\n- Recursion is capped at MAX_DEPTH (20) to prevent stack overflows"}},props:{SchemaRenderer:{schema:{type:"string | ComponentSchema",default:null,required:!0,description:"The JSON schema to render"},components:{type:"Record<string, ElementType<any, keyof IntrinsicElements>>",default:null,required:!0,description:"A map of component types to actual React components"},fallback:{type:"ReactNode",default:null,required:!1,description:"Optional fallback when a component type is not found"},_depth:{type:"number",default:0,required:!1,description:"Current recursion depth — internal use only.\nDo not pass this prop from outside; it is managed internally."}}},dependencies:["@ladder-ui/core"],tokens:{},css:{},import:"import { SchemaRenderer } from '@ladder-ui/renderer';"},resizable:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/resizable",version:"0.9.0",category:"layout",description:"Resizable panel system for Ladder UI",components:{ResizablePanelGroup:{element:"div",description:"ResizablePanelGroup component.",isRoot:!0},ResizablePanel:{element:"div",description:"ResizablePanel component."},ResizableHandle:{element:"div",description:"ResizableHandle component."}},props:{ResizablePanelGroup:{direction:{type:"enum",default:"horizontal",required:!1,description:"",values:["horizontal","vertical"]},onLayout:{type:"function",default:null,required:!1,description:"",signature:"(sizes: number[]) => void"},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}},ResizablePanel:{defaultSize:{type:"number",default:null,required:!1,description:""},minSize:{type:"number",default:null,required:!1,description:""},maxSize:{type:"number",default:null,required:!1,description:""},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},_panelIndex:{type:"number",default:0,required:!1,description:"@internal — injected by ResizablePanelGroup via cloneElement"}},ResizableHandle:{withHandle:{type:"boolean",default:null,required:!1,description:""},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},_handleIndex:{type:"number",default:0,required:!1,description:"@internal — injected by ResizablePanelGroup via cloneElement"}}},composesInside:["Box","Card","DialogBody"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/layout"],tokens:{},css:{styles:"@ladder-ui/resizable/resizable.css"},import:"import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@ladder-ui/resizable';"},select:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/select",version:"0.9.0",category:"form",description:"",components:{Select:{element:"div",description:"Select component.",slot:"select-value",isRoot:!0},SelectTrigger:{element:"div",description:"SelectTrigger component."},SelectValue:{element:"div",description:"SelectValue component."},SelectContent:{element:"div",description:"SelectContent component."},SelectItem:{element:"div",description:"SelectItem component."},SelectGroup:{element:"div",description:"SelectGroup component."},SelectLabel:{element:"div",description:"SelectLabel component."},SelectSeparator:{element:"div",description:"SelectSeparator component."},SelectEmpty:{element:"div",description:"Renders a 'no options' message inside SelectContent when the item list is conditionally empty (e.g. filtered by a parent search input or loaded asynchronously)."}},props:{Select:{value:{type:"string",default:null,required:!1,description:"Controlled selected value."},defaultValue:{type:"string",default:null,required:!1,description:"Initial selected value for uncontrolled usage."},onValueChange:{type:"function",default:null,required:!1,description:"Callback fired when the selected value changes.",signature:"(value: string) => void"},open:{type:"boolean",default:null,required:!1,description:"Controlled open state of the dropdown."},onOpenChange:{type:"function",default:null,required:!1,description:"Callback fired when the dropdown open state changes.",signature:"(open: boolean) => void"},disabled:{type:"boolean",default:!1,required:!1,description:"Disables the select, preventing user interaction."},items:{type:"SelectItemData[]",default:null,required:!1,description:"Optional item list for programmatic / SDUI rendering — an alternative to composing `SelectItem` children."}},SelectTrigger:{status:{type:"enum",default:"default",required:!1,description:'Visual validation state — `"error"` highlights the trigger in red.',values:["default","error"]},size:{type:"enum",default:"md",required:!1,description:"Size of the trigger button.",values:["xs","sm","md","lg","xl"]},fullWidth:{type:"boolean",default:!1,required:!1,description:"Stretches the trigger to fill its container's full width."}},SelectValue:{placeholder:{type:"string",default:null,required:!1,description:""},className:{type:"string",default:null,required:!1,description:""}},SelectContent:{container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}},SelectItem:{value:{type:"string",default:null,required:!0,description:""},disabled:{type:"boolean",default:null,required:!1,description:""}},SelectEmpty:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""}}},slots:{select:{accepts:["SelectTrigger","SelectContent"],required:!0,description:"The trigger button and dropdown content for the select"}},composesInside:["Field","Flex","Stack","Box"],dependencies:["@ladder-ui/core","@ladder-ui/layout","@ladder-ui/primitives"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/button"],tokens:{"--lui-select-trigger-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-select-trigger-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-select-trigger-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-select-trigger-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-select-trigger-height":{default:"2.25rem",type:"dimension",description:"",inherits:null},"--lui-select-trigger-px":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-select-trigger-py":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-select-focus-border":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-select-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-select-content-z":{default:"var(--lui-z-dropdown)",type:"other",description:"",inherits:"--lui-z-dropdown"},"--lui-select-content-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-select-content-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-select-content-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-select-content-shadow":{default:"0 4px 16px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08)",type:"shadow",description:"",inherits:null},"--lui-select-content-max-height":{default:"20rem",type:"dimension",description:"",inherits:null},"--lui-select-item-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-select-item-hover-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 10%, transparent)",type:"color",description:"",inherits:null},"--lui-select-item-hover-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-select-item-selected-text":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-select-item-focus-bg":{default:"color-mix(in srgb, var(--lui-bg-interactive) 10%, transparent)",type:"color",description:"",inherits:null},"--lui-select-item-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-select-item-px":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-select-item-py":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-select-item-indicator-size":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-select-label-text":{default:"color-mix(in srgb, var(--lui-text-primary) 60%, transparent)",type:"color",description:"",inherits:null},"--lui-select-separator-color":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"}},css:{tokens:"@ladder-ui/select/select.vars.css",styles:"@ladder-ui/select/select.css"},import:"import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, SelectEmpty } from '@ladder-ui/select';"},skeleton:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/skeleton",version:"0.9.0",category:"feedback",description:"",components:{Skeleton:{element:"div",description:"Skeleton — a perceived-loading placeholder that pulses while content loads.\n\nCompose multiple `<Skeleton>` elements to match the shape of the content\nthey replace (text lines, avatars, cards, images, etc.).\n\nSize and shape are controlled entirely via `className` and `style` — there\nare no variant props. This keeps the API minimal and composable.",slot:"skeleton"}},props:{Skeleton:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points directly to the root `<div>` element."}}},composesInside:["Card","CardContent","Flex","Stack","Box","TableCell"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/card","@ladder-ui/layout"],tokens:{"--lui-skeleton-bg":{default:"color-mix(in srgb, var(--lui-text-primary) 10%, transparent)",type:"color",description:"NEVER wrap in @layer — these must apply unconditionally",inherits:null},"--lui-skeleton-bg-shimmer":{default:"color-mix(in srgb, var(--lui-text-primary) 6%, transparent)",type:"color",description:"",inherits:null},"--lui-skeleton-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"",inherits:"--lui-radius-sm"},"--lui-skeleton-duration":{default:"1.5s",type:"timing",description:"",inherits:null}},css:{tokens:"@ladder-ui/skeleton/skeleton.vars.css",styles:"@ladder-ui/skeleton/skeleton.css"},import:"import { Skeleton } from '@ladder-ui/skeleton';"},slider:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/slider",version:"0.0.1",category:"form",description:"",components:{Slider:{element:"div",description:"Slider component.",slot:"slider"}},props:{Slider:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},value:{type:"number[]",default:null,required:!1,description:"Controlled value array. Each entry corresponds to one thumb."},defaultValue:{type:"number[]",default:"[0]",required:!1,description:"Initial values for uncontrolled usage. Defaults to [0]."},min:{type:"number",default:0,required:!1,description:"Minimum selectable value. Default: 0."},max:{type:"number",default:100,required:!1,description:"Maximum selectable value. Default: 100."},step:{type:"number",default:1,required:!1,description:"Step increment between values. Default: 1."},orientation:{type:"enum",default:"horizontal",required:!1,description:'Slider orientation. Default: "horizontal".',values:["horizontal","vertical"]},disabled:{type:"boolean",default:!1,required:!1,description:"Disables all slider interaction."},onValueChange:{type:"function",default:null,required:!1,description:"Called continuously as any thumb value changes during interaction.",signature:"(value: number[]) => void"},onValueCommit:{type:"function",default:null,required:!1,description:"Called once when interaction ends (pointer up or keyboard commit).",signature:"(value: number[]) => void"},thumbLabels:{type:"string[]",default:null,required:!1,description:'Accessible labels for each thumb, in order. When not provided the component\nauto-derives labels from `aria-label` (e.g. "Volume", "Volume, minimum",\n"Volume, maximum" for range sliders). Always supply this prop when your\nslider has no visible label.'}}},composesInside:["Field","Flex","Stack","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/typography"],tokens:{"--lui-slider-track-size":{default:"0.375rem",type:"dimension",description:"Track",inherits:null},"--lui-slider-track-bg":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-slider-track-radius":{default:"9999px",type:"dimension",description:"",inherits:null},"--lui-slider-range-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"Range (filled portion)",inherits:"--lui-bg-interactive"},"--lui-slider-range-radius":{default:"9999px",type:"dimension",description:"",inherits:null},"--lui-slider-thumb-size":{default:"1.25rem",type:"dimension",description:"Thumb (draggable handle)",inherits:null},"--lui-slider-thumb-bg":{default:"var(--lui-bg-surface)",type:"color",description:"",inherits:"--lui-bg-surface"},"--lui-slider-thumb-border-width":{default:"2px",type:"dimension",description:"",inherits:null},"--lui-slider-thumb-border-color":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-slider-thumb-shadow":{default:"0 1px 3px 0 rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04)",type:"shadow",description:"",inherits:null},"--lui-slider-thumb-hover-shadow":{default:"0 2px 8px 0 rgba(0, 0, 0, 0.22)",type:"shadow",description:"",inherits:null},"--lui-slider-vertical-size":{default:"12rem",type:"dimension",description:"Vertical slider",inherits:null}},css:{tokens:"@ladder-ui/slider/slider.vars.css",styles:"@ladder-ui/slider/slider.css"},import:"import { Slider } from '@ladder-ui/slider';"},spinner:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/spinner",version:"0.9.0",category:"feedback",description:"",components:{Spinner:{element:"span",description:'Spinner — an accessible, themeable loading indicator.\n\n- Renders a native `<span role="status">` with a rotating SVG arc.\n- Color follows `currentColor` — inherits from parent text color.\n- `label` is used as `aria-label` and announced by screen readers.\n- No third-party dependencies.',slot:"spinner"}},props:{Spinner:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:"React 19 ref — points directly to the root `<span>` element"},size:{type:"enum",default:"md",required:!1,description:"Size of the spinner.",values:["xs","sm","md","lg","xl"]},speed:{type:"enum",default:"normal",required:!1,description:"Rotation speed. Maps to the `--lui-spinner-speed-{speed}` CSS token.",values:["slow","normal","fast"]},label:{type:"string",default:"Loading…",required:!1,description:"Accessible label announced by screen readers."}}},composesInside:["Flex","Box","Button","Center"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/typography"],tokens:{"--lui-spinner-size-xs":{default:"0.75rem",type:"dimension",description:"Sizes",inherits:null},"--lui-spinner-size-sm":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-spinner-size-md":{default:"1.25rem",type:"dimension",description:"",inherits:null},"--lui-spinner-size-lg":{default:"1.5rem",type:"dimension",description:"",inherits:null},"--lui-spinner-size-xl":{default:"2rem",type:"dimension",description:"",inherits:null},"--lui-spinner-speed-slow":{default:"1.5s",type:"other",description:"Animation",inherits:null},"--lui-spinner-speed-normal":{default:"0.75s",type:"other",description:"",inherits:null},"--lui-spinner-speed-fast":{default:"0.4s",type:"other",description:"",inherits:null},"--lui-spinner-speed":{default:"var(--lui-spinner-speed-normal)",type:"other",description:"",inherits:"--lui-spinner-speed-normal"}},css:{tokens:"@ladder-ui/spinner/spinner.vars.css",styles:"@ladder-ui/spinner/spinner.css"},import:"import { Spinner } from '@ladder-ui/spinner';"},switch:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/switch",version:"0.9.0",category:"form",description:"",components:{Switch:{element:"span",description:'Switch — a fully accessible, themeable toggle switch.\n\n- Renders a native `<input type="checkbox" role="switch">` for full browser\n and AT support — no JavaScript state management needed.\n- Visual state (checked, focus, disabled) is driven entirely by CSS `:has()`.\n- `ref` points to the native input element.\n- Form-compatible: works with `name`, `value`, `required` natively.\n- No third-party dependencies.',slot:"switch"}},props:{Switch:{ref:{type:"Ref<HTMLInputElement>",default:null,required:!1,description:'React 19 ref — points directly to the native <input type="checkbox"> element'},size:{type:"enum",default:"md",required:!1,description:"Size variant.",values:["sm","md","lg"]},onCheckedChange:{type:"function",default:null,required:!1,description:"Callback fired when the checked state changes.\nReceives the new boolean value.",signature:"(checked: boolean) => void"}}},composesInside:["Field","Flex","Stack","Box","label"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/typography"],tokens:{"--lui-switch-track-w-sm":{default:"1.5rem",type:"dimension",description:"",inherits:null},"--lui-switch-track-h-sm":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-switch-track-w-md":{default:"2rem",type:"dimension",description:"",inherits:null},"--lui-switch-track-h-md":{default:"1.125rem",type:"dimension",description:"",inherits:null},"--lui-switch-track-w-lg":{default:"2.75rem",type:"dimension",description:"",inherits:null},"--lui-switch-track-h-lg":{default:"1.5rem",type:"dimension",description:"",inherits:null},"--lui-switch-track-bg":{default:"color-mix(in srgb, var(--lui-border-default) 70%, var(--lui-text-primary))",type:"color",description:"Unchecked track background — neutral gray derived from surface tokens",inherits:null},"--lui-switch-track-checked-bg":{default:"var(--lui-bg-interactive)",type:"color",description:"Checked track background — uses primary brand color",inherits:"--lui-bg-interactive"},"--lui-switch-thumb-bg":{default:"#ffffff",type:"color",description:"Thumb is always white for maximum contrast on both light and dark tracks",inherits:null},"--lui-switch-thumb-shadow":{default:"0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px -1px rgba(0, 0, 0, 0.15)",type:"shadow",description:"Subtle shadow gives the thumb depth",inherits:null},"--lui-switch-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-switch-radius":{default:"9999px",type:"dimension",description:"Pill shape — fully rounded track and circular thumb",inherits:null}},css:{tokens:"@ladder-ui/switch/switch.vars.css",styles:"@ladder-ui/switch/switch.css"},import:"import { Switch } from '@ladder-ui/switch';"},table:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/table",version:"0.9.0",category:"data",description:"",components:{TableWrapper:{element:"div",description:"TableWrapper component.",slot:"table-wrapper",isRoot:!0},Table:{element:"div",description:"Table component.",slot:"table-wrapper"},TableHeader:{element:"thead",description:"TableHeader component.",slot:"table-header"},TableBody:{element:"tbody",description:"TableBody component.",slot:"table-body"},TableFooter:{element:"tfoot",description:"TableFooter component.",slot:"table-footer"},TableRow:{element:"tr",description:"TableRow component.",slot:"table-row"},TableHead:{element:"thead",description:"TableHead component.",slot:"table-header"},TableCell:{element:"td",description:"TableCell component.",slot:"table-cell"},TableCaption:{element:"caption",description:"TableCaption component.",slot:"table-caption"}},props:{TableWrapper:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},stickyHeader:{type:"boolean",default:!1,required:!1,description:"Fixes the table header while scrolling vertically."}},Table:{ref:{type:"Ref<HTMLTableElement>",default:null,required:!1,description:""},striped:{type:"boolean",default:!1,required:!1,description:"Alternate background on even rows for easier scanning."},bordered:{type:"boolean",default:!1,required:!1,description:"Render vertical borders between columns."},compact:{type:"boolean",default:!1,required:!1,description:"Reduce cell padding and font size for denser data."}},TableHeader:{ref:{type:"Ref<HTMLTableSectionElement>",default:null,required:!1,description:""}},TableBody:{ref:{type:"Ref<HTMLTableSectionElement>",default:null,required:!1,description:""}},TableFooter:{ref:{type:"Ref<HTMLTableSectionElement>",default:null,required:!1,description:""}},TableRow:{ref:{type:"Ref<HTMLTableRowElement>",default:null,required:!1,description:""},selected:{type:"boolean",default:!1,required:!1,description:"Applies selected background highlight."},selectable:{type:"boolean",default:!1,required:!1,description:"Adds hover cursor and hover background — use when row has a click handler."}},TableHead:{ref:{type:"Ref<HTMLTableCellElement>",default:null,required:!1,description:""},sortDirection:{type:"enum",default:null,required:!1,description:"Current sort direction. When provided, the column becomes sortable\nwith a visible sort icon and correct `aria-sort` attribute.",values:["none","desc","asc"]},onSort:{type:"function",default:null,required:!1,description:"Called when the user clicks to sort. Only relevant when `sortDirection` is set.",signature:"() => void"}},TableCell:{ref:{type:"Ref<HTMLTableCellElement>",default:null,required:!1,description:""}},TableCaption:{ref:{type:"Ref<HTMLTableCaptionElement>",default:null,required:!1,description:""}}},slots:{table:{accepts:["TableHeader","TableBody","TableFooter","TableCaption"],required:!0,description:"The header, body, footer, and caption sections of the table"}},composesInside:["Card","CardContent","Box","TabsContent"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/badge","@ladder-ui/avatar","@ladder-ui/checkbox","@ladder-ui/typography","@ladder-ui/pagination"],tokens:{"--lui-table-radius":{default:"var(--lui-radius-md, 0.5rem)",type:"dimension",description:"",inherits:null},"--lui-table-border":{default:"var(--lui-border-default, rgba(0, 0, 0, 0.1))",type:"color",description:"",inherits:null},"--lui-table-shadow":{default:"none",type:"shadow",description:"",inherits:null},"--lui-table-bg":{default:"var(--lui-bg-surface, #fff)",type:"color",description:"",inherits:null},"--lui-table-bg-stripe":{default:"var(--lui-bg-surface-raised, #fafafa)",type:"color",description:"",inherits:null},"--lui-table-bg-row-hover":{default:"color-mix(in srgb, var(--lui-bg-interactive, #18181b) 4%, transparent)",type:"color",description:"",inherits:null},"--lui-table-bg-row-selected":{default:"color-mix(in srgb, var(--lui-bg-interactive, #18181b) 6%, transparent)",type:"color",description:"",inherits:null},"--lui-table-head-bg":{default:"var(--lui-bg-surface-raised, #fafafa)",type:"color",description:"",inherits:null},"--lui-table-head-text":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-table-head-weight":{default:"500",type:"number",description:"",inherits:null},"--lui-table-head-size":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-table-head-height":{default:"2.75rem",type:"dimension",description:"",inherits:null},"--lui-table-head-border":{default:"var(--lui-border-default, rgba(0, 0, 0, 0.1))",type:"color",description:"",inherits:null},"--lui-table-cell-px":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-table-cell-py":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-table-cell-height":{default:"3.25rem",type:"dimension",description:"",inherits:null},"--lui-table-cell-text":{default:"var(--lui-text-primary, #09090b)",type:"color",description:"",inherits:null},"--lui-table-cell-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-table-cell-border":{default:"var(--lui-border-default, rgba(0, 0, 0, 0.07))",type:"color",description:"",inherits:null},"--lui-table-compact-head-height":{default:"2.25rem",type:"dimension",description:"",inherits:null},"--lui-table-compact-cell-px":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-table-compact-cell-py":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-table-compact-cell-height":{default:"2.5rem",type:"dimension",description:"",inherits:null},"--lui-table-compact-cell-size":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-table-foot-bg":{default:"var(--lui-bg-surface-raised, #fafafa)",type:"color",description:"",inherits:null},"--lui-table-foot-text":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-table-foot-weight":{default:"500",type:"number",description:"",inherits:null},"--lui-table-foot-size":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-table-foot-border":{default:"var(--lui-border-default, rgba(0, 0, 0, 0.1))",type:"color",description:"",inherits:null},"--lui-table-caption-text":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-table-caption-size":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-table-caption-py":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-table-sort-icon-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-table-sort-icon-color":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-table-sort-icon-active":{default:"var(--lui-bg-interactive, #18181b)",type:"color",description:"",inherits:null},"--lui-table-transition":{default:"var(--lui-transition, background-color 0.15s ease)",type:"timing",description:"",inherits:null}},css:{tokens:"@ladder-ui/table/table.vars.css",styles:"@ladder-ui/table/table.css"},import:"import { TableWrapper, Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@ladder-ui/table';"},tabs:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/tabs",version:"0.9.0",category:"navigation",description:"",components:{Tabs:{element:"div",description:"Tabs component.",slot:"tabs",isRoot:!0},TabsList:{element:"div",description:"TabsList component.",slot:"tabs-list"},TabsTrigger:{element:"button",description:"TabsTrigger component.",slot:"tabs-trigger"},TabsContent:{element:"div",description:"TabsContent component.",slot:"tabs-content"}},props:{Tabs:{value:{type:"string",default:null,required:!1,description:"Controlled selected tab value."},defaultValue:{type:"string",default:"",required:!1,description:"Initially selected tab value (uncontrolled)."},onValueChange:{type:"function",default:null,required:!1,description:"Called when the selected tab changes.",signature:"(value: string) => void"},orientation:{type:"enum",default:"horizontal",required:!1,description:"Orientation of the tab list.",values:["horizontal","vertical"]},variant:{type:"enum",default:"segmented",required:!1,description:'Visual style of the tab list.\n- `"segmented"` — pill container with elevated active card (default)\n- `"underline"` — borderless list with bottom-border indicator on active tab\n- `"pill"` — borderless list with filled pill background on active tab',values:["segmented","underline","pill"]},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the root element."}},TabsList:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the tablist element."}},TabsTrigger:{value:{type:"string",default:null,required:!0,description:"The value that identifies this tab."},ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:"React 19 ref — points to the trigger button."}},TabsContent:{value:{type:"string",default:null,required:!0,description:"The value that identifies which tab panel this is."},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the panel element."}}},slots:{tabs:{accepts:["TabsList","TabsContent"],required:!0,description:"The tab list with triggers and the corresponding content panels"}},composesInside:["Card","Box","DialogBody"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/badge","@ladder-ui/typography","@ladder-ui/button"],tokens:{"--lui-tabs-list-bg":{default:"rgba(0, 0, 0, 0.04)",type:"color",description:"",inherits:null},"--lui-tabs-list-radius":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-tabs-list-padding":{default:"0.25rem",type:"dimension",description:"",inherits:null},"--lui-tabs-trigger-radius":{default:"0.5rem",type:"dimension",description:"Inner radius = list-radius − padding so active card fits flush inside",inherits:null},"--lui-tabs-trigger-padding-x":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-tabs-trigger-padding-y":{default:"0.5625rem",type:"dimension",description:"",inherits:null},"--lui-tabs-trigger-text-size":{default:"0.875rem",type:"color",description:"",inherits:null},"--lui-tabs-trigger-text-weight":{default:"400",type:"color",description:"",inherits:null},"--lui-tabs-trigger-text-weight-active":{default:"600",type:"color",description:"",inherits:null},"--lui-tabs-trigger-color":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-tabs-trigger-color-active":{default:"var(--lui-text-primary, #09090b)",type:"color",description:"",inherits:null},"--lui-tabs-trigger-bg-active":{default:"var(--lui-bg-surface-raised, #ffffff)",type:"color",description:"",inherits:null},"--lui-tabs-trigger-min-height":{default:"2.5rem",type:"dimension",description:"",inherits:null},"--lui-tabs-underline-list-border":{default:"var(--lui-border-default, rgba(0, 0, 0, 0.12))",type:"color",description:"",inherits:null},"--lui-tabs-underline-indicator-color":{default:"var(--lui-text-primary, #09090b)",type:"color",description:"",inherits:null},"--lui-tabs-underline-indicator-height":{default:"2px",type:"dimension",description:"",inherits:null},"--lui-tabs-underline-active-weight":{default:"600",type:"number",description:"",inherits:null},"--lui-tabs-pill-active-bg":{default:"rgba(0, 0, 0, 0.07)",type:"color",description:"",inherits:null},"--lui-tabs-pill-radius":{default:"var(--lui-radius-md, 0.5rem)",type:"dimension",description:"",inherits:null},"--lui-tabs-content-pt":{default:"1rem",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/tabs/tabs.vars.css",styles:"@ladder-ui/tabs/tabs.css"},import:"import { Tabs, TabsList, TabsTrigger, TabsContent } from '@ladder-ui/tabs';"},textarea:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/textarea",version:"0.9.0",category:"form",description:"",components:{Textarea:{element:"textarea",description:"Textarea component."}},props:{Textarea:{ref:{type:"Ref<HTMLTextAreaElement>",default:null,required:!1,description:"React 19 ref — points to the native `<textarea>` element"},size:{type:"enum",default:"md",required:!1,description:"Size variant — controls padding and font size.",values:["xs","sm","md","lg","xl"]},status:{type:"enum",default:"default",required:!1,description:'Visual status — controls border color.\n`"error"` also sets `aria-invalid="true"` automatically.',values:["default","success","warning","error"]},fullWidth:{type:"boolean",default:!0,required:!1,description:"Stretch to fill its container's full width."},resize:{type:"enum",default:"vertical",required:!1,description:"CSS resize behavior.",values:["none","both","horizontal","vertical"]},autoResize:{type:"boolean",default:!1,required:!1,description:"When true the textarea grows automatically with its content.\n`resize` is ignored and `overflow: hidden` is applied inline."}}},composesInside:["Field","InputGroup","Flex","Stack","Box"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/field","@ladder-ui/label","@ladder-ui/input-group"],tokens:{"--lui-textarea-bg":{default:"var(--lui-bg-surface)",type:"color",description:"Background & text",inherits:"--lui-bg-surface"},"--lui-textarea-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-textarea-placeholder":{default:"color-mix(in srgb, var(--lui-text-primary) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-textarea-border":{default:"color-mix(in srgb, var(--lui-border-default) 93%, var(--lui-text-primary))",type:"color",description:"Border",inherits:null},"--lui-textarea-focus-border":{default:"var(--lui-bg-interactive)",type:"color",description:"",inherits:"--lui-bg-interactive"},"--lui-textarea-focus-ring-color":{default:"color-mix(in srgb, var(--lui-bg-interactive) 40%, transparent)",type:"color",description:"",inherits:null},"--lui-textarea-radius":{default:"var(--lui-radius-sm)",type:"color",description:"Shape",inherits:"--lui-radius-sm"}},css:{tokens:"@ladder-ui/textarea/textarea.vars.css",styles:"@ladder-ui/textarea/textarea.css"},import:"import { Textarea } from '@ladder-ui/textarea';"},toast:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/toast",version:"0.9.0",category:"feedback",description:"Accessible toast notification component for React with portal rendering",components:{Toaster:{element:"div",description:"Toaster component."}},props:{Toaster:{ref:{type:"Ref<HTMLOListElement>",default:null,required:!1,description:""},position:{type:"enum",default:"bottom-right",required:!1,description:'Where toasts appear on screen. Default: `"bottom-right"`.',values:["top-right","bottom-right","top-left","bottom-left","top-center","bottom-center"]},duration:{type:"number",default:1e4,required:!1,description:"Auto-dismiss duration in ms. `0` = persistent. Default: `4000`."},richColors:{type:"boolean",default:!1,required:!1,description:"Enable vivid semantic background colors on success / error / warning / info."},maxToasts:{type:"number",default:null,required:!1,description:"Maximum toasts visible simultaneously. Older ones are hidden.\nDefault: `5` when `stack=true`, `10` when `stack=false`."},offset:{type:"string",default:"1rem",required:!1,description:'CSS distance from the viewport edge. Default: `"1rem"`.'},gap:{type:"string",default:"0.875rem",required:!1,description:'Gap between stacked toasts. Default: `"0.5rem"`.'},isolated:{type:"boolean",default:!1,required:!1,description:'When `true`, this Toaster only renders toasts that explicitly target its\n`position` via `toast("msg", { position: "..." })`. Broadcast toasts\n(no position set) are ignored. Useful when multiple Toasters are mounted\nsimultaneously (e.g. a positions demo).'},stack:{type:"boolean",default:!0,required:!1,description:"Enable Sonner-style stacked/collapsed toast grouping with hover-to-expand.\nWhen `false`, toasts render as a simple vertical list without stacking.\nDefault: `true`."},icons:{type:"ToasterIcons",default:null,required:!1,description:"Custom icons for each toast variant. Omitting a variant means no icon is shown.\nPer-toast `icon` prop takes priority over these.\n@example <Toaster icons={{ success: <CheckIcon />, error: <XIcon /> }} />"},showCloseButton:{type:"boolean",default:!1,required:!1,description:"When `true`, each toast renders a dismiss (×) button.\nYou must supply the button's visual content via `icons.close`.\nDefault: `false`."},className:{type:"string",default:null,required:!1,description:""},style:{type:"CSSProperties",default:null,required:!1,description:""},container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}}},composesInside:["Flex","Stack","Box","CardContent"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/typography"],tokens:{"--lui-toast-z":{default:"var(--lui-z-toast)",type:"other",description:"",inherits:"--lui-z-toast"},"--lui-toast-offset":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-toast-gap":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-toast-width":{default:"360px",type:"dimension",description:"",inherits:null},"--lui-toast-bg":{default:"var(--lui-bg-surface-raised, #fff)",type:"color",description:"",inherits:null},"--lui-toast-border":{default:"var(--lui-border-default, rgba(0,0,0,.1))",type:"color",description:"",inherits:null},"--lui-toast-radius":{default:"var(--lui-radius-md, 0.5rem)",type:"dimension",description:"",inherits:null},"--lui-toast-shadow":{default:"var(--lui-shadow-overlay, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04))",type:"shadow",description:"",inherits:null},"--lui-toast-padding":{default:"0.875rem 1rem",type:"dimension",description:"",inherits:null},"--lui-toast-gap-inner":{default:"0.625rem",type:"dimension",description:"",inherits:null},"--lui-toast-title-size":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-toast-title-weight":{default:"400",type:"number",description:"",inherits:null},"--lui-toast-title-color":{default:"var(--lui-text-primary, #09090b)",type:"color",description:"",inherits:null},"--lui-toast-desc-size":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-toast-desc-color":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-toast-desc-mt":{default:"0.125rem",type:"dimension",description:"",inherits:null},"--lui-toast-icon-size":{default:"1.25rem",type:"dimension",description:"",inherits:null},"--lui-toast-close-size":{default:"1.25rem",type:"dimension",description:"",inherits:null},"--lui-toast-close-inset":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-toast-close-color":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-toast-padding-end":{default:"2.25rem",type:"dimension",description:"Extra inline-end padding so content doesn't run under the close button",inherits:null},"--lui-toast-action-bg":{default:"var(--lui-bg-interactive, #18181b)",type:"color",description:"",inherits:null},"--lui-toast-action-text":{default:"var(--lui-text-inverse, #fff)",type:"color",description:"",inherits:null},"--lui-toast-action-radius":{default:"var(--lui-radius-sm, 0.375rem)",type:"dimension",description:"",inherits:null},"--lui-toast-action-size":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-toast-action-px":{default:"0.625rem",type:"dimension",description:"",inherits:null},"--lui-toast-action-py":{default:"0.3125rem",type:"dimension",description:"",inherits:null},"--lui-toast-enter-duration":{default:"0.4s",type:"timing",description:"",inherits:null},"--lui-toast-exit-duration":{default:"0.25s",type:"timing",description:"",inherits:null},"--lui-toast-swipe-out-duration":{default:"0.2s",type:"timing",description:"",inherits:null},"--lui-toast-enter-easing":{default:"cubic-bezier(0.21, 1.02, 0.73, 1)",type:"timing",description:"",inherits:null},"--lui-toast-exit-easing":{default:"cubic-bezier(0.06, 0.71, 0.55, 1)",type:"timing",description:"",inherits:null},"--lui-toast-success-icon":{default:"var(--lui-success, #16a34a)",type:"other",description:"",inherits:null},"--lui-toast-error-icon":{default:"var(--lui-error, #dc2626)",type:"other",description:"",inherits:null},"--lui-toast-warning-icon":{default:"var(--lui-warning, #d97706)",type:"other",description:"",inherits:null},"--lui-toast-info-icon":{default:"var(--lui-info, #2563eb)",type:"other",description:"",inherits:null},"--lui-toast-loading-icon":{default:"var(--lui-text-secondary, #71717a)",type:"color",description:"",inherits:null},"--lui-toast-success-rich-bg":{default:"hsl(142 76% 96%)",type:"color",description:"",inherits:null},"--lui-toast-success-rich-border":{default:"hsl(142 72% 85%)",type:"color",description:"",inherits:null},"--lui-toast-success-rich-title":{default:"hsl(142 72% 22%)",type:"dimension",description:"",inherits:null},"--lui-toast-success-rich-desc":{default:"hsl(142 40% 35%)",type:"dimension",description:"",inherits:null},"--lui-toast-success-rich-icon":{default:"hsl(142 72% 29%)",type:"dimension",description:"",inherits:null},"--lui-toast-error-rich-bg":{default:"hsl(0 100% 97%)",type:"color",description:"",inherits:null},"--lui-toast-error-rich-border":{default:"hsl(0 86% 87%)",type:"color",description:"",inherits:null},"--lui-toast-error-rich-title":{default:"hsl(0 72% 30%)",type:"dimension",description:"",inherits:null},"--lui-toast-error-rich-desc":{default:"hsl(0 60% 42%)",type:"dimension",description:"",inherits:null},"--lui-toast-error-rich-icon":{default:"hsl(0 72% 40%)",type:"dimension",description:"",inherits:null},"--lui-toast-warning-rich-bg":{default:"hsl(45 100% 96%)",type:"color",description:"",inherits:null},"--lui-toast-warning-rich-border":{default:"hsl(45 87% 82%)",type:"color",description:"",inherits:null},"--lui-toast-warning-rich-title":{default:"hsl(30 86% 25%)",type:"dimension",description:"",inherits:null},"--lui-toast-warning-rich-desc":{default:"hsl(36 64% 38%)",type:"dimension",description:"",inherits:null},"--lui-toast-warning-rich-icon":{default:"hsl(32 95% 44%)",type:"dimension",description:"",inherits:null},"--lui-toast-info-rich-bg":{default:"hsl(214 100% 97%)",type:"color",description:"",inherits:null},"--lui-toast-info-rich-border":{default:"hsl(214 89% 85%)",type:"color",description:"",inherits:null},"--lui-toast-info-rich-title":{default:"hsl(214 80% 25%)",type:"dimension",description:"",inherits:null},"--lui-toast-info-rich-desc":{default:"hsl(214 60% 38%)",type:"dimension",description:"",inherits:null},"--lui-toast-info-rich-icon":{default:"hsl(214 89% 46%)",type:"dimension",description:"",inherits:null}},css:{tokens:"@ladder-ui/toast/toast.vars.css",styles:"@ladder-ui/toast/toast.css"},import:"import { Toaster } from '@ladder-ui/toast';"},toggle:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/toggle",version:"0.0.1",category:"action",description:"",components:{Toggle:{element:"button",description:"Toggle component.",slot:"toggle",isRoot:!0},ToggleGroup:{element:"div",description:"ToggleGroup component.",slot:"toggle-group"}},props:{Toggle:{ref:{type:"Ref<HTMLButtonElement>",default:null,required:!1,description:""},pressed:{type:"boolean",default:null,required:!1,description:"Whether the toggle is pressed. Controlled usage."},defaultPressed:{type:"boolean",default:!1,required:!1,description:"Initial pressed state for uncontrolled usage. Default: false."},onPressedChange:{type:"function",default:null,required:!1,description:"Called when the pressed state changes.",signature:"(pressed: boolean) => void"},variant:{type:"enum",default:"default",required:!1,description:'Visual style variant. Default: "default".',values:["default","outline"]},size:{type:"enum",default:"md",required:!1,description:'Size of the toggle. Default: "md".',values:["sm","md","lg"]},value:{type:"string",default:null,required:!1,description:"Value string used when inside a ToggleGroup."}},ToggleGroup:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:""},type:{type:"enum",default:null,required:!0,description:'Selection mode. "single" allows one selection; "multiple" allows many.',values:["single","multiple"]},value:{type:"string | string[]",default:null,required:!1,description:"Controlled selected value (single) or values (multiple)."},defaultValue:{type:"string | string[]",default:null,required:!1,description:"Initial selected value (single: string) or values (multiple: string[]) for uncontrolled usage."},onValueChange:{type:"function",default:null,required:!1,description:"Called when selection changes. Receives a string for single, string[] for multiple.",signature:"((value: string) => void) | ((value: string[]) => void)"},variant:{type:"enum",default:"default",required:!1,description:'Visual style variant applied to all toggles. Default: "default".',values:["default","outline"]},size:{type:"enum",default:"md",required:!1,description:'Size applied to all toggles. Default: "md".',values:["sm","md","lg"]},disabled:{type:"boolean",default:!1,required:!1,description:"Disables all toggles in the group."},direction:{type:"enum",default:"horizontal",required:!1,description:'Layout direction of the group. Default: "horizontal".',values:["horizontal","vertical"]}}},slots:{"toggle-group":{accepts:["*"],required:!1,description:"The toggle group area of the Toggle component"}},composesInside:["Flex","Stack","Box","CardContent"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/tooltip","@ladder-ui/typography"],tokens:{"--lui-toggle-height-sm":{default:"1.75rem",type:"dimension",description:"Sizing",inherits:null},"--lui-toggle-height-md":{default:"2.25rem",type:"dimension",description:"",inherits:null},"--lui-toggle-height-lg":{default:"2.75rem",type:"dimension",description:"",inherits:null},"--lui-toggle-min-width-sm":{default:"1.75rem",type:"dimension",description:"",inherits:null},"--lui-toggle-min-width-md":{default:"2.25rem",type:"dimension",description:"",inherits:null},"--lui-toggle-min-width-lg":{default:"2.75rem",type:"dimension",description:"",inherits:null},"--lui-toggle-padding-x-sm":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-toggle-padding-x-md":{default:"0.625rem",type:"dimension",description:"",inherits:null},"--lui-toggle-padding-x-lg":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-toggle-font-size-sm":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-toggle-font-size-md":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-toggle-font-size-lg":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-toggle-gap-sm":{default:"0.25rem",type:"dimension",description:"",inherits:null},"--lui-toggle-gap-md":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-toggle-gap-lg":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-toggle-icon-size-sm":{default:"0.875rem",type:"dimension",description:"",inherits:null},"--lui-toggle-icon-size-md":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-toggle-icon-size-lg":{default:"1.125rem",type:"dimension",description:"",inherits:null},"--lui-toggle-radius":{default:"var(--lui-radius-sm)",type:"dimension",description:"Border radius",inherits:"--lui-radius-sm"},"--lui-toggle-default-bg":{default:"transparent",type:"color",description:"Default variant — idle",inherits:null},"--lui-toggle-default-text":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-toggle-default-border":{default:"transparent",type:"color",description:"",inherits:null},"--lui-toggle-default-hover-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-toggle-default-hover-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-toggle-default-pressed-bg":{default:"var(--lui-bg-interactive-soft, color-mix(in srgb, var(--lui-bg-interactive) 15%, transparent))",type:"color",description:"Default variant — pressed",inherits:null},"--lui-toggle-default-pressed-text":{default:"var(--lui-text-brand, var(--lui-bg-interactive))",type:"color",description:"",inherits:null},"--lui-toggle-default-pressed-border":{default:"transparent",type:"color",description:"",inherits:null},"--lui-toggle-outline-bg":{default:"transparent",type:"color",description:"Outline variant — idle",inherits:null},"--lui-toggle-outline-text":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-toggle-outline-border":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"},"--lui-toggle-outline-hover-bg":{default:"var(--lui-bg-surface-raised)",type:"color",description:"",inherits:"--lui-bg-surface-raised"},"--lui-toggle-outline-hover-text":{default:"var(--lui-text-primary)",type:"color",description:"",inherits:"--lui-text-primary"},"--lui-toggle-outline-pressed-bg":{default:"var(--lui-bg-interactive-soft, color-mix(in srgb, var(--lui-bg-interactive) 15%, transparent))",type:"color",description:"Outline variant — pressed",inherits:null},"--lui-toggle-outline-pressed-text":{default:"var(--lui-text-brand, var(--lui-bg-interactive))",type:"color",description:"",inherits:null},"--lui-toggle-outline-pressed-border":{default:"var(--lui-border-interactive)",type:"color",description:"",inherits:"--lui-border-interactive"},"--lui-toggle-group-gap":{default:"0.25rem",type:"dimension",description:"Group",inherits:null}},css:{tokens:"@ladder-ui/toggle/toggle.vars.css",styles:"@ladder-ui/toggle/toggle.css"},import:"import { Toggle, ToggleGroup } from '@ladder-ui/toggle';"},tooltip:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/tooltip",version:"0.9.0",category:"overlay",description:"",components:{TooltipProvider:{element:"div",description:"TooltipProvider component.",slot:"tooltip-trigger",isRoot:!0},Tooltip:{element:"div",description:"Tooltip component.",slot:"tooltip-trigger"},TooltipTrigger:{element:"span",description:"TooltipTrigger component.",slot:"tooltip-trigger"},TooltipContent:{element:"div",description:"TooltipContent component.",slot:"tooltip-content"},TooltipHeader:{element:"div",description:"TooltipHeader component.",slot:"tooltip-header"},TooltipRows:{element:"div",description:"TooltipRows component.",slot:"tooltip-rows"},TooltipRow:{element:"div",description:"TooltipRow component.",slot:"tooltip-rows"},TooltipLabel:{element:"span",description:"TooltipLabel component.",slot:"tooltip-label"},TooltipSeparator:{element:"div",description:"TooltipSeparator component.",slot:"tooltip-separator"}},props:{TooltipProvider:{delayDuration:{type:"number",default:700,required:!1,description:"Milliseconds before tooltip shows on hover."},skipDelayDuration:{type:"number",default:300,required:!1,description:"Grace period between consecutive tooltips in ms."}},Tooltip:{open:{type:"boolean",default:null,required:!1,description:"Controlled open state."},defaultOpen:{type:"boolean",default:!1,required:!1,description:"Initial open state for uncontrolled usage."},onOpenChange:{type:"function",default:null,required:!1,description:"Called when the open state changes.",signature:"(open: boolean) => void"},delayDuration:{type:"number",default:null,required:!1,description:"Delay in ms before tooltip shows. Overrides TooltipProvider value."}},TooltipTrigger:{children:{type:"ReactNode",default:null,required:!0,description:"Content to display — wrapped in a focusable inline-block span."},ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:"React 19 ref — points to the trigger wrapper element."}},TooltipContent:{side:{type:"enum",default:"top",required:!1,description:"Which side of the trigger the tooltip appears on.",values:["top","right","bottom","left"]},align:{type:"enum",default:"center",required:!1,description:"Alignment along the cross-axis.",values:["center","start","end"]},sideOffset:{type:"number",default:8,required:!1,description:"Gap in px between the trigger and the tooltip."},variant:{type:"enum",default:"default",required:!1,description:'Visual style.\n- `"default"` — dark background, compact, for simple text labels.\n- `"surface"` — light/dark-aware surface background with larger padding, for rich structured content.',values:["default","surface"]},color:{type:"enum",default:"default",required:!1,description:"Background color using soft semantic tokens. Applies to both variants.",values:["default","success","warning","info","error"]},className:{type:"string",default:null,required:!1,description:""},style:{type:"CSSProperties",default:null,required:!1,description:""},ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the tooltip panel element."},container:{type:"Element",default:null,required:!1,description:"DOM element where the portal renders. Defaults to document.body."}},TooltipHeader:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the header element."}},TooltipRows:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the rows container element."}},TooltipRow:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the row element."}},TooltipLabel:{ref:{type:"Ref<HTMLSpanElement>",default:null,required:!1,description:"React 19 ref — points to the label element."}},TooltipSeparator:{ref:{type:"Ref<HTMLDivElement>",default:null,required:!1,description:"React 19 ref — points to the separator element."}}},slots:{tooltip:{accepts:["TooltipTrigger","TooltipContent"],required:!0,description:"The trigger element and the tooltip content that appears on hover/focus"}},dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/button","@ladder-ui/typography","@ladder-ui/badge"],tokens:{"--lui-tooltip-z":{default:"var(--lui-z-tooltip)",type:"other",description:"",inherits:"--lui-z-tooltip"},"--lui-tooltip-bg":{default:"var(--lui-bg-interactive, #18181b)",type:"color",description:"",inherits:null},"--lui-tooltip-text":{default:"var(--lui-text-inverse, #fafafa)",type:"color",description:"",inherits:null},"--lui-tooltip-radius":{default:"var(--lui-radius-sm, 0.375rem)",type:"dimension",description:"",inherits:null},"--lui-tooltip-padding-x":{default:"0.625rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-padding-y":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-text-size":{default:"0.75rem",type:"color",description:"",inherits:null},"--lui-tooltip-max-width":{default:"18rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-shadow":{default:"var(--lui-shadow-overlay, 0 4px 12px rgba(0,0,0,0.15))",type:"shadow",description:"",inherits:null},"--lui-tooltip-arrow-size":{default:"6px",type:"dimension",description:"",inherits:null},"--lui-tooltip-enter-duration":{default:"0.15s",type:"timing",description:"",inherits:null},"--lui-tooltip-exit-duration":{default:"0.1s",type:"timing",description:"",inherits:null},"--lui-tooltip-surface-padding-x":{default:"1rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-surface-padding-y":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-surface-max-width":{default:"26rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-surface-font-size":{default:"0.8125rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-header-font-size":{default:"0.75rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-header-color":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-tooltip-header-gap":{default:"0.5rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-row-gap":{default:"0.625rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-rows-gap":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-label-bg":{default:"var(--lui-bg-surface-raised, #f4f4f5)",type:"color",description:"",inherits:null},"--lui-tooltip-label-text":{default:"var(--lui-text-secondary)",type:"color",description:"",inherits:"--lui-text-secondary"},"--lui-tooltip-label-radius":{default:"var(--lui-radius-sm, 0.375rem)",type:"dimension",description:"",inherits:null},"--lui-tooltip-label-padding-x":{default:"0.375rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-label-padding-y":{default:"0.125rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-label-font-size":{default:"0.6875rem",type:"dimension",description:"",inherits:null},"--lui-tooltip-label-font-family":{default:"var(--lui-font-family-mono, ui-monospace, monospace)",type:"font",description:"",inherits:null},"--lui-tooltip-separator-color":{default:"var(--lui-border-default)",type:"color",description:"",inherits:"--lui-border-default"}},css:{tokens:"@ladder-ui/tooltip/tooltip.vars.css",styles:"@ladder-ui/tooltip/tooltip.css"},import:"import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, TooltipHeader, TooltipRows, TooltipRow, TooltipLabel, TooltipSeparator } from '@ladder-ui/tooltip';"},typography:{$schema:"https://ladder-ui.dev/schemas/manifest.v2.json",name:"@ladder-ui/typography",version:"0.9.0",category:"display",description:"",components:{Text:{element:"div",description:"Text component."}},props:{Text:{as:{type:"ElementType",default:"p",required:!1,description:"Override the rendered HTML element. When omitted, the element is inferred from `variant` (e.g. `h1`–`h6`, `p`, `a`)."},ref:{type:"Ref<any>",default:null,required:!1,description:"React 19 ref — points to the underlying HTML element."},href:{type:"string",default:null,required:!1,description:"URL for link variants. Unsafe `javascript:` and `data:` URIs are blocked — the element falls back to `<span>`."},target:{type:"string",default:null,required:!1,description:'`target` attribute forwarded to the underlying `<a>` element (e.g. `"_blank"`).'},rel:{type:"string",default:null,required:!1,description:'`rel` attribute forwarded to `<a>`. Defaults to `"noopener noreferrer"` when `target="_blank"` and no value is provided.'},variant:{type:"enum",default:"p",required:!1,description:"Typographic role — controls both CSS styles and the inferred HTML element.",values:["link","p","h1","h2","h3","h4","h5","h6","small","lead","large"]},color:{type:"enum",default:"default",required:!1,description:"Text color using semantic tokens.",values:["default","error","primary","muted"]},weight:{type:"enum",default:null,required:!1,description:"Font weight applied to the text.",values:["normal","medium","semibold","bold"]},align:{type:"enum",default:null,required:!1,description:"Text alignment.",values:["right","left","center","justify"]},italic:{type:"boolean",default:!1,required:!1,description:"Renders text in italic style."},strike:{type:"boolean",default:!1,required:!1,description:"Renders text with a strikethrough — semantically wraps in `<del>`."}}},composesInside:["Flex","Stack","Box","Card","CardContent","CardHeader","CardDescription","DialogBody","Alert","ListItemContent","any"],dependencies:["@ladder-ui/core"],peerComponents:["@ladder-ui/layout"],tokens:{},css:{tokens:"@ladder-ui/typography/typography.vars.css",styles:"@ladder-ui/typography/typography.css"},import:"import { Text } from '@ladder-ui/typography';"}},i={"contact-form":{id:"contact-form",name:"Contact Form",description:"Contact form with name, email, message fields and submit button.",tags:["form","landing"],tree:{component:"Card",props:{className:"max-w-lg mx-auto"},children:[{component:"CardHeader",children:[{component:"CardTitle",children:"Get in touch"},{component:"CardDescription",children:"Fill out the form below and we'll get back to you within 24 hours."}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"5"},children:[{component:"Field",children:[{component:"FieldLabel",children:"Name"},{component:"Input",props:{placeholder:"Your name"}}]},{component:"Field",children:[{component:"FieldLabel",children:"Email"},{component:"Input",props:{type:"email",placeholder:"you@example.com"}}]},{component:"Field",children:[{component:"FieldLabel",children:"Message"},{component:"Textarea",props:{placeholder:"Your message...",rows:4}}]}]}]},{component:"CardFooter",children:[{component:"Button",props:{fullWidth:!0},children:"Send message"}]}]}},"dashboard-stats":{id:"dashboard-stats",name:"Dashboard Stats",description:"Row of KPI stat cards with title, value, trend, and progress bar.",tags:["dashboard","analytics"],tree:{component:"Grid",props:{columns:"4",gap:"6"},children:[{component:"Card",children:[{component:"CardHeader",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"Text",props:{variant:"small",color:"muted"},children:"Total Revenue"},{component:"Badge",props:{variant:"success",soft:!0},children:"+12.5%"}]}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{variant:"h3"},children:"$45,231"},{component:"Progress",props:{value:72,size:"sm"}}]}]}]},{component:"Card",children:[{component:"CardHeader",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"Text",props:{variant:"small",color:"muted"},children:"Active Users"},{component:"Badge",props:{variant:"success",soft:!0},children:"+8.2%"}]}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{variant:"h3"},children:"2,350"},{component:"Progress",props:{value:58,size:"sm"}}]}]}]},{component:"Card",children:[{component:"CardHeader",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"Text",props:{variant:"small",color:"muted"},children:"Conversion Rate"},{component:"Badge",props:{variant:"destructive",soft:!0},children:"-2.1%"}]}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{variant:"h3"},children:"3.24%"},{component:"Progress",props:{value:32,size:"sm"}}]}]}]},{component:"Card",children:[{component:"CardHeader",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"Text",props:{variant:"small",color:"muted"},children:"Avg. Order"},{component:"Badge",props:{variant:"info",soft:!0},children:"+4.7%"}]}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{variant:"h3"},children:"$127"},{component:"Progress",props:{value:85,size:"sm"}}]}]}]}]}},"dashboard-table":{id:"dashboard-table",name:"Dashboard Table",description:"Data table with header, sortable columns, pagination, and row actions.",tags:["dashboard","data"],tree:{component:"Card",children:[{component:"CardHeader",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"CardTitle",children:"Recent Orders"},{component:"Flex",props:{gap:"2"},children:[{component:"Input",props:{placeholder:"Search orders...",className:"w-64"}},{component:"Button",props:{variant:"outline"},children:"Export"}]}]}]},{component:"CardContent",children:[{component:"Table",children:[{component:"TableHeader",children:[{component:"TableRow",children:[{component:"TableHead",children:"Order ID"},{component:"TableHead",children:"Customer"},{component:"TableHead",children:"Status"},{component:"TableHead",children:"Amount"},{component:"TableHead",children:"Date"},{component:"TableHead",children:""}]}]},{component:"TableBody",children:[{component:"TableRow",children:[{component:"TableCell",children:"#3210"},{component:"TableCell",children:[{component:"Flex",props:{align:"center",gap:"2"},children:[{component:"Avatar",props:{size:"sm"},children:"OC"},{component:"Text",children:"Olivia Chen"}]}]},{component:"TableCell",children:[{component:"Badge",props:{variant:"success",soft:!0},children:"Completed"}]},{component:"TableCell",children:"$250.00"},{component:"TableCell",children:"Mar 22, 2026"},{component:"TableCell",children:[{component:"Button",props:{variant:"ghost",size:"sm"},children:"View"}]}]},{component:"TableRow",children:[{component:"TableCell",children:"#3209"},{component:"TableCell",children:[{component:"Flex",props:{align:"center",gap:"2"},children:[{component:"Avatar",props:{size:"sm"},children:"JD"},{component:"Text",children:"James Davis"}]}]},{component:"TableCell",children:[{component:"Badge",props:{variant:"warning",soft:!0},children:"Pending"}]},{component:"TableCell",children:"$125.00"},{component:"TableCell",children:"Mar 21, 2026"},{component:"TableCell",children:[{component:"Button",props:{variant:"ghost",size:"sm"},children:"View"}]}]}]}]}]},{component:"CardFooter",children:[{component:"Flex",props:{justify:"between",align:"center",className:"w-full"},children:[{component:"Text",props:{variant:"small",color:"muted"},children:"Showing 1-10 of 48 results"},{component:"Pagination",props:{totalPages:5,currentPage:1}}]}]}]}},"feature-grid":{id:"feature-grid",name:"Feature Grid",description:"Grid of feature cards with icons and descriptions.",tags:["landing","marketing"],tree:{component:"Stack",props:{gap:"10"},children:[{component:"Center",children:[{component:"Stack",props:{gap:"3",align:"center"},children:[{component:"Text",props:{variant:"h2",align:"center"},children:"Everything you need"},{component:"Text",props:{variant:"lead",color:"muted",align:"center"},children:"Build modern applications with a complete set of accessible, composable components."}]}]},{component:"Grid",props:{columns:"3",gap:"6"},children:[{component:"Card",children:[{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{weight:"semibold"},children:"Accessible"},{component:"Text",props:{color:"muted"},children:"WCAG 2.1 AA compliant with full keyboard navigation, screen reader support, and focus management."}]}]}]},{component:"Card",children:[{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{weight:"semibold"},children:"Composable"},{component:"Text",props:{color:"muted"},children:"Compound component patterns let you customize every part independently. No monolithic APIs."}]}]}]},{component:"Card",children:[{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{weight:"semibold"},children:"Themeable"},{component:"Text",props:{color:"muted"},children:"CSS custom properties for every token. Override colors, spacing, and typography at any scope."}]}]}]},{component:"Card",children:[{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{weight:"semibold"},children:"Tree-shakeable"},{component:"Text",props:{color:"muted"},children:"Import only what you use. Each component is a separate package with zero cross-dependencies."}]}]}]},{component:"Card",children:[{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{weight:"semibold"},children:"TypeScript Native"},{component:"Text",props:{color:"muted"},children:"Full type safety with React 19 patterns. No forwardRef — ref is a regular prop."}]}]}]},{component:"Card",children:[{component:"CardContent",children:[{component:"Stack",props:{gap:"3"},children:[{component:"Text",props:{weight:"semibold"},children:"Tailwind Ready"},{component:"Text",props:{color:"muted"},children:"All styles in @layer components — Tailwind utilities always win. Override anything with className."}]}]}]}]}]}},"hero-centered":{id:"hero-centered",name:"Centered Hero",description:"Centered hero with pill badge, headline, subtitle, and CTA buttons.",tags:["landing","marketing"],tree:{component:"Box",props:{py:"20"},children:[{component:"Center",children:[{component:"Stack",props:{gap:"6",align:"center"},children:[{component:"Badge",props:{variant:"info",soft:!0},children:"New Release"},{component:"Text",props:{variant:"h1",align:"center"},children:"Build beautiful interfaces faster"},{component:"Text",props:{variant:"lead",color:"muted",align:"center"},children:"A modern, accessible component library for React 19 with built-in theming, composition, and Tailwind compatibility."},{component:"Flex",props:{gap:"3",justify:"center"},children:[{component:"Button",props:{size:"lg"},children:"Get started"},{component:"Button",props:{size:"lg",variant:"outline"},children:"Documentation"}]}]}]}]}},"hero-split":{id:"hero-split",name:"Split Hero",description:"Two-column hero with copy on the left and visual on the right.",tags:["landing","marketing"],tree:{component:"Grid",props:{columns:"2",gap:"12",align:"center"},children:[{component:"Stack",props:{gap:"6"},children:[{component:"Badge",props:{variant:"success",soft:!0},children:"Open Source"},{component:"Text",props:{variant:"h1"},children:"Ship production UI in half the time"},{component:"Text",props:{variant:"lead",color:"muted"},children:"40+ accessible, composable components with full TypeScript support, design tokens, and zero external dependencies."},{component:"Flex",props:{gap:"3"},children:[{component:"Button",props:{size:"lg"},children:"Start building"},{component:"Button",props:{size:"lg",variant:"ghost"},children:"View on GitHub"}]}]},{component:"Box",props:{className:"aspect-video rounded-lg bg-gradient-to-br from-blue-500/20 to-purple-500/20"},children:[]}]}},"login-form":{id:"login-form",name:"Login Form",description:"Login form with email, password, remember me, and forgot password link.",tags:["form","auth"],tree:{component:"Card",props:{className:"max-w-sm mx-auto"},children:[{component:"CardHeader",children:[{component:"CardTitle",children:"Sign in"},{component:"CardDescription",children:"Enter your credentials to access your account."}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"4"},children:[{component:"Field",children:[{component:"FieldLabel",children:"Email"},{component:"Input",props:{type:"email",placeholder:"you@example.com"}}]},{component:"Field",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"FieldLabel",children:"Password"},{component:"Text",props:{variant:"small",color:"muted",href:"#"},children:"Forgot password?"}]},{component:"Input",props:{type:"password",placeholder:"••••••••"}}]},{component:"Flex",props:{align:"center",gap:"2"},children:[{component:"Checkbox",props:{id:"remember"}},{component:"Label",props:{htmlFor:"remember"},children:"Remember me"}]}]}]},{component:"CardFooter",children:[{component:"Stack",props:{gap:"3",className:"w-full"},children:[{component:"Button",props:{fullWidth:!0},children:"Sign in"},{component:"Text",props:{variant:"small",color:"muted",align:"center"},children:"Don't have an account? Sign up"}]}]}]}},"notification-list":{id:"notification-list",name:"Notification List",description:"List of notification items with avatar, text, timestamp, and actions.",tags:["dashboard","social"],tree:{component:"Card",props:{className:"max-w-md"},children:[{component:"CardHeader",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"CardTitle",children:"Notifications"},{component:"Badge",children:"3 new"}]}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"0"},children:[{component:"ListItem",children:[{component:"ListItemIcon",children:[{component:"Avatar",props:{size:"sm"},children:"SC"}]},{component:"ListItemContent",children:[{component:"ListItemTitle",children:"Sarah Connor commented on your post"},{component:"ListItemDescription",children:"2 minutes ago"}]}]},{component:"Divider"},{component:"ListItem",children:[{component:"ListItemIcon",children:[{component:"Avatar",props:{size:"sm"},children:"MR"}]},{component:"ListItemContent",children:[{component:"ListItemTitle",children:"Mark Rivera shared a document with you"},{component:"ListItemDescription",children:"1 hour ago"}]}]},{component:"Divider"},{component:"ListItem",children:[{component:"ListItemIcon",children:[{component:"Avatar",props:{size:"sm"},children:"AL"}]},{component:"ListItemContent",children:[{component:"ListItemTitle",children:"Anna Lee accepted your invitation"},{component:"ListItemDescription",children:"3 hours ago"}]}]},{component:"Divider"},{component:"ListItem",children:[{component:"ListItemIcon",children:[{component:"Avatar",props:{size:"sm"},children:"TS"}]},{component:"ListItemContent",children:[{component:"ListItemTitle",children:"System update completed successfully"},{component:"ListItemDescription",children:"Yesterday"}]}]}]}]},{component:"CardFooter",children:[{component:"Button",props:{variant:"ghost",fullWidth:!0},children:"View all notifications"}]}]}},"pricing-table":{id:"pricing-table",name:"Pricing Table",description:"3-column pricing comparison with highlighted recommended plan.",tags:["landing","saas"],tree:{component:"Grid",props:{columns:"3",gap:"6"},children:[{component:"Card",children:[{component:"CardHeader",children:[{component:"CardTitle",children:"Starter"},{component:"CardDescription",children:"For individuals and small projects"}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"4"},children:[{component:"Text",props:{variant:"h2"},children:"$9/mo"},{component:"Divider"},{component:"Text",props:{color:"muted"},children:"5 projects"},{component:"Text",props:{color:"muted"},children:"10GB storage"},{component:"Text",props:{color:"muted"},children:"Community support"}]}]},{component:"CardFooter",children:[{component:"Button",props:{variant:"outline",fullWidth:!0},children:"Get started"}]}]},{component:"Card",props:{className:"border-2 border-blue-500 relative"},children:[{component:"CardHeader",children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"CardTitle",children:"Pro"},{component:"Badge",props:{variant:"info"},children:"Popular"}]},{component:"CardDescription",children:"For growing teams and businesses"}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"4"},children:[{component:"Text",props:{variant:"h2"},children:"$29/mo"},{component:"Divider"},{component:"Text",props:{color:"muted"},children:"Unlimited projects"},{component:"Text",props:{color:"muted"},children:"100GB storage"},{component:"Text",props:{color:"muted"},children:"Priority support"},{component:"Text",props:{color:"muted"},children:"Advanced analytics"}]}]},{component:"CardFooter",children:[{component:"Button",props:{fullWidth:!0},children:"Get started"}]}]},{component:"Card",children:[{component:"CardHeader",children:[{component:"CardTitle",children:"Enterprise"},{component:"CardDescription",children:"For large organizations"}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"4"},children:[{component:"Text",props:{variant:"h2"},children:"Custom"},{component:"Divider"},{component:"Text",props:{color:"muted"},children:"Everything in Pro"},{component:"Text",props:{color:"muted"},children:"Unlimited storage"},{component:"Text",props:{color:"muted"},children:"Dedicated support"},{component:"Text",props:{color:"muted"},children:"Custom integrations"},{component:"Text",props:{color:"muted"},children:"SLA guarantee"}]}]},{component:"CardFooter",children:[{component:"Button",props:{variant:"outline",fullWidth:!0},children:"Contact sales"}]}]}]}},"settings-form":{id:"settings-form",name:"Settings Form",description:"Settings page with sections, toggles, selects, and save button.",tags:["dashboard","form"],tree:{component:"Stack",props:{gap:"6",className:"max-w-2xl"},children:[{component:"Card",children:[{component:"CardHeader",children:[{component:"CardTitle",children:"Profile"},{component:"CardDescription",children:"Manage your public profile information."}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"4"},children:[{component:"Field",children:[{component:"FieldLabel",children:"Display name"},{component:"Input",props:{placeholder:"Your display name"}}]},{component:"Field",children:[{component:"FieldLabel",children:"Bio"},{component:"Textarea",props:{placeholder:"Tell us about yourself",rows:3}},{component:"FieldDescription",children:"Brief description for your profile. Max 160 characters."}]}]}]}]},{component:"Card",children:[{component:"CardHeader",children:[{component:"CardTitle",children:"Notifications"},{component:"CardDescription",children:"Choose what notifications you receive."}]},{component:"CardContent",children:[{component:"Stack",props:{gap:"4"},children:[{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"Stack",props:{gap:"1"},children:[{component:"Text",props:{weight:"medium"},children:"Email notifications"},{component:"Text",props:{variant:"small",color:"muted"},children:"Receive email about your account activity."}]},{component:"Switch"}]},{component:"Divider"},{component:"Flex",props:{justify:"between",align:"center"},children:[{component:"Stack",props:{gap:"1"},children:[{component:"Text",props:{weight:"medium"},children:"Marketing emails"},{component:"Text",props:{variant:"small",color:"muted"},children:"Receive emails about new features and updates."}]},{component:"Switch"}]}]}]}]},{component:"Flex",props:{justify:"end",gap:"3"},children:[{component:"Button",props:{variant:"outline"},children:"Cancel"},{component:"Button",children:"Save changes"}]}]}}},r=e,n=t,o=i;function l(e){return t[e]}function a(t){return e.categories[t]??[]}function s(t){return e.compositionGraph[t]??[]}function d(t,i){const r=e.compositionGraph[t];return!!r&&(r.includes("*")||r.includes(i))}function u(e){for(const[i,r]of Object.entries(t))if(e in r.components)return{packageName:i,manifest:r}}function p(e){const t=u(e);if(t)return t.manifest.props[e]}function c(e){return i[e]}function m(){return Object.entries(e.recipes).map(([e,t])=>({id:e,description:t.description,tags:t.tags}))}function f(e){return Object.values(i).filter(t=>t.tags?.includes(e))}function g(e){const t=i[e];if(!t)return;const r=new Set;!function e(t){if(t&&"string"!=typeof t&&(t.component&&r.add(t.component),Array.isArray(t.children)))for(const i of t.children)e(i)}(t.tree);const n=new Map,o=new Set;for(const e of r){const t=u(e);if(t){const i=t.manifest.name;n.has(i)||n.set(i,new Set),n.get(i).add(e),t.manifest.css.tokens&&o.add(t.manifest.css.tokens),t.manifest.css.styles&&o.add(t.manifest.css.styles)}}return{js:[...n.entries()].sort(([e],[t])=>e.localeCompare(t)).map(([e,t])=>`import { ${[...t].sort().join(", ")} } from '${e}';`),css:[...o].sort()}}export{d as canContain,u as findComponentPackage,p as getComponentProps,a as getComponentsByCategory,l as getManifest,c as getRecipe,g as getRecipeImports,f as getRecipesByTag,s as getValidChildren,r as inventory,m as listRecipes,n as manifests,o as recipes};