@enadhq/enad-react-sdk 1.1.0 → 1.2.0

package/dist/client/ui-resolver/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../../../src/client/ui-resolver/button.tsx"],"mappings":";;;;;iBAMS,MAAA,CAAA;EAAA,GAAY;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../../src/client/ui-resolver/button.tsx"],"mappings":";;;;iBAaS,MAAA,CAAA;EAAA,GAAY;AAAA,GAAS,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui-resolver/button.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { Button as Button$1, buttonVariants } from "../ui/button.mjs";
+import { Button as Button$1, buttonRecipe, buttonVariants } from "../ui/button.mjs";
 import { useCustomComponent } from "./context.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -10,6 +10,6 @@ function Button({ ...props }) {
 	return /* @__PURE__ */ jsx(Button$1, { ...props });
 }
 //#endregion
-export { Button, buttonVariants };
+export { Button, buttonRecipe, buttonVariants };
 
 //# sourceMappingURL=button.mjs.map

package/dist/client/ui-resolver/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","names":["DefaultButton"],"sources":["../../../src/client/ui-resolver/button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Button as DefaultButton, buttonVariants } from \"../ui/button\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Button({ ...props }: React.ComponentProps<typeof DefaultButton>) {\n  const Custom = useCustomComponent(\"button\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultButton {...props} />;\n}\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAMA,SAAS,OAAO,EAAE,GAAG,SAAqD;CACxE,MAAM,SAAS,mBAAmB,SAAS;AAC3C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,UAAD,EAAe,GAAI,OAAS,CAAA"}
+{"version":3,"file":"button.mjs","names":["DefaultButton"],"sources":["../../../src/client/ui-resolver/button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Button as DefaultButton,\n  buttonRecipe,\n  buttonVariants,\n  type ButtonProps,\n  type ButtonVariant,\n  type ButtonSize,\n} from \"../ui/button\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Button({ ...props }: ButtonProps) {\n  const Custom = useCustomComponent(\"button\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultButton {...props} />;\n}\n\nexport {\n  Button,\n  buttonRecipe,\n  buttonVariants,\n  type ButtonProps,\n  type ButtonVariant,\n  type ButtonSize,\n};\n"],"mappings":";;;;;;AAaA,SAAS,OAAO,EAAE,GAAG,SAAsB;CACzC,MAAM,SAAS,mBAAmB,SAAS;AAC3C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,UAAD,EAAe,GAAI,OAAS,CAAA"}

package/dist/client/ui-resolver/card.d.ts

@@ -12,6 +12,19 @@ declare const CardTitle: typeof CardTitle$1;
 declare const CardAction: typeof CardAction$1;
 declare const CardDescription: typeof CardDescription$1;
 declare const CardContent: typeof CardContent$1;
+declare const cardRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"root" | "content" | "title" | "description" | "header" | "action" | "footer", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  content: string;
+  title: string;
+  description: string;
+  header: string;
+  action: string;
+  footer: string;
+};
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardRecipe };
 //# sourceMappingURL=card.d.ts.map

package/dist/client/ui-resolver/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../../src/client/ui-resolver/card.tsx"],"mappings":";;;;;iBAMS,IAAA,CAAA;EAAA,GAAU;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMnE,UAAA,SAAU,YAAA;AAAA,cACV,UAAA,SAAU,YAAA;AAAA,cACV,SAAA,SAAS,WAAA;AAAA,cACT,UAAA,SAAU,YAAA;AAAA,cACV,eAAA,SAAe,iBAAA;AAAA,cACf,WAAA,SAAW,aAAA"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../../src/client/ui-resolver/card.tsx"],"mappings":";;;;;iBAMS,IAAA,CAAA;EAAA,GAAU;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,MAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMnE,UAAA,SAAU,YAAA;AAAA,cACV,UAAA,SAAU,YAAA;AAAA,cACV,SAAA,SAAS,WAAA;AAAA,cACT,UAAA,SAAU,YAAA;AAAA,cACV,eAAA,SAAe,iBAAA;AAAA,cACf,WAAA,SAAW,aAAA;AAAA,cAEX,UAAA,GAAU,KAAA;EAAA;;cAAyB,OAAA,CAAA,MAAA;AAAA"}

package/dist/client/ui-resolver/card.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { useCustomComponent } from "./context.mjs";
-import { Card as Card$1, CardAction as CardAction$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter as CardFooter$1, CardHeader as CardHeader$1, CardTitle as CardTitle$1 } from "../ui/card.mjs";
+import { Card as Card$1, CardAction as CardAction$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter as CardFooter$1, CardHeader as CardHeader$1, CardTitle as CardTitle$1, cardRecipe as cardRecipe$1 } from "../ui/card.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/client/ui-resolver/card.tsx
@@ -15,7 +15,8 @@ const CardTitle = CardTitle$1;
 const CardAction = CardAction$1;
 const CardDescription = CardDescription$1;
 const CardContent = CardContent$1;
+const cardRecipe = cardRecipe$1;
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardRecipe };
 
 //# sourceMappingURL=card.mjs.map

package/dist/client/ui-resolver/card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.mjs","names":["DefaultCard.Card","DefaultCard.CardHeader","DefaultCard.CardFooter","DefaultCard.CardTitle","DefaultCard.CardAction","DefaultCard.CardDescription","DefaultCard.CardContent"],"sources":["../../../src/client/ui-resolver/card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DefaultCard from \"../ui/card\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Card({ ...props }: React.ComponentProps<typeof DefaultCard.Card>) {\n  const Custom = useCustomComponent(\"card\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultCard.Card {...props} />;\n}\n\nconst CardHeader = DefaultCard.CardHeader;\nconst CardFooter = DefaultCard.CardFooter;\nconst CardTitle = DefaultCard.CardTitle;\nconst CardAction = DefaultCard.CardAction;\nconst CardDescription = DefaultCard.CardDescription;\nconst CardContent = DefaultCard.CardContent;\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"mappings":";;;;;;AAMA,SAAS,KAAK,EAAE,GAAG,SAAwD;CACzE,MAAM,SAAS,mBAAmB,OAAO;AACzC,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,QAAD,EAAkB,GAAI,OAAS,CAAA;;AAGxC,MAAM,aAAaC;AACnB,MAAM,aAAaC;AACnB,MAAM,YAAYC;AAClB,MAAM,aAAaC;AACnB,MAAM,kBAAkBC;AACxB,MAAM,cAAcC"}
+{"version":3,"file":"card.mjs","names":["DefaultCard.Card","DefaultCard.CardHeader","DefaultCard.CardFooter","DefaultCard.CardTitle","DefaultCard.CardAction","DefaultCard.CardDescription","DefaultCard.CardContent","DefaultCard.cardRecipe"],"sources":["../../../src/client/ui-resolver/card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DefaultCard from \"../ui/card\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Card({ ...props }: React.ComponentProps<typeof DefaultCard.Card>) {\n  const Custom = useCustomComponent(\"card\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultCard.Card {...props} />;\n}\n\nconst CardHeader = DefaultCard.CardHeader;\nconst CardFooter = DefaultCard.CardFooter;\nconst CardTitle = DefaultCard.CardTitle;\nconst CardAction = DefaultCard.CardAction;\nconst CardDescription = DefaultCard.CardDescription;\nconst CardContent = DefaultCard.CardContent;\n\nconst cardRecipe = DefaultCard.cardRecipe;\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n  cardRecipe,\n};\n"],"mappings":";;;;;;AAMA,SAAS,KAAK,EAAE,GAAG,SAAwD;CACzE,MAAM,SAAS,mBAAmB,OAAO;AACzC,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,QAAD,EAAkB,GAAI,OAAS,CAAA;;AAGxC,MAAM,aAAaC;AACnB,MAAM,aAAaC;AACnB,MAAM,YAAYC;AAClB,MAAM,aAAaC;AACnB,MAAM,kBAAkBC;AACxB,MAAM,cAAcC;AAEpB,MAAM,aAAaC"}

