@enadhq/enad-react-sdk 1.0.2 → 1.2.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui/accordion.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useIcon } from \"../icons/icon-context\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nfunction Accordion({\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"border-b last:border-b-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\")\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":"AASS,cAyBH,YAzBG;AART,SAAS,eAAe;AACxB,SAAS,aAAa,0BAA0B;AAEhD,SAAS,UAAU;AAEnB,SAAS,UAAU;AAAA,EACjB,GAAG;AACL,GAAyD;AACvD,SAAO,oBAAC,mBAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAG,OAAO;AACnE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,QAAM,kBAAkB,QAAQ,aAAa;AAE7C,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,QACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,mBAAgB,WAAU,+GAA8G;AAAA;AAAA;AAAA,EAC3I,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,UAAS;AAAA;AAAA,EACxD;AAEJ;","names":[]}
+{"version":3,"file":"accordion.mjs","names":["AccordionPrimitive"],"sources":["../../../src/client/ui/accordion.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Accordion as AccordionPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst accordionRecipe = defineSlotRecipe({\n  slots: [\"root\", \"group\", \"item\", \"trigger\", \"content\"] as const,\n  base: {\n    root: \"\",\n    group: \"flex w-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground\",\n    item: \"border-b last:border-b-0\",\n    trigger:\n      \"flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n    content:\n      \"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\",\n  },\n});\n\nconst defaultClasses = accordionRecipe();\n\nfunction Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(defaultClasses.group, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(defaultClasses.item, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(defaultClasses.trigger, className)}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon className=\"pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200\" />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={defaultClasses.content}\n      {...props}\n    >\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\nexport {\n  Accordion,\n  AccordionGroup,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n  accordionRecipe,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,kBAAkB,iBAAiB;CACvC,OAAO;EAAC;EAAQ;EAAS;EAAQ;EAAW;EAAU;CACtD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,MAAM;EACN,SACE;EACF,SACE;EACH;CACF,CAAC;AAEF,MAAM,iBAAiB,iBAAiB;AAExC,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAACA,YAAmB,MAApB;EAAyB,aAAU;EAAY,GAAI;EAAS,CAAA;;AAGrE,SAAS,eAAe,EACtB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,OAAO,UAAU;EAC9C,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,YAAmB,MAApB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;CAC1D,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,oBAACA,YAAmB,QAApB;EAA2B,WAAU;YACnC,qBAACA,YAAmB,SAApB;GACE,aAAU;GACV,WAAW,GAAG,eAAe,SAAS,UAAU;GAChD,GAAI;aAHN,CAKG,UACD,oBAAC,iBAAD,EAAiB,WAAU,+GAAgH,CAAA,CAChH;;EACH,CAAA;;AAIhC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACV,WAAW,eAAe;EAC1B,GAAI;YAEJ,oBAAC,OAAD;GAAK,WAAW,GAAG,aAAa,UAAU;GAAG;GAAe,CAAA;EACjC,CAAA"}

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

@@ -0,0 +1,34 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui/alert.d.ts
+declare const alertRecipe: (props?: ({
+  variant?: "default" | "destructive" | undefined;
+} & {
+  className?: Partial<Record<"root" | "title" | "description", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  title: string;
+  description: string;
+};
+declare function Alert({
+  className,
+  variant,
+  ...props
+}: React$1.ComponentProps<"div"> & {
+  variant?: "default" | "destructive";
+}): react_jsx_runtime0.JSX.Element;
+declare function AlertTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"h5">): react_jsx_runtime0.JSX.Element;
+declare function AlertDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare const alertVariants: (props: {
+  variant?: "default" | "destructive";
+}) => string;
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertRecipe, alertVariants };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","names":[],"sources":["../../../src/client/ui/alert.tsx"],"mappings":";;;;cAOM,WAAA,GAAW,KAAA;;;cAkBf,OAAA,CAAA,MAAA;AAAA;;;;;iBAIO,KAAA,CAAA;EACP,SAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EAA0B,OAAA;AAAA,IAAqC,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAM/D,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9D,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAaxE,aAAA,GAAiB,KAAA;EAAS,OAAA;AAAA"}

package/dist/client/ui/alert.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/client/ui/alert.tsx
+const alertRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"title",
+		"description"
+	],
+	base: {
+		root: "relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+		title: "mb-1 font-medium leading-none tracking-tight",
+		description: "text-sm [&_p]:leading-relaxed"
+	},
+	variants: { variant: {
+		default: { root: "bg-background text-foreground" },
+		destructive: { root: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive" }
+	} },
+	defaultVariants: { variant: "default" }
+});
+const defaultClasses = alertRecipe();
+function Alert({ className, variant, ...props }) {
+	const classes = alertRecipe({ variant });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: cn(classes.root, className),
+		...props
+	});
+}
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("h5", {
+		"data-slot": "alert-title",
+		className: cn(defaultClasses.title, className),
+		...props
+	});
+}
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn(defaultClasses.description, className),
+		...props
+	});
+}
+const alertVariants = (props) => alertRecipe(props).root;
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertRecipe, alertVariants };
+
+//# sourceMappingURL=alert.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/client/ui/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst alertRecipe = defineSlotRecipe({\n  slots: [\"root\", \"title\", \"description\"] as const,\n  base: {\n    root: \"relative w-full rounded-[var(--enad-card-radius)] border p-4 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg]:text-foreground [&>svg~*]:pl-7\",\n    title: \"mb-1 font-medium leading-none tracking-tight\",\n    description: \"text-sm [&_p]:leading-relaxed\",\n  },\n  variants: {\n    variant: {\n      default: { root: \"bg-background text-foreground\" },\n      destructive: {\n        root: \"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nconst defaultClasses = alertRecipe();\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & { variant?: \"default\" | \"destructive\" }) {\n  const classes = alertRecipe({ variant });\n\n  return <div data-slot=\"alert\" role=\"alert\" className={cn(classes.root, className)} {...props} />;\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"h5\">) {\n  return <h5 data-slot=\"alert-title\" className={cn(defaultClasses.title, className)} {...props} />;\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(defaultClasses.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, alertRecipe };\n\n// Backward compat\nconst alertVariants = (props: { variant?: \"default\" | \"destructive\" }) => alertRecipe(props).root;\nexport { alertVariants };\n"],"mappings":";;;;;;AAOA,MAAM,cAAc,iBAAiB;CACnC,OAAO;EAAC;EAAQ;EAAS;EAAc;CACvC,MAAM;EACJ,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD,UAAU,EACR,SAAS;EACP,SAAS,EAAE,MAAM,iCAAiC;EAClD,aAAa,EACX,MAAM,2FACP;EACF,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,iBAAiB,aAAa;AAEpC,SAAS,MAAM,EACb,WACA,SACA,GAAG,SACqE;CACxE,MAAM,UAAU,YAAY,EAAE,SAAS,CAAC;AAExC,QAAO,oBAAC,OAAD;EAAK,aAAU;EAAQ,MAAK;EAAQ,WAAW,GAAG,QAAQ,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAGlG,SAAS,WAAW,EAAE,WAAW,GAAG,SAAqC;AACvE,QAAO,oBAAC,MAAD;EAAI,aAAU;EAAc,WAAW,GAAG,eAAe,OAAO,UAAU;EAAE,GAAI;EAAS,CAAA;;AAGlG,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;AAC9E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,eAAe,aAAa,UAAU;EACpD,GAAI;EACJ,CAAA;;AAON,MAAM,iBAAiB,UAAmD,YAAY,MAAM,CAAC"}

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

