@enadhq/enad-react-sdk 1.1.0 → 1.2.0

package/dist/client/ui/dialog.mjs

@@ -1,9 +1,29 @@
 "use client";
 import { cn } from "./utils.mjs";
+import { defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "radix-ui";
 //#region src/client/ui/dialog.tsx
+const dialogRecipe = defineSlotRecipe({
+	slots: [
+		"overlay",
+		"content",
+		"header",
+		"footer",
+		"title",
+		"description"
+	],
+	base: {
+		overlay: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+		content: "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-[var(--enad-card-radius)] border bg-background p-6 shadow-[var(--enad-shadow-lg)] duration-200 sm:max-w-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+		header: "flex flex-col gap-2 text-center sm:text-left",
+		footer: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+		title: "text-lg font-semibold leading-none",
+		description: "text-sm text-muted-foreground"
+	}
+});
+const defaultClasses = dialogRecipe();
 function Dialog({ ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Root, {
 		"data-slot": "dialog",
@@ -31,14 +51,14 @@ function DialogClose({ ...props }) {
 function DialogOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Overlay, {
 		"data-slot": "dialog-overlay",
-		className: cn("fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+		className: cn(defaultClasses.overlay, className),
 		...props
 	});
 }
 function DialogContent({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(Dialog$1.Content, {
 		"data-slot": "dialog-content",
-		className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-[var(--enad-card-radius)] border bg-background p-6 shadow-[var(--enad-shadow-lg)] duration-200 sm:max-w-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]", className),
+		className: cn(defaultClasses.content, className),
 		...props,
 		children
 	})] });
@@ -46,32 +66,32 @@ function DialogContent({ className, children, ...props }) {
 function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
-		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		className: cn(defaultClasses.header, className),
 		...props
 	});
 }
 function DialogFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-footer",
-		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		className: cn(defaultClasses.footer, className),
 		...props
 	});
 }
 function DialogTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Title, {
 		"data-slot": "dialog-title",
-		className: cn("text-lg font-semibold leading-none", className),
+		className: cn(defaultClasses.title, className),
 		...props
 	});
 }
 function DialogDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Description, {
 		"data-slot": "dialog-description",
-		className: cn("text-sm text-muted-foreground", className),
+		className: cn(defaultClasses.description, className),
 		...props
 	});
 }
 //#endregion
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogRecipe };
 
 //# sourceMappingURL=dialog.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","names":["DialogPrimitive"],"sources":["../../../src/client/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-[var(--enad-card-radius)] border bg-background p-6 shadow-[var(--enad-shadow-lg)] duration-200 sm:max-w-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg font-semibold leading-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogClose,\n  DialogOverlay,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n};\n"],"mappings":";;;;;;AAOA,SAAS,OAAO,EAAE,GAAG,SAA4D;AAC/E,QAAO,oBAACA,SAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;EAAS,CAAA;;AAG/D,SAAS,cAAc,EAAE,GAAG,SAA+D;AACzF,QAAO,oBAACA,SAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG1E,SAAS,aAAa,EAAE,GAAG,SAA8D;AACvF,QAAO,oBAACA,SAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;AACvD,QACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAiB,CAAA,EACjB,oBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,mkBACA,UACD;EACD,GAAI;EAEH;EACuB,CAAA,CACb,EAAA,CAAA;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;EACJ,CAAA;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,0DAA0D,UAAU;EAClF,GAAI;EACJ,CAAA;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;AAChG,QACE,oBAACA,SAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAACA,SAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"dialog.mjs","names":["DialogPrimitive"],"sources":["../../../src/client/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst dialogRecipe = defineSlotRecipe({\n  slots: [\"overlay\", \"content\", \"header\", \"footer\", \"title\", \"description\"] as const,\n  base: {\n    overlay:\n      \"fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n    content:\n      \"fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-[var(--enad-card-radius)] border bg-background p-6 shadow-[var(--enad-shadow-lg)] duration-200 sm:max-w-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\",\n    header: \"flex flex-col gap-2 text-center sm:text-left\",\n    footer: \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n    title: \"text-lg font-semibold leading-none\",\n    description: \"text-sm text-muted-foreground\",\n  },\n});\n\nconst defaultClasses = dialogRecipe();\n\nfunction Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(defaultClasses.overlay, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(defaultClasses.content, className)}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"dialog-header\" className={cn(defaultClasses.header, className)} {...props} />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"dialog-footer\" className={cn(defaultClasses.footer, className)} {...props} />\n  );\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(defaultClasses.title, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(defaultClasses.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogClose,\n  DialogOverlay,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  dialogRecipe,\n};\n"],"mappings":";;;;;;;AAQA,MAAM,eAAe,iBAAiB;CACpC,OAAO;EAAC;EAAW;EAAW;EAAU;EAAU;EAAS;EAAc;CACzE,MAAM;EACJ,SACE;EACF,SACE;EACF,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,aAAa;EACd;CACF,CAAC;AAEF,MAAM,iBAAiB,cAAc;AAErC,SAAS,OAAO,EAAE,GAAG,SAA4D;AAC/E,QAAO,oBAACA,SAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;EAAS,CAAA;;AAG/D,SAAS,cAAc,EAAE,GAAG,SAA+D;AACzF,QAAO,oBAACA,SAAgB,SAAjB;EAAyB,aAAU;EAAiB,GAAI;EAAS,CAAA;;AAG1E,SAAS,aAAa,EAAE,GAAG,SAA8D;AACvF,QAAO,oBAACA,SAAgB,QAAjB;EAAwB,aAAU;EAAgB,GAAI;EAAS,CAAA;;AAGxE,SAAS,YAAY,EAAE,GAAG,SAA6D;AACrF,QAAO,oBAACA,SAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;EAAS,CAAA;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;AACvD,QACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAiB,CAAA,EACjB,oBAACA,SAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EAEH;EACuB,CAAA,CACb,EAAA,CAAA;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC,OAAD;EAAK,aAAU;EAAgB,WAAW,GAAG,eAAe,QAAQ,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIjG,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;AAC1E,QACE,oBAAC,OAAD;EAAK,aAAU;EAAgB,WAAW,GAAG,eAAe,QAAQ,UAAU;EAAE,GAAI;EAAS,CAAA;;AAIjG,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,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAACA,SAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,aAAa,UAAU;EACpD,GAAI;EACJ,CAAA"}

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