package/dist/client/ui-resolver/context.mjs

@@ -47,7 +47,7 @@ function useComponentSet(component, inline) {
 * in which case the component should use its own default.
 */
 function useVariantDefault(component) {
-	return SET_VARIANT_DEFAULTS[useContext(ComponentSetContext).base][component];
+	return SET_VARIANT_DEFAULTS[useContext(ComponentSetContext).base]?.[component];
 }
 /**
 * Returns the custom component override for the given slot, or undefined

package/dist/client/ui-resolver/context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/client/ui-resolver/context.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nexport type ComponentSet = \"default\" | \"brutalist\" | \"editorial\" | \"organic\" | \"minimal\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type CustomComponentMap = Partial<Record<ComponentName, React.ComponentType<any>>>;\n\nexport type ComponentName =\n  | \"accordion\"\n  | \"alert\"\n  | \"avatar\"\n  | \"breadcrumb\"\n  | \"button\"\n  | \"card\"\n  | \"carousel\"\n  | \"checkbox\"\n  | \"collapsible\"\n  | \"dialog\"\n  | \"hover-card\"\n  | \"input\"\n  | \"label\"\n  | \"navigation-menu\"\n  | \"pagination\"\n  | \"popover\"\n  | \"progress\"\n  | \"select\"\n  | \"separator\"\n  | \"sheet\"\n  | \"stepper\"\n  | \"tabs\"\n  | \"toggle\"\n  | \"toggle-group\"\n  | \"tooltip\";\n\nexport type ComponentOverrides = Partial<Record<ComponentName, ComponentSet>>;\n\nexport type VariantDefaults = {\n  hero?: \"overlay\" | \"split\" | \"image-only\" | \"minimal\" | \"banner\";\n  productCard?: \"gallery\" | \"horizontal\" | \"minimal\" | \"list\" | \"stripped\";\n  gallery?: \"grid\" | \"masonry\" | \"filmstrip\";\n};\n\nconst SET_VARIANT_DEFAULTS: Record<ComponentSet, VariantDefaults> = {\n  default: {},\n  brutalist: { hero: \"banner\", productCard: \"horizontal\" },\n  editorial: { gallery: \"masonry\" },\n  organic: {},\n  minimal: { hero: \"minimal\", productCard: \"stripped\", gallery: \"filmstrip\" },\n};\n\ninterface ComponentSetConfig {\n  base: ComponentSet;\n  overrides: ComponentOverrides;\n}\n\nconst ComponentSetContext = createContext<ComponentSetConfig>({\n  base: \"default\",\n  overrides: {},\n});\n\nconst CustomComponentContext = createContext<CustomComponentMap>({});\n\nexport function ComponentSetProvider({\n  value,\n  overrides,\n  customComponents,\n  children,\n}: {\n  value: ComponentSet;\n  overrides?: ComponentOverrides;\n  customComponents?: CustomComponentMap;\n  children: React.ReactNode;\n}) {\n  const config = useMemo(() => ({ base: value, overrides: overrides ?? {} }), [value, overrides]);\n  const components = useMemo(() => customComponents ?? {}, [customComponents]);\n  return (\n    <ComponentSetContext.Provider value={config}>\n      <CustomComponentContext.Provider value={components}>\n        {children}\n      </CustomComponentContext.Provider>\n    </ComponentSetContext.Provider>\n  );\n}\n\nexport function useComponentSet(component?: ComponentName, inline?: ComponentSet): ComponentSet {\n  const config = useContext(ComponentSetContext);\n  if (inline) return inline;\n  if (component && config.overrides[component]) {\n    return config.overrides[component];\n  }\n  return config.base;\n}\n\n/**\n * Returns the preferred variant for a given component slot based on the\n * active component set. Returns undefined if the set has no preference,\n * in which case the component should use its own default.\n */\nexport function useVariantDefault<K extends keyof VariantDefaults>(\n  component: K,\n): VariantDefaults[K] | undefined {\n  const config = useContext(ComponentSetContext);\n  return SET_VARIANT_DEFAULTS[config.base][component];\n}\n\n/**\n * Returns the custom component override for the given slot, or undefined\n * if no override was provided via `EnadProvider`'s `components` prop.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useCustomComponent<T extends React.ComponentType<any> = React.ComponentType<any>>(\n  name: ComponentName,\n): T | undefined {\n  const map = useContext(CustomComponentContext);\n  return map[name] as T | undefined;\n}\n"],"mappings":";;;;AA4CA,MAAM,uBAA8D;CAClE,SAAS,EAAE;CACX,WAAW;EAAE,MAAM;EAAU,aAAa;EAAc;CACxD,WAAW,EAAE,SAAS,WAAW;CACjC,SAAS,EAAE;CACX,SAAS;EAAE,MAAM;EAAW,aAAa;EAAY,SAAS;EAAa;CAC5E;AAOD,MAAM,sBAAsB,cAAkC;CAC5D,MAAM;CACN,WAAW,EAAE;CACd,CAAC;AAEF,MAAM,yBAAyB,cAAkC,EAAE,CAAC;AAEpE,SAAgB,qBAAqB,EACnC,OACA,WACA,kBACA,YAMC;CACD,MAAM,SAAS,eAAe;EAAE,MAAM;EAAO,WAAW,aAAa,EAAE;EAAE,GAAG,CAAC,OAAO,UAAU,CAAC;CAC/F,MAAM,aAAa,cAAc,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC;AAC5E,QACE,oBAAC,oBAAoB,UAArB;EAA8B,OAAO;YACnC,oBAAC,uBAAuB,UAAxB;GAAiC,OAAO;GACrC;GAC+B,CAAA;EACL,CAAA;;AAInC,SAAgB,gBAAgB,WAA2B,QAAqC;CAC9F,MAAM,SAAS,WAAW,oBAAoB;AAC9C,KAAI,OAAQ,QAAO;AACnB,KAAI,aAAa,OAAO,UAAU,WAChC,QAAO,OAAO,UAAU;AAE1B,QAAO,OAAO;;;;;;;AAQhB,SAAgB,kBACd,WACgC;AAEhC,QAAO,qBADQ,WAAW,oBAAoB,CACX,MAAM;;;;;;AAQ3C,SAAgB,mBACd,MACe;AAEf,QADY,WAAW,uBAAuB,CACnC"}
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/client/ui-resolver/context.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nexport type ComponentSet = \"default\" | \"brutalist\" | \"editorial\" | \"organic\" | \"minimal\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type CustomComponentMap = Partial<Record<ComponentName, React.ComponentType<any>>>;\n\nexport type ComponentName =\n  | \"accordion\"\n  | \"alert\"\n  | \"avatar\"\n  | \"breadcrumb\"\n  | \"button\"\n  | \"card\"\n  | \"carousel\"\n  | \"checkbox\"\n  | \"collapsible\"\n  | \"dialog\"\n  | \"hover-card\"\n  | \"input\"\n  | \"label\"\n  | \"navigation-menu\"\n  | \"pagination\"\n  | \"popover\"\n  | \"progress\"\n  | \"select\"\n  | \"separator\"\n  | \"sheet\"\n  | \"stepper\"\n  | \"tabs\"\n  | \"toggle\"\n  | \"toggle-group\"\n  | \"tooltip\";\n\nexport type ComponentOverrides = Partial<Record<ComponentName, ComponentSet>>;\n\nexport type VariantDefaults = {\n  hero?: \"overlay\" | \"split\" | \"image-only\" | \"minimal\" | \"banner\";\n  productCard?: \"gallery\" | \"horizontal\" | \"minimal\" | \"list\" | \"stripped\";\n  gallery?: \"grid\" | \"masonry\" | \"filmstrip\";\n};\n\nconst SET_VARIANT_DEFAULTS: Record<ComponentSet, VariantDefaults> = {\n  default: {},\n  brutalist: { hero: \"banner\", productCard: \"horizontal\" },\n  editorial: { gallery: \"masonry\" },\n  organic: {},\n  minimal: { hero: \"minimal\", productCard: \"stripped\", gallery: \"filmstrip\" },\n};\n\ninterface ComponentSetConfig {\n  base: ComponentSet;\n  overrides: ComponentOverrides;\n}\n\nconst ComponentSetContext = createContext<ComponentSetConfig>({\n  base: \"default\",\n  overrides: {},\n});\n\nconst CustomComponentContext = createContext<CustomComponentMap>({});\n\nexport function ComponentSetProvider({\n  value,\n  overrides,\n  customComponents,\n  children,\n}: {\n  value: ComponentSet;\n  overrides?: ComponentOverrides;\n  customComponents?: CustomComponentMap;\n  children: React.ReactNode;\n}) {\n  const config = useMemo(() => ({ base: value, overrides: overrides ?? {} }), [value, overrides]);\n  const components = useMemo(() => customComponents ?? {}, [customComponents]);\n  return (\n    <ComponentSetContext.Provider value={config}>\n      <CustomComponentContext.Provider value={components}>\n        {children}\n      </CustomComponentContext.Provider>\n    </ComponentSetContext.Provider>\n  );\n}\n\nexport function useComponentSet(component?: ComponentName, inline?: ComponentSet): ComponentSet {\n  const config = useContext(ComponentSetContext);\n  if (inline) return inline;\n  if (component && config.overrides[component]) {\n    return config.overrides[component];\n  }\n  return config.base;\n}\n\n/**\n * Returns the preferred variant for a given component slot based on the\n * active component set. Returns undefined if the set has no preference,\n * in which case the component should use its own default.\n */\nexport function useVariantDefault<K extends keyof VariantDefaults>(\n  component: K,\n): VariantDefaults[K] | undefined {\n  const config = useContext(ComponentSetContext);\n  return SET_VARIANT_DEFAULTS[config.base]?.[component];\n}\n\n/**\n * Returns the custom component override for the given slot, or undefined\n * if no override was provided via `EnadProvider`'s `components` prop.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useCustomComponent<T extends React.ComponentType<any> = React.ComponentType<any>>(\n  name: ComponentName,\n): T | undefined {\n  const map = useContext(CustomComponentContext);\n  return map[name] as T | undefined;\n}\n"],"mappings":";;;;AA4CA,MAAM,uBAA8D;CAClE,SAAS,EAAE;CACX,WAAW;EAAE,MAAM;EAAU,aAAa;EAAc;CACxD,WAAW,EAAE,SAAS,WAAW;CACjC,SAAS,EAAE;CACX,SAAS;EAAE,MAAM;EAAW,aAAa;EAAY,SAAS;EAAa;CAC5E;AAOD,MAAM,sBAAsB,cAAkC;CAC5D,MAAM;CACN,WAAW,EAAE;CACd,CAAC;AAEF,MAAM,yBAAyB,cAAkC,EAAE,CAAC;AAEpE,SAAgB,qBAAqB,EACnC,OACA,WACA,kBACA,YAMC;CACD,MAAM,SAAS,eAAe;EAAE,MAAM;EAAO,WAAW,aAAa,EAAE;EAAE,GAAG,CAAC,OAAO,UAAU,CAAC;CAC/F,MAAM,aAAa,cAAc,oBAAoB,EAAE,EAAE,CAAC,iBAAiB,CAAC;AAC5E,QACE,oBAAC,oBAAoB,UAArB;EAA8B,OAAO;YACnC,oBAAC,uBAAuB,UAAxB;GAAiC,OAAO;GACrC;GAC+B,CAAA;EACL,CAAA;;AAInC,SAAgB,gBAAgB,WAA2B,QAAqC;CAC9F,MAAM,SAAS,WAAW,oBAAoB;AAC9C,KAAI,OAAQ,QAAO;AACnB,KAAI,aAAa,OAAO,UAAU,WAChC,QAAO,OAAO,UAAU;AAE1B,QAAO,OAAO;;;;;;;AAQhB,SAAgB,kBACd,WACgC;AAEhC,QAAO,qBADQ,WAAW,oBAAoB,CACX,QAAQ;;;;;;AAQ7C,SAAgB,mBACd,MACe;AAEf,QADY,WAAW,uBAAuB,CACnC"}

package/dist/client/ui-resolver/index.d.ts

@@ -3,14 +3,17 @@ import { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTr
 import { Alert, AlertDescription, AlertTitle } from "./alert.js";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./breadcrumb.js";
-import { buttonVariants } from "../ui/button.js";
+import { SemanticColor, Size, Variant } from "./types.js";
+import { ButtonProps, ButtonSize, ButtonVariant, buttonRecipe, buttonVariants } from "../ui/button.js";
 import { Button } from "./button.js";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardRecipe } from "./card.js";
 import { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./carousel.js";
 import { Checkbox } from "./checkbox.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card.js";
+import { defineRecipe, defineSlotRecipe } from "./recipe.js";
+import { InputProps, inputRecipe } from "../ui/input.js";
 import { Input } from "./input.js";
 import { Label } from "./label.js";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";
@@ -19,11 +22,11 @@ import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, Navigat
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./popover.js";
 import { Separator } from "./separator.js";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./sheet.js";
-import { toggleVariants } from "../ui/toggle.js";
+import { toggleRecipe, toggleVariants } from "../ui/toggle.js";
 import { Toggle } from "./toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./toggle-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs.js";
 import { Progress } from "./progress.js";
 import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle } from "./stepper.js";
-export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type ComponentName, type ComponentOverrides, type ComponentSet, ComponentSetProvider, type CustomComponentMap, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, Tabs, TabsContent, TabsList, TabsTrigger, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type VariantDefaults, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useComponentSet, useCustomComponent, useVariantDefault };
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type ComponentName, type ComponentOverrides, type ComponentSet, ComponentSetProvider, type CustomComponentMap, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, type InputProps, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, type SemanticColor, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, type Size, Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, Tabs, TabsContent, TabsList, TabsTrigger, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type Variant, type VariantDefaults, buttonRecipe, buttonVariants, cardRecipe, defineRecipe, defineSlotRecipe, inputRecipe, navigationMenuTriggerStyle, toggleRecipe, toggleVariants, useComponentSet, useCustomComponent, useVariantDefault };

package/dist/client/ui-resolver/index.mjs

@@ -1,4 +1,6 @@
-import { buttonVariants } from "../ui/button.mjs";
+import { defineRecipe, defineSlotRecipe } from "./recipe.mjs";
+import { buttonRecipe, buttonVariants } from "../ui/button.mjs";
+import { inputRecipe } from "../ui/input.mjs";
 import { ComponentSetProvider, useComponentSet, useCustomComponent, useVariantDefault } from "./context.mjs";
 import { Button } from "./button.mjs";
 import { Input } from "./input.mjs";
@@ -8,11 +10,11 @@ import { Checkbox } from "./checkbox.mjs";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination.mjs";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./breadcrumb.mjs";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./popover.mjs";
-import { toggleVariants } from "../ui/toggle.mjs";
+import { toggleRecipe, toggleVariants } from "../ui/toggle.mjs";
 import { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger } from "./accordion.mjs";
 import { Alert, AlertDescription, AlertTitle } from "./alert.mjs";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar.mjs";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.mjs";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardRecipe } from "./card.mjs";
 import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./carousel.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.mjs";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog.mjs";
@@ -26,4 +28,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tool
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs.mjs";
 import { Progress } from "./progress.mjs";
 import { Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle } from "./stepper.mjs";
-export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ComponentSetProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, Tabs, TabsContent, TabsList, TabsTrigger, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, navigationMenuTriggerStyle, toggleVariants, useComponentSet, useCustomComponent, useVariantDefault };
+export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ComponentSetProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Stepper, StepperDescription, StepperItem, StepperSeparator, StepperTitle, Tabs, TabsContent, TabsList, TabsTrigger, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonRecipe, buttonVariants, cardRecipe, defineRecipe, defineSlotRecipe, inputRecipe, navigationMenuTriggerStyle, toggleRecipe, toggleVariants, useComponentSet, useCustomComponent, useVariantDefault };

package/dist/client/ui-resolver/input.d.ts

@@ -1,11 +1,10 @@
-import { Input as Input$1 } from "../ui/input.js";
-import * as React$1 from "react";
+import { InputProps, inputRecipe } from "../ui/input.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/client/ui-resolver/input.d.ts
 declare function Input({
   ...props
-}: React$1.ComponentProps<typeof Input$1>): react_jsx_runtime0.JSX.Element;
+}: InputProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Input };
+export { Input, type InputProps, inputRecipe };
 //# sourceMappingURL=input.d.ts.map

package/dist/client/ui-resolver/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","names":[],"sources":["../../../src/client/ui-resolver/input.tsx"],"mappings":";;;;;iBAMS,KAAA,CAAA;EAAA,GAAW;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,OAAA,IAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../../src/client/ui-resolver/input.tsx"],"mappings":";;;;iBAMS,KAAA,CAAA;EAAA,GAAW;AAAA,GAAS,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui-resolver/input.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { Input as Input$1 } from "../ui/input.mjs";
+import { Input as Input$1, inputRecipe } from "../ui/input.mjs";
 import { useCustomComponent } from "./context.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -10,6 +10,6 @@ function Input({ ...props }) {
 	return /* @__PURE__ */ jsx(Input$1, { ...props });
 }
 //#endregion