@@ -0,0 +1,29 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "radix-ui";
+
+//#region src/client/ui/avatar.d.ts
+declare const avatarRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"root" | "image" | "fallback", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  image: string;
+  fallback: string;
+};
+declare function Avatar({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function AvatarImage({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime0.JSX.Element;
+declare function AvatarFallback({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage, avatarRecipe };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/client/ui/avatar.tsx"],"mappings":";;;;;cAQM,YAAA,GAAY,KAAA;EAAA;;cAQhB,OAAA,CAAA,MAAA;AAAA;;;;;iBAIO,MAAA,CAAA;EAAS,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjF,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,KAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUvF,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/avatar.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Avatar as Avatar$1 } from "radix-ui";
+//#region src/client/ui/avatar.tsx
+const avatarRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"image",
+		"fallback"
+	],
+	base: {
+		root: "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+		image: "aspect-square size-full",
+		fallback: "flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium"
+	}
+});
+const defaultClasses = avatarRecipe();
+function Avatar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Root, {
+		"data-slot": "avatar",
+		className: cn(defaultClasses.root, className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Image, {
+		"data-slot": "avatar-image",
+		className: cn(defaultClasses.image, className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar$1.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn(defaultClasses.fallback, className),
+		...props
+	});
+}
+//#endregion
+export { Avatar, AvatarFallback, AvatarImage, avatarRecipe };
+
+//# sourceMappingURL=avatar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","names":["AvatarPrimitive"],"sources":["../../../src/client/ui/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Avatar as AvatarPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst avatarRecipe = defineSlotRecipe({\n  slots: [\"root\", \"image\", \"fallback\"] as const,\n  base: {\n    root: \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n    image: \"aspect-square size-full\",\n    fallback:\n      \"flex size-full items-center justify-center rounded-full bg-muted text-xs font-medium\",\n  },\n});\n\nconst defaultClasses = avatarRecipe();\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(defaultClasses.root, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(defaultClasses.image, className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(defaultClasses.fallback, className)}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarImage, AvatarFallback, avatarRecipe };\n"],"mappings":";;;;;;;AAQA,MAAM,eAAe,iBAAiB;CACpC,OAAO;EAAC;EAAQ;EAAS;EAAW;CACpC,MAAM;EACJ,MAAM;EACN,OAAO;EACP,UACE;EACH;CACF,CAAC;AAEF,MAAM,iBAAiB,cAAc;AAErC,SAAS,OAAO,EAAE,WAAW,GAAG,SAA4D;AAC1F,QACE,oBAACA,SAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,OAAO,UAAU;EAC9C,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;AACxD,QACE,oBAACA,SAAgB,UAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,UAAU,UAAU;EACjD,GAAI;EACJ,CAAA"}

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

@@ -1,12 +1,50 @@
-import * as React from "react";
-declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui/breadcrumb.d.ts
+declare const breadcrumbRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"item" | "list" | "link" | "page" | "separator" | "ellipsis", string>> | undefined;
+}) | undefined) => {
+  item: string;
+  list: string;
+  link: string;
+  page: string;
+  separator: string;
+  ellipsis: string;
+};
+declare function Breadcrumb({
+  ...props
+}: React$1.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: React$1.ComponentProps<"ol">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React$1.ComponentProps<"a"> & {
+  asChild?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React$1.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbRecipe };
 //# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/client/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAS5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAc5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAe9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"mappings":";;;;cAOM,gBAAA,GAAgB,KAAA;EAAA;;cAUpB,OAAA,CAAA,MAAA;AAAA;;;;;;;;iBAIO,UAAA,CAAA;EAAA,GAAgB;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIpD,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMlE,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMlE,cAAA,CAAA;EACP,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA;EAAwB,OAAA;AAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAQ3C,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAWpE,mBAAA,CAAA;EAAsB,QAAA;EAAU,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcjF,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/breadcrumb.mjs

@@ -1,104 +1,90 @@
+import { useIcon } from "../icons/icon-context.mjs";
+import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useIcon } from "../icons/icon-context";
 import { Slot } from "radix-ui";
