@lssm/lib.design-system 1.2.0

package/dist/ui-kit-web/dist/ui/checkbox.js

@@ -0,0 +1,27 @@
+'use client';
+
+
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+//#region ../ui-kit-web/dist/ui/checkbox.js
+init_utils();
+function Checkbox({ className,...props }) {
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		"data-slot": "checkbox",
+		className: cn("aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive peer border-input focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary size-4 shrink-0 rounded-[4px] border shadow-2xs outline-hidden transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current transition-none",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+		})
+	});
+}
+
+//#endregion
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

package/dist/ui-kit-web/dist/ui/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/checkbox.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport \"react\";\nimport { CheckIcon } from \"lucide-react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\n\n//#region ui/checkbox.tsx\nfunction Checkbox({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {\n\t\t\"data-slot\": \"checkbox\",\n\t\tclassName: cn(\"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive peer border-input focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:data-[state=checked]:bg-primary size-4 shrink-0 rounded-[4px] border shadow-2xs outline-hidden transition-shadow focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\", className),\n\t\t...props,\n\t\tchildren: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {\n\t\t\t\"data-slot\": \"checkbox-indicator\",\n\t\t\tclassName: \"flex items-center justify-center text-current transition-none\",\n\t\t\tchildren: /* @__PURE__ */ jsx(CheckIcon, { className: \"size-3.5\" })\n\t\t})\n\t});\n}\n\n//#endregion\nexport { Checkbox };\n//# sourceMappingURL=checkbox.js.map"],"mappings":";;;;;;;;;;YAGgC;AAOhC,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS;AACzC,QAAuB,oBAAI,kBAAkB,MAAM;EAClD,aAAa;EACb,WAAW,GAAG,kfAAkf,UAAU;EAC1gB,GAAG;EACH,UAA0B,oBAAI,kBAAkB,WAAW;GAC1D,aAAa;GACb,WAAW;GACX,UAA0B,oBAAI,WAAW,EAAE,WAAW,YAAY,CAAC;GACnE,CAAC;EACF,CAAC"}

package/dist/ui-kit-web/dist/ui/collapsible.js

@@ -0,0 +1,29 @@
+'use client';
+
+
+import { jsx } from "react/jsx-runtime";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+
+//#region ../ui-kit-web/dist/ui/collapsible.js
+function Collapsible({ ...props }) {
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
+		"data-slot": "collapsible",
+		...props
+	});
+}
+function CollapsibleTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
+		"data-slot": "collapsible-trigger",
+		...props
+	});
+}
+function CollapsibleContent({ ...props }) {
+	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
+		"data-slot": "collapsible-content",
+		...props
+	});
+}
+
+//#endregion
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.js.map

package/dist/ui-kit-web/dist/ui/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/collapsible.js"],"sourcesContent":["'use client';\n\n\nimport { jsx } from \"react/jsx-runtime\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\n//#region ui/collapsible.tsx\nfunction Collapsible({ ...props }) {\n\treturn /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {\n\t\t\"data-slot\": \"collapsible\",\n\t\t...props\n\t});\n}\nfunction CollapsibleTrigger({ ...props }) {\n\treturn /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {\n\t\t\"data-slot\": \"collapsible-trigger\",\n\t\t...props\n\t});\n}\nfunction CollapsibleContent({ ...props }) {\n\treturn /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {\n\t\t\"data-slot\": \"collapsible-content\",\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n//# sourceMappingURL=collapsible.js.map"],"mappings":";;;;;;;AAOA,SAAS,YAAY,EAAE,GAAG,SAAS;AAClC,QAAuB,oBAAI,qBAAqB,MAAM;EACrD,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,mBAAmB,EAAE,GAAG,SAAS;AACzC,QAAuB,oBAAI,qBAAqB,oBAAoB;EACnE,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,mBAAmB,EAAE,GAAG,SAAS;AACzC,QAAuB,oBAAI,qBAAqB,oBAAoB;EACnE,aAAa;EACb,GAAG;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/command.js