-export { Input };
+export { Input, inputRecipe };
 
 //# sourceMappingURL=input.mjs.map

package/dist/client/ui-resolver/input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.mjs","names":["DefaultInput"],"sources":["../../../src/client/ui-resolver/input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Input as DefaultInput } from \"../ui/input\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Input({ ...props }: React.ComponentProps<typeof DefaultInput>) {\n  const Custom = useCustomComponent(\"input\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultInput {...props} />;\n}\n\nexport { Input };\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,GAAG,SAAoD;CACtE,MAAM,SAAS,mBAAmB,QAAQ;AAC1C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,SAAD,EAAc,GAAI,OAAS,CAAA"}
+{"version":3,"file":"input.mjs","names":["DefaultInput"],"sources":["../../../src/client/ui-resolver/input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Input as DefaultInput, inputRecipe, type InputProps } from \"../ui/input\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Input({ ...props }: InputProps) {\n  const Custom = useCustomComponent(\"input\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultInput {...props} />;\n}\n\nexport { Input, inputRecipe, type InputProps };\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,GAAG,SAAqB;CACvC,MAAM,SAAS,mBAAmB,QAAQ;AAC1C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,SAAD,EAAc,GAAI,OAAS,CAAA"}

package/dist/client/ui-resolver/navigation-menu.d.ts

@@ -1,7 +1,6 @@
 import { NavigationMenu as NavigationMenu$1, NavigationMenuContent as NavigationMenuContent$1, NavigationMenuIndicator as NavigationMenuIndicator$1, NavigationMenuItem as NavigationMenuItem$1, NavigationMenuLink as NavigationMenuLink$1, NavigationMenuList as NavigationMenuList$1, NavigationMenuTrigger as NavigationMenuTrigger$1, NavigationMenuViewport as NavigationMenuViewport$1 } from "../ui/navigation-menu.js";
 import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/client/ui-resolver/navigation-menu.d.ts
 declare function NavigationMenu({
@@ -14,7 +13,7 @@ declare const NavigationMenuTrigger: typeof NavigationMenuTrigger$1;
 declare const NavigationMenuLink: typeof NavigationMenuLink$1;
 declare const NavigationMenuIndicator: typeof NavigationMenuIndicator$1;
 declare const NavigationMenuViewport: typeof NavigationMenuViewport$1;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types0.ClassProp | undefined) => string;
+declare const navigationMenuTriggerStyle: () => string;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/client/ui-resolver/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/client/ui-resolver/navigation-menu.tsx"],"mappings":";;;;;;iBAMS,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,gBAAA,IAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMtF,kBAAA,SAAkB,oBAAA;AAAA,cAClB,kBAAA,SAAkB,oBAAA;AAAA,cAClB,qBAAA,SAAqB,uBAAA;AAAA,cACrB,qBAAA,SAAqB,uBAAA;AAAA,cACrB,kBAAA,SAAkB,oBAAA;AAAA,cAClB,uBAAA,SAAuB,yBAAA;AAAA,cACvB,sBAAA,SAAsB,wBAAA;AAAA,cACtB,0BAAA,GAA0B,KAAA,GAAwC,+BAAA,CAAxC,SAAA"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/client/ui-resolver/navigation-menu.tsx"],"mappings":";;;;;iBAMS,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,gBAAA,IAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMtF,kBAAA,SAAkB,oBAAA;AAAA,cAClB,kBAAA,SAAkB,oBAAA;AAAA,cAClB,qBAAA,SAAqB,uBAAA;AAAA,cACrB,qBAAA,SAAqB,uBAAA;AAAA,cACrB,kBAAA,SAAkB,oBAAA;AAAA,cAClB,uBAAA,SAAuB,yBAAA;AAAA,cACvB,sBAAA,SAAsB,wBAAA;AAAA,cACtB,0BAAA"}