-import { cn } from "./utils";
+//#region src/client/ui/breadcrumb.tsx
+const breadcrumbRecipe = defineSlotRecipe({
+	slots: [
+		"list",
+		"item",
+		"link",
+		"page",
+		"separator",
+		"ellipsis"
+	],
+	base: {
+		list: "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
+		item: "inline-flex items-center gap-1.5",
+		link: "transition-colors hover:text-foreground",
+		page: "font-normal text-foreground",
+		separator: "[&>svg]:size-3.5",
+		ellipsis: "flex size-9 items-center justify-center"
+	}
+});
+const defaultClasses = breadcrumbRecipe();
 function Breadcrumb({ ...props }) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...props
+	});
 }
 function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      "data-slot": "breadcrumb-list",
-      className: cn(
-        "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
-        className
-      ),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn(defaultClasses.list, className),
+		...props
+	});
 }
 function BreadcrumbItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "data-slot": "breadcrumb-item",
-      className: cn("inline-flex items-center gap-1.5", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn(defaultClasses.item, className),
+		...props
+	});
 }
-function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Root : "a";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "breadcrumb-link",
-      className: cn("transition-colors hover:text-foreground", className),
-      ...props
-    }
-  );
+function BreadcrumbLink({ asChild, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "a", {
+		"data-slot": "breadcrumb-link",
+		className: cn(defaultClasses.link, className),
+		...props
+	});
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "breadcrumb-page",
-      "aria-current": "page",
-      className: cn("font-normal text-foreground", className),
-      ...props
-    }
-  );
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		"aria-current": "page",
+		className: cn(defaultClasses.page, className),
+		...props
+	});
 }