@@ -0,0 +1,92 @@
+'use client';
+
+
+import { cn, init_utils } from "./utils.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SearchIcon } from "lucide-react";
+import { Command } from "cmdk";
+
+//#region ../ui-kit-web/dist/ui/command.js
+init_utils();
+function Command$1({ className,...props }) {
+	return /* @__PURE__ */ jsx(Command, {
+		"data-slot": "command",
+		className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+		...props
+	});
+}
+function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true,...props }) {
+	return /* @__PURE__ */ jsxs(Dialog, {
+		...props,
+		children: [/* @__PURE__ */ jsxs(DialogHeader, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(DialogContent, {
+			className: cn("overflow-hidden p-0", className),
+			showCloseButton,
+			children: /* @__PURE__ */ jsx(Command$1, {
+				className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children
+			})
+		})]
+	});
+}
+function CommandInput({ className,...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "command-input-wrapper",
+		className: "flex h-9 items-center gap-2 border-b px-3",
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command.Input, {
+			"data-slot": "command-input",
+			className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+			...props
+		})]
+	});
+}
+function CommandList({ className,...props }) {
+	return /* @__PURE__ */ jsx(Command.List, {
+		"data-slot": "command-list",
+		className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+}
+function CommandEmpty({ ...props }) {
+	return /* @__PURE__ */ jsx(Command.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...props
+	});
+}
+function CommandGroup({ className,...props }) {
+	return /* @__PURE__ */ jsx(Command.Group, {
+		"data-slot": "command-group",
+		className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+		...props
+	});
+}
+function CommandSeparator({ className,...props }) {
+	return /* @__PURE__ */ jsx(Command.Separator, {
+		"data-slot": "command-separator",
+		className: cn("bg-border -mx-1 h-px", className),
+		...props
+	});
+}
+function CommandItem({ className,...props }) {
+	return /* @__PURE__ */ jsx(Command.Item, {
+		"data-slot": "command-item",
+		className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function CommandShortcut({ className,...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "command-shortcut",
+		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+
+//#endregion
+export { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+//# sourceMappingURL=command.js.map

package/dist/ui-kit-web/dist/ui/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","names":["Command","Command$1"],"sources":["../../../../../ui-kit-web/dist/ui/command.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from \"./dialog.js\";\nimport \"react\";\nimport { SearchIcon } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { Command as Command$1 } from \"cmdk\";\n\n//#region ui/command.tsx\nfunction Command({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Command$1, {\n\t\t\"data-slot\": \"command\",\n\t\tclassName: cn(\"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\", className),\n\t\t...props\n\t});\n}\nfunction CommandDialog({ title = \"Command Palette\", description = \"Search for a command to run...\", children, className, showCloseButton = true,...props }) {\n\treturn /* @__PURE__ */ jsxs(Dialog, {\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsxs(DialogHeader, {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]\n\t\t}), /* @__PURE__ */ jsx(DialogContent, {\n\t\t\tclassName: cn(\"overflow-hidden p-0\", className),\n\t\t\tshowCloseButton,\n\t\t\tchildren: /* @__PURE__ */ jsx(Command, {\n\t\t\t\tclassName: \"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\",\n\t\t\t\tchildren\n\t\t\t})\n\t\t})]\n\t});\n}\nfunction CommandInput({ className,...props }) {\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\"data-slot\": \"command-input-wrapper\",\n\t\tclassName: \"flex h-9 items-center gap-2 border-b px-3\",\n\t\tchildren: [/* @__PURE__ */ jsx(SearchIcon, { className: \"size-4 shrink-0 opacity-50\" }), /* @__PURE__ */ jsx(Command$1.Input, {\n\t\t\t\"data-slot\": \"command-input\",\n\t\t\tclassName: cn(\"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\", className),\n\t\t\t...props\n\t\t})]\n\t});\n}\nfunction CommandList({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Command$1.List, {\n\t\t\"data-slot\": \"command-list\",\n\t\tclassName: cn(\"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\", className),\n\t\t...props\n\t});\n}\nfunction CommandEmpty({ ...props }) {\n\treturn /* @__PURE__ */ jsx(Command$1.Empty, {\n\t\t\"data-slot\": \"command-empty\",\n\t\tclassName: \"py-6 text-center text-sm\",\n\t\t...props\n\t});\n}\nfunction CommandGroup({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Command$1.Group, {\n\t\t\"data-slot\": \"command-group\",\n\t\tclassName: cn(\"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\", className),\n\t\t...props\n\t});\n}\nfunction CommandSeparator({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Command$1.Separator, {\n\t\t\"data-slot\": \"command-separator\",\n\t\tclassName: cn(\"bg-border -mx-1 h-px\", className),\n\t\t...props\n\t});\n}\nfunction CommandItem({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Command$1.Item, {\n\t\t\"data-slot\": \"command-item\",\n\t\tclassName: cn(\"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\", className),\n\t\t...props\n\t});\n}\nfunction CommandShortcut({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"span\", {\n\t\t\"data-slot\": \"command-shortcut\",\n\t\tclassName: cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n//# sourceMappingURL=command.js.map"],"mappings":";;;;;;;;;;;YAGgC;AAQhC,SAASA,UAAQ,EAAE,UAAU,GAAG,SAAS;AACxC,QAAuB,oBAAIC,SAAW;EACrC,aAAa;EACb,WAAW,GAAG,6FAA6F,UAAU;EACrH,GAAG;EACH,CAAC;;AAEH,SAAS,cAAc,EAAE,QAAQ,mBAAmB,cAAc,kCAAkC,UAAU,WAAW,kBAAkB,KAAK,GAAG,SAAS;AAC3J,QAAuB,qBAAK,QAAQ;EACnC,GAAG;EACH,UAAU,CAAiB,qBAAK,cAAc;GAC7C,WAAW;GACX,UAAU,CAAiB,oBAAI,aAAa,EAAE,UAAU,OAAO,CAAC,EAAkB,oBAAI,mBAAmB,EAAE,UAAU,aAAa,CAAC,CAAC;GACpI,CAAC,EAAkB,oBAAI,eAAe;GACtC,WAAW,GAAG,uBAAuB,UAAU;GAC/C;GACA,UAA0B,oBAAID,WAAS;IACtC,WAAW;IACX;IACA,CAAC;GACF,CAAC,CAAC;EACH,CAAC;;AAEH,SAAS,aAAa,EAAE,UAAU,GAAG,SAAS;AAC7C,QAAuB,qBAAK,OAAO;EAClC,aAAa;EACb,WAAW;EACX,UAAU,CAAiB,oBAAI,YAAY,EAAE,WAAW,8BAA8B,CAAC,EAAkB,oBAAIC,QAAU,OAAO;GAC7H,aAAa;GACb,WAAW,GAAG,4JAA4J,UAAU;GACpL,GAAG;GACH,CAAC,CAAC;EACH,CAAC;;AAEH,SAAS,YAAY,EAAE,UAAU,GAAG,SAAS;AAC5C,QAAuB,oBAAIA,QAAU,MAAM;EAC1C,aAAa;EACb,WAAW,GAAG,+DAA+D,UAAU;EACvF,GAAG;EACH,CAAC;;AAEH,SAAS,aAAa,EAAE,GAAG,SAAS;AACnC,QAAuB,oBAAIA,QAAU,OAAO;EAC3C,aAAa;EACb,WAAW;EACX,GAAG;EACH,CAAC;;AAEH,SAAS,aAAa,EAAE,UAAU,GAAG,SAAS;AAC7C,QAAuB,oBAAIA,QAAU,OAAO;EAC3C,aAAa;EACb,WAAW,GAAG,0NAA0N,UAAU;EAClP,GAAG;EACH,CAAC;;AAEH,SAAS,iBAAiB,EAAE,UAAU,GAAG,SAAS;AACjD,QAAuB,oBAAIA,QAAU,WAAW;EAC/C,aAAa;EACb,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAG;EACH,CAAC;;AAEH,SAAS,YAAY,EAAE,UAAU,GAAG,SAAS;AAC5C,QAAuB,oBAAIA,QAAU,MAAM;EAC1C,aAAa;EACb,WAAW,GAAG,uYAAuY,UAAU;EAC/Z,GAAG;EACH,CAAC;;AAEH,SAAS,gBAAgB,EAAE,UAAU,GAAG,SAAS;AAChD,QAAuB,oBAAI,QAAQ;EAClC,aAAa;EACb,WAAW,GAAG,yDAAyD,UAAU;EACjF,GAAG;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/dialog.js

@@ -0,0 +1,86 @@
+'use client';
+
+
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region ../ui-kit-web/dist/ui/dialog.js
+init_utils();
+function Dialog({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className,...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true,...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			"data-slot": "dialog-content",
+			className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+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),
+		...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),
+		...props
+	});
+}
+function DialogTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+}
+function DialogDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.js.map

package/dist/ui-kit-web/dist/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/dialog.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport \"react\";\nimport { XIcon } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\n\n//#region ui/dialog.tsx\nfunction Dialog({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DialogPrimitive.Root, {\n\t\t\"data-slot\": \"dialog\",\n\t\t...props\n\t});\n}\nfunction DialogTrigger({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {\n\t\t\"data-slot\": \"dialog-trigger\",\n\t\t...props\n\t});\n}\nfunction DialogPortal({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DialogPrimitive.Portal, {\n\t\t\"data-slot\": \"dialog-portal\",\n\t\t...props\n\t});\n}\nfunction DialogClose({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DialogPrimitive.Close, {\n\t\t\"data-slot\": \"dialog-close\",\n\t\t...props\n\t});\n}\nfunction DialogOverlay({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {\n\t\t\"data-slot\": \"dialog-overlay\",\n\t\tclassName: cn(\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\", className),\n\t\t...props\n\t});\n}\nfunction DialogContent({ className, children, showCloseButton = true,...props }) {\n\treturn /* @__PURE__ */ jsxs(DialogPortal, {\n\t\t\"data-slot\": \"dialog-portal\",\n\t\tchildren: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {\n\t\t\t\"data-slot\": \"dialog-content\",\n\t\t\tclassName: cn(\"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\", className),\n\t\t\t...props,\n\t\t\tchildren: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {\n\t\t\t\t\"data-slot\": \"dialog-close\",\n\t\t\t\tclassName: \"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: \"sr-only\",\n\t\t\t\t\tchildren: \"Close\"\n\t\t\t\t})]\n\t\t\t})]\n\t\t})]\n\t});\n}\nfunction DialogHeader({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"dialog-header\",\n\t\tclassName: cn(\"flex flex-col gap-2 text-center sm:text-left\", className),\n\t\t...props\n\t});\n}\nfunction DialogFooter({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"dialog-footer\",\n\t\tclassName: cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className),\n\t\t...props\n\t});\n}\nfunction DialogTitle({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(DialogPrimitive.Title, {\n\t\t\"data-slot\": \"dialog-title\",\n\t\tclassName: cn(\"text-lg leading-none font-semibold\", className),\n\t\t...props\n\t});\n}\nfunction DialogDescription({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(DialogPrimitive.Description, {\n\t\t\"data-slot\": \"dialog-description\",\n\t\tclassName: cn(\"text-muted-foreground text-sm\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };\n//# sourceMappingURL=dialog.js.map"],"mappings":";;;;;;;;;;YAGgC;AAOhC,SAAS,OAAO,EAAE,GAAG,SAAS;AAC7B,QAAuB,oBAAI,gBAAgB,MAAM;EAChD,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,cAAc,EAAE,GAAG,SAAS;AACpC,QAAuB,oBAAI,gBAAgB,SAAS;EACnD,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,aAAa,EAAE,GAAG,SAAS;AACnC,QAAuB,oBAAI,gBAAgB,QAAQ;EAClD,aAAa;EACb,GAAG;EACH,CAAC;;AAQH,SAAS,cAAc,EAAE,UAAU,GAAG,SAAS;AAC9C,QAAuB,oBAAI,gBAAgB,SAAS;EACnD,aAAa;EACb,WAAW,GAAG,0JAA0J,UAAU;EAClL,GAAG;EACH,CAAC;;AAEH,SAAS,cAAc,EAAE,WAAW,UAAU,kBAAkB,KAAK,GAAG,SAAS;AAChF,QAAuB,qBAAK,cAAc;EACzC,aAAa;EACb,UAAU,CAAiB,oBAAI,eAAe,EAAE,CAAC,EAAkB,qBAAK,gBAAgB,SAAS;GAChG,aAAa;GACb,WAAW,GAAG,+WAA+W,UAAU;GACvY,GAAG;GACH,UAAU,CAAC,UAAU,mBAAmC,qBAAK,gBAAgB,OAAO;IACnF,aAAa;IACb,WAAW;IACX,UAAU,CAAiB,oBAAI,OAAO,EAAE,CAAC,EAAkB,oBAAI,QAAQ;KACtE,WAAW;KACX,UAAU;KACV,CAAC,CAAC;IACH,CAAC,CAAC;GACH,CAAC,CAAC;EACH,CAAC;;AAEH,SAAS,aAAa,EAAE,UAAU,GAAG,SAAS;AAC7C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAG;EACH,CAAC;;AAEH,SAAS,aAAa,EAAE,UAAU,GAAG,SAAS;AAC7C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,0DAA0D,UAAU;EAClF,GAAG;EACH,CAAC;;AAEH,SAAS,YAAY,EAAE,UAAU,GAAG,SAAS;AAC5C,QAAuB,oBAAI,gBAAgB,OAAO;EACjD,aAAa;EACb,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAG;EACH,CAAC;;AAEH,SAAS,kBAAkB,EAAE,UAAU,GAAG,SAAS;AAClD,QAAuB,oBAAI,gBAAgB,aAAa;EACvD,aAAa;EACb,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAG;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/dropdown-menu.js

@@ -0,0 +1,59 @@
+'use client';
+
+
+import { cn, init_utils } from "./utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, CircleIcon } from "lucide-react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region ../ui-kit-web/dist/ui/dropdown-menu.js
+init_utils();
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ className, sideOffset = 4,...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground 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-[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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+		...props
+	}) });
+}
+function DropdownMenuItem({ className, inset, variant = "default",...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("data-[variant=destructive]:*:[svg]:text-destructive! focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function DropdownMenuLabel({ className, inset,...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-sm font-medium data-inset:pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className,...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/ui-kit-web/dist/ui/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/dropdown-menu.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport \"react\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\n\n//#region ui/dropdown-menu.tsx\nfunction DropdownMenu({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {\n\t\t\"data-slot\": \"dropdown-menu\",\n\t\t...props\n\t});\n}\nfunction DropdownMenuPortal({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {\n\t\t\"data-slot\": \"dropdown-menu-portal\",\n\t\t...props\n\t});\n}\nfunction DropdownMenuTrigger({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {\n\t\t\"data-slot\": \"dropdown-menu-trigger\",\n\t\t...props\n\t});\n}\nfunction DropdownMenuContent({ className, sideOffset = 4,...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {\n\t\t\"data-slot\": \"dropdown-menu-content\",\n\t\tsideOffset,\n\t\tclassName: cn(\"bg-popover text-popover-foreground 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-[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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\", className),\n\t\t...props\n\t}) });\n}\nfunction DropdownMenuGroup({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {\n\t\t\"data-slot\": \"dropdown-menu-group\",\n\t\t...props\n\t});\n}\nfunction DropdownMenuItem({ className, inset, variant = \"default\",...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {\n\t\t\"data-slot\": \"dropdown-menu-item\",\n\t\t\"data-inset\": inset,\n\t\t\"data-variant\": variant,\n\t\tclassName: cn(\"data-[variant=destructive]:*:[svg]:text-destructive! focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\", className),\n\t\t...props\n\t});\n}\nfunction DropdownMenuCheckboxItem({ className, children, checked,...props }) {\n\treturn /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {\n\t\t\"data-slot\": \"dropdown-menu-checkbox-item\",\n\t\tclassName: cn(\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\", className),\n\t\tchecked,\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\",\n\t\t\tchildren: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: \"size-4\" }) })\n\t\t}), children]\n\t});\n}\nfunction DropdownMenuRadioGroup({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {\n\t\t\"data-slot\": \"dropdown-menu-radio-group\",\n\t\t...props\n\t});\n}\nfunction DropdownMenuRadioItem({ className, children,...props }) {\n\treturn /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {\n\t\t\"data-slot\": \"dropdown-menu-radio-item\",\n\t\tclassName: cn(\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\", className),\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\",\n\t\t\tchildren: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: \"size-2 fill-current\" }) })\n\t\t}), children]\n\t});\n}\nfunction DropdownMenuLabel({ className, inset,...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {\n\t\t\"data-slot\": \"dropdown-menu-label\",\n\t\t\"data-inset\": inset,\n\t\tclassName: cn(\"px-2 py-1.5 text-sm font-medium data-inset:pl-8\", className),\n\t\t...props\n\t});\n}\nfunction DropdownMenuSeparator({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {\n\t\t\"data-slot\": \"dropdown-menu-separator\",\n\t\tclassName: cn(\"bg-border -mx-1 my-1 h-px\", className),\n\t\t...props\n\t});\n}\nfunction DropdownMenuShortcut({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"span\", {\n\t\t\"data-slot\": \"dropdown-menu-shortcut\",\n\t\tclassName: cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className),\n\t\t...props\n\t});\n}\nfunction DropdownMenuSub({ ...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {\n\t\t\"data-slot\": \"dropdown-menu-sub\",\n\t\t...props\n\t});\n}\nfunction DropdownMenuSubTrigger({ className, inset, children,...props }) {\n\treturn /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {\n\t\t\"data-slot\": \"dropdown-menu-sub-trigger\",\n\t\t\"data-inset\": inset,\n\t\tclassName: cn(\"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8\", className),\n\t\t...props,\n\t\tchildren: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: \"ml-auto size-4\" })]\n\t});\n}\nfunction DropdownMenuSubContent({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {\n\t\t\"data-slot\": \"dropdown-menu-sub-content\",\n\t\tclassName: cn(\"bg-popover text-popover-foreground 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-[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 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };\n//# sourceMappingURL=dropdown-menu.js.map"],"mappings":";;;;;;;;;;YAGgC;AAOhC,SAAS,aAAa,EAAE,GAAG,SAAS;AACnC,QAAuB,oBAAI,sBAAsB,MAAM;EACtD,aAAa;EACb,GAAG;EACH,CAAC;;AAQH,SAAS,oBAAoB,EAAE,GAAG,SAAS;AAC1C,QAAuB,oBAAI,sBAAsB,SAAS;EACzD,aAAa;EACb,GAAG;EACH,CAAC;;AAEH,SAAS,oBAAoB,EAAE,WAAW,aAAa,EAAE,GAAG,SAAS;AACpE,QAAuB,oBAAI,sBAAsB,QAAQ,EAAE,UAA0B,oBAAI,sBAAsB,SAAS;EACvH,aAAa;EACb;EACA,WAAW,GAAG,sjBAAsjB,UAAU;EAC9kB,GAAG;EACH,CAAC,EAAE,CAAC;;AAQN,SAAS,iBAAiB,EAAE,WAAW,OAAO,UAAU,UAAU,GAAG,SAAS;AAC7E,QAAuB,oBAAI,sBAAsB,MAAM;EACtD,aAAa;EACb,cAAc;EACd,gBAAgB;EAChB,WAAW,GAAG,ymBAAymB,UAAU;EACjoB,GAAG;EACH,CAAC;;AA+BH,SAAS,kBAAkB,EAAE,WAAW,MAAM,GAAG,SAAS;AACzD,QAAuB,oBAAI,sBAAsB,OAAO;EACvD,aAAa;EACb,cAAc;EACd,WAAW,GAAG,mDAAmD,UAAU;EAC3E,GAAG;EACH,CAAC;;AAEH,SAAS,sBAAsB,EAAE,UAAU,GAAG,SAAS;AACtD,QAAuB,oBAAI,sBAAsB,WAAW;EAC3D,aAAa;EACb,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/empty-state.js

@@ -0,0 +1,44 @@
+import { cn, init_utils } from "./utils.js";
+import { VStack } from "./stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/empty-state.js
+init_utils();
+const containerVariants = cva("items-center text-center", {
+	variants: { density: {
+		compact: "gap-3 p-6",
+		default: "gap-4 p-8"
+	} },
+	defaultVariants: { density: "default" }
+});
+function EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: cn(containerVariants({ density }), className),
+		children: [
+			icon ? /* @__PURE__ */ jsx("div", {
+				className: "bg-muted flex h-12 w-12 items-center justify-center rounded-full",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground flex items-center justify-center",
+					children: icon
+				})
+			}) : null,
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "font-medium",
+				children: title
+			}), description ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-base",
+				children: description
+			}) : null] }),
+			(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-center gap-2",
+				children: [primaryAction, secondaryAction]
+			})
+		]
+	});
+}
+
+//#endregion
+export { EmptyState };
+//# sourceMappingURL=empty-state.js.map