package/dist/client/ui-resolver/recipe.d.ts

@@ -0,0 +1,95 @@
+//#region src/client/ui-resolver/recipe.d.ts
+/**
+ * Tailwind-native slot recipe system for compound components.
+ *
+ * Slot recipes coordinate variant styles across multiple parts of a compound
+ * component. Each slot gets its own class string, and variants can target
+ * specific slots or all slots at once.
+ *
+ * CSS variable contract:
+ *   instance style → [data-component-set] CSS → :root token → hardcoded fallback
+ *
+ * Component sets override CSS variables in their [data-component-set="..."]
+ * blocks. Recipes consume those variables via Tailwind arbitrary values
+ * (e.g. h-[var(--enad-button-height)]), so changing the set changes the
+ * component's dimensions without touching JS.
+ */
+type SlotClassMap<S extends string> = Partial<Record<S, string>>;
+interface SlotRecipeConfig<S extends string, V extends Record<string, Record<string, SlotClassMap<S>>>> {
+  slots: readonly S[];
+  base: SlotClassMap<S>;
+  variants?: V;
+  defaultVariants?: { [K in keyof V]?: keyof V[K] };
+  compoundVariants?: Array<{ [K in keyof V]?: keyof V[K] | Array<keyof V[K]> } & {
+    css: SlotClassMap<S>;
+  }>;
+}
+type VariantProps<V extends Record<string, Record<string, unknown>>> = { [K in keyof V]?: keyof V[K] };
+type SlotRecipeResult<S extends string> = Record<S, string>;
+interface RecipeConfig<V extends Record<string, Record<string, string>>> {
+  base?: string;
+  variants?: V;
+  defaultVariants?: { [K in keyof V]?: keyof V[K] };
+  compoundVariants?: Array<{ [K in keyof V]?: keyof V[K] | Array<keyof V[K]> } & {
+    css: string;
+  }>;
+}
+/**
+ * Creates a slot recipe for compound components.
+ *
+ * @example
+ * ```ts
+ * const cardRecipe = defineSlotRecipe({
+ *   slots: ["root", "header", "content", "footer"] as const,
+ *   base: {
+ *     root: "flex flex-col rounded-lg border",
+ *     header: "grid items-start",
+ *     content: "px-6",
+ *     footer: "flex items-center px-6",
+ *   },
+ *   variants: {
+ *     size: {
+ *       sm: { root: "text-sm", content: "px-4" },
+ *       md: { root: "text-base" },
+ *       lg: { root: "text-lg", content: "px-8" },
+ *     },
+ *   },
+ *   defaultVariants: { size: "md" },
+ * });
+ *
+ * const classes = cardRecipe({ size: "sm" });
+ * // classes.root  → "flex flex-col rounded-lg border text-sm"
+ * // classes.content → "px-4"  (merged via tailwind-merge)
+ * ```
+ */
+declare function defineSlotRecipe<S extends string, V extends Record<string, Record<string, SlotClassMap<S>>>>(config: SlotRecipeConfig<S, V>): (props?: VariantProps<V> & {
+  className?: SlotClassMap<S>;
+}) => SlotRecipeResult<S>;
+/**
+ * Creates a single-slot recipe for simple components.
+ * Thin wrapper around defineSlotRecipe with a single "root" slot.
+ *
+ * @example
+ * ```ts
+ * const badgeRecipe = defineRecipe({
+ *   base: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold",
+ *   variants: {
+ *     variant: {
+ *       solid: "bg-primary text-primary-foreground",
+ *       soft: "bg-primary/10 text-primary",
+ *       outlined: "border border-current",
+ *     },
+ *   },
+ *   defaultVariants: { variant: "solid" },
+ * });
+ *
+ * const classes = badgeRecipe({ variant: "soft" });
+ * // → "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold bg-primary/10 text-primary"
+ * ```
+ */
+declare function defineRecipe<V extends Record<string, Record<string, string>>>(config: RecipeConfig<V>): (props?: VariantProps<V> & {
+  className?: string;
+}) => string;
+//#endregion
+export { defineRecipe, defineSlotRecipe };
+//# sourceMappingURL=recipe.d.ts.map

