@enadhq/enad-react-sdk 1.1.0 → 1.3.0

package/dist/client/ui/toggle.mjs

@@ -1,30 +1,31 @@
 import { cn } from "./utils.mjs";
+import { defineRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
 import { Toggle as Toggle$1 } from "radix-ui";
 //#region src/client/ui/toggle.tsx
-const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+const toggleRecipe = defineRecipe({
+	base: "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 	variants: {
 		variant: {
-			default: "bg-transparent",
-			outline: "border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground"
+			plain: "bg-transparent",
+			outlined: "border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground"
 		},
 		size: {
-			default: "h-9 min-w-9 px-2",
 			sm: "h-8 min-w-8 px-1.5",
+			md: "h-9 min-w-9 px-2",
 			lg: "h-10 min-w-10 px-2.5"
 		}
 	},
 	defaultVariants: {
-		variant: "default",
-		size: "default"
+		variant: "plain",
+		size: "md"
 	}
 });
 function Toggle({ className, variant, size, ...props }) {
 	return /* @__PURE__ */ jsx(Toggle$1.Root, {
 		"data-slot": "toggle",
-		className: cn(toggleVariants({
+		className: cn(toggleRecipe({
 			variant,
 			size,
 			className
@@ -32,7 +33,8 @@ function Toggle({ className, variant, size, ...props }) {
 		...props
 	});
 }
+const toggleVariants = toggleRecipe;
 //#endregion
-export { Toggle, toggleVariants };
+export { Toggle, toggleRecipe, toggleVariants };
 
 //# sourceMappingURL=toggle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.mjs","names":["TogglePrimitive"],"sources":["../../../src/client/ui/toggle.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground\",\n      },\n      size: {\n        default: \"h-9 min-w-9 px-2\",\n        sm: \"h-8 min-w-8 px-1.5\",\n        lg: \"h-10 min-w-10 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;;AAMA,MAAM,iBAAiB,IACrB,ijBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,MACA,GAAG,SAEkC;AACrC,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAC3D,GAAI;EACJ,CAAA"}
+{"version":3,"file":"toggle.mjs","names":["TogglePrimitive"],"sources":["../../../src/client/ui/toggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Toggle as TogglePrimitive } from \"radix-ui\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst toggleRecipe = defineRecipe({\n  base: \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      plain: \"bg-transparent\",\n      outlined:\n        \"border border-input bg-transparent shadow-xs hover:bg-accent-muted hover:text-accent-muted-foreground\",\n    },\n    size: {\n      sm: \"h-8 min-w-8 px-1.5\",\n      md: \"h-9 min-w-9 px-2\",\n      lg: \"h-10 min-w-10 px-2.5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"plain\",\n    size: \"md\",\n  },\n});\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & {\n  variant?: \"plain\" | \"outlined\";\n  size?: \"sm\" | \"md\" | \"lg\";\n}) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleRecipe({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleRecipe };\n\n// Backward compat\nconst toggleVariants = toggleRecipe;\nexport { toggleVariants };\n"],"mappings":";;;;;;AAMA,MAAM,eAAe,aAAa;CAChC,MAAM;CACN,UAAU;EACR,SAAS;GACP,OAAO;GACP,UACE;GACH;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAEF,SAAS,OAAO,EACd,WACA,SACA,MACA,GAAG,SAIF;AACD,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,aAAa;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EACzD,GAAI;EACJ,CAAA;;AAON,MAAM,iBAAiB"}

package/dist/client/ui/tooltip.d.ts

@@ -3,6 +3,11 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 
 //#region src/client/ui/tooltip.d.ts
+declare const tooltipContentRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
 declare function TooltipProvider({
   delayDuration,
   ...props
@@ -20,5 +25,5 @@ declare function TooltipContent({
   ...props
 }: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipContentRecipe };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/client/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/client/ui/tooltip.tsx"],"mappings":";;;;;iBAOS,eAAA,CAAA;EACP,aAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUhD,OAAA,CAAA;EAAA,GAAa;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQxE,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIlF,cAAA,CAAA;EACP,SAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../../src/client/ui/tooltip.tsx"],"mappings":";;;;;cAQM,oBAAA,GAAoB,KAAA;EAAA;;;;iBAIjB,eAAA,CAAA;EACP,aAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUhD,OAAA,CAAA;EAAA,GAAa;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQxE,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIlF,cAAA,CAAA;EACP,SAAA;EACA,UAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,SAAA,CAAiB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/tooltip.mjs

@@ -1,9 +1,11 @@
 "use client";
 import { cn } from "./utils.mjs";
+import { defineRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip as Tooltip$1 } from "radix-ui";
 //#region src/client/ui/tooltip.tsx
+const tooltipContentRecipe = defineRecipe({ base: "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2" });
 function TooltipProvider({ delayDuration = 0, ...props }) {
 	return /* @__PURE__ */ jsx(Tooltip$1.Provider, {
 		"data-slot": "tooltip-provider",
@@ -27,12 +29,12 @@ function TooltipContent({ className, sideOffset = 4, children, ...props }) {
 	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset,
-		className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+		className: cn(tooltipContentRecipe({ className })),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
 	}) });
 }
 //#endregion
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltipContentRecipe };
 
 //# sourceMappingURL=tooltip.mjs.map

package/dist/client/ui/tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.mjs","names":["TooltipPrimitive"],"sources":["../../../src/client/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;;AAOA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;AACzD,QACE,oBAACA,UAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;EACJ,CAAA;;AAIN,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,QACE,oBAAC,iBAAD,EAAA,UACE,oBAACA,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,QAAO,oBAACA,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;AACxD,QACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,qBAACA,UAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,sbACA,UACD;EACD,GAAI;YAPN,CASG,UACD,oBAACA,UAAiB,OAAlB,EAAwB,WAAU,qFAAsF,CAAA,CAC/F;KACH,CAAA"}
+{"version":3,"file":"tooltip.mjs","names":["TooltipPrimitive"],"sources":["../../../src/client/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst tooltipContentRecipe = defineRecipe({\n  base: \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-[var(--enad-button-radius)] bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n});\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentRecipe({ className }))}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentRecipe };\n"],"mappings":";;;;;;;AAQA,MAAM,uBAAuB,aAAa,EACxC,MAAM,sbACP,CAAC;AAEF,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;AACzD,QACE,oBAACA,UAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;EACJ,CAAA;;AAIN,SAAS,QAAQ,EAAE,GAAG,SAA6D;AACjF,QACE,oBAAC,iBAAD,EAAA,UACE,oBAACA,UAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;EAAS,CAAA,EACxC,CAAA;;AAItB,SAAS,eAAe,EAAE,GAAG,SAAgE;AAC3F,QAAO,oBAACA,UAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;EAAS,CAAA;;AAG5E,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;AACxD,QACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,qBAACA,UAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GAAG,qBAAqB,EAAE,WAAW,CAAC,CAAC;EAClD,GAAI;YAJN,CAMG,UACD,oBAACA,UAAiB,OAAlB,EAAwB,WAAU,qFAAsF,CAAA,CAC/F;KACH,CAAA"}

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

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

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

@@ -1,16 +1,19 @@
 import { ComponentName, ComponentOverrides, ComponentSet, ComponentSetProvider, CustomComponentMap, VariantDefaults, useComponentSet, useCustomComponent, useVariantDefault } from "./context.js";
+import { SemanticColor, Size, Variant } from "./types.js";
+import { ButtonProps, ButtonSize, ButtonVariant, buttonRecipe, buttonVariants } from "../ui/button.js";
 import { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger } from "./accordion.js";
 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 { 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,22 +10,22 @@ 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 { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./carousel.mjs";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./sheet.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 { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "./carousel.mjs";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardRecipe } from "./card.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.mjs";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog.mjs";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./hover-card.mjs";
 import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./navigation-menu.mjs";
 import { Separator } from "./separator.mjs";
-import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./sheet.mjs";
 import { Toggle } from "./toggle.mjs";
 import { ToggleGroup, ToggleGroupItem } from "./toggle-group.mjs";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.mjs";
 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"}