package/dist/ui-kit-web/dist/ui/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/empty-state.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport { VStack } from \"./stack.js\";\nimport \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/empty-state.tsx\nconst containerVariants = cva(\"items-center text-center\", {\n\tvariants: { density: {\n\t\tcompact: \"gap-3 p-6\",\n\t\tdefault: \"gap-4 p-8\"\n\t} },\n\tdefaultVariants: { density: \"default\" }\n});\nfunction EmptyState({ icon, title, description, primaryAction, secondaryAction, className, density }) {\n\treturn /* @__PURE__ */ jsxs(VStack, {\n\t\tclassName: cn(containerVariants({ density }), className),\n\t\tchildren: [\n\t\t\ticon ? /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"bg-muted flex h-12 w-12 items-center justify-center rounded-full\",\n\t\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\tclassName: \"text-muted-foreground flex items-center justify-center\",\n\t\t\t\t\tchildren: icon\n\t\t\t\t})\n\t\t\t}) : null,\n\t\t\t/* @__PURE__ */ jsxs(\"div\", { children: [/* @__PURE__ */ jsx(\"h3\", {\n\t\t\t\tclassName: \"font-medium\",\n\t\t\t\tchildren: title\n\t\t\t}), description ? /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\tclassName: \"text-muted-foreground text-base\",\n\t\t\t\tchildren: description\n\t\t\t}) : null] }),\n\t\t\t(primaryAction || secondaryAction) && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"flex items-center justify-center gap-2\",\n\t\t\t\tchildren: [primaryAction, secondaryAction]\n\t\t\t})\n\t\t]\n\t});\n}\n\n//#endregion\nexport { EmptyState };\n//# sourceMappingURL=empty-state.js.map"],"mappings":";;;;;;;YAAgC;AAOhC,MAAM,oBAAoB,IAAI,4BAA4B;CACzD,UAAU,EAAE,SAAS;EACpB,SAAS;EACT,SAAS;EACT,EAAE;CACH,iBAAiB,EAAE,SAAS,WAAW;CACvC,CAAC;AACF,SAAS,WAAW,EAAE,MAAM,OAAO,aAAa,eAAe,iBAAiB,WAAW,WAAW;AACrG,QAAuB,qBAAK,QAAQ;EACnC,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;EACxD,UAAU;GACT,OAAuB,oBAAI,OAAO;IACjC,WAAW;IACX,UAA0B,oBAAI,OAAO;KACpC,WAAW;KACX,UAAU;KACV,CAAC;IACF,CAAC,GAAG;GACW,qBAAK,OAAO,EAAE,UAAU,CAAiB,oBAAI,MAAM;IAClE,WAAW;IACX,UAAU;IACV,CAAC,EAAE,cAA8B,oBAAI,KAAK;IAC1C,WAAW;IACX,UAAU;IACV,CAAC,GAAG,KAAK,EAAE,CAAC;IACZ,iBAAiB,oBAAoC,qBAAK,OAAO;IACjE,WAAW;IACX,UAAU,CAAC,eAAe,gBAAgB;IAC1C,CAAC;GACF;EACD,CAAC"}