package/dist/client/ui-resolver/recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recipe.d.ts","names":[],"sources":["../../../src/client/ui-resolver/recipe.ts"],"mappings":";;;;;;;;;;;;;;;;KAsBK,YAAA,qBAAiC,OAAA,CAAQ,MAAA,CAAO,CAAA;AAAA,UAE3C,gBAAA,6BAEE,MAAA,SAAe,MAAA,SAAe,YAAA,CAAa,CAAA;EAErD,KAAA,WAAgB,CAAA;EAChB,IAAA,EAAM,YAAA,CAAa,CAAA;EACnB,QAAA,GAAW,CAAA;EACX,eAAA,iBACc,CAAA,UAAW,CAAA,CAAE,CAAA;EAE3B,gBAAA,GAAmB,KAAA,eAEH,CAAA,UAAW,CAAA,CAAE,CAAA,IAAK,KAAA,OAAY,CAAA,CAAE,CAAA;IAE5C,GAAA,EAAK,YAAA,CAAa,CAAA;EAAA;AAAA;AAAA,KAKnB,YAAA,WAAuB,MAAA,SAAe,MAAA,oCAC7B,CAAA,UAAW,CAAA,CAAE,CAAA;AAAA,KAGtB,gBAAA,qBAAqC,MAAA,CAAO,CAAA;AAAA,UAEvC,YAAA,WAAuB,MAAA,SAAe,MAAA;EAC9C,IAAA;EACA,QAAA,GAAW,CAAA;EACX,eAAA,iBACc,CAAA,UAAW,CAAA,CAAE,CAAA;EAE3B,gBAAA,GAAmB,KAAA,eAEH,CAAA,UAAW,CAAA,CAAE,CAAA,IAAK,KAAA,OAAY,CAAA,CAAE,CAAA;IAE5C,GAAA;EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArBmB;iBA+ET,gBAAA,6BAEJ,MAAA,SAAe,MAAA,SAAe,YAAA,CAAa,CAAA,IAAA,CACrD,MAAA,EAAQ,gBAAA,CAAiB,CAAA,EAAG,CAAA,KAI1B,KAAA,GAAQ,YAAA,CAAa,CAAA;EAAO,SAAA,GAAY,YAAA,CAAa,CAAA;AAAA,MACpD,gBAAA,CAAiB,CAAA;;;;;;;;;;;;;;;;AAjFM;;;;;;;iBAuKZ,YAAA,WAAuB,MAAA,SAAe,MAAA,kBAAA,CACpD,MAAA,EAAQ,YAAA,CAAa,CAAA,KAIQ,KAAA,GAAQ,YAAA,CAAa,CAAA;EAAO,SAAA;AAAA"}

