@kubetail/ui 2.0.3 → 2.0.4

package/dist/elements/dropdown-menu.js

@@ -1,196 +1,122 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-dropdown-menu";
-import { CheckIcon as i, CircleIcon as u, ChevronRightIcon as c } from "lucide-react";
-import { cn as r } from "../lib/utils.js";
-function f({ ...e }) {
-  return /* @__PURE__ */ t(n.Root, { "data-slot": "dropdown-menu", ...e });
+"use client";
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+function DropdownMenu({ ...t }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		"data-slot": "dropdown-menu",
+		...t
+	});
 }
-function g({ ...e }) {
-  return /* @__PURE__ */ t(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
+function DropdownMenuPortal({ ...t }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...t
+	});
 }
-function v({ ...e }) {
-  return /* @__PURE__ */ t(n.Trigger, { "data-slot": "dropdown-menu-trigger", ...e });
+function DropdownMenuTrigger({ ...t }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...t
+	});
 }
-function w({
-  className: e,
-  sideOffset: o = 4,
-  ...a
-}) {
-  return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(
-    n.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset: o,
-      className: r(
-        "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-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        e
-      ),
-      ...a
-    }
-  ) });
+function DropdownMenuContent({ className: g, sideOffset: _ = 4, ...v }) {
+	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-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", g),
+		...v
+	}) });
 }
-function x({ ...e }) {
-  return /* @__PURE__ */ t(n.Group, { "data-slot": "dropdown-menu-group", ...e });
+function DropdownMenuGroup({ ...t }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
+		"data-slot": "dropdown-menu-group",
+		...t
+	});
 }
-function b({
-  className: e,
-  inset: o,
-  variant: a = "default",
-  ...d
-}) {
-  return /* @__PURE__ */ t(
-    n.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": o,
-      "data-variant": a,
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm 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",
-        e
-      ),
-      ...d
-    }
-  );
+function DropdownMenuItem({ className: g, inset: _, variant: v = "default", ...y }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": _,
+		"data-variant": v,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm 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", g),
+		...y
+	});
 }
-function h({
-  className: e,
-  children: o,
-  checked: a,
-  ...d
-}) {
-  return /* @__PURE__ */ s(
-    n.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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",
-        e
-      ),
-      checked: a,
-      ...d,
-      children: [
-        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(i, { className: "size-4" }) }) }),
-        o
-      ]
-    }
-  );
+function DropdownMenuCheckboxItem({ className: v, children: y, checked: b, ...x }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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", v),
+		checked: b,
+		...x,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), y]
+	});
 }
-function z({ ...e }) {
-  return /* @__PURE__ */ t(n.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...e });
+function DropdownMenuRadioGroup({ ...t }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...t
+	});
 }
-function D({
-  className: e,
-  children: o,
-  ...a
-}) {
-  return /* @__PURE__ */ s(
-    n.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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",
-        e
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(n.ItemIndicator, { children: /* @__PURE__ */ t(u, { className: "size-2 fill-current" }) }) }),
-        o
-      ]
-    }
-  );
+function DropdownMenuRadioItem({ className: _, children: v, ...b }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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", _),
+		...b,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) })
+		}), v]
+	});
 }
-function M({
-  className: e,
-  inset: o,
-  ...a
-}) {
-  return /* @__PURE__ */ t(
-    n.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": o,
-      className: r("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", e),
-      ...a
-    }
-  );
+function DropdownMenuLabel({ className: g, inset: _, ...v }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": _,
+		className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", g),
+		...v
+	});
 }
-function N({ className: e, ...o }) {
-  return /* @__PURE__ */ t(
-    n.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: r("bg-border -mx-1 my-1 h-px", e),
-      ...o
-    }
-  );
+function DropdownMenuSeparator({ className: g, ..._ }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("bg-border -mx-1 my-1 h-px", g),
+		..._
+	});
 }
-function I({ className: e, ...o }) {
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: r("text-muted-foreground ml-auto text-xs tracking-widest", e),
-      ...o
-    }
-  );
+function DropdownMenuShortcut({ className: g, ..._ }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", g),
+		..._
+	});
 }
