@enadhq/enad-react-sdk 1.0.2 → 1.2.0

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

@@ -1,11 +1,14 @@
-import * as React from "react";
-import * as DefaultPopover from "../ui/popover";
-import { type ComponentSet } from "./context";
-declare function Popover({ componentSet, ...props }: React.ComponentProps<typeof DefaultPopover.Popover> & {
-    componentSet?: ComponentSet;
-}): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger(props: React.ComponentProps<typeof DefaultPopover.PopoverTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent(props: React.ComponentProps<typeof DefaultPopover.PopoverContent>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverAnchor(props: React.ComponentProps<typeof DefaultPopover.PopoverAnchor>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+import { Popover as Popover$1, PopoverAnchor as PopoverAnchor$1, PopoverContent as PopoverContent$1, PopoverTrigger as PopoverTrigger$1 } from "../ui/popover.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui-resolver/popover.d.ts
+declare function Popover({
+  ...props
+}: React$1.ComponentProps<typeof Popover$1>): react_jsx_runtime0.JSX.Element;
+declare const PopoverTrigger: typeof PopoverTrigger$1;
+declare const PopoverContent: typeof PopoverContent$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/client/ui-resolver/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAE/D,iBAAS,OAAO,CAAC,EACf,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,YAAY,CAAA;CAAE,2CAIvF;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,cAAc,CAAC,2CAIxF;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,cAAc,CAAC,2CAIxF;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,aAAa,CAAC,2CAItF;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/client/ui-resolver/popover.tsx"],"mappings":";;;;;iBAMS,OAAA,CAAA;EAAA,GAAa;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,SAAA,IAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAM5E,cAAA,SAAc,gBAAA;AAAA,cACd,cAAA,SAAc,gBAAA;AAAA,cACd,aAAA,SAAa,eAAA"}

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

@@ -1,35 +1,18 @@
 "use client";
+import { useCustomComponent } from "./context.mjs";
+import { Popover as Popover$1, PopoverAnchor as PopoverAnchor$1, PopoverContent as PopoverContent$1, PopoverTrigger as PopoverTrigger$1 } from "../ui/popover.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import * as DefaultPopover from "../ui/popover";
-import * as MonoPopover from "../ui-interfaces/popover";
-import { useComponentSet } from "./context";
-function Popover({
-  componentSet,
-  ...props
-}) {
-  const set = useComponentSet("popover", componentSet);
-  const Comp = set === "mono" ? MonoPopover.Popover : DefaultPopover.Popover;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
+//#region src/client/ui-resolver/popover.tsx
+function Popover({ ...props }) {
+	const Custom = useCustomComponent("popover");
+	if (Custom) return /* @__PURE__ */ jsx(Custom, { ...props });
+	return /* @__PURE__ */ jsx(Popover$1, { ...props });
 }
-function PopoverTrigger(props) {
-  const set = useComponentSet("popover");
-  const Comp = set === "mono" ? MonoPopover.PopoverTrigger : DefaultPopover.PopoverTrigger;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function PopoverContent(props) {
-  const set = useComponentSet("popover");
-  const Comp = set === "mono" ? MonoPopover.PopoverContent : DefaultPopover.PopoverContent;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function PopoverAnchor(props) {
-  const set = useComponentSet("popover");
-  const Comp = set === "mono" ? MonoPopover.PopoverAnchor : DefaultPopover.PopoverAnchor;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-export {
-  Popover,
-  PopoverAnchor,
-  PopoverContent,
-  PopoverTrigger
-};
+const PopoverTrigger = PopoverTrigger$1;
+const PopoverContent = PopoverContent$1;
+const PopoverAnchor = PopoverAnchor$1;
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+
 //# sourceMappingURL=popover.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui-resolver/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DefaultPopover from \"../ui/popover\";\nimport * as MonoPopover from \"../ui-interfaces/popover\";\nimport { useComponentSet, type ComponentSet } from \"./context\";\n\nfunction Popover({\n  componentSet,\n  ...props\n}: React.ComponentProps<typeof DefaultPopover.Popover> & { componentSet?: ComponentSet }) {\n  const set = useComponentSet(\"popover\", componentSet);\n  const Comp = set === \"mono\" ? MonoPopover.Popover : DefaultPopover.Popover;\n  return <Comp {...props} />;\n}\n\nfunction PopoverTrigger(props: React.ComponentProps<typeof DefaultPopover.PopoverTrigger>) {\n  const set = useComponentSet(\"popover\");\n  const Comp = set === \"mono\" ? MonoPopover.PopoverTrigger : DefaultPopover.PopoverTrigger;\n  return <Comp {...props} />;\n}\n\nfunction PopoverContent(props: React.ComponentProps<typeof DefaultPopover.PopoverContent>) {\n  const set = useComponentSet(\"popover\");\n  const Comp = set === \"mono\" ? MonoPopover.PopoverContent : DefaultPopover.PopoverContent;\n  return <Comp {...props} />;\n}\n\nfunction PopoverAnchor(props: React.ComponentProps<typeof DefaultPopover.PopoverAnchor>) {\n  const set = useComponentSet(\"popover\");\n  const Comp = set === \"mono\" ? MonoPopover.PopoverAnchor : DefaultPopover.PopoverAnchor;\n  return <Comp {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";AAaS;AAVT,YAAY,oBAAoB;AAChC,YAAY,iBAAiB;AAC7B,SAAS,uBAA0C;AAEnD,SAAS,QAAQ;AAAA,EACf;AAAA,EACA,GAAG;AACL,GAA0F;AACxF,QAAM,MAAM,gBAAgB,WAAW,YAAY;AACnD,QAAM,OAAO,QAAQ,SAAS,YAAY,UAAU,eAAe;AACnE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,eAAe,OAAmE;AACzF,QAAM,MAAM,gBAAgB,SAAS;AACrC,QAAM,OAAO,QAAQ,SAAS,YAAY,iBAAiB,eAAe;AAC1E,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,eAAe,OAAmE;AACzF,QAAM,MAAM,gBAAgB,SAAS;AACrC,QAAM,OAAO,QAAQ,SAAS,YAAY,iBAAiB,eAAe;AAC1E,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,cAAc,OAAkE;AACvF,QAAM,MAAM,gBAAgB,SAAS;AACrC,QAAM,OAAO,QAAQ,SAAS,YAAY,gBAAgB,eAAe;AACzE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;","names":[]}
+{"version":3,"file":"popover.mjs","names":["DefaultPopover.Popover","DefaultPopover.PopoverTrigger","DefaultPopover.PopoverContent","DefaultPopover.PopoverAnchor"],"sources":["../../../src/client/ui-resolver/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DefaultPopover from \"../ui/popover\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Popover({ ...props }: React.ComponentProps<typeof DefaultPopover.Popover>) {\n  const Custom = useCustomComponent(\"popover\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultPopover.Popover {...props} />;\n}\n\nconst PopoverTrigger = DefaultPopover.PopoverTrigger;\nconst PopoverContent = DefaultPopover.PopoverContent;\nconst PopoverAnchor = DefaultPopover.PopoverAnchor;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";;;;;;AAMA,SAAS,QAAQ,EAAE,GAAG,SAA8D;CAClF,MAAM,SAAS,mBAAmB,UAAU;AAC5C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,WAAD,EAAwB,GAAI,OAAS,CAAA;;AAG9C,MAAM,iBAAiBC;AACvB,MAAM,iBAAiBC;AACvB,MAAM,gBAAgBC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../../src/client/ui-resolver/progress.tsx"],"mappings":";;;;;iBAMS,QAAA,CAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,UAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,15 @@
+"use client";
+import { useCustomComponent } from "./context.mjs";
+import { Progress as Progress$1 } from "../ui/progress.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/client/ui-resolver/progress.tsx
+function Progress({ ...props }) {
+	const Custom = useCustomComponent("progress");
+	if (Custom) return /* @__PURE__ */ jsx(Custom, { ...props });
+	return /* @__PURE__ */ jsx(Progress$1, { ...props });
+}
+//#endregion
+export { Progress };
+
+//# sourceMappingURL=progress.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","names":["DefaultProgress"],"sources":["../../../src/client/ui-resolver/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Progress as DefaultProgress } from \"../ui/progress\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Progress({ ...props }: React.ComponentProps<typeof DefaultProgress>) {\n  const Custom = useCustomComponent(\"progress\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultProgress {...props} />;\n}\n\nexport { Progress };\n"],"mappings":";;;;;;AAMA,SAAS,SAAS,EAAE,GAAG,SAAuD;CAC5E,MAAM,SAAS,mBAAmB,WAAW;AAC7C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,YAAD,EAAiB,GAAI,OAAS,CAAA"}

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/select.d.ts

@@ -1,15 +1,18 @@
-import * as React from "react";
-import * as DefaultSelect from "../ui/select";
-import { type ComponentSet } from "./context";
-declare function Select({ componentSet, ...props }: React.ComponentProps<typeof DefaultSelect.Select> & {
-    componentSet?: ComponentSet;
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup(props: React.ComponentProps<typeof DefaultSelect.SelectGroup>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue(props: React.ComponentProps<typeof DefaultSelect.SelectValue>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger(props: React.ComponentProps<typeof DefaultSelect.SelectTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent(props: React.ComponentProps<typeof DefaultSelect.SelectContent>): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel(props: React.ComponentProps<typeof DefaultSelect.SelectLabel>): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem(props: React.ComponentProps<typeof DefaultSelect.SelectItem>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator(props: React.ComponentProps<typeof DefaultSelect.SelectSeparator>): import("react/jsx-runtime").JSX.Element;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, };
+import { Select as Select$1, SelectContent as SelectContent$1, SelectGroup as SelectGroup$1, SelectItem as SelectItem$1, SelectLabel as SelectLabel$1, SelectSeparator as SelectSeparator$1, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1 } from "../ui/select.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui-resolver/select.d.ts
+declare function Select({
+  ...props
+}: React$1.ComponentProps<typeof Select$1>): react_jsx_runtime0.JSX.Element;
+declare const SelectGroup: typeof SelectGroup$1;
+declare const SelectValue: typeof SelectValue$1;
+declare const SelectTrigger: typeof SelectTrigger$1;
+declare const SelectContent: typeof SelectContent$1;
+declare const SelectLabel: typeof SelectLabel$1;
+declare const SelectItem: typeof SelectItem$1;
+declare const SelectSeparator: typeof SelectSeparator$1;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/client/ui-resolver/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAE/D,iBAAS,MAAM,CAAC,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,YAAY,CAAA;CAAE,2CAIrF;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,2CAIjF;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,2CAIjF;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,aAAa,CAAC,2CAIrF;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,aAAa,CAAC,2CAIrF;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,2CAIjF;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,2CAI/E;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,eAAe,CAAC,2CAIzF;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../../src/client/ui-resolver/select.tsx"],"mappings":";;;;;iBAMS,MAAA,CAAA;EAAA,GAAY;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,IAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMzE,WAAA,SAAW,aAAA;AAAA,cACX,WAAA,SAAW,aAAA;AAAA,cACX,aAAA,SAAa,eAAA;AAAA,cACb,aAAA,SAAa,eAAA;AAAA,cACb,WAAA,SAAW,aAAA;AAAA,cACX,UAAA,SAAU,YAAA;AAAA,cACV,eAAA,SAAe,iBAAA"}

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

@@ -1,59 +1,22 @@
 "use client";
+import { useCustomComponent } from "./context.mjs";
+import { Select as Select$1, SelectContent as SelectContent$1, SelectGroup as SelectGroup$1, SelectItem as SelectItem$1, SelectLabel as SelectLabel$1, SelectSeparator as SelectSeparator$1, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1 } from "../ui/select.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import * as DefaultSelect from "../ui/select";
-import * as MonoSelect from "../ui-interfaces/select";
-import { useComponentSet } from "./context";
-function Select({
-  componentSet,
-  ...props
-}) {
-  const set = useComponentSet("select", componentSet);
-  const Comp = set === "mono" ? MonoSelect.Select : DefaultSelect.Select;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function SelectGroup(props) {
-  const set = useComponentSet("select");
-  const Comp = set === "mono" ? MonoSelect.SelectGroup : DefaultSelect.SelectGroup;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function SelectValue(props) {
-  const set = useComponentSet("select");
-  const Comp = set === "mono" ? MonoSelect.SelectValue : DefaultSelect.SelectValue;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function SelectTrigger(props) {
-  const set = useComponentSet("select");
-  const Comp = set === "mono" ? MonoSelect.SelectTrigger : DefaultSelect.SelectTrigger;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function SelectContent(props) {
-  const set = useComponentSet("select");
-  const Comp = set === "mono" ? MonoSelect.SelectContent : DefaultSelect.SelectContent;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function SelectLabel(props) {
-  const set = useComponentSet("select");
-  const Comp = set === "mono" ? MonoSelect.SelectLabel : DefaultSelect.SelectLabel;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function SelectItem(props) {
-  const set = useComponentSet("select");
-  const Comp = set === "mono" ? MonoSelect.SelectItem : DefaultSelect.SelectItem;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-function SelectSeparator(props) {
-  const set = useComponentSet("select");
-  const Comp = set === "mono" ? MonoSelect.SelectSeparator : DefaultSelect.SelectSeparator;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
-}
-export {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-};
+//#region src/client/ui-resolver/select.tsx
+function Select({ ...props }) {
+	const Custom = useCustomComponent("select");
+	if (Custom) return /* @__PURE__ */ jsx(Custom, { ...props });
+	return /* @__PURE__ */ jsx(Select$1, { ...props });
+}
+const SelectGroup = SelectGroup$1;
+const SelectValue = SelectValue$1;
+const SelectTrigger = SelectTrigger$1;
+const SelectContent = SelectContent$1;
+const SelectLabel = SelectLabel$1;
+const SelectItem = SelectItem$1;
+const SelectSeparator = SelectSeparator$1;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
+
 //# sourceMappingURL=select.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui-resolver/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DefaultSelect from \"../ui/select\";\nimport * as MonoSelect from \"../ui-interfaces/select\";\nimport { useComponentSet, type ComponentSet } from \"./context\";\n\nfunction Select({\n  componentSet,\n  ...props\n}: React.ComponentProps<typeof DefaultSelect.Select> & { componentSet?: ComponentSet }) {\n  const set = useComponentSet(\"select\", componentSet);\n  const Comp = set === \"mono\" ? MonoSelect.Select : DefaultSelect.Select;\n  return <Comp {...props} />;\n}\n\nfunction SelectGroup(props: React.ComponentProps<typeof DefaultSelect.SelectGroup>) {\n  const set = useComponentSet(\"select\");\n  const Comp = set === \"mono\" ? MonoSelect.SelectGroup : DefaultSelect.SelectGroup;\n  return <Comp {...props} />;\n}\n\nfunction SelectValue(props: React.ComponentProps<typeof DefaultSelect.SelectValue>) {\n  const set = useComponentSet(\"select\");\n  const Comp = set === \"mono\" ? MonoSelect.SelectValue : DefaultSelect.SelectValue;\n  return <Comp {...props} />;\n}\n\nfunction SelectTrigger(props: React.ComponentProps<typeof DefaultSelect.SelectTrigger>) {\n  const set = useComponentSet(\"select\");\n  const Comp = set === \"mono\" ? MonoSelect.SelectTrigger : DefaultSelect.SelectTrigger;\n  return <Comp {...props} />;\n}\n\nfunction SelectContent(props: React.ComponentProps<typeof DefaultSelect.SelectContent>) {\n  const set = useComponentSet(\"select\");\n  const Comp = set === \"mono\" ? MonoSelect.SelectContent : DefaultSelect.SelectContent;\n  return <Comp {...props} />;\n}\n\nfunction SelectLabel(props: React.ComponentProps<typeof DefaultSelect.SelectLabel>) {\n  const set = useComponentSet(\"select\");\n  const Comp = set === \"mono\" ? MonoSelect.SelectLabel : DefaultSelect.SelectLabel;\n  return <Comp {...props} />;\n}\n\nfunction SelectItem(props: React.ComponentProps<typeof DefaultSelect.SelectItem>) {\n  const set = useComponentSet(\"select\");\n  const Comp = set === \"mono\" ? MonoSelect.SelectItem : DefaultSelect.SelectItem;\n  return <Comp {...props} />;\n}\n\nfunction SelectSeparator(props: React.ComponentProps<typeof DefaultSelect.SelectSeparator>) {\n  const set = useComponentSet(\"select\");\n  const Comp = set === \"mono\" ? MonoSelect.SelectSeparator : DefaultSelect.SelectSeparator;\n  return <Comp {...props} />;\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";AAaS;AAVT,YAAY,mBAAmB;AAC/B,YAAY,gBAAgB;AAC5B,SAAS,uBAA0C;AAEnD,SAAS,OAAO;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAwF;AACtF,QAAM,MAAM,gBAAgB,UAAU,YAAY;AAClD,QAAM,OAAO,QAAQ,SAAS,WAAW,SAAS,cAAc;AAChE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,YAAY,OAA+D;AAClF,QAAM,MAAM,gBAAgB,QAAQ;AACpC,QAAM,OAAO,QAAQ,SAAS,WAAW,cAAc,cAAc;AACrE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,YAAY,OAA+D;AAClF,QAAM,MAAM,gBAAgB,QAAQ;AACpC,QAAM,OAAO,QAAQ,SAAS,WAAW,cAAc,cAAc;AACrE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,cAAc,OAAiE;AACtF,QAAM,MAAM,gBAAgB,QAAQ;AACpC,QAAM,OAAO,QAAQ,SAAS,WAAW,gBAAgB,cAAc;AACvE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,cAAc,OAAiE;AACtF,QAAM,MAAM,gBAAgB,QAAQ;AACpC,QAAM,OAAO,QAAQ,SAAS,WAAW,gBAAgB,cAAc;AACvE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,YAAY,OAA+D;AAClF,QAAM,MAAM,gBAAgB,QAAQ;AACpC,QAAM,OAAO,QAAQ,SAAS,WAAW,cAAc,cAAc;AACrE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,WAAW,OAA8D;AAChF,QAAM,MAAM,gBAAgB,QAAQ;AACpC,QAAM,OAAO,QAAQ,SAAS,WAAW,aAAa,cAAc;AACpE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;AAEA,SAAS,gBAAgB,OAAmE;AAC1F,QAAM,MAAM,gBAAgB,QAAQ;AACpC,QAAM,OAAO,QAAQ,SAAS,WAAW,kBAAkB,cAAc;AACzE,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;","names":[]}
+{"version":3,"file":"select.mjs","names":["DefaultSelect.Select","DefaultSelect.SelectGroup","DefaultSelect.SelectValue","DefaultSelect.SelectTrigger","DefaultSelect.SelectContent","DefaultSelect.SelectLabel","DefaultSelect.SelectItem","DefaultSelect.SelectSeparator"],"sources":["../../../src/client/ui-resolver/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DefaultSelect from \"../ui/select\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Select({ ...props }: React.ComponentProps<typeof DefaultSelect.Select>) {\n  const Custom = useCustomComponent(\"select\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultSelect.Select {...props} />;\n}\n\nconst SelectGroup = DefaultSelect.SelectGroup;\nconst SelectValue = DefaultSelect.SelectValue;\nconst SelectTrigger = DefaultSelect.SelectTrigger;\nconst SelectContent = DefaultSelect.SelectContent;\nconst SelectLabel = DefaultSelect.SelectLabel;\nconst SelectItem = DefaultSelect.SelectItem;\nconst SelectSeparator = DefaultSelect.SelectSeparator;\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;AAMA,SAAS,OAAO,EAAE,GAAG,SAA4D;CAC/E,MAAM,SAAS,mBAAmB,SAAS;AAC3C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,UAAD,EAAsB,GAAI,OAAS,CAAA;;AAG5C,MAAM,cAAcC;AACpB,MAAM,cAAcC;AACpB,MAAM,gBAAgBC;AACtB,MAAM,gBAAgBC;AACtB,MAAM,cAAcC;AACpB,MAAM,aAAaC;AACnB,MAAM,kBAAkBC"}

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

@@ -1,8 +1,11 @@
-import * as React from "react";
-import { Separator as DefaultSeparator } from "../ui/separator";
-import { type ComponentSet } from "./context";
-declare function Separator({ componentSet, ...props }: React.ComponentProps<typeof DefaultSeparator> & {
-    componentSet?: ComponentSet;
-}): import("react/jsx-runtime").JSX.Element;
+import { Separator as Separator$1 } from "../ui/separator.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui-resolver/separator.d.ts
+declare function Separator({
+  ...props
+}: React$1.ComponentProps<typeof Separator$1>): react_jsx_runtime0.JSX.Element;
+//#endregion
 export { Separator };
 //# sourceMappingURL=separator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/client/ui-resolver/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAE/D,iBAAS,SAAS,CAAC,EACjB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,YAAY,CAAA;CAAE,2CAIjF;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/client/ui-resolver/separator.tsx"],"mappings":";;;;;iBAMS,SAAA,CAAA;EAAA,GAAe;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,17 +1,15 @@
 "use client";
+import { useCustomComponent } from "./context.mjs";
+import { Separator as Separator$1 } from "../ui/separator.mjs";
+import "react";
 import { jsx } from "react/jsx-runtime";
-import { Separator as DefaultSeparator } from "../ui/separator";
-import { Separator as MonoSeparator } from "../ui-interfaces/separator";
-import { useComponentSet } from "./context";
-function Separator({
-  componentSet,
-  ...props
-}) {
-  const set = useComponentSet("separator", componentSet);
-  const Comp = set === "mono" ? MonoSeparator : DefaultSeparator;
-  return /* @__PURE__ */ jsx(Comp, { ...props });
+//#region src/client/ui-resolver/separator.tsx
+function Separator({ ...props }) {
+	const Custom = useCustomComponent("separator");
+	if (Custom) return /* @__PURE__ */ jsx(Custom, { ...props });
+	return /* @__PURE__ */ jsx(Separator$1, { ...props });
 }
-export {
-  Separator
-};
+//#endregion
+export { Separator };
+
 //# sourceMappingURL=separator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui-resolver/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Separator as DefaultSeparator } from \"../ui/separator\";\nimport { Separator as MonoSeparator } from \"../ui-interfaces/separator\";\nimport { useComponentSet, type ComponentSet } from \"./context\";\n\nfunction Separator({\n  componentSet,\n  ...props\n}: React.ComponentProps<typeof DefaultSeparator> & { componentSet?: ComponentSet }) {\n  const set = useComponentSet(\"separator\", componentSet);\n  const Comp = set === \"mono\" ? MonoSeparator : DefaultSeparator;\n  return <Comp {...props} />;\n}\n\nexport { Separator };\n"],"mappings":";AAaS;AAVT,SAAS,aAAa,wBAAwB;AAC9C,SAAS,aAAa,qBAAqB;AAC3C,SAAS,uBAA0C;AAEnD,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,GAAG;AACL,GAAoF;AAClF,QAAM,MAAM,gBAAgB,aAAa,YAAY;AACrD,QAAM,OAAO,QAAQ,SAAS,gBAAgB;AAC9C,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;","names":[]}
+{"version":3,"file":"separator.mjs","names":["DefaultSeparator"],"sources":["../../../src/client/ui-resolver/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Separator as DefaultSeparator } from \"../ui/separator\";\nimport { useCustomComponent } from \"./context\";\n\nfunction Separator({ ...props }: React.ComponentProps<typeof DefaultSeparator>) {\n  const Custom = useCustomComponent(\"separator\");\n  if (Custom) return <Custom {...props} />;\n  return <DefaultSeparator {...props} />;\n}\n\nexport { Separator };\n"],"mappings":";;;;;;AAMA,SAAS,UAAU,EAAE,GAAG,SAAwD;CAC9E,MAAM,SAAS,mBAAmB,YAAY;AAC9C,KAAI,OAAQ,QAAO,oBAAC,QAAD,EAAQ,GAAI,OAAS,CAAA;AACxC,QAAO,oBAACA,aAAD,EAAkB,GAAI,OAAS,CAAA"}