package/dist/ui-kit-web/dist/ui/empty.js

@@ -0,0 +1,63 @@
+import { cn, init_utils } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/empty.js
+init_utils();
+function Empty({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className),
+		...props
+	});
+}
+function EmptyHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
+		...props
+	});
+}
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function EmptyMedia({ className, variant = "default",...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function EmptyTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("text-lg font-medium tracking-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: cn("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function EmptyContent({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
+		...props
+	});
+}
+
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.js.map

package/dist/ui-kit-web/dist/ui/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/empty.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/empty.tsx\nfunction Empty({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"empty\",\n\t\tclassName: cn(\"flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12\", className),\n\t\t...props\n\t});\n}\nfunction EmptyHeader({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"empty-header\",\n\t\tclassName: cn(\"flex max-w-sm flex-col items-center gap-2 text-center\", className),\n\t\t...props\n\t});\n}\nconst emptyMediaVariants = cva(\"flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0\", {\n\tvariants: { variant: {\n\t\tdefault: \"bg-transparent\",\n\t\ticon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\"\n\t} },\n\tdefaultVariants: { variant: \"default\" }\n});\nfunction EmptyMedia({ className, variant = \"default\",...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"empty-icon\",\n\t\t\"data-variant\": variant,\n\t\tclassName: cn(emptyMediaVariants({\n\t\t\tvariant,\n\t\t\tclassName\n\t\t})),\n\t\t...props\n\t});\n}\nfunction EmptyTitle({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"empty-title\",\n\t\tclassName: cn(\"text-lg font-medium tracking-tight\", className),\n\t\t...props\n\t});\n}\nfunction EmptyDescription({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"empty-description\",\n\t\tclassName: cn(\"text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4\", className),\n\t\t...props\n\t});\n}\nfunction EmptyContent({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"empty-content\",\n\t\tclassName: cn(\"flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };\n//# sourceMappingURL=empty.js.map"],"mappings":";;;;;YAAgC;AAKhC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS;AACtC,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,gIAAgI,UAAU;EACxJ,GAAG;EACH,CAAC;;AAEH,SAAS,YAAY,EAAE,UAAU,GAAG,SAAS;AAC5C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,yDAAyD,UAAU;EACjF,GAAG;EACH,CAAC;;AAEH,MAAM,qBAAqB,IAAI,+FAA+F;CAC7H,UAAU,EAAE,SAAS;EACpB,SAAS;EACT,MAAM;EACN,EAAE;CACH,iBAAiB,EAAE,SAAS,WAAW;CACvC,CAAC;AACF,SAAS,WAAW,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS;AAChE,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,gBAAgB;EAChB,WAAW,GAAG,mBAAmB;GAChC;GACA;GACA,CAAC,CAAC;EACH,GAAG;EACH,CAAC;;AAEH,SAAS,WAAW,EAAE,UAAU,GAAG,SAAS;AAC3C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAG;EACH,CAAC;;AAEH,SAAS,iBAAiB,EAAE,UAAU,GAAG,SAAS;AACjD,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,2GAA2G,UAAU;EACnI,GAAG;EACH,CAAC;;AAEH,SAAS,aAAa,EAAE,UAAU,GAAG,SAAS;AAC7C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,iFAAiF,UAAU;EACzG,GAAG;EACH,CAAC"}

package/dist/ui-kit-web/dist/ui/field.js

@@ -0,0 +1,80 @@
+'use client';
+
+
+import { cn, init_utils } from "./utils.js";
+import { Label } from "./label.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/field.js
+init_utils();
+function FieldGroup({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-group",
+		className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4", className),
+		...props
+	});
+}
+const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+	variants: { orientation: {
+		vertical: ["flex-col *:w-full [&>.sr-only]:w-auto"],
+		horizontal: [
+			"flex-row items-center",
+			"data-[slot=field-label]:*:flex-auto",
+			"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		],
+		responsive: [
+			"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto",
+			"@md/field-group:data-[slot=field-label]:*:flex-auto",
+			"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		]
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function Field({ className, orientation = "vertical",...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": orientation,
+		className: cn(fieldVariants({ orientation }), className),
+		...props
+	});
+}
+function FieldLabel({ className,...props }) {
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "field-label",
+		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className),
+		...props
+	});
+}
+function FieldDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-description",
+		className: cn("text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function FieldError({ className, children, errors,...props }) {
+	const content = useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		if (errors?.length == 1) return errors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: errors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index))
+		});
+	}, [children, errors]);
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: cn("text-destructive text-sm font-normal", className),
+		...props,
+		children: content
+	});
+}
+
+//#endregion
+export { Field, FieldDescription, FieldError, FieldGroup, FieldLabel };
+//# sourceMappingURL=field.js.map

