@acronis-platform/shadcn-uikit 0.34.0 → 0.35.0

package/dist/components/ui/dropdown-menu.js

@@ -1,148 +1,135 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import * as i from "react";
-import { cn as a } from "../../lib/utils.js";
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import * as s from "react";
+import { Menu as t } from "@base-ui/react";
+import { cn as d } from "../../lib/utils.js";
 import "../icons/dynamic-icons.js";
-import { ChevronRightIcon as g, CheckIcon as w, CircleIcon as b } from "../icons/auto-generated.js";
-import { MenuSubmenuTrigger as h } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/submenu-trigger/MenuSubmenuTrigger.js";
-import { MenuPositioner as m } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js";
-import { MenuPopup as l } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js";
-import { MenuPortal as c } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js";
-import { MenuItem as M } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/item/MenuItem.js";
-import { MenuCheckboxItem as x } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/checkbox-item/MenuCheckboxItem.js";
-import { MenuCheckboxItemIndicator as v } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.js";
-import { MenuRadioItem as y } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItem.js";
-import { MenuRadioItemIndicator as D } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js";
-import { MenuRoot as N } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/root/MenuRoot.js";
-import { MenuTrigger as R } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js";
-import { MenuGroup as I } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/group/MenuGroup.js";
-import { MenuSubmenuRoot as _ } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/submenu-root/MenuSubmenuRoot.js";
-import { MenuRadioGroup as C } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js";
-const te = N, ne = R, re = I, ae = c, ie = _, de = C, S = i.forwardRef(({ className: e, inset: o, children: n, ...r }, d) => /* @__PURE__ */ s(
-  h,
+import { ChevronRightIcon as u, CheckIcon as f, CircleIcon as g } from "../icons/auto-generated.js";
+const k = t.Root, z = t.Trigger, P = t.Group, T = t.Portal, j = t.SubmenuRoot, G = t.RadioGroup, w = s.forwardRef(({ className: e, inset: o, children: a, ...r }, i) => /* @__PURE__ */ l(
+  t.SubmenuTrigger,
   {
-    ref: d,
-    className: a(
+    ref: i,
+    className: d(
       "flex cursor-default select-none items-center gap-4 px-4 py-2 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       o && "pl-8",
       e
     ),
     ...r,
     children: [
-      n,
-      /* @__PURE__ */ t(g, { className: "ml-auto" })
+      a,
+      /* @__PURE__ */ n(u, { className: "ml-auto" })
     ]
   }
 ));
-S.displayName = "DropdownMenuSubTrigger";
-const k = i.forwardRef(({ className: e, sideOffset: o = 4, ...n }, r) => /* @__PURE__ */ t(m, { sideOffset: o, children: /* @__PURE__ */ t(
-  l,
+w.displayName = "DropdownMenuSubTrigger";
+const b = s.forwardRef(({ className: e, sideOffset: o = 4, ...a }, r) => /* @__PURE__ */ n(t.Positioner, { sideOffset: o, children: /* @__PURE__ */ n(
+  t.Popup,
   {
     ref: r,
-    className: a(
+    className: d(
       "z-50 min-w-[8rem] overflow-hidden rounded bg-popover py-2 text-popover-foreground shadow-[0px_10px_20px_rgba(36,49,67,0.2)] data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[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",
       e
     ),
-    ...n
+    ...a
   }
 ) }));
-k.displayName = "DropdownMenuSubContent";
-const z = i.forwardRef(({ className: e, portal: o = !0, sideOffset: n = 4, align: r, side: d, ...u }, f) => {
-  const p = /* @__PURE__ */ t(m, { sideOffset: n, align: r, side: d, children: /* @__PURE__ */ t(
-    l,
+b.displayName = "DropdownMenuSubContent";
+const h = s.forwardRef(({ className: e, portal: o = !0, sideOffset: a = 4, align: r, side: i, ...c }, m) => {
+  const p = /* @__PURE__ */ n(t.Positioner, { sideOffset: a, align: r, side: i, children: /* @__PURE__ */ n(
+    t.Popup,
     {
-      ref: f,
-      className: a(
+      ref: m,
+      className: d(
         "z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded bg-popover py-2 text-popover-foreground shadow-[0px_10px_20px_rgba(36,49,67,0.2)] data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[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",
         e
       ),
-      ...u
+      ...c
     }
   ) });
-  return o ? /* @__PURE__ */ t(c, { children: p }) : p;
+  return o ? /* @__PURE__ */ n(t.Portal, { children: p }) : p;
 });
-z.displayName = "DropdownMenuContent";
-const T = i.forwardRef(({ className: e, inset: o, ...n }, r) => /* @__PURE__ */ t(
-  M,
+h.displayName = "DropdownMenuContent";
+const x = s.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */ n(
+  t.Item,
   {
     ref: r,
-    className: a(
+    className: d(
       "relative flex cursor-default select-none items-center gap-4 px-4 py-2 text-sm leading-6 outline-none transition-colors hover:bg-primary/10 focus:bg-primary/10 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       o && "pl-8",
       e
     ),
-    ...n
+    ...a
   }
 ));
-T.displayName = "DropdownMenuItem";
-const j = i.forwardRef(({ className: e, children: o, checked: n, ...r }, d) => /* @__PURE__ */ s(
-  x,
+x.displayName = "DropdownMenuItem";
+const v = s.forwardRef(({ className: e, children: o, checked: a, ...r }, i) => /* @__PURE__ */ l(
+  t.CheckboxItem,
   {
-    ref: d,
-    className: a(
+    ref: i,
+    className: d(
       "relative flex cursor-default select-none items-center py-2 pl-10 pr-4 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
-    checked: n,
+    checked: a,
     ...r,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(w, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(t.CheckboxItemIndicator, { children: /* @__PURE__ */ n(f, { className: "h-4 w-4" }) }) }),
       o
     ]
   }
 ));
-j.displayName = "DropdownMenuCheckboxItem";
-const G = i.forwardRef(({ className: e, children: o, ...n }, r) => /* @__PURE__ */ s(
-  y,
+v.displayName = "DropdownMenuCheckboxItem";
+const y = s.forwardRef(({ className: e, children: o, ...a }, r) => /* @__PURE__ */ l(
+  t.RadioItem,
   {
     ref: r,
-    className: a(
+    className: d(
       "relative flex cursor-default select-none items-center py-2 pl-10 pr-4 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
-    ...n,
+    ...a,
     children: [
-      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(b, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(t.RadioItemIndicator, { children: /* @__PURE__ */ n(g, { className: "h-2 w-2 fill-current" }) }) }),
       o
     ]
   }
 ));
-G.displayName = "DropdownMenuRadioItem";
-const P = i.forwardRef(({ className: e, inset: o, ...n }, r) => /* @__PURE__ */ t(
+y.displayName = "DropdownMenuRadioItem";
+const M = s.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */ n(
   "div",
   {
     ref: r,
-    className: a("px-4 py-2 text-sm font-semibold leading-6", o && "pl-8", e),
-    ...n
+    className: d("px-4 py-2 text-sm font-semibold leading-6", o && "pl-8", e),
+    ...a
   }
 ));
-P.displayName = "DropdownMenuLabel";
-const L = i.forwardRef(({ className: e, ...o }, n) => /* @__PURE__ */ t(
+M.displayName = "DropdownMenuLabel";
+const D = s.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
   "div",
   {
-    ref: n,
+    ref: a,
     role: "separator",
-    className: a("-mx-1 my-1 h-px bg-muted", e),
+    className: d("-mx-1 my-1 h-px bg-muted", e),
     ...o
   }
 ));
-L.displayName = "DropdownMenuSeparator";
-const q = ({ className: e, ...o }) => /* @__PURE__ */ t("span", { className: a("ml-auto text-xs tracking-widest opacity-60", e), ...o });
-q.displayName = "DropdownMenuShortcut";
+D.displayName = "DropdownMenuSeparator";
+const N = ({ className: e, ...o }) => /* @__PURE__ */ n("span", { className: d("ml-auto text-xs tracking-widest opacity-60", e), ...o });
+N.displayName = "DropdownMenuShortcut";
 export {
-  te as DropdownMenu,
-  j as DropdownMenuCheckboxItem,
-  z as DropdownMenuContent,
-  re as DropdownMenuGroup,
-  T as DropdownMenuItem,
-  P as DropdownMenuLabel,
-  ae as DropdownMenuPortal,
-  de as DropdownMenuRadioGroup,
-  G as DropdownMenuRadioItem,
-  L as DropdownMenuSeparator,
-  q as DropdownMenuShortcut,
-  ie as DropdownMenuSub,
-  k as DropdownMenuSubContent,
-  S as DropdownMenuSubTrigger,
-  ne as DropdownMenuTrigger
+  k as DropdownMenu,
+  v as DropdownMenuCheckboxItem,
+  h as DropdownMenuContent,
+  P as DropdownMenuGroup,
+  x as DropdownMenuItem,
+  M as DropdownMenuLabel,
+  T as DropdownMenuPortal,
+  G as DropdownMenuRadioGroup,
+  y as DropdownMenuRadioItem,
+  D as DropdownMenuSeparator,
+  N as DropdownMenuShortcut,
+  j as DropdownMenuSub,
+  b as DropdownMenuSubContent,
+  w as DropdownMenuSubTrigger,
+  z as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/components/ui/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Menu } from '@base-ui/react'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\nconst DropdownMenu = Menu.Root\n\nconst DropdownMenuTrigger = Menu.Trigger\n\nconst DropdownMenuGroup = Menu.Group\n\nconst DropdownMenuPortal = Menu.Portal\n\n// Base UI uses Menu.SubmenuRoot instead of a flat Sub component.\n// SubmenuTrigger must be a direct child of the parent Menu.Popup,\n// and it must be wrapped in Menu.SubmenuRoot to establish the submenu context.\nconst DropdownMenuSub = Menu.SubmenuRoot\n\nconst DropdownMenuRadioGroup = Menu.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.SubmenuTrigger.Props, 'ref'> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <Menu.SubmenuTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center gap-4 px-4 py-2 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto\" />\n  </Menu.SubmenuTrigger>\n))\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\n\nconst DropdownMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<Menu.Popup.Props, 'ref'> & {\n    sideOffset?: number\n  }\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <Menu.Positioner sideOffset={sideOffset}>\n    <Menu.Popup\n      ref={ref}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded bg-popover py-2 text-popover-foreground shadow-[0px_10px_20px_rgba(36,49,67,0.2)] data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[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',\n        className\n      )}\n      {...props}\n    />\n  </Menu.Positioner>\n))\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\n\nconst DropdownMenuContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<Menu.Popup.Props, 'ref'> & {\n    portal?: boolean\n    sideOffset?: number\n    align?: 'start' | 'center' | 'end'\n    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'\n  }\n>(({ className, portal = true, sideOffset = 4, align, side, ...props }, ref) => {\n  const positioner = (\n    <Menu.Positioner sideOffset={sideOffset} align={align} side={side}>\n      <Menu.Popup\n        ref={ref}\n        className={cn(\n          'z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded bg-popover py-2 text-popover-foreground shadow-[0px_10px_20px_rgba(36,49,67,0.2)] data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[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',\n          className\n        )}\n        {...props}\n      />\n    </Menu.Positioner>\n  )\n\n  return portal ? <Menu.Portal>{positioner}</Menu.Portal> : positioner\n})\nDropdownMenuContent.displayName = 'DropdownMenuContent'\n\nconst DropdownMenuItem = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.Item.Props, 'ref'> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <Menu.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center gap-4 px-4 py-2 text-sm leading-6 outline-none transition-colors hover:bg-primary/10 focus:bg-primary/10 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = 'DropdownMenuItem'\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.CheckboxItem.Props, 'ref'>\n>(({ className, children, checked, ...props }, ref) => (\n  <Menu.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-2 pl-10 pr-4 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <Menu.CheckboxItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </Menu.CheckboxItemIndicator>\n    </span>\n    {children}\n  </Menu.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.RadioItem.Props, 'ref'>\n>(({ className, children, ...props }, ref) => (\n  <Menu.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-2 pl-10 pr-4 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <Menu.RadioItemIndicator>\n        <CircleIcon className=\"h-2 w-2 fill-current\" />\n      </Menu.RadioItemIndicator>\n    </span>\n    {children}\n  </Menu.RadioItem>\n))\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\n\n// Menu.GroupLabel requires a Menu.Group parent (Base UI constraint), but shadcn's\n// DropdownMenuLabel is used standalone. Render a plain div to match the original API.\nconst DropdownMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('px-4 py-2 text-sm font-semibold leading-6', inset && 'pl-8', className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n\n// Base UI has no built-in Separator in Menu — render a plain div with role=\"separator\"\nconst DropdownMenuSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"separator\"\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","Menu.Root","DropdownMenuTrigger","Menu.Trigger","DropdownMenuGroup","Menu.Group","DropdownMenuPortal","Menu.Portal","DropdownMenuSub","Menu.SubmenuRoot","DropdownMenuRadioGroup","Menu.RadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","Menu.SubmenuTrigger","cn","jsx","ChevronRightIcon","DropdownMenuSubContent","sideOffset","Menu.Positioner","Menu.Popup","DropdownMenuContent","portal","align","side","positioner","DropdownMenuItem","Menu.Item","DropdownMenuCheckboxItem","checked","Menu.CheckboxItem","Menu.CheckboxItemIndicator","CheckIcon","DropdownMenuRadioItem","Menu.RadioItem","Menu.RadioItemIndicator","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Menu } from '@base-ui/react'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\nconst DropdownMenu = Menu.Root\n\nconst DropdownMenuTrigger = Menu.Trigger\n\nconst DropdownMenuGroup = Menu.Group\n\nconst DropdownMenuPortal = Menu.Portal\n\n// Base UI uses Menu.SubmenuRoot instead of a flat Sub component.\n// SubmenuTrigger must be a direct child of the parent Menu.Popup,\n// and it must be wrapped in Menu.SubmenuRoot to establish the submenu context.\nconst DropdownMenuSub = Menu.SubmenuRoot\n\nconst DropdownMenuRadioGroup = Menu.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.SubmenuTrigger.Props, 'ref'> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <Menu.SubmenuTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center gap-4 px-4 py-2 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto\" />\n  </Menu.SubmenuTrigger>\n))\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger'\n\nconst DropdownMenuSubContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<Menu.Popup.Props, 'ref'> & {\n    sideOffset?: number\n  }\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <Menu.Positioner sideOffset={sideOffset}>\n    <Menu.Popup\n      ref={ref}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded bg-popover py-2 text-popover-foreground shadow-[0px_10px_20px_rgba(36,49,67,0.2)] data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[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',\n        className\n      )}\n      {...props}\n    />\n  </Menu.Positioner>\n))\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent'\n\nconst DropdownMenuContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<Menu.Popup.Props, 'ref'> & {\n    portal?: boolean\n    sideOffset?: number\n    align?: 'start' | 'center' | 'end'\n    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start'\n  }\n>(({ className, portal = true, sideOffset = 4, align, side, ...props }, ref) => {\n  const positioner = (\n    <Menu.Positioner sideOffset={sideOffset} align={align} side={side}>\n      <Menu.Popup\n        ref={ref}\n        className={cn(\n          'z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded bg-popover py-2 text-popover-foreground shadow-[0px_10px_20px_rgba(36,49,67,0.2)] data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[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',\n          className\n        )}\n        {...props}\n      />\n    </Menu.Positioner>\n  )\n\n  return portal ? <Menu.Portal>{positioner}</Menu.Portal> : positioner\n})\nDropdownMenuContent.displayName = 'DropdownMenuContent'\n\nconst DropdownMenuItem = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.Item.Props, 'ref'> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <Menu.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center gap-4 px-4 py-2 text-sm leading-6 outline-none transition-colors hover:bg-primary/10 focus:bg-primary/10 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n      inset && 'pl-8',\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = 'DropdownMenuItem'\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.CheckboxItem.Props, 'ref'>\n>(({ className, children, checked, ...props }, ref) => (\n  <Menu.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-2 pl-10 pr-4 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <Menu.CheckboxItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </Menu.CheckboxItemIndicator>\n    </span>\n    {children}\n  </Menu.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem'\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  HTMLElement,\n  Omit<Menu.RadioItem.Props, 'ref'>\n>(({ className, children, ...props }, ref) => (\n  <Menu.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center py-2 pl-10 pr-4 text-sm leading-6 outline-none transition-colors hover:bg-accent focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <Menu.RadioItemIndicator>\n        <CircleIcon className=\"h-2 w-2 fill-current\" />\n      </Menu.RadioItemIndicator>\n    </span>\n    {children}\n  </Menu.RadioItem>\n))\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem'\n\n// Menu.GroupLabel requires a Menu.Group parent (Base UI constraint), but shadcn's\n// DropdownMenuLabel is used standalone. Render a plain div to match the original API.\nconst DropdownMenuLabel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('px-4 py-2 text-sm font-semibold leading-6', inset && 'pl-8', className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n\n// Base UI has no built-in Separator in Menu — render a plain div with role=\"separator\"\nconst DropdownMenuSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"separator\"\n    className={cn('-mx-1 my-1 h-px bg-muted', className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","Menu","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRightIcon","DropdownMenuSubContent","sideOffset","DropdownMenuContent","portal","align","side","positioner","DropdownMenuItem","DropdownMenuCheckboxItem","checked","CheckIcon","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}

package/dist/components/ui/form.js

@@ -1,93 +1,103 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import * as o from "react";
-import { useFormContext as u, FormProvider as F, Controller as p } from "../../node_modules/.pnpm/react-hook-form@7.71.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.js";
-import { cn as a } from "../../lib/utils.js";
-const y = F, c = o.createContext(null), N = ({
+import { useFormContext as F, FormProvider as p, Controller as I } from "../../node_modules/.pnpm/react-hook-form@7.71.0_react@19.2.4/node_modules/react-hook-form/dist/index.esm.js";
+import { cn as d } from "../../lib/utils.js";
+const h = p, c = o.createContext(null), D = ({
   ...e
-}) => /* @__PURE__ */ i(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ i(p, { ...e }) }), l = () => {
-  const e = o.useContext(c), r = o.useContext(f), { getFieldState: m, formState: t } = u();
-  if (!e)
-    throw new Error("useFormField should be used within <FormField>");
-  if (!r)
+}) => /* @__PURE__ */ n(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ n(I, { ...e }) }), l = () => {
+  const e = o.useContext(c), t = o.useContext(f), s = F();
+  if (!t)
     throw new Error("useFormField should be used within <FormItem>");
-  const s = m(e.name, t), { id: n } = r;
+  const { id: r } = t, m = {
+    id: r,
+    name: (e == null ? void 0 : e.name) ?? "",
+    formItemId: `${r}-form-item`,
+    formDescriptionId: `${r}-form-item-description`,
+    formMessageId: `${r}-form-item-message`
+  };
+  if (!s || !e)
+    return {
+      ...m,
+      invalid: !1,
+      isDirty: !1,
+      isTouched: !1,
+      isValidating: !1,
+      error: void 0
+    };
+  const { getFieldState: i, formState: a } = s, u = i(e.name, a);
   return {
-    id: n,
-    name: e.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...s
+    ...m,
+    ...u
   };
 }, f = o.createContext(null), x = o.forwardRef(
-  ({ className: e, ...r }, m) => {
-    const t = o.useId();
-    return /* @__PURE__ */ i(f.Provider, { value: { id: t }, children: /* @__PURE__ */ i("div", { ref: m, className: a("space-y-2", e), ...r }) });
+  ({ className: e, ...t }, s) => {
+    const r = o.useId();
+    return /* @__PURE__ */ n(f.Provider, { value: { id: r }, children: /* @__PURE__ */ n("div", { ref: s, className: d("space-y-2", e), ...t }) });
   }
 );
 x.displayName = "FormItem";
-const I = o.forwardRef(({ className: e, ...r }, m) => {
-  const { error: t, formItemId: s } = l();
-  return /* @__PURE__ */ i(
+const g = o.forwardRef(({ className: e, ...t }, s) => {
+  const { error: r, formItemId: m } = l();
+  return /* @__PURE__ */ n(
     "label",
     {
-      ref: m,
-      className: a(
+      ref: s,
+      className: d(
         "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-        t && "text-destructive",
+        r && "text-destructive",
         e
       ),
-      htmlFor: s,
-      ...r
+      htmlFor: m,
+      ...t
     }
   );
 });
-I.displayName = "FormLabel";
-const w = o.forwardRef(({ children: e, ...r }, m) => {
-  const { error: t, formItemId: s, formDescriptionId: n, formMessageId: d } = l();
+g.displayName = "FormLabel";
+const v = o.forwardRef(({ children: e, ...t }, s) => {
+  const { error: r, formItemId: m, formDescriptionId: i, formMessageId: a } = l();
   return o.isValidElement(e) ? o.cloneElement(e, {
-    id: s,
-    "aria-describedby": t ? `${n} ${d}` : n,
-    "aria-invalid": !!t,
-    ...r
+    id: m,
+    "aria-describedby": r ? `${i} ${a}` : i,
+    "aria-invalid": !!r,
+    ...t
   }) : null;
 });
-w.displayName = "FormControl";
-const C = o.forwardRef(({ className: e, ...r }, m) => {
-  const { formDescriptionId: t } = l();
-  return /* @__PURE__ */ i(
+v.displayName = "FormControl";
+const C = o.forwardRef(({ className: e, ...t }, s) => {
+  const { formDescriptionId: r } = l();
+  return /* @__PURE__ */ n(
     "p",
     {
-      ref: m,
-      id: t,
-      className: a("text-sm text-muted-foreground", e),
-      ...r
+      ref: s,
+      id: r,
+      className: d("text-sm text-muted-foreground", e),
+      ...t
     }
   );
 });
 C.displayName = "FormDescription";
-const g = o.forwardRef(({ className: e, children: r, ...m }, t) => {
-  const { error: s, formMessageId: n } = l(), d = s ? String((s == null ? void 0 : s.message) ?? "") : r;
-  return d ? /* @__PURE__ */ i(
+const b = o.forwardRef(({ className: e, children: t, ...s }, r) => {
+  const { error: m, formMessageId: i } = l(), a = m ? String((m == null ? void 0 : m.message) ?? "") : t;
+  return a ? /* @__PURE__ */ n(
     "p",
     {
-      ref: t,
-      id: n,
-      className: a("text-sm font-medium text-destructive", e),
-      ...m,
-      children: d
+      ref: r,
+      id: i,
+      className: d("text-sm font-medium text-destructive", e),
+      ...s,
+      children: a
     }
   ) : null;
 });
-g.displayName = "FormMessage";
+b.displayName = "FormMessage";
 export {
-  y as Form,
-  w as FormControl,
+  h as Form,
+  v as FormControl,
   C as FormDescription,
-  N as FormField,
+  D as FormField,
   x as FormItem,
-  I as FormLabel,
-  g as FormMessage,
+  g as FormLabel,
+  b as FormMessage,
   l as useFormField
 };
 //# sourceMappingURL=form.js.map

package/dist/components/ui/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../src/components/ui/form.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\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 = React.createContext<FormFieldContextValue | null>(null)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>')\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>')\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState)\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\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = React.forwardRef<\n  HTMLLabelElement,\n  React.ComponentPropsWithoutRef<'label'>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <label\n      ref={ref}\n      className={cn(\n        'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n        error && 'text-destructive',\n        className\n      )}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = React.forwardRef<\n  HTMLElement,\n  React.PropsWithChildren<Record<string, unknown>>\n>(({ children, ...props }, _ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  if (!React.isValidElement(children)) {\n    return null\n  }\n\n  return React.cloneElement(children as React.ReactElement<Record<string, unknown>>, {\n    id: formItemId,\n    'aria-describedby': !error\n      ? formDescriptionId\n      : `${formDescriptionId} ${formMessageId}`,\n    'aria-invalid': !!error,\n    ...props,\n  })\n})\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? '') : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-sm font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = 'FormMessage'\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","FormControl","children","_ref","formDescriptionId","formMessageId","FormDescription","FormMessage","body"],"mappings":"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"}
+{"version":3,"file":"form.js","sources":["../../../src/components/ui/form.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form'\n\nimport { cn } from '@/lib/utils'\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 = React.createContext<FormFieldContextValue | null>(null)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  // useFormContext returns null when used outside <Form> (FormProvider)\n  const rhfContext = useFormContext()\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>')\n  }\n\n  const { id } = itemContext\n  const base = {\n    id,\n    name: fieldContext?.name ?? '',\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n  }\n\n  // Standalone mode: no RHF context (e.g. TanStack Form, native forms)\n  if (!rhfContext || !fieldContext) {\n    return {\n      ...base,\n      invalid: false,\n      isDirty: false,\n      isTouched: false,\n      isValidating: false,\n      error: undefined,\n    }\n  }\n\n  const { getFieldState, formState } = rhfContext\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  return {\n    ...base,\n    ...fieldState,\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null)\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId()\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    )\n  }\n)\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = React.forwardRef<\n  HTMLLabelElement,\n  React.ComponentPropsWithoutRef<'label'>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <label\n      ref={ref}\n      className={cn(\n        'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n        error && 'text-destructive',\n        className\n      )}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = React.forwardRef<\n  HTMLElement,\n  React.PropsWithChildren<Record<string, unknown>>\n>(({ children, ...props }, _ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  if (!React.isValidElement(children)) {\n    return null\n  }\n\n  return React.cloneElement(children as React.ReactElement<Record<string, unknown>>, {\n    id: formItemId,\n    'aria-describedby': !error\n      ? formDescriptionId\n      : `${formDescriptionId} ${formMessageId}`,\n    'aria-invalid': !!error,\n    ...props,\n  })\n})\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message ?? '') : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-sm font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = 'FormMessage'\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","rhfContext","useFormContext","id","base","getFieldState","formState","fieldState","FormItem","className","ref","cn","FormLabel","error","formItemId","FormControl","children","_ref","formDescriptionId","formMessageId","FormDescription","FormMessage","body"],"mappings":"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"}

package/dist/components/ui/number-field.js

@@ -1,39 +1,35 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as d from "react";
-import { cn as i } from "../../lib/utils.js";
-import { NumberFieldRoot as m } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/number-field/root/NumberFieldRoot.js";
-import { NumberFieldGroup as a } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/number-field/group/NumberFieldGroup.js";
-import { NumberFieldInput as n } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/number-field/input/NumberFieldInput.js";
-import { NumberFieldDecrement as s } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/number-field/decrement/NumberFieldDecrement.js";
-import { NumberFieldIncrement as u } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/number-field/increment/NumberFieldIncrement.js";
-const c = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(m, { ref: o, className: i("flex flex-col gap-1", e), ...r }));
-c.displayName = "NumberFieldRoot";
-const p = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  a,
+import { NumberField as l } from "@base-ui/react/number-field";
+import { cn as a } from "../../lib/utils.js";
+const i = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(l.Root, { ref: o, className: a("flex flex-col gap-1", e), ...r }));
+i.displayName = "NumberFieldRoot";
+const s = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  l.Group,
   {
     ref: o,
-    className: i("flex h-12 w-full rounded border border-input bg-background", e),
+    className: a("flex h-12 w-full rounded border border-input bg-background", e),
     ...r
   }
 ));
-p.displayName = "NumberFieldGroup";
-const f = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  n,
+s.displayName = "NumberFieldGroup";
+const m = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  l.Input,
   {
     ref: o,
-    className: i(
+    className: a(
       "w-full bg-transparent px-4 py-3 text-sm leading-6 text-foreground transition-colors placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
     ...r
   }
 ));
-f.displayName = "NumberFieldInput";
-const b = d.forwardRef(({ className: e, children: r, ...o }, l) => /* @__PURE__ */ t(
-  s,
+m.displayName = "NumberFieldInput";
+const u = d.forwardRef(({ className: e, children: r, ...o }, n) => /* @__PURE__ */ t(
+  l.Decrement,
   {
-    ref: l,
-    className: i(
+    ref: n,
+    className: a(
       "flex items-center justify-center px-2 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
@@ -41,12 +37,12 @@ const b = d.forwardRef(({ className: e, children: r, ...o }, l) => /* @__PURE__
     children: r ?? /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "−" })
   }
 ));
-b.displayName = "NumberFieldDecrement";
-const N = d.forwardRef(({ className: e, children: r, ...o }, l) => /* @__PURE__ */ t(
-  u,
+u.displayName = "NumberFieldDecrement";
+const c = d.forwardRef(({ className: e, children: r, ...o }, n) => /* @__PURE__ */ t(
+  l.Increment,
   {
-    ref: l,
-    className: i(
+    ref: n,
+    className: a(
       "flex items-center justify-center px-2 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
@@ -54,12 +50,12 @@ const N = d.forwardRef(({ className: e, children: r, ...o }, l) => /* @__PURE__
     children: r ?? /* @__PURE__ */ t("span", { "aria-hidden": !0, children: "+" })
   }
 ));
-N.displayName = "NumberFieldIncrement";
+c.displayName = "NumberFieldIncrement";
 export {
-  b as NumberFieldDecrement,
-  p as NumberFieldGroup,
-  N as NumberFieldIncrement,
-  f as NumberFieldInput,
-  c as NumberFieldRoot
+  u as NumberFieldDecrement,
+  s as NumberFieldGroup,
+  c as NumberFieldIncrement,
+  m as NumberFieldInput,
+  i as NumberFieldRoot
 };
 //# sourceMappingURL=number-field.js.map

package/dist/components/ui/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","sources":["../../../src/components/ui/number-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { NumberField } from '@base-ui/react/number-field'\n\nimport { cn } from '@/lib/utils'\n\nconst NumberFieldRoot = React.forwardRef<\n  React.ElementRef<typeof NumberField.Root>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Root>\n>(({ className, ...props }, ref) => (\n  <NumberField.Root ref={ref} className={cn('flex flex-col gap-1', className)} {...props} />\n))\nNumberFieldRoot.displayName = 'NumberFieldRoot'\n\nconst NumberFieldGroup = React.forwardRef<\n  React.ElementRef<typeof NumberField.Group>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Group>\n>(({ className, ...props }, ref) => (\n  <NumberField.Group\n    ref={ref}\n    className={cn('flex h-12 w-full rounded border border-input bg-background', className)}\n    {...props}\n  />\n))\nNumberFieldGroup.displayName = 'NumberFieldGroup'\n\nconst NumberFieldInput = React.forwardRef<\n  React.ElementRef<typeof NumberField.Input>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Input>\n>(({ className, ...props }, ref) => (\n  <NumberField.Input\n    ref={ref}\n    className={cn(\n      'w-full bg-transparent px-4 py-3 text-sm leading-6 text-foreground transition-colors placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n      className\n    )}\n    {...props}\n  />\n))\nNumberFieldInput.displayName = 'NumberFieldInput'\n\nconst NumberFieldDecrement = React.forwardRef<\n  React.ElementRef<typeof NumberField.Decrement>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Decrement>\n>(({ className, children, ...props }, ref) => (\n  <NumberField.Decrement\n    ref={ref}\n    className={cn(\n      'flex items-center justify-center px-2 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    {children ?? <span aria-hidden>−</span>}\n  </NumberField.Decrement>\n))\nNumberFieldDecrement.displayName = 'NumberFieldDecrement'\n\nconst NumberFieldIncrement = React.forwardRef<\n  React.ElementRef<typeof NumberField.Increment>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Increment>\n>(({ className, children, ...props }, ref) => (\n  <NumberField.Increment\n    ref={ref}\n    className={cn(\n      'flex items-center justify-center px-2 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    {children ?? <span aria-hidden>+</span>}\n  </NumberField.Increment>\n))\nNumberFieldIncrement.displayName = 'NumberFieldIncrement'\n\nexport {\n  NumberFieldRoot,\n  NumberFieldGroup,\n  NumberFieldInput,\n  NumberFieldDecrement,\n  NumberFieldIncrement,\n}\n"],"names":["NumberFieldRoot","React","className","props","ref","jsx","NumberField.Root","cn","NumberFieldGroup","NumberField.Group","NumberFieldInput","NumberField.Input","NumberFieldDecrement","children","NumberField.Decrement","NumberFieldIncrement","NumberField.Increment"],"mappings":";;;;;;;;AAKA,MAAMA,IAAkBC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,GAAA,EAAiB,KAAAF,GAAU,WAAWG,EAAG,uBAAuBL,CAAS,GAAI,GAAGC,GAAO,CACzF;AACDH,EAAgB,cAAc;AAE9B,MAAMQ,IAAmBP,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG,EAAG,8DAA8DL,CAAS;AAAA,IACpF,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAiB,cAAc;AAE/B,MAAME,IAAmBT,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACM;AAAAA,EAAA;AAAA,IACC,KAAAP;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAiB,cAAc;AAE/B,MAAME,IAAuBX,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAW,GAAU,GAAGV,KAASC,MACpC,gBAAAC;AAAA,EAACS;AAAAA,EAAA;AAAA,IACC,KAAAV;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAU,KAAY,gBAAAR,EAAC,QAAA,EAAK,eAAW,IAAC,UAAA,IAAA,CAAC;AAAA,EAAA;AAClC,CACD;AACDO,EAAqB,cAAc;AAEnC,MAAMG,IAAuBd,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAW,GAAU,GAAGV,KAASC,MACpC,gBAAAC;AAAA,EAACW;AAAAA,EAAA;AAAA,IACC,KAAAZ;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAU,KAAY,gBAAAR,EAAC,QAAA,EAAK,eAAW,IAAC,UAAA,IAAA,CAAC;AAAA,EAAA;AAClC,CACD;AACDU,EAAqB,cAAc;"}
+{"version":3,"file":"number-field.js","sources":["../../../src/components/ui/number-field.tsx"],"sourcesContent":["import * as React from 'react'\nimport { NumberField } from '@base-ui/react/number-field'\n\nimport { cn } from '@/lib/utils'\n\nconst NumberFieldRoot = React.forwardRef<\n  React.ElementRef<typeof NumberField.Root>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Root>\n>(({ className, ...props }, ref) => (\n  <NumberField.Root ref={ref} className={cn('flex flex-col gap-1', className)} {...props} />\n))\nNumberFieldRoot.displayName = 'NumberFieldRoot'\n\nconst NumberFieldGroup = React.forwardRef<\n  React.ElementRef<typeof NumberField.Group>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Group>\n>(({ className, ...props }, ref) => (\n  <NumberField.Group\n    ref={ref}\n    className={cn('flex h-12 w-full rounded border border-input bg-background', className)}\n    {...props}\n  />\n))\nNumberFieldGroup.displayName = 'NumberFieldGroup'\n\nconst NumberFieldInput = React.forwardRef<\n  React.ElementRef<typeof NumberField.Input>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Input>\n>(({ className, ...props }, ref) => (\n  <NumberField.Input\n    ref={ref}\n    className={cn(\n      'w-full bg-transparent px-4 py-3 text-sm leading-6 text-foreground transition-colors placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n      className\n    )}\n    {...props}\n  />\n))\nNumberFieldInput.displayName = 'NumberFieldInput'\n\nconst NumberFieldDecrement = React.forwardRef<\n  React.ElementRef<typeof NumberField.Decrement>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Decrement>\n>(({ className, children, ...props }, ref) => (\n  <NumberField.Decrement\n    ref={ref}\n    className={cn(\n      'flex items-center justify-center px-2 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    {children ?? <span aria-hidden>−</span>}\n  </NumberField.Decrement>\n))\nNumberFieldDecrement.displayName = 'NumberFieldDecrement'\n\nconst NumberFieldIncrement = React.forwardRef<\n  React.ElementRef<typeof NumberField.Increment>,\n  React.ComponentPropsWithoutRef<typeof NumberField.Increment>\n>(({ className, children, ...props }, ref) => (\n  <NumberField.Increment\n    ref={ref}\n    className={cn(\n      'flex items-center justify-center px-2 text-muted-foreground transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50',\n      className\n    )}\n    {...props}\n  >\n    {children ?? <span aria-hidden>+</span>}\n  </NumberField.Increment>\n))\nNumberFieldIncrement.displayName = 'NumberFieldIncrement'\n\nexport {\n  NumberFieldRoot,\n  NumberFieldGroup,\n  NumberFieldInput,\n  NumberFieldDecrement,\n  NumberFieldIncrement,\n}\n"],"names":["NumberFieldRoot","React","className","props","ref","jsx","NumberField","cn","NumberFieldGroup","NumberFieldInput","NumberFieldDecrement","children","NumberFieldIncrement"],"mappings":";;;;AAKA,MAAMA,IAAkBC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,EAAY,MAAZ,EAAiB,KAAAF,GAAU,WAAWG,EAAG,uBAAuBL,CAAS,GAAI,GAAGC,GAAO,CACzF;AACDH,EAAgB,cAAc;AAE9B,MAAMQ,IAAmBP,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,8DAA8DL,CAAS;AAAA,IACpF,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAiB,cAAc;AAE/B,MAAMC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAc;AAE/B,MAAMC,IAAuBT,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAS,GAAU,GAAGR,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAQ,KAAY,gBAAAN,EAAC,QAAA,EAAK,eAAW,IAAC,UAAA,IAAA,CAAC;AAAA,EAAA;AAClC,CACD;AACDK,EAAqB,cAAc;AAEnC,MAAME,IAAuBX,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAS,GAAU,GAAGR,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAAQ,KAAY,gBAAAN,EAAC,QAAA,EAAK,eAAW,IAAC,UAAA,IAAA,CAAC;AAAA,EAAA;AAClC,CACD;AACDO,EAAqB,cAAc;"}

package/dist/components/ui/pagination.d.ts

@@ -6,9 +6,9 @@ declare const Pagination: {
 };
 declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
 declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-type PaginationLinkProps = {
+export type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<ButtonProps, 'size'> & React.ComponentProps<'a'>;
+} & Partial<Pick<ButtonProps, 'size'>> & React.ComponentProps<'a'>;
 declare const PaginationLink: {
     ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;