package/dist/client/ui-resolver/recipe.mjs

@@ -0,0 +1,134 @@
+import { cn } from "../ui/utils.mjs";
+//#region src/client/ui-resolver/recipe.ts
+/**
+* Tailwind-native slot recipe system for compound components.
+*
+* Slot recipes coordinate variant styles across multiple parts of a compound
+* component. Each slot gets its own class string, and variants can target
+* specific slots or all slots at once.
+*
+* CSS variable contract:
+*   instance style → [data-component-set] CSS → :root token → hardcoded fallback
+*
+* Component sets override CSS variables in their [data-component-set="..."]
+* blocks. Recipes consume those variables via Tailwind arbitrary values
+* (e.g. h-[var(--enad-button-height)]), so changing the set changes the
+* component's dimensions without touching JS.
+*/
+function matchesCompoundCondition(condition, resolved) {
+	for (const key of Object.keys(condition)) {
+		if (key === "css") continue;
+		const expected = condition[key];
+		const actual = resolved[key];
+		if (Array.isArray(expected)) {
+			if (!expected.includes(actual)) return false;
+		} else if (actual !== expected) return false;
+	}
+	return true;
+}
+/**
+* Creates a slot recipe for compound components.
+*
+* @example
+* ```ts
+* const cardRecipe = defineSlotRecipe({
+*   slots: ["root", "header", "content", "footer"] as const,
+*   base: {
+*     root: "flex flex-col rounded-lg border",
+*     header: "grid items-start",
+*     content: "px-6",
+*     footer: "flex items-center px-6",
+*   },
+*   variants: {
+*     size: {
+*       sm: { root: "text-sm", content: "px-4" },
+*       md: { root: "text-base" },
+*       lg: { root: "text-lg", content: "px-8" },
+*     },
+*   },
+*   defaultVariants: { size: "md" },
+* });
+*
+* const classes = cardRecipe({ size: "sm" });
+* // classes.root  → "flex flex-col rounded-lg border text-sm"
+* // classes.content → "px-4"  (merged via tailwind-merge)
+* ```
+*/
+function defineSlotRecipe(config) {
+	const { slots, base, variants, defaultVariants, compoundVariants } = config;
+	return function slotRecipe(props) {
+		const resolved = {};
+		if (variants) for (const variantKey of Object.keys(variants)) {
+			const fromProps = props?.[variantKey];
+			const fromDefaults = defaultVariants?.[variantKey];
+			resolved[variantKey] = fromProps ?? fromDefaults;
+		}
+		const result = {};
+		for (const slot of slots) {
+			const parts = [];
+			if (base[slot]) parts.push(base[slot]);
+			if (variants) for (const [variantKey, variantValues] of Object.entries(variants)) {
+				const value = resolved[variantKey];
+				if (value != null && variantValues[value]) {
+					const slotClasses = variantValues[value][slot];
+					if (slotClasses) parts.push(slotClasses);
+				}
+			}
+			if (compoundVariants) {
+				for (const compound of compoundVariants) if (matchesCompoundCondition(compound, resolved)) {
+					const slotClasses = compound.css[slot];
+					if (slotClasses) parts.push(slotClasses);
+				}
+			}
+			if (props?.className?.[slot]) parts.push(props.className[slot]);
+			result[slot] = cn(...parts);
+		}
+		return result;
+	};
+}
+/**
+* Creates a single-slot recipe for simple components.
+* Thin wrapper around defineSlotRecipe with a single "root" slot.
+*
+* @example
+* ```ts
+* const badgeRecipe = defineRecipe({
+*   base: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold",
+*   variants: {
+*     variant: {
+*       solid: "bg-primary text-primary-foreground",
+*       soft: "bg-primary/10 text-primary",
+*       outlined: "border border-current",
+*     },
+*   },
+*   defaultVariants: { variant: "solid" },
+* });
+*
+* const classes = badgeRecipe({ variant: "soft" });
+* // → "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold bg-primary/10 text-primary"
+* ```
+*/
+function defineRecipe(config) {
+	const { base, variants, defaultVariants, compoundVariants } = config;
+	return function singleRecipe(props) {
+		const resolved = {};
+		const parts = [];
+		if (base) parts.push(base);
+		if (variants) for (const variantKey of Object.keys(variants)) {
+			const fromProps = props?.[variantKey];
+			const fromDefaults = defaultVariants?.[variantKey];
+			resolved[variantKey] = fromProps ?? fromDefaults;
+			const value = resolved[variantKey];
+			if (value != null && variants[variantKey]?.[value]) parts.push(variants[variantKey][value]);
+		}
+		if (compoundVariants) {
+			for (const compound of compoundVariants) if (matchesCompoundCondition(compound, resolved)) parts.push(compound.css);
+		}
+		if (props?.className) parts.push(props.className);
+		return cn(...parts);
+	};
+}
+//#endregion
+export { defineRecipe, defineSlotRecipe };
+
+//# sourceMappingURL=recipe.mjs.map