package/dist/ui-kit-web/dist/ui/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/field.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Label } from \"./label.js\";\nimport { Separator } from \"./separator.js\";\nimport { useMemo } from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/field.tsx\nfunction FieldSet({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"fieldset\", {\n\t\t\"data-slot\": \"field-set\",\n\t\tclassName: cn(\"flex flex-col gap-6\", \"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\", className),\n\t\t...props\n\t});\n}\nfunction FieldLegend({ className, variant = \"legend\",...props }) {\n\treturn /* @__PURE__ */ jsx(\"legend\", {\n\t\t\"data-slot\": \"field-legend\",\n\t\t\"data-variant\": variant,\n\t\tclassName: cn(\"mb-3 font-medium\", \"data-[variant=legend]:text-base\", \"data-[variant=label]:text-sm\", className),\n\t\t...props\n\t});\n}\nfunction FieldGroup({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"field-group\",\n\t\tclassName: cn(\"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4\", className),\n\t\t...props\n\t});\n}\nconst fieldVariants = cva(\"group/field flex w-full gap-3 data-[invalid=true]:text-destructive\", {\n\tvariants: { orientation: {\n\t\tvertical: [\"flex-col *:w-full [&>.sr-only]:w-auto\"],\n\t\thorizontal: [\n\t\t\t\"flex-row items-center\",\n\t\t\t\"data-[slot=field-label]:*:flex-auto\",\n\t\t\t\"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\"\n\t\t],\n\t\tresponsive: [\n\t\t\t\"flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto\",\n\t\t\t\"@md/field-group:data-[slot=field-label]:*:flex-auto\",\n\t\t\t\"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\"\n\t\t]\n\t} },\n\tdefaultVariants: { orientation: \"vertical\" }\n});\nfunction Field({ className, orientation = \"vertical\",...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\trole: \"group\",\n\t\t\"data-slot\": \"field\",\n\t\t\"data-orientation\": orientation,\n\t\tclassName: cn(fieldVariants({ orientation }), className),\n\t\t...props\n\t});\n}\nfunction FieldContent({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"field-content\",\n\t\tclassName: cn(\"group/field-content flex flex-1 flex-col gap-1.5 leading-snug\", className),\n\t\t...props\n\t});\n}\nfunction FieldLabel({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Label, {\n\t\t\"data-slot\": \"field-label\",\n\t\tclassName: cn(\"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\", \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4\", \"has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10\", className),\n\t\t...props\n\t});\n}\nfunction FieldTitle({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"field-label\",\n\t\tclassName: cn(\"flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50\", className),\n\t\t...props\n\t});\n}\nfunction FieldDescription({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"p\", {\n\t\t\"data-slot\": \"field-description\",\n\t\tclassName: cn(\"text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance\", \"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5\", \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\", className),\n\t\t...props\n\t});\n}\nfunction FieldSeparator({ children, className,...props }) {\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\"data-slot\": \"field-separator\",\n\t\t\"data-content\": !!children,\n\t\tclassName: cn(\"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\", className),\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(Separator, { className: \"absolute inset-0 top-1/2\" }), children && /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"bg-background text-muted-foreground relative mx-auto block w-fit px-2\",\n\t\t\t\"data-slot\": \"field-separator-content\",\n\t\t\tchildren\n\t\t})]\n\t});\n}\nfunction FieldError({ className, children, errors,...props }) {\n\tconst content = useMemo(() => {\n\t\tif (children) return children;\n\t\tif (!errors?.length) return null;\n\t\tif (errors?.length == 1) return errors[0]?.message;\n\t\treturn /* @__PURE__ */ jsx(\"ul\", {\n\t\t\tclassName: \"ml-4 flex list-disc flex-col gap-1\",\n\t\t\tchildren: errors.map((error, index) => error?.message && /* @__PURE__ */ jsx(\"li\", { children: error.message }, index))\n\t\t});\n\t}, [children, errors]);\n\tif (!content) return null;\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\trole: \"alert\",\n\t\t\"data-slot\": \"field-error\",\n\t\tclassName: cn(\"text-destructive text-sm font-normal\", className),\n\t\t...props,\n\t\tchildren: content\n\t});\n}\n\n//#endregion\nexport { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };\n//# sourceMappingURL=field.js.map"],"mappings":";;;;;;;;;;YAGgC;AAuBhC,SAAS,WAAW,EAAE,UAAU,GAAG,SAAS;AAC3C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,wIAAwI,UAAU;EAChK,GAAG;EACH,CAAC;;AAEH,MAAM,gBAAgB,IAAI,sEAAsE;CAC/F,UAAU,EAAE,aAAa;EACxB,UAAU,CAAC,wCAAwC;EACnD,YAAY;GACX;GACA;GACA;GACA;EACD,YAAY;GACX;GACA;GACA;GACA;EACD,EAAE;CACH,iBAAiB,EAAE,aAAa,YAAY;CAC5C,CAAC;AACF,SAAS,MAAM,EAAE,WAAW,cAAc,WAAW,GAAG,SAAS;AAChE,QAAuB,oBAAI,OAAO;EACjC,MAAM;EACN,aAAa;EACb,oBAAoB;EACpB,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;EACxD,GAAG;EACH,CAAC;;AASH,SAAS,WAAW,EAAE,UAAU,GAAG,SAAS;AAC3C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,gHAAgH,iKAAiK,6HAA6H,UAAU;EACta,GAAG;EACH,CAAC;;AASH,SAAS,iBAAiB,EAAE,UAAU,GAAG,SAAS;AACjD,QAAuB,oBAAI,KAAK;EAC/B,aAAa;EACb,WAAW,GAAG,uHAAuH,gEAAgE,qEAAqE,UAAU;EACpR,GAAG;EACH,CAAC;;AAeH,SAAS,WAAW,EAAE,WAAW,UAAU,OAAO,GAAG,SAAS;CAC7D,MAAM,UAAU,cAAc;AAC7B,MAAI,SAAU,QAAO;AACrB,MAAI,CAAC,QAAQ,OAAQ,QAAO;AAC5B,MAAI,QAAQ,UAAU,EAAG,QAAO,OAAO,IAAI;AAC3C,SAAuB,oBAAI,MAAM;GAChC,WAAW;GACX,UAAU,OAAO,KAAK,OAAO,UAAU,OAAO,WAA2B,oBAAI,MAAM,EAAE,UAAU,MAAM,SAAS,EAAE,MAAM,CAAC;GACvH,CAAC;IACA,CAAC,UAAU,OAAO,CAAC;AACtB,KAAI,CAAC,QAAS,QAAO;AACrB,QAAuB,oBAAI,OAAO;EACjC,MAAM;EACN,aAAa;EACb,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAG;EACH,UAAU;EACV,CAAC"}