-function y({ ...e }) {
-  return /* @__PURE__ */ t(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+function DropdownMenuSub({ ...t }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...t
+	});
 }
-function _({
-  className: e,
-  inset: o,
-  children: a,
-  ...d
-}) {
-  return /* @__PURE__ */ s(
-    n.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": o,
-      className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
-        e
-      ),
-      ...d,
-      children: [
-        a,
-        /* @__PURE__ */ t(c, { className: "ml-auto size-4" })
-      ]
-    }
-  );
+function DropdownMenuSubTrigger({ className: _, inset: y, children: b, ...x }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": y,
+		className: 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-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", _),
+		...x,
+		children: [b, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
+	});
 }
-function k({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t(
-    n.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: r(
-        "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-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        e
-      ),
-      ...o
-    }
-  );
+function DropdownMenuSubContent({ className: g, ..._ }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", g),
+		..._
+	});
 }
-export {
-  f as DropdownMenu,
-  h as DropdownMenuCheckboxItem,
-  w as DropdownMenuContent,
-  x as DropdownMenuGroup,
-  b as DropdownMenuItem,
-  M as DropdownMenuLabel,
-  g as DropdownMenuPortal,
-  z as DropdownMenuRadioGroup,
-  D as DropdownMenuRadioItem,
-  N as DropdownMenuSeparator,
-  I as DropdownMenuShortcut,
-  y as DropdownMenuSub,
-  k as DropdownMenuSubContent,
-  _ as DropdownMenuSubTrigger,
-  v as DropdownMenuTrigger
-};
-//# sourceMappingURL=dropdown-menu.js.map
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/elements/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../src/elements/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type { DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          '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-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm 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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        '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-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","className","sideOffset","jsx","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../src/elements/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type { DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          '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-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm 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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        '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-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"mappings":"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"}

package/dist/elements/form.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react");require("@radix-ui/react-label");const F=require("@radix-ui/react-slot"),c=require("react-hook-form"),d=require("../lib/utils.cjs"),f=require("./label.cjs"),x=c.FormProvider,l=s.createContext({}),u=s.createContext({}),I=({...e})=>{const t=s.useMemo(()=>({name:e.name}),[e.name]);return n.jsx(l.Provider,{value:t,children:n.jsx(c.Controller,{...e})})},i=()=>{const e=s.useContext(l),t=s.useContext(u),{getFieldState:r}=c.useFormContext(),o=c.useFormState({name:e.name}),m=r(e.name,o);if(!e)throw new Error("useFormField should be used within <FormField>");const{id:a}=t;return{id:a,name:e.name,formItemId:`${a}-form-item`,formDescriptionId:`${a}-form-item-description`,formMessageId:`${a}-form-item-message`,...m}};function g({className:e,...t}){const r=s.useId(),o=s.useMemo(()=>({id:r}),[r]);return n.jsx(u.Provider,{value:o,children:n.jsx("div",{"data-slot":"form-item",className:d.cn("grid gap-2",e),...t})})}function C({className:e,...t}){const{error:r,formItemId:o}=i();return n.jsx(f.Label,{"data-slot":"form-label","data-error":!!r,className:d.cn("data-[error=true]:text-destructive",e),htmlFor:o,...t})}function b({...e}){const{error:t,formItemId:r,formDescriptionId:o,formMessageId:m}=i();return n.jsx(F.Slot,{"data-slot":"form-control",id:r,"aria-describedby":t?`${o} ${m}`:o,"aria-invalid":!!t,...e})}function j({className:e,...t}){const{formDescriptionId:r}=i();return n.jsx("p",{"data-slot":"form-description",id:r,className:d.cn("text-muted-foreground text-sm",e),...t})}function v({className:e,...t}){const{error:r,formMessageId:o}=i(),m=r?String((r==null?void 0:r.message)??""):t.children;return m?n.jsx("p",{"data-slot":"form-message",id:o,className:d.cn("text-destructive text-sm",e),...t,children:m}):null}exports.Form=x;exports.FormControl=b;exports.FormDescription=j;exports.FormField=I;exports.FormItem=g;exports.FormLabel=C;exports.FormMessage=v;exports.useFormField=i;
-//# sourceMappingURL=form.cjs.map
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/rolldown:runtime.cjs`),t=require(`../lib/utils.cjs`),n=require(`./label.cjs`);let r=require(`react/jsx-runtime`),i=require(`@radix-ui/react-slot`),a=require(`react`),o=require(`@radix-ui/react-label`);o=e.__toESM(o);let s=require(`react-hook-form`);var c=s.FormProvider,l=(0,a.createContext)({}),u=(0,a.createContext)({}),d=({...e})=>{let t=(0,a.useMemo)(()=>({name:e.name}),[e.name]);return(0,r.jsx)(l.Provider,{value:t,children:(0,r.jsx)(s.Controller,{...e})})},f=()=>{let e=(0,a.useContext)(l),t=(0,a.useContext)(u),{getFieldState:n}=(0,s.useFormContext)(),r=(0,s.useFormState)({name:e.name}),i=n(e.name,r);if(!e)throw Error(`useFormField should be used within <FormField>`);let{id:o}=t;return{id:o,name:e.name,formItemId:`${o}-form-item`,formDescriptionId:`${o}-form-item-description`,formMessageId:`${o}-form-item-message`,...i}};function p({className:e,...n}){let i=(0,a.useId)(),o=(0,a.useMemo)(()=>({id:i}),[i]);return(0,r.jsx)(u.Provider,{value:o,children:(0,r.jsx)(`div`,{"data-slot":`form-item`,className:t.cn(`grid gap-2`,e),...n})})}function m({className:e,...i}){let{error:a,formItemId:o}=f();return(0,r.jsx)(n.Label,{"data-slot":`form-label`,"data-error":!!a,className:t.cn(`data-[error=true]:text-destructive`,e),htmlFor:o,...i})}function h({...e}){let{error:t,formItemId:n,formDescriptionId:a,formMessageId:o}=f();return(0,r.jsx)(i.Slot,{"data-slot":`form-control`,id:n,"aria-describedby":t?`${a} ${o}`:a,"aria-invalid":!!t,...e})}function g({className:e,...n}){let{formDescriptionId:i}=f();return(0,r.jsx)(`p`,{"data-slot":`form-description`,id:i,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function _({className:e,...n}){let{error:i,formMessageId:a}=f(),o=i?String(i?.message??``):n.children;return o?(0,r.jsx)(`p`,{"data-slot":`form-message`,id:a,className:t.cn(`text-destructive text-sm`,e),...n,children:o}):null}exports.Form=c,exports.FormControl=h,exports.FormDescription=g,exports.FormField=d,exports.FormItem=p,exports.FormLabel=m,exports.FormMessage=_,exports.useFormField=f;
+//# sourceMappingURL=form.cjs.map

package/dist/elements/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","sources":["../../src/elements/form.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport { cn } from '@/lib/utils';\nimport { Label } from '@/elements/label';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  const value = useMemo(() => ({ name: props.name }), [props.name]);\n\n  return (\n    <FormFieldContext.Provider value={value}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = useId();\n  const value = useMemo(() => ({ id }), [id]);\n\n  return (\n    <FormItemContext.Provider value={value}>\n      <div data-slot=\"form-item\" className={cn('grid gap-2', className)} {...props} />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn('data-[error=true]:text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p data-slot=\"form-message\" id={formMessageId} className={cn('text-destructive text-sm', className)} {...props}>\n      {body}\n    </p>\n  );\n}\n\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };\n"],"names":["Form","FormProvider","FormFieldContext","createContext","FormItemContext","FormField","props","value","useMemo","jsx","Controller","useFormField","fieldContext","useContext","itemContext","getFieldState","useFormContext","formState","useFormState","fieldState","id","FormItem","className","useId","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","body"],"mappings":"qSAkBMA,EAAOC,EAAAA,aASPC,EAAmBC,EAAAA,cAAqC,EAA2B,EAMnFC,EAAkBD,EAAAA,cAAoC,EAA0B,EAEhFE,EAAY,CAGhB,CACA,GAAGC,CACL,IAA4C,CAC1C,MAAMC,EAAQC,EAAAA,QAAQ,KAAO,CAAE,KAAMF,EAAM,IAAA,GAAS,CAACA,EAAM,IAAI,CAAC,EAEhE,OACEG,MAACP,EAAiB,SAAjB,CAA0B,MAAAK,EACzB,SAAAE,EAAAA,IAACC,aAAA,CAAY,GAAGJ,CAAA,CAAO,CAAA,CACzB,CAEJ,EAEMK,EAAe,IAAM,CACzB,MAAMC,EAAeC,EAAAA,WAAWX,CAAgB,EAC1CY,EAAcD,EAAAA,WAAWT,CAAe,EACxC,CAAE,cAAAW,CAAA,EAAkBC,iBAAA,EACpBC,EAAYC,EAAAA,aAAa,CAAE,KAAMN,EAAa,KAAM,EACpDO,EAAaJ,EAAcH,EAAa,KAAMK,CAAS,EAE7D,GAAI,CAACL,EACH,MAAM,IAAI,MAAM,gDAAgD,EAGlE,KAAM,CAAE,GAAAQ,GAAON,EAEf,MAAO,CACL,GAAAM,EACA,KAAMR,EAAa,KACnB,WAAY,GAAGQ,CAAE,aACjB,kBAAmB,GAAGA,CAAE,yBACxB,cAAe,GAAGA,CAAE,qBACpB,GAAGD,CAAA,CAEP,EAEA,SAASE,EAAS,CAAE,UAAAC,EAAW,GAAGhB,GAAsC,CACtE,MAAMc,EAAKG,EAAAA,MAAA,EACLhB,EAAQC,EAAAA,QAAQ,KAAO,CAAE,GAAAY,IAAO,CAACA,CAAE,CAAC,EAE1C,aACGhB,EAAgB,SAAhB,CAAyB,MAAAG,EACxB,eAAC,MAAA,CAAI,YAAU,YAAY,UAAWiB,EAAAA,GAAG,aAAcF,CAAS,EAAI,GAAGhB,EAAO,EAChF,CAEJ,CAEA,SAASmB,EAAU,CAAE,UAAAH,EAAW,GAAGhB,GAA2D,CAC5F,KAAM,CAAE,MAAAoB,EAAO,WAAAC,CAAA,EAAehB,EAAA,EAE9B,OACEF,EAAAA,IAACmB,EAAAA,MAAA,CACC,YAAU,aACV,aAAY,CAAC,CAACF,EACd,UAAWF,EAAAA,GAAG,qCAAsCF,CAAS,EAC7D,QAASK,EACR,GAAGrB,CAAA,CAAA,CAGV,CAEA,SAASuB,EAAY,CAAE,GAAGvB,GAA4C,CACpE,KAAM,CAAE,MAAAoB,EAAO,WAAAC,EAAY,kBAAAG,EAAmB,cAAAC,CAAA,EAAkBpB,EAAA,EAEhE,OACEF,EAAAA,IAACuB,EAAAA,KAAA,CACC,YAAU,eACV,GAAIL,EACJ,mBAAmBD,EAA4B,GAAGI,CAAiB,IAAIC,CAAa,GAAzDD,EAC3B,eAAc,CAAC,CAACJ,EACf,GAAGpB,CAAA,CAAA,CAGV,CAEA,SAAS2B,EAAgB,CAAE,UAAAX,EAAW,GAAGhB,GAAoC,CAC3E,KAAM,CAAE,kBAAAwB,CAAA,EAAsBnB,EAAA,EAE9B,OACEF,EAAAA,IAAC,IAAA,CACC,YAAU,mBACV,GAAIqB,EACJ,UAAWN,EAAAA,GAAG,gCAAiCF,CAAS,EACvD,GAAGhB,CAAA,CAAA,CAGV,CAEA,SAAS4B,EAAY,CAAE,UAAAZ,EAAW,GAAGhB,GAAoC,CACvE,KAAM,CAAE,MAAAoB,EAAO,cAAAK,CAAA,EAAkBpB,EAAA,EAC3BwB,EAAOT,EAAQ,QAAOA,GAAA,YAAAA,EAAO,UAAW,EAAE,EAAIpB,EAAM,SAE1D,OAAK6B,EAKH1B,EAAAA,IAAC,IAAA,CAAE,YAAU,eAAe,GAAIsB,EAAe,UAAWP,EAAAA,GAAG,2BAA4BF,CAAS,EAAI,GAAGhB,EACtG,SAAA6B,EACH,EANO,IAQX"}
+{"version":3,"file":"form.cjs","names":[],"sources":["../../src/elements/form.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useFormState,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport { cn } from '@/lib/utils';\nimport { Label } from '@/elements/label';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = createContext<FormFieldContextValue>({} as FormFieldContextValue);\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = createContext<FormItemContextValue>({} as FormItemContextValue);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  const value = useMemo(() => ({ name: props.name }), [props.name]);\n\n  return (\n    <FormFieldContext.Provider value={value}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = useContext(FormFieldContext);\n  const itemContext = useContext(FormItemContext);\n  const { getFieldState } = useFormContext();\n  const formState = useFormState({ name: fieldContext.name });\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nfunction FormItem({ className, ...props }: React.ComponentProps<'div'>) {\n  const id = useId();\n  const value = useMemo(() => ({ id }), [id]);\n\n  return (\n    <FormItemContext.Provider value={value}>\n      <div data-slot=\"form-item\" className={cn('grid gap-2', className)} {...props} />\n    </FormItemContext.Provider>\n  );\n}\n\nfunction FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label\n      data-slot=\"form-label\"\n      data-error={!!error}\n      className={cn('data-[error=true]:text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      data-slot=\"form-control\"\n      id={formItemId}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      data-slot=\"form-description\"\n      id={formDescriptionId}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<'p'>) {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : props.children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p data-slot=\"form-message\" id={formMessageId} className={cn('text-destructive text-sm', className)} {...props}>\n      {body}\n    </p>\n  );\n}\n\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };\n"],"mappings":"sWAkBA,IAAM,EAAO,EAAA,aASP,GAAA,EAAA,EAAA,eAAwD,EAAE,CAA0B,CAMpF,GAAA,EAAA,EAAA,eAAsD,EAAE,CAAyB,CAEjF,GAGJ,CACA,GAAG,KACuC,CAC1C,IAAM,GAAA,EAAA,EAAA,cAAuB,CAAE,KAAM,EAAM,KAAM,EAAG,CAAC,EAAM,KAAK,CAAC,CAEjE,OACE,EAAA,EAAA,KAAC,EAAiB,SAAA,CAAgB,kBAChC,EAAA,EAAA,KAAC,EAAA,WAAA,CAAW,GAAI,EAAA,CAAS,EACC,EAI1B,MAAqB,CACzB,IAAM,GAAA,EAAA,EAAA,YAA0B,EAAiB,CAC3C,GAAA,EAAA,EAAA,YAAyB,EAAgB,CACzC,CAAE,kBAAA,EAAA,EAAA,iBAAkC,CACpC,GAAA,EAAA,EAAA,cAAyB,CAAE,KAAM,EAAa,KAAM,CAAC,CACrD,EAAa,EAAc,EAAa,KAAM,EAAU,CAE9D,GAAI,CAAC,EACH,MAAU,MAAM,iDAAiD,CAGnE,GAAM,CAAE,MAAO,EAEf,MAAO,CACL,KACA,KAAM,EAAa,KACnB,WAAY,GAAG,EAAG,YAClB,kBAAmB,GAAG,EAAG,wBACzB,cAAe,GAAG,EAAG,oBACrB,GAAG,EACJ,EAGH,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,IAAM,GAAA,EAAA,EAAA,QAAY,CACZ,GAAA,EAAA,EAAA,cAAuB,CAAE,KAAI,EAAG,CAAC,EAAG,CAAC,CAE3C,OACE,EAAA,EAAA,KAAC,EAAgB,SAAA,CAAgB,kBAC/B,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,YAAY,UAAW,EAAA,GAAG,aAAc,EAAU,CAAE,GAAI,GAAS,EACvD,CAI/B,SAAS,EAAU,CAAE,YAAW,GAAG,GAA2D,CAC5F,GAAM,CAAE,QAAO,cAAe,GAAc,CAE5C,OACE,EAAA,EAAA,KAAC,EAAA,MAAA,CACC,YAAU,aACV,aAAY,CAAC,CAAC,EACd,UAAW,EAAA,GAAG,qCAAsC,EAAU,CAC9D,QAAS,EACT,GAAI,GACJ,CAIN,SAAS,EAAY,CAAE,GAAG,GAA4C,CACpE,GAAM,CAAE,QAAO,aAAY,oBAAmB,iBAAkB,GAAc,CAE9E,OACE,EAAA,EAAA,KAAC,EAAA,KAAA,CACC,YAAU,eACV,GAAI,EACJ,mBAAmB,EAA4B,GAAG,EAAkB,GAAG,IAA5C,EAC3B,eAAc,CAAC,CAAC,EAChB,GAAI,GACJ,CAIN,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAoC,CAC3E,GAAM,CAAE,qBAAsB,GAAc,CAE5C,OACE,EAAA,EAAA,KAAC,IAAA,CACC,YAAU,mBACV,GAAI,EACJ,UAAW,EAAA,GAAG,gCAAiC,EAAU,CACzD,GAAI,GACJ,CAIN,SAAS,EAAY,CAAE,YAAW,GAAG,GAAoC,CACvE,GAAM,CAAE,QAAO,iBAAkB,GAAc,CACzC,EAAO,EAAQ,OAAO,GAAO,SAAW,GAAG,CAAG,EAAM,SAM1D,OAJK,GAKH,EAAA,EAAA,KAAC,IAAA,CAAE,YAAU,eAAe,GAAI,EAAe,UAAW,EAAA,GAAG,2BAA4B,EAAU,CAAE,GAAI,WACtG,GACC,CANG"}

package/dist/elements/form.js

@@ -1,83 +1,80 @@
-import { jsx as m } from "react/jsx-runtime";
-import { createContext as c, useContext as d, useId as F, useMemo as l } from "react";
+"use client";
+import { cn } from "../lib/utils.js";
+import { Label } from "./label.js";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { createContext, useContext, useId, useMemo } from "react";
 import "@radix-ui/react-label";
-import { Slot as I } from "@radix-ui/react-slot";
-import { FormProvider as x, useFormContext as g, useFormState as p, Controller as v } from "react-hook-form";
-import { cn as i } from "../lib/utils.js";
-import { Label as C } from "./label.js";
-const w = x, f = c({}), u = c({}), P = ({
-  ...t
-}) => {
-  const e = l(() => ({ name: t.name }), [t.name]);
-  return /* @__PURE__ */ m(f.Provider, { value: e, children: /* @__PURE__ */ m(v, { ...t }) });
-}, a = () => {
-  const t = d(f), e = d(u), { getFieldState: o } = g(), r = p({ name: t.name }), n = o(t.name, r);
-  if (!t)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: s } = e;
-  return {
-    id: s,
-    name: t.name,
-    formItemId: `${s}-form-item`,
-    formDescriptionId: `${s}-form-item-description`,
-    formMessageId: `${s}-form-item-message`,
-    ...n
-  };
+import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
+var Form = FormProvider, FormFieldContext = createContext({}), FormItemContext = createContext({}), FormField = ({ ...e }) => {
+	let g = useMemo(() => ({ name: e.name }), [e.name]);
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: g,
+		children: /* @__PURE__ */ jsx(Controller, { ...e })
+	});
+}, useFormField = () => {
+	let e = useContext(FormFieldContext), g = useContext(FormItemContext), { getFieldState: _ } = useFormContext(), v = useFormState({ name: e.name }), y = _(e.name, v);
+	if (!e) throw Error("useFormField should be used within <FormField>");
+	let { id: x } = g;
+	return {
+		id: x,
+		name: e.name,
+		formItemId: `${x}-form-item`,
+		formDescriptionId: `${x}-form-item-description`,
+		formMessageId: `${x}-form-item-message`,
+		...y
+	};
 };
-function y({ className: t, ...e }) {
-  const o = F(), r = l(() => ({ id: o }), [o]);
-  return /* @__PURE__ */ m(u.Provider, { value: r, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("grid gap-2", t), ...e }) });
+function FormItem({ className: g, ...v }) {
+	let y = useId(), b = useMemo(() => ({ id: y }), [y]);
+	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
+		value: b,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "form-item",
+			className: cn("grid gap-2", g),
+			...v
+		})
+	});
 }
-function L({ className: t, ...e }) {
-  const { error: o, formItemId: r } = a();
-  return /* @__PURE__ */ m(
-    C,
-    {
-      "data-slot": "form-label",
-      "data-error": !!o,
-      className: i("data-[error=true]:text-destructive", t),
-      htmlFor: r,
-      ...e
-    }
-  );
+function FormLabel({ className: v, ...y }) {
+	let { error: b, formItemId: x } = useFormField();
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "form-label",
+		"data-error": !!b,
+		className: cn("data-[error=true]:text-destructive", v),
+		htmlFor: x,
+		...y
+	});
 }
-function j({ ...t }) {
-  const { error: e, formItemId: o, formDescriptionId: r, formMessageId: n } = a();
-  return /* @__PURE__ */ m(
-    I,
-    {
-      "data-slot": "form-control",
-      id: o,
-      "aria-describedby": e ? `${r} ${n}` : r,
-      "aria-invalid": !!e,
-      ...t
-    }
-  );
+function FormControl({ ...e }) {
+	let { error: g, formItemId: y, formDescriptionId: b, formMessageId: x } = useFormField();
+	return /* @__PURE__ */ jsx(Slot, {
+		"data-slot": "form-control",
+		id: y,
+		"aria-describedby": g ? `${b} ${x}` : b,
+		"aria-invalid": !!g,
+		...e
+	});
 }
-function E({ className: t, ...e }) {
-  const { formDescriptionId: o } = a();
-  return /* @__PURE__ */ m(
-    "p",
-    {
-      "data-slot": "form-description",
-      id: o,
-      className: i("text-muted-foreground text-sm", t),
-      ...e
-    }
-  );
+function FormDescription({ className: g, ...v }) {
+	let { formDescriptionId: y } = useFormField();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-description",
+		id: y,
+		className: cn("text-muted-foreground text-sm", g),
+		...v
+	});
 }
-function k({ className: t, ...e }) {
-  const { error: o, formMessageId: r } = a(), n = o ? String((o == null ? void 0 : o.message) ?? "") : e.children;
-  return n ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: r, className: i("text-destructive text-sm", t), ...e, children: n }) : null;
+function FormMessage({ className: g, ...v }) {
+	let { error: y, formMessageId: b } = useFormField(), x = y ? String(y?.message ?? "") : v.children;
+	return x ? /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-message",
+		id: b,
+		className: cn("text-destructive text-sm", g),
+		...v,
+		children: x
+	}) : null;
 }
-export {
-  w as Form,
-  j as FormControl,
-  E as FormDescription,
-  P as FormField,
-  y as FormItem,
-  L as FormLabel,
-  k as FormMessage,
-  a as useFormField
-};
-//# sourceMappingURL=form.js.map
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+
+//# sourceMappingURL=form.js.map