package/dist/client/ui-resolver/recipe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"recipe.mjs","names":[],"sources":["../../../src/client/ui-resolver/recipe.ts"],"sourcesContent":["/**\n * Tailwind-native slot recipe system for compound components.\n *\n * Slot recipes coordinate variant styles across multiple parts of a compound\n * component. Each slot gets its own class string, and variants can target\n * specific slots or all slots at once.\n *\n * CSS variable contract:\n *   instance style → [data-component-set] CSS → :root token → hardcoded fallback\n *\n * Component sets override CSS variables in their [data-component-set=\"...\"]\n * blocks. Recipes consume those variables via Tailwind arbitrary values\n * (e.g. h-[var(--enad-button-height)]), so changing the set changes the\n * component's dimensions without touching JS.\n */\n\nimport { cn } from \"../ui/utils\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype SlotClassMap<S extends string> = Partial<Record<S, string>>;\n\ninterface SlotRecipeConfig<\n  S extends string,\n  V extends Record<string, Record<string, SlotClassMap<S>>>,\n> {\n  slots: readonly S[];\n  base: SlotClassMap<S>;\n  variants?: V;\n  defaultVariants?: {\n    [K in keyof V]?: keyof V[K];\n  };\n  compoundVariants?: Array<\n    {\n      [K in keyof V]?: keyof V[K] | Array<keyof V[K]>;\n    } & {\n      css: SlotClassMap<S>;\n    }\n  >;\n}\n\ntype VariantProps<V extends Record<string, Record<string, unknown>>> = {\n  [K in keyof V]?: keyof V[K];\n};\n\ntype SlotRecipeResult<S extends string> = Record<S, string>;\n\ninterface RecipeConfig<V extends Record<string, Record<string, string>>> {\n  base?: string;\n  variants?: V;\n  defaultVariants?: {\n    [K in keyof V]?: keyof V[K];\n  };\n  compoundVariants?: Array<\n    {\n      [K in keyof V]?: keyof V[K] | Array<keyof V[K]>;\n    } & {\n      css: string;\n    }\n  >;\n}\n\n// ---------------------------------------------------------------------------\n// Compound variant matching\n// ---------------------------------------------------------------------------\n\nfunction matchesCompoundCondition(\n  condition: Record<string, unknown>,\n  resolved: Record<string, unknown>,\n): boolean {\n  for (const key of Object.keys(condition)) {\n    if (key === \"css\") continue;\n    const expected = condition[key];\n    const actual = resolved[key];\n    if (Array.isArray(expected)) {\n      if (!expected.includes(actual as never)) return false;\n    } else if (actual !== expected) {\n      return false;\n    }\n  }\n  return true;\n}\n\n// ---------------------------------------------------------------------------\n// defineSlotRecipe\n// ---------------------------------------------------------------------------\n\n/**\n * Creates a slot recipe for compound components.\n *\n * @example\n * ```ts\n * const cardRecipe = defineSlotRecipe({\n *   slots: [\"root\", \"header\", \"content\", \"footer\"] as const,\n *   base: {\n *     root: \"flex flex-col rounded-lg border\",\n *     header: \"grid items-start\",\n *     content: \"px-6\",\n *     footer: \"flex items-center px-6\",\n *   },\n *   variants: {\n *     size: {\n *       sm: { root: \"text-sm\", content: \"px-4\" },\n *       md: { root: \"text-base\" },\n *       lg: { root: \"text-lg\", content: \"px-8\" },\n *     },\n *   },\n *   defaultVariants: { size: \"md\" },\n * });\n *\n * const classes = cardRecipe({ size: \"sm\" });\n * // classes.root  → \"flex flex-col rounded-lg border text-sm\"\n * // classes.content → \"px-4\"  (merged via tailwind-merge)\n * ```\n */\nexport function defineSlotRecipe<\n  S extends string,\n  V extends Record<string, Record<string, SlotClassMap<S>>>,\n>(config: SlotRecipeConfig<S, V>) {\n  const { slots, base, variants, defaultVariants, compoundVariants } = config;\n\n  return function slotRecipe(\n    props?: VariantProps<V> & { className?: SlotClassMap<S> },\n  ): SlotRecipeResult<S> {\n    const resolved: Record<string, unknown> = {};\n\n    // Resolve variant values: props override defaults\n    if (variants) {\n      for (const variantKey of Object.keys(variants)) {\n        const fromProps = props?.[variantKey as keyof typeof props];\n        const fromDefaults = defaultVariants?.[variantKey as keyof typeof defaultVariants];\n        resolved[variantKey] = fromProps ?? fromDefaults;\n      }\n    }\n\n    // Build class string for each slot\n    const result = {} as Record<S, string>;\n\n    for (const slot of slots) {\n      const parts: string[] = [];\n\n      // Base classes for this slot\n      if (base[slot]) {\n        parts.push(base[slot]);\n      }\n\n      // Variant classes for this slot\n      if (variants) {\n        for (const [variantKey, variantValues] of Object.entries(variants)) {\n          const value = resolved[variantKey] as string | undefined;\n          if (value != null && variantValues[value]) {\n            const slotClasses = variantValues[value][slot];\n            if (slotClasses) {\n              parts.push(slotClasses);\n            }\n          }\n        }\n      }\n\n      // Compound variant classes for this slot\n      if (compoundVariants) {\n        for (const compound of compoundVariants) {\n          if (matchesCompoundCondition(compound, resolved)) {\n            const slotClasses = compound.css[slot];\n            if (slotClasses) {\n              parts.push(slotClasses);\n            }\n          }\n        }\n      }\n\n      // Per-slot className overrides from props\n      if (props?.className?.[slot]) {\n        parts.push(props.className[slot]);\n      }\n\n      result[slot] = cn(...parts);\n    }\n\n    return result;\n  };\n}\n\n// ---------------------------------------------------------------------------\n// defineRecipe\n// ---------------------------------------------------------------------------\n\n/**\n * Creates a single-slot recipe for simple components.\n * Thin wrapper around defineSlotRecipe with a single \"root\" slot.\n *\n * @example\n * ```ts\n * const badgeRecipe = defineRecipe({\n *   base: \"inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold\",\n *   variants: {\n *     variant: {\n *       solid: \"bg-primary text-primary-foreground\",\n *       soft: \"bg-primary/10 text-primary\",\n *       outlined: \"border border-current\",\n *     },\n *   },\n *   defaultVariants: { variant: \"solid\" },\n * });\n *\n * const classes = badgeRecipe({ variant: \"soft\" });\n * // → \"inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold bg-primary/10 text-primary\"\n * ```\n */\nexport function defineRecipe<V extends Record<string, Record<string, string>>>(\n  config: RecipeConfig<V>,\n) {\n  const { base, variants, defaultVariants, compoundVariants } = config;\n\n  return function singleRecipe(props?: VariantProps<V> & { className?: string }): string {\n    const resolved: Record<string, unknown> = {};\n    const parts: string[] = [];\n\n    if (base) {\n      parts.push(base);\n    }\n\n    // Resolve variant values: props override defaults\n    if (variants) {\n      for (const variantKey of Object.keys(variants)) {\n        const fromProps = props?.[variantKey as keyof typeof props];\n        const fromDefaults = defaultVariants?.[variantKey as keyof typeof defaultVariants];\n        resolved[variantKey] = fromProps ?? fromDefaults;\n\n        const value = resolved[variantKey] as string | undefined;\n        if (value != null && variants[variantKey]?.[value]) {\n          parts.push(variants[variantKey][value]);\n        }\n      }\n    }\n\n    // Compound variants\n    if (compoundVariants) {\n      for (const compound of compoundVariants) {\n        if (matchesCompoundCondition(compound, resolved)) {\n          parts.push(compound.css);\n        }\n      }\n    }\n\n    // className override from props\n    if (props?.className) {\n      parts.push(props.className);\n    }\n\n    return cn(...parts);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoEA,SAAS,yBACP,WACA,UACS;AACT,MAAK,MAAM,OAAO,OAAO,KAAK,UAAU,EAAE;AACxC,MAAI,QAAQ,MAAO;EACnB,MAAM,WAAW,UAAU;EAC3B,MAAM,SAAS,SAAS;AACxB,MAAI,MAAM,QAAQ,SAAS;OACrB,CAAC,SAAS,SAAS,OAAgB,CAAE,QAAO;aACvC,WAAW,SACpB,QAAO;;AAGX,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCT,SAAgB,iBAGd,QAAgC;CAChC,MAAM,EAAE,OAAO,MAAM,UAAU,iBAAiB,qBAAqB;AAErE,QAAO,SAAS,WACd,OACqB;EACrB,MAAM,WAAoC,EAAE;AAG5C,MAAI,SACF,MAAK,MAAM,cAAc,OAAO,KAAK,SAAS,EAAE;GAC9C,MAAM,YAAY,QAAQ;GAC1B,MAAM,eAAe,kBAAkB;AACvC,YAAS,cAAc,aAAa;;EAKxC,MAAM,SAAS,EAAE;AAEjB,OAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,QAAkB,EAAE;AAG1B,OAAI,KAAK,MACP,OAAM,KAAK,KAAK,MAAM;AAIxB,OAAI,SACF,MAAK,MAAM,CAAC,YAAY,kBAAkB,OAAO,QAAQ,SAAS,EAAE;IAClE,MAAM,QAAQ,SAAS;AACvB,QAAI,SAAS,QAAQ,cAAc,QAAQ;KACzC,MAAM,cAAc,cAAc,OAAO;AACzC,SAAI,YACF,OAAM,KAAK,YAAY;;;AAO/B,OAAI;SACG,MAAM,YAAY,iBACrB,KAAI,yBAAyB,UAAU,SAAS,EAAE;KAChD,MAAM,cAAc,SAAS,IAAI;AACjC,SAAI,YACF,OAAM,KAAK,YAAY;;;AAO/B,OAAI,OAAO,YAAY,MACrB,OAAM,KAAK,MAAM,UAAU,MAAM;AAGnC,UAAO,QAAQ,GAAG,GAAG,MAAM;;AAG7B,SAAO;;;;;;;;;;;;;;;;;;;;;;;;;AA8BX,SAAgB,aACd,QACA;CACA,MAAM,EAAE,MAAM,UAAU,iBAAiB,qBAAqB;AAE9D,QAAO,SAAS,aAAa,OAA0D;EACrF,MAAM,WAAoC,EAAE;EAC5C,MAAM,QAAkB,EAAE;AAE1B,MAAI,KACF,OAAM,KAAK,KAAK;AAIlB,MAAI,SACF,MAAK,MAAM,cAAc,OAAO,KAAK,SAAS,EAAE;GAC9C,MAAM,YAAY,QAAQ;GAC1B,MAAM,eAAe,kBAAkB;AACvC,YAAS,cAAc,aAAa;GAEpC,MAAM,QAAQ,SAAS;AACvB,OAAI,SAAS,QAAQ,SAAS,cAAc,OAC1C,OAAM,KAAK,SAAS,YAAY,OAAO;;AAM7C,MAAI;QACG,MAAM,YAAY,iBACrB,KAAI,yBAAyB,UAAU,SAAS,CAC9C,OAAM,KAAK,SAAS,IAAI;;AAM9B,MAAI,OAAO,UACT,OAAM,KAAK,MAAM,UAAU;AAG7B,SAAO,GAAG,GAAG,MAAM"}