@@ -3,6 +3,11 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 
 //#region src/client/ui/hover-card.d.ts
+declare const hoverCardContentRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
 declare function HoverCard({
   ...props
 }: React$1.ComponentProps<typeof HoverCard$1.Root>): react_jsx_runtime0.JSX.Element;
@@ -16,5 +21,5 @@ declare function HoverCardContent({
   ...props
 }: React$1.ComponentProps<typeof HoverCard$1.Content>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { HoverCard, HoverCardContent, HoverCardTrigger };
+export { HoverCard, HoverCardContent, HoverCardTrigger, hoverCardContentRecipe };
 //# sourceMappingURL=hover-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../../src/client/ui/hover-card.tsx"],"mappings":";;;;;iBAOS,SAAA,CAAA;EAAA,GAAe;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI5E,gBAAA,CAAA;EAAA,GAAsB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAItF,gBAAA,CAAA;EACP,SAAA;EACA,KAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../../src/client/ui/hover-card.tsx"],"mappings":";;;;;cAQM,sBAAA,GAAsB,KAAA;EAAA;;;;iBAInB,SAAA,CAAA;EAAA,GAAe;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI5E,gBAAA,CAAA;EAAA,GAAsB;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAItF,gBAAA,CAAA;EACP,SAAA;EACA,KAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,WAAA,CAAmB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,9 +1,11 @@
 "use client";
 import { cn } from "./utils.mjs";
+import { defineRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { HoverCard as HoverCard$1 } from "radix-ui";
 //#region src/client/ui/hover-card.tsx
+const hoverCardContentRecipe = defineRecipe({ base: "z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-[var(--enad-card-radius)] border bg-popover p-4 text-popover-foreground shadow-[var(--enad-shadow-md)] outline-hidden 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95" });
 function HoverCard({ ...props }) {
 	return /* @__PURE__ */ jsx(HoverCard$1.Root, {
 		"data-slot": "hover-card",
@@ -21,11 +23,11 @@ function HoverCardContent({ className, align = "center", sideOffset = 4, ...prop
 		"data-slot": "hover-card-content",
 		align,
 		sideOffset,
-		className: cn("z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-[var(--enad-card-radius)] border bg-popover p-4 text-popover-foreground shadow-[var(--enad-shadow-md)] outline-hidden 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className),
+		className: cn(hoverCardContentRecipe({ className })),
 		...props
 	}) });
 }
 //#endregion
-export { HoverCard, HoverCardContent, HoverCardTrigger };
+export { HoverCard, HoverCardContent, HoverCardTrigger, hoverCardContentRecipe };
 
 //# sourceMappingURL=hover-card.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"hover-card.mjs","names":["HoverCardPrimitive"],"sources":["../../../src/client/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { HoverCard as HoverCardPrimitive } from \"radix-ui\";\n\nimport { cn } from \"./utils\";\n\nfunction HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />;\n}\n\nfunction HoverCardContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-[var(--enad-card-radius)] border bg-popover p-4 text-popover-foreground shadow-[var(--enad-shadow-md)] outline-hidden 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n          className,\n        )}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"mappings":";;;;;;AAOA,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAACA,YAAmB,MAApB;EAAyB,aAAU;EAAa,GAAI;EAAS,CAAA;;AAGtE,SAAS,iBAAiB,EAAE,GAAG,SAAkE;AAC/F,QAAO,oBAACA,YAAmB,SAApB;EAA4B,aAAU;EAAqB,GAAI;EAAS,CAAA;;AAGjF,SAAS,iBAAiB,EACxB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SACuD;AAC1D,QACE,oBAACA,YAAmB,QAApB,EAAA,UACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACH;EACK;EACZ,WAAW,GACT,ihBACA,UACD;EACD,GAAI;EACJ,CAAA,EACwB,CAAA"}
+{"version":3,"file":"hover-card.mjs","names":["HoverCardPrimitive"],"sources":["../../../src/client/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { HoverCard as HoverCardPrimitive } from \"radix-ui\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst hoverCardContentRecipe = defineRecipe({\n  base: \"z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-[var(--enad-card-radius)] border bg-popover p-4 text-popover-foreground shadow-[var(--enad-shadow-md)] outline-hidden 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n});\n\nfunction HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />;\n}\n\nfunction HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />;\n}\n\nfunction HoverCardContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(hoverCardContentRecipe({ className }))}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  );\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent, hoverCardContentRecipe };\n"],"mappings":";;;;;;;AAQA,MAAM,yBAAyB,aAAa,EAC1C,MAAM,ihBACP,CAAC;AAEF,SAAS,UAAU,EAAE,GAAG,SAA+D;AACrF,QAAO,oBAACA,YAAmB,MAApB;EAAyB,aAAU;EAAa,GAAI;EAAS,CAAA;;AAGtE,SAAS,iBAAiB,EAAE,GAAG,SAAkE;AAC/F,QAAO,oBAACA,YAAmB,SAApB;EAA4B,aAAU;EAAqB,GAAI;EAAS,CAAA;;AAGjF,SAAS,iBAAiB,EACxB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SACuD;AAC1D,QACE,oBAACA,YAAmB,QAApB,EAAA,UACE,oBAACA,YAAmB,SAApB;EACE,aAAU;EACH;EACK;EACZ,WAAW,GAAG,uBAAuB,EAAE,WAAW,CAAC,CAAC;EACpD,GAAI;EACJ,CAAA,EACwB,CAAA"}

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

@@ -1,18 +1,31 @@
 import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/client/ui/input.d.ts
-declare const inputVariants: (props?: ({
-  variant?: "bordered" | "underline" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const inputRecipe: (props?: ({
+  variant?: "outlined" | "plain" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
+type InputVariant = "outlined" | "plain";
+interface InputProps extends React$1.ComponentProps<"input"> {
+  variant?: InputVariant;
+  startSlot?: React$1.ReactNode;
+  endSlot?: React$1.ReactNode;
+}
 declare function Input({
   className,
   type,
   variant,
+  startSlot,
+  endSlot,
   ...props
-}: React$1.ComponentProps<"input"> & VariantProps<typeof inputVariants>): react_jsx_runtime0.JSX.Element;
+}: InputProps): react_jsx_runtime0.JSX.Element;
+declare const inputVariants: (props?: ({
+  variant?: "outlined" | "plain" | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
 //#endregion
-export { Input, inputVariants };
+export { Input, type InputProps, type InputVariant, inputRecipe, inputVariants };
 //# sourceMappingURL=input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","names":[],"sources":["../../../src/client/ui/input.tsx"],"mappings":";;;;;;cAKM,aAAA,GAAa,KAAA;;IAsBlB,+BAAA,CAAA,SAAA;AAAA,iBAEQ,KAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,YAA0B,YAAA,QAAoB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../../src/client/ui/input.tsx"],"mappings":";;;;cAKM,WAAA,GAAW,KAAA;;;;;KAsBZ,YAAA;AAAA,UAEK,UAAA,SAAmB,OAAA,CAAM,cAAA;EACjC,OAAA,GAAU,YAAA;EACV,SAAA,GAAY,OAAA,CAAM,SAAA;EAClB,OAAA,GAAU,OAAA,CAAM,SAAA;AAAA;AAAA,iBAGT,KAAA,CAAA;EACP,SAAA;EACA,IAAA;EACA,OAAA;EACA,SAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAuCP,aAAA,GAAa,KAAA"}

package/dist/client/ui/input.mjs

@@ -1,28 +1,52 @@
 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 { jsx, jsxs } from "react/jsx-runtime";
 //#region src/client/ui/input.tsx
-const inputVariants = cva("w-full min-w-0 bg-transparent text-base transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", {
+const inputRecipe = defineRecipe({
+	base: "w-full min-w-0 bg-transparent text-base transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 	variants: { variant: {
-		bordered: cn("h-[var(--enad-control-height)] rounded-[var(--enad-input-radius)] border border-input px-3 py-1 shadow-xs dark:bg-input/30", "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40"),
-		underline: cn("border-b border-input pb-2 pr-8", "focus-visible:border-foreground", "aria-invalid:border-destructive")
+		outlined: cn("h-[var(--enad-input-height)] rounded-[var(--enad-input-radius)] border border-input px-[var(--enad-input-px)] py-1 shadow-xs dark:bg-input/30", "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40"),
+		plain: cn("border-b border-input pb-2 pr-8", "focus-visible:border-foreground", "aria-invalid:border-destructive")
 	} },
-	defaultVariants: { variant: "bordered" }
+	defaultVariants: { variant: "outlined" }
 });
-function Input({ className, type, variant = "bordered", ...props }) {
+function Input({ className, type, variant = "outlined", startSlot, endSlot, ...props }) {
+	if (startSlot || endSlot) return /* @__PURE__ */ jsxs("div", {
+		className: cn(inputRecipe({ variant }), "flex items-center gap-2", className),
+		children: [
+			startSlot && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "shrink-0 text-muted-foreground [&_svg]:size-4",
+				children: startSlot
+			}),
+			/* @__PURE__ */ jsx("input", {
+				type,
+				"data-slot": "input",
+				"data-variant": variant,
+				className: "min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground",
+				...props
+			}),
+			endSlot && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "shrink-0 text-muted-foreground [&_svg]:size-4",
+				children: endSlot
+			})
+		]
+	});
 	return /* @__PURE__ */ jsx("input", {
 		type,
 		"data-slot": "input",
 		"data-variant": variant,
-		className: cn(inputVariants({
+		className: cn(inputRecipe({
 			variant,
 			className
 		})),
 		...props
 	});
 }
+const inputVariants = inputRecipe;
 //#endregion
-export { Input, inputVariants };
+export { Input, inputRecipe, inputVariants };
 
 //# sourceMappingURL=input.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.mjs","names":[],"sources":["../../../src/client/ui/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"./utils\";\n\nconst inputVariants = cva(\n  \"w-full min-w-0 bg-transparent text-base transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n  {\n    variants: {\n      variant: {\n        bordered: cn(\n          \"h-[var(--enad-control-height)] rounded-[var(--enad-input-radius)] border border-input px-3 py-1 shadow-xs dark:bg-input/30\",\n          \"file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\n          \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n          \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\",\n        ),\n        underline: cn(\n          \"border-b border-input pb-2 pr-8\",\n          \"focus-visible:border-foreground\",\n          \"aria-invalid:border-destructive\",\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: \"bordered\",\n    },\n  },\n);\n\nfunction Input({\n  className,\n  type,\n  variant = \"bordered\",\n  ...props\n}: React.ComponentProps<\"input\"> & VariantProps<typeof inputVariants>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      data-variant={variant}\n      className={cn(inputVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Input, inputVariants };\n"],"mappings":";;;;;AAKA,MAAM,gBAAgB,IACpB,uQACA;CACE,UAAU,EACR,SAAS;EACP,UAAU,GACR,8HACA,kHACA,iFACA,yGACD;EACD,WAAW,GACT,mCACA,mCACA,kCACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,YACV;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,MACA,UAAU,YACV,GAAG,SACkE;AACrE,QACE,oBAAC,SAAD;EACQ;EACN,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,cAAc;GAAE;GAAS;GAAW,CAAC,CAAC;EACpD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"input.mjs","names":[],"sources":["../../../src/client/ui/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst inputRecipe = defineRecipe({\n  base: \"w-full min-w-0 bg-transparent text-base transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n  variants: {\n    variant: {\n      outlined: cn(\n        \"h-[var(--enad-input-height)] rounded-[var(--enad-input-radius)] border border-input px-[var(--enad-input-px)] py-1 shadow-xs dark:bg-input/30\",\n        \"file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\n        \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n        \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40\",\n      ),\n      plain: cn(\n        \"border-b border-input pb-2 pr-8\",\n        \"focus-visible:border-foreground\",\n        \"aria-invalid:border-destructive\",\n      ),\n    },\n  },\n  defaultVariants: {\n    variant: \"outlined\",\n  },\n});\n\ntype InputVariant = \"outlined\" | \"plain\";\n\ninterface InputProps extends React.ComponentProps<\"input\"> {\n  variant?: InputVariant;\n  startSlot?: React.ReactNode;\n  endSlot?: React.ReactNode;\n}\n\nfunction Input({\n  className,\n  type,\n  variant = \"outlined\",\n  startSlot,\n  endSlot,\n  ...props\n}: InputProps) {\n  if (startSlot || endSlot) {\n    return (\n      <div className={cn(inputRecipe({ variant }), \"flex items-center gap-2\", className)}>\n        {startSlot && (\n          <span aria-hidden=\"true\" className=\"shrink-0 text-muted-foreground [&_svg]:size-4\">\n            {startSlot}\n          </span>\n        )}\n        <input\n          type={type}\n          data-slot=\"input\"\n          data-variant={variant}\n          className=\"min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground\"\n          {...props}\n        />\n        {endSlot && (\n          <span aria-hidden=\"true\" className=\"shrink-0 text-muted-foreground [&_svg]:size-4\">\n            {endSlot}\n          </span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      data-variant={variant}\n      className={cn(inputRecipe({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Input, inputRecipe, type InputProps, type InputVariant };\n\n// Backward compat\nconst inputVariants = inputRecipe;\nexport { inputVariants };\n"],"mappings":";;;;;AAKA,MAAM,cAAc,aAAa;CAC/B,MAAM;CACN,UAAU,EACR,SAAS;EACP,UAAU,GACR,iJACA,kHACA,iFACA,yGACD;EACD,OAAO,GACL,mCACA,mCACA,kCACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,YACV;CACF,CAAC;AAUF,SAAS,MAAM,EACb,WACA,MACA,UAAU,YACV,WACA,SACA,GAAG,SACU;AACb,KAAI,aAAa,QACf,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,YAAY,EAAE,SAAS,CAAC,EAAE,2BAA2B,UAAU;YAAlF;GACG,aACC,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAChC;IACI,CAAA;GAET,oBAAC,SAAD;IACQ;IACN,aAAU;IACV,gBAAc;IACd,WAAU;IACV,GAAI;IACJ,CAAA;GACD,WACC,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAChC;IACI,CAAA;GAEL;;AAIV,QACE,oBAAC,SAAD;EACQ;EACN,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,YAAY;GAAE;GAAS;GAAW,CAAC,CAAC;EAClD,GAAI;EACJ,CAAA;;AAON,MAAM,gBAAgB"}

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

@@ -3,10 +3,15 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Label as Label$1 } from "radix-ui";
 
 //#region src/client/ui/label.d.ts
+declare const labelRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
 declare function Label({
   className,
   ...props
 }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Label };
+export { Label, labelRecipe };
 //# sourceMappingURL=label.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","names":[],"sources":["../../../src/client/ui/label.tsx"],"mappings":";;;;;iBAKS,KAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAe,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../../src/client/ui/label.tsx"],"mappings":";;;;;cAMM,WAAA,GAAW,KAAA;EAAA;;;;iBAIR,KAAA,CAAA;EAAQ,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,OAAA,CAAe,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/label.mjs

@@ -1,16 +1,18 @@
 import { cn } from "./utils.mjs";
+import { defineRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Label as Label$1 } from "radix-ui";
 //#region src/client/ui/label.tsx
+const labelRecipe = defineRecipe({ base: "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" });
 function Label({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Label$1.Root, {
 		"data-slot": "label",
-		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		className: cn(labelRecipe({ className })),
 		...props
 	});
 }
 //#endregion
-export { Label };
+export { Label, labelRecipe };
 
 //# sourceMappingURL=label.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"label.mjs","names":["LabelPrimitive"],"sources":["../../../src/client/ui/label.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Label as LabelPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":";;;;;AAKA,SAAS,MAAM,EACb,WACA,GAAG,SACgD;AACnD,QACE,oBAACA,QAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT,uNACA,UACD;EACD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"label.mjs","names":["LabelPrimitive"],"sources":["../../../src/client/ui/label.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Label as LabelPrimitive } from \"radix-ui\";\n\nimport { defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst labelRecipe = defineRecipe({\n  base: \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n});\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root data-slot=\"label\" className={cn(labelRecipe({ className }))} {...props} />\n  );\n}\n\nexport { Label, labelRecipe };\n"],"mappings":";;;;;;AAMA,MAAM,cAAc,aAAa,EAC/B,MAAM,uNACP,CAAC;AAEF,SAAS,MAAM,EAAE,WAAW,GAAG,SAA2D;AACxF,QACE,oBAACA,QAAe,MAAhB;EAAqB,aAAU;EAAQ,WAAW,GAAG,YAAY,EAAE,WAAW,CAAC,CAAC;EAAE,GAAI;EAAS,CAAA"}

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

@@ -1,9 +1,27 @@
 import * as React$1 from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/client/ui/navigation-menu.d.ts
+declare const navigationMenuRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: Partial<Record<"root" | "item" | "content" | "list" | "link" | "indicator" | "viewport", string>> | undefined;
+}) | undefined) => {
+  root: string;
+  item: string;
+  content: string;
+  list: string;
+  link: string;
+  indicator: string;
+  viewport: string;
+};
+declare const navigationMenuTriggerRecipe: (props?: ({
+  [x: string]: string | undefined;
+} & {
+  className?: string;
+}) | undefined) => string;
+declare const navigationMenuTriggerStyle: () => string;
 declare function NavigationMenu({
   className,
   children,
@@ -20,7 +38,6 @@ declare function NavigationMenuItem({
   className,
   ...props
 }: React$1.ComponentProps<typeof NavigationMenu$1.Item>): react_jsx_runtime0.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types0.ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({
   className,
   children,
@@ -43,5 +60,5 @@ declare function NavigationMenuIndicator({
   ...props
 }: React$1.ComponentProps<typeof NavigationMenu$1.Indicator>): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuRecipe, navigationMenuTriggerRecipe, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/client/ui/navigation-menu.tsx"],"mappings":";;;;;;iBAOS,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA;EACrD,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiBQ,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAanD,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUtD,0BAAA,GAA0B,KAAA,GAE/B,+BAAA,CAF+B,SAAA;AAAA,iBAIvB,qBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBtD,qBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBActD,sBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAmBvD,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAanD,uBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,SAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/client/ui/navigation-menu.tsx"],"mappings":";;;;;cAOM,oBAAA,GAAoB,KAAA;EAAA;;cAcxB,OAAA,CAAA,MAAA;AAAA;;;;;;;;;cAEI,2BAAA,GAA2B,KAAA;EAAA;;;;cAK3B,0BAAA;AAAA,iBAIG,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA;EACrD,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAcQ,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUnD,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUnD,qBAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBtD,qBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,OAAA,IAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUtD,sBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,QAAA,IAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAYvD,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,IAAA,IAAK,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUnD,uBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,gBAAA,CAAwB,SAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/ui/navigation-menu.mjs

@@ -1,15 +1,38 @@
 import { useIcon } from "../icons/icon-context.mjs";
 import { cn } from "./utils.mjs";
+import { defineRecipe, defineSlotRecipe } from "../ui-resolver/recipe.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 //#region src/client/ui/navigation-menu.tsx
+const navigationMenuRecipe = defineSlotRecipe({
+	slots: [
+		"root",
+		"list",
+		"item",
+		"content",
+		"viewport",
+		"link",
+		"indicator"
+	],
+	base: {
+		root: "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+		list: "group flex flex-1 list-none items-center justify-center gap-1",
+		item: "relative",
+		content: "top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95",
+		viewport: "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+		link: "flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+		indicator: "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in"
+	}
+});
+const navigationMenuTriggerRecipe = defineRecipe({ base: "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent" });
+const navigationMenuTriggerStyle = () => navigationMenuTriggerRecipe();
+const defaultClasses = navigationMenuRecipe();
 function NavigationMenu({ className, children, viewport = true, ...props }) {
 	return /* @__PURE__ */ jsxs(NavigationMenu$1.Root, {
 		"data-slot": "navigation-menu",
 		"data-viewport": viewport,
-		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+		className: cn(defaultClasses.root, className),
 		...props,
 		children: [children, viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
 	});
@@ -17,23 +40,22 @@ function NavigationMenu({ className, children, viewport = true, ...props }) {
 function NavigationMenuList({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenu$1.List, {
 		"data-slot": "navigation-menu-list",
-		className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+		className: cn(defaultClasses.list, className),
 		...props
 	});
 }
 function NavigationMenuItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Item, {
 		"data-slot": "navigation-menu-item",
-		className: cn("relative", className),
+		className: cn(defaultClasses.item, className),
 		...props
 	});
 }
-const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent");
 function NavigationMenuTrigger({ className, children, ...props }) {
 	const ChevronDownIcon = useIcon("chevronDown");
 	return /* @__PURE__ */ jsxs(NavigationMenu$1.Trigger, {
 		"data-slot": "navigation-menu-trigger",
-		className: cn(navigationMenuTriggerStyle(), "group", className),
+		className: cn(navigationMenuTriggerRecipe(), "group", className),
 		...props,
 		children: [
 			children,
@@ -48,16 +70,16 @@ function NavigationMenuTrigger({ className, children, ...props }) {
 function NavigationMenuContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Content, {
 		"data-slot": "navigation-menu-content",
-		className: cn("top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95", className),
+		className: cn(defaultClasses.content, className),
 		...props
 	});
 }
 function NavigationMenuViewport({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+		className: "absolute top-full left-0 isolate z-50 flex justify-center",
 		children: /* @__PURE__ */ jsx(NavigationMenu$1.Viewport, {
 			"data-slot": "navigation-menu-viewport",
-			className: cn("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]", className),
+			className: cn(defaultClasses.viewport, className),
 			...props
 		})
 	});
@@ -65,19 +87,19 @@ function NavigationMenuViewport({ className, ...props }) {
 function NavigationMenuLink({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Link, {
 		"data-slot": "navigation-menu-link",
-		className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
+		className: cn(defaultClasses.link, className),
 		...props
 	});
 }
 function NavigationMenuIndicator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenu$1.Indicator, {
 		"data-slot": "navigation-menu-indicator",
-		className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", className),
+		className: cn(defaultClasses.indicator, className),
 		...props,
 		children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
 	});
 }
 //#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuRecipe, navigationMenuTriggerRecipe, navigationMenuTriggerStyle };
 
 //# sourceMappingURL=navigation-menu.mjs.map

package/dist/client/ui/navigation-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.mjs","names":["NavigationMenuPrimitive"],"sources":["../../../src/client/ui/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { useIcon } from \"../icons/icon-context\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"./utils\"\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  )\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\"\n)\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\")\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  )\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\"\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n        className\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  )\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n}\n"],"mappings":";;;;;;;AAOA,SAAS,eAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SAGF;AACD,QACE,qBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,iBAAe;EACf,WAAW,GACT,oFACA,UACD;EACD,GAAI;YAPN,CASG,UACA,YAAY,oBAAC,wBAAD,EAA0B,CAAA,CACV;;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;EACJ,CAAA;;AAIN,MAAM,6BAA6B,IACjC,uhBACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;CAC/D,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,qBAACA,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;YAHN;GAKG;GAAU;GACX,oBAAC,iBAAD;IACE,WAAU;IACV,eAAY;IACZ,CAAA;GAC8B;;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAACA,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GACT,oWACA,6hCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,OAAD;EACE,WAAW,GACT,4DACD;YAED,oBAACA,iBAAwB,UAAzB;GACE,aAAU;GACV,WAAW,GACT,qYACA,UACD;GACD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,ifACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;AACjE,QACE,oBAACA,iBAAwB,WAAzB;EACE,aAAU;EACV,WAAW,GACT,gMACA,UACD;EACD,GAAI;YAEJ,oBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA;EACxD,CAAA"}
+{"version":3,"file":"navigation-menu.mjs","names":["NavigationMenuPrimitive"],"sources":["../../../src/client/ui/navigation-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useIcon } from \"../icons/icon-context\";\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\";\n\nimport { defineSlotRecipe, defineRecipe } from \"../ui-resolver/recipe\";\nimport { cn } from \"./utils\";\n\nconst navigationMenuRecipe = defineSlotRecipe({\n  slots: [\"root\", \"list\", \"item\", \"content\", \"viewport\", \"link\", \"indicator\"] as const,\n  base: {\n    root: \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n    list: \"group flex flex-1 list-none items-center justify-center gap-1\",\n    item: \"relative\",\n    content:\n      \"top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95\",\n    viewport:\n      \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-[var(--enad-card-radius)] border bg-popover text-popover-foreground shadow-[var(--enad-shadow-md)] data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n    link: \"flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n    indicator:\n      \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in\",\n  },\n});\n\nconst navigationMenuTriggerRecipe = defineRecipe({\n  base: \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent-muted hover:text-accent-muted-foreground focus:bg-accent-muted focus:text-accent-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent\",\n});\n\n// Backward compat\nconst navigationMenuTriggerStyle = () => navigationMenuTriggerRecipe();\n\nconst defaultClasses = navigationMenuRecipe();\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(defaultClasses.root, className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(defaultClasses.list, className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(defaultClasses.item, className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerRecipe(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(defaultClasses.content, className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className=\"absolute top-full left-0 isolate z-50 flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(defaultClasses.viewport, className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(defaultClasses.link, className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(defaultClasses.indicator, className)}\n      {...props}\n    >\n      <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n  navigationMenuRecipe,\n  navigationMenuTriggerRecipe,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,uBAAuB,iBAAiB;CAC5C,OAAO;EAAC;EAAQ;EAAQ;EAAQ;EAAW;EAAY;EAAQ;EAAY;CAC3E,MAAM;EACJ,MAAM;EACN,MAAM;EACN,MAAM;EACN,SACE;EACF,UACE;EACF,MAAM;EACN,WACE;EACH;CACF,CAAC;AAEF,MAAM,8BAA8B,aAAa,EAC/C,MAAM,whBACP,CAAC;AAGF,MAAM,mCAAmC,6BAA6B;AAEtE,MAAM,iBAAiB,sBAAsB;AAE7C,SAAS,eAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SAGF;AACD,QACE,qBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,iBAAe;EACf,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;YAJN,CAMG,UACA,YAAY,oBAAC,wBAAD,EAA0B,CAAA,CACV;;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;CAC/D,MAAM,kBAAkB,QAAQ,cAAc;AAE9C,QACE,qBAACA,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,6BAA6B,EAAE,SAAS,UAAU;EAChE,GAAI;YAHN;GAKG;GAAU;GACX,oBAAC,iBAAD;IACE,WAAU;IACV,eAAY;IACZ,CAAA;GAC8B;;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAACA,iBAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,SAAS,UAAU;EAChD,GAAI;EACJ,CAAA;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAACA,iBAAwB,UAAzB;GACE,aAAU;GACV,WAAW,GAAG,eAAe,UAAU,UAAU;GACjD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAACA,iBAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,MAAM,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;AACjE,QACE,oBAACA,iBAAwB,WAAzB;EACE,aAAU;EACV,WAAW,GAAG,eAAe,WAAW,UAAU;EAClD,GAAI;YAEJ,oBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA;EACxD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/client/ui/pagination.tsx"],"mappings":";;;;;iBAMS,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAY/D,iBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUpB,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAI3D,mBAAA;EACH,QAAA;AAAA,IACE,IAAA,CAAK,OAAA,CAAM,cAAA,QAAsB,MAAA,aACnC,OAAA,CAAM,cAAA;AAAA,iBAEC,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqBb,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBrC,cAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,QAAsB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBrC,kBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/client/ui/pagination.tsx"],"mappings":";;;;;iBAMS,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAW/D,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUrE,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,OAAA,CAAM,cAAA,SAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAI3D,mBAAA;EACH,QAAA;AAAA,IACE,IAAA,CAAK,OAAA,CAAM,cAAA,QAAsB,MAAA,aACnC,OAAA,CAAM,cAAA;AAAA,iBAEC,cAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,IAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqBb,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBvF,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,QAAsB,cAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBnF,kBAAA,CAAA;EAAqB,SAAA;EAAA,GAAc;AAAA,GAAS,OAAA,CAAM,cAAA,WAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}