-function BreadcrumbSeparator({
-  children,
-  className,
-  ...props
-}) {
-  const ChevronRightIcon = useIcon("chevronRight");
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "data-slot": "breadcrumb-separator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: cn("[&>svg]:size-3.5", className),
-      ...props,
-      children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, {})
-    }
-  );
+function BreadcrumbSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn(defaultClasses.separator, className),
+		...props,
+		children: children ?? "/"
+	});
 }
-function BreadcrumbEllipsis({
-  className,
-  ...props
-}) {
-  const MoreIcon = useIcon("more");
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      "data-slot": "breadcrumb-ellipsis",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: cn("flex size-9 items-center justify-center", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(MoreIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
-      ]
-    }
-  );
+function BreadcrumbEllipsis({ className, ...props }) {
+	const MoreIcon = useIcon("more");
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn(defaultClasses.ellipsis, className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
 }
-export {
-  Breadcrumb,
-  BreadcrumbEllipsis,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator
-};
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbRecipe };
+
 //# sourceMappingURL=breadcrumb.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useIcon } from \"../icons/icon-context\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot.Root : \"a\"\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  const ChevronRightIcon = useIcon(\"chevronRight\")\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRightIcon />}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  const MoreIcon = useIcon(\"more\")\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"mappings":"AAOS,cAkFL,YAlFK;AANT,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,SAAS,UAAU;AAEnB,SAAS,WAAW,EAAE,GAAG,MAAM,GAAgC;AAC7D,SAAO,oBAAC,SAAI,cAAW,cAAa,aAAU,cAAc,GAAG,OAAO;AACxE;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,OAAO,UAAU,KAAK,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAa;AAAA,MACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,QAAM,mBAAmB,QAAQ,cAAc;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,oBAAiB;AAAA;AAAA,EACjC;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,QAAM,WAAW,QAAQ,MAAM;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,YAAS,WAAU,UAAS;AAAA,QAC7B,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}
+{"version":3,"file":"breadcrumb.mjs","names":[],"sources":["../../../src/client/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { Slot } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst breadcrumbRecipe = defineSlotRecipe({\n  slots: [\"list\", \"item\", \"link\", \"page\", \"separator\", \"ellipsis\"] as const,\n  base: {\n    list: \"flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5\",\n    item: \"inline-flex items-center gap-1.5\",\n    link: \"transition-colors hover:text-foreground\",\n    page: \"font-normal text-foreground\",\n    separator: \"[&>svg]:size-3.5\",\n    ellipsis: \"flex size-9 items-center justify-center\",\n  },\n});\n\nconst defaultClasses = breadcrumbRecipe();\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol data-slot=\"breadcrumb-list\" className={cn(defaultClasses.list, className)} {...props} />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li data-slot=\"breadcrumb-item\" className={cn(defaultClasses.item, className)} {...props} />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"a\";\n\n  return (\n    <Comp data-slot=\"breadcrumb-link\" className={cn(defaultClasses.link, className)} {...props} />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(defaultClasses.page, className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(defaultClasses.separator, className)}\n      {...props}\n    >\n      {children ?? \"/\"}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n  const MoreIcon = useIcon(\"more\");\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(defaultClasses.ellipsis, className)}\n      {...props}\n    >\n      <MoreIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  breadcrumbRecipe,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,iBAAiB;CACxC,OAAO;EAAC;EAAQ;EAAQ;EAAQ;EAAQ;EAAa;EAAW;CAChE,MAAM;EACJ,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,WAAW;EACX,UAAU;EACX;CACF,CAAC;AAEF,MAAM,iBAAiB,kBAAkB;AAEzC,SAAS,WAAW,EAAE,GAAG,SAAsC;AAC7D,QAAO,oBAAC,OAAD;EAAK,cAAW;EAAa,aAAU;EAAa,GAAI;EAAS,CAAA;;AAG1E,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EAAI,aAAU;EAAkB,WAAW,GAAG,eAAe,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIhG,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,QACE,oBAAC,MAAD;EAAI,aAAU;EAAkB,WAAW,GAAG,eAAe,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIhG,SAAS,eAAe,EACtB,SACA,WACA,GAAG,SACiD;AAGpD,QACE,oBAHW,UAAU,KAAK,OAAO,KAGjC;EAAM,aAAU;EAAkB,WAAW,GAAG,eAAe,MAAM,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIlG,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,QACE,oBAAC,QAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAqC;AAC1F,QACE,oBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,eAAe,WAAW,UAAU;EAClD,GAAI;YAEH,YAAY;EACV,CAAA;;AAIT,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;CACjF,MAAM,WAAW,QAAQ,OAAO;AAEhC,QACE,qBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,eAAe,UAAU,UAAU;EACjD,GAAI;YALN,CAOE,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA,EAC/B,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAW,CAAA,CAChC"}

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

@@ -1,11 +1,40 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
+import { SemanticColor, Variant } from "../ui-resolver/types.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/ui/button.d.ts
+declare const buttonRecipe: (props?: ({
+  variant?: "destructive" | "link" | "solid" | "soft" | "outlined" | "plain" | "secondary" | "inverse" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
+type ButtonVariant = Variant | "destructive" | "secondary" | "inverse" | "link";
+type ButtonSize = "xs" | "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+interface ButtonProps extends Omit<React$1.ComponentProps<"button">, "color"> {
+  variant?: ButtonVariant;
+  size?: ButtonSize;
+  color?: SemanticColor;
+  asChild?: boolean;
+  startSlot?: React$1.ReactNode;
+  endSlot?: React$1.ReactNode;
+}
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  startSlot,
+  endSlot,
+  children,
+  ...props
+}: ButtonProps): react_jsx_runtime0.JSX.Element;
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants };
+  variant?: "destructive" | "link" | "solid" | "soft" | "outlined" | "plain" | "secondary" | "inverse" | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
+//#endregion
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, buttonRecipe, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/client/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,cAAc;;;8EAgCnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,2CAYF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../../src/client/ui/button.tsx"],"mappings":";;;;;cAOM,YAAA,GAAY,KAAA;;;;;;KAkCb,aAAA,GAAgB,OAAA;AAAA,KAChB,UAAA;AAAA,UAEK,WAAA,SAAoB,IAAA,CAAK,OAAA,CAAM,cAAA;EACvC,OAAA,GAAU,aAAA;EACV,IAAA,GAAO,UAAA;EACP,KAAA,GAAQ,aAAA;EACR,OAAA;EACA,SAAA,GAAY,OAAA,CAAM,SAAA;EAClB,OAAA,GAAU,OAAA,CAAM,SAAA;AAAA;AAAA,iBAGT,MAAA,CAAA;EACP,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAsCR,cAAA,GAAc,KAAA"}