package/dist/client/ui-resolver/toggle.d.ts

@@ -1,4 +1,4 @@
-import { Toggle as Toggle$1, toggleVariants } from "../ui/toggle.js";
+import { Toggle as Toggle$1, toggleRecipe, toggleVariants } from "../ui/toggle.js";
 import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -7,5 +7,5 @@ declare function Toggle({
   ...props
 }: React$1.ComponentProps<typeof Toggle$1>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Toggle, toggleVariants };
+export { Toggle, toggleRecipe, toggleVariants };
 //# sourceMappingURL=toggle.d.ts.map

package/dist/client/ui-resolver/toggle.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { useCustomComponent } from "./context.mjs";
-import { Toggle as Toggle$1, toggleVariants } from "../ui/toggle.mjs";
+import { Toggle as Toggle$1, toggleRecipe, toggleVariants } from "../ui/toggle.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/client/ui-resolver/toggle.tsx
@@ -10,6 +10,6 @@ function Toggle({ ...props }) {
 	return /* @__PURE__ */ jsx(Toggle$1, { ...props });
 }
 //#endregion
-export { Toggle, toggleVariants };
+export { Toggle, toggleRecipe, toggleVariants };
 
 //# sourceMappingURL=toggle.mjs.map

package/dist/client/ui-resolver/toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.mjs","names":["DefaultToggle"],"sources":["../../../src/client/ui-resolver/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Toggle as DefaultToggle, toggleVariants } from \"../ui/toggle\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Toggle({ ...props }: React.ComponentProps<typeof DefaultToggle>) {\n  const Custom = useCustomComponent(\"toggle\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultToggle {...props} />;\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;AAMA,SAAS,OAAO,EAAE,GAAG,SAAqD;CACxE,MAAM,SAAS,mBAAmB,SAAS;AAC3C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,UAAD,EAAe,GAAI,OAAS,CAAA"}
+{"version":3,"file":"toggle.mjs","names":["DefaultToggle"],"sources":["../../../src/client/ui-resolver/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Toggle as DefaultToggle, toggleRecipe, toggleVariants } from \"../ui/toggle\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Toggle({ ...props }: React.ComponentProps<typeof DefaultToggle>) {\n  const Custom = useCustomComponent(\"toggle\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultToggle {...props} />;\n}\n\nexport { Toggle, toggleRecipe, toggleVariants };\n"],"mappings":";;;;;;AAMA,SAAS,OAAO,EAAE,GAAG,SAAqD;CACxE,MAAM,SAAS,mBAAmB,SAAS;AAC3C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,UAAD,EAAe,GAAI,OAAS,CAAA"}

package/dist/client/ui-resolver/types.d.ts

@@ -0,0 +1,14 @@
+//#region src/client/ui-resolver/types.d.ts
+/**
+ * Global variant vocabulary for the SDK component system.
+ *
+ * Surface variants control visual treatment (fill, outline, etc.).
+ * Semantic colors communicate intent (primary action, error, etc.).
+ * Sizes follow a consistent t-shirt scale across all components.
+ */
+type Variant = "solid" | "soft" | "outlined" | "plain";
+type SemanticColor = "primary" | "neutral" | "danger" | "success";
+type Size = "xs" | "sm" | "md" | "lg" | "xl";
+//#endregion
+export { SemanticColor, Size, Variant };
+//# sourceMappingURL=types.d.ts.map

package/dist/client/ui-resolver/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/client/ui-resolver/types.ts"],"mappings":";;AAQA;;;;;AAEA;KAFY,OAAA;AAAA,KAEA,aAAA;AAAA,KAEA,IAAA"}

package/dist/client/ui-resolver/types.mjs

@@ -0,0 +1 @@
+export {};

package/dist/client/wishlist/wishlist-drawer.mjs

@@ -22,12 +22,12 @@ function WishlistItemActions({ productId, productName, onMoveToCart, onRemove, i
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2 mt-2",
 		children: [onMoveToCart && productId && /* @__PURE__ */ jsx(Button, {
-			variant: "outline",
+			variant: "outlined",
 			size: "sm",
 			onClick: () => onMoveToCart(productId),
 			children: moveToCartLabel
 		}), /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
+			variant: "plain",
 			size: "icon",
 			className: "flex-shrink-0",
 			onClick: () => productId && onRemove(productId),
@@ -98,7 +98,7 @@ function WishlistEmptyState({ emptyTitle, emptyDescription, continueShoppingLabe
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				onClick: onClose,
-				variant: "outline",
+				variant: "outlined",
 				children: continueShoppingLabel
 			})
 		]
@@ -155,7 +155,7 @@ function WishlistDrawer({ isOpen, onClose, wishlistId, onMoveToCart, className,
 					showClose: false,
 					children: title
 				}), /* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
+					variant: "plain",
 					size: "icon",
 					onClick: onClose,
 					"aria-label": "Close wishlist",