package/dist/ui-kit-web/dist/ui/form.js

@@ -0,0 +1,18 @@
+'use client';
+
+
+import * as React$1 from "react";
+import { Controller, FormProvider, useForm as useForm$1 } from "react-hook-form";
+import { zodResolver as zodResolver$1 } from "@hookform/resolvers/zod";
+import { jsx } from "react/jsx-runtime";
+import "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../ui-kit-web/dist/ui/form.js
+const Form = FormProvider;
+const FormFieldContext = React$1.createContext({});
+const FormItemContext = React$1.createContext({});
+
+//#endregion
+export { Form, useForm$1 as useForm, zodResolver$1 as zodResolver };
+//# sourceMappingURL=form.js.map

package/dist/ui-kit-web/dist/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/form.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Label } from \"./label.js\";\nimport * as React$1 from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport \"@radix-ui/react-label\";\nimport { Controller, FormProvider, useFieldArray, useForm, useFormContext, useFormState } from \"react-hook-form\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\n\n//#region ui/form.tsx\nconst Form = FormProvider;\nconst FormFieldContext = React$1.createContext({});\nconst FormField = ({ ...props }) => {\n\treturn /* @__PURE__ */ jsx(FormFieldContext.Provider, {\n\t\tvalue: { name: props.name },\n\t\tchildren: /* @__PURE__ */ jsx(Controller, { ...props })\n\t});\n};\nconst useFormField = () => {\n\tconst fieldContext = React$1.useContext(FormFieldContext);\n\tconst itemContext = React$1.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\tif (!fieldContext) throw new Error(\"useFormField should be used within <FormField>\");\n\tconst { id } = itemContext;\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState\n\t};\n};\nconst FormItemContext = React$1.createContext({});\nfunction FormItem({ className,...props }) {\n\tconst id = React$1.useId();\n\treturn /* @__PURE__ */ jsx(FormItemContext.Provider, {\n\t\tvalue: { id },\n\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\"data-slot\": \"form-item\",\n\t\t\tclassName: cn(\"grid gap-2\", className),\n\t\t\t...props\n\t\t})\n\t});\n}\nfunction FormLabel({ className,...props }) {\n\tconst { error, formItemId } = useFormField();\n\treturn /* @__PURE__ */ jsx(Label, {\n\t\t\"data-slot\": \"form-label\",\n\t\t\"data-error\": !!error,\n\t\tclassName: cn(\"data-[error=true]:text-destructive\", className),\n\t\thtmlFor: formItemId,\n\t\t...props\n\t});\n}\nfunction FormControl({ ...props }) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\treturn /* @__PURE__ */ jsx(Slot, {\n\t\t\"data-slot\": \"form-control\",\n\t\tid: formItemId,\n\t\t\"aria-describedby\": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,\n\t\t\"aria-invalid\": !!error,\n\t\t...props\n\t});\n}\nfunction FormDescription({ className,...props }) {\n\tconst { formDescriptionId } = useFormField();\n\treturn /* @__PURE__ */ jsx(\"p\", {\n\t\t\"data-slot\": \"form-description\",\n\t\tid: formDescriptionId,\n\t\tclassName: cn(\"text-muted-foreground text-sm\", className),\n\t\t...props\n\t});\n}\nfunction FormMessage({ className,...props }) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\tif (!body) return null;\n\treturn /* @__PURE__ */ jsx(\"p\", {\n\t\t\"data-slot\": \"form-message\",\n\t\tid: formMessageId,\n\t\tclassName: cn(\"text-destructive text-sm\", className),\n\t\t...props,\n\t\tchildren: body\n\t});\n}\n\n//#endregion\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFieldArray, useForm, useFormField, zodResolver };\n//# sourceMappingURL=form.js.map"],"mappings":";;;;;;;;;;;AAaA,MAAM,OAAO;AACb,MAAM,mBAAmB,QAAQ,cAAc,EAAE,CAAC;AAwBlD,MAAM,kBAAkB,QAAQ,cAAc,EAAE,CAAC"}