@acronis-platform/shadcn-uikit 0.35.0 → 0.36.3

package/dist/components/ui/date-picker.js

@@ -1,18 +1,18 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import * as a from "react";
-import { Button as m } from "./button.js";
-import { Calendar as n } from "./calendar.js";
+import { Button as n } from "./button.js";
+import { Calendar as m } from "./calendar.js";
 import { CalendarIcon as i } from "../icons/auto-generated.js";
-import { Popover as s, PopoverTrigger as p, PopoverContent as d } from "./popover.js";
-import { formatDate as c } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";
+import { Popover as p, PopoverTrigger as s, PopoverContent as d } from "./popover.js";
+import { format as c } from "../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/format.js";
 function g() {
   const [e, r] = a.useState();
-  return /* @__PURE__ */ o(s, { children: [
+  return /* @__PURE__ */ o(p, { children: [
     /* @__PURE__ */ t(
-      p,
+      s,
       {
         render: /* @__PURE__ */ o(
-          m,
+          n,
           {
             variant: "outline",
             "data-empty": !e,
@@ -25,7 +25,7 @@ function g() {
         )
       }
     ),
-    /* @__PURE__ */ t(d, { className: "w-auto p-0", children: /* @__PURE__ */ t(n, { mode: "single", selected: e, onSelect: r }) })
+    /* @__PURE__ */ t(d, { className: "w-auto p-0", children: /* @__PURE__ */ t(m, { mode: "single", selected: e, onSelect: r }) })
   ] });
 }
 export {

package/dist/components/ui/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../../../src/components/ui/date-picker.tsx"],"sourcesContent":["import * as React from 'react'\nimport { format } from 'date-fns'\nimport { Button } from '@/components/ui/button'\nimport { Calendar } from '@/components/ui/calendar'\nimport { CalendarIcon } from '@/components/icons/auto-generated'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\n\nexport function DatePicker() {\n  const [date, setDate] = React.useState<Date>()\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        render={\n          <Button\n            variant=\"outline\"\n            data-empty={!date}\n            className=\"data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal\"\n          >\n            <CalendarIcon />\n            {date ? format(date, 'PPP') : <span>Pick a date</span>}\n          </Button>\n        }\n      />\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["DatePicker","date","setDate","React","Popover","jsx","PopoverTrigger","jsxs","Button","CalendarIcon","format","PopoverContent","Calendar"],"mappings":";;;;;;;AAOO,SAASA,IAAa;AAC3B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAA;AAE9B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAY,CAACP;AAAA,YACb,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAI,EAACI,GAAA,EAAa;AAAA,cACbR,IAAOS,EAAOT,GAAM,KAAK,IAAI,gBAAAI,EAAC,UAAK,UAAA,cAAA,CAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjD;AAAA,IAAA;AAAA,IAGJ,gBAAAA,EAACM,GAAA,EAAe,WAAU,cACxB,UAAA,gBAAAN,EAACO,GAAA,EAAS,MAAK,UAAS,UAAUX,GAAM,UAAUC,EAAA,CAAS,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"date-picker.js","sources":["../../../src/components/ui/date-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { format } from 'date-fns';\nimport { Button } from '@/components/ui/button';\nimport { Calendar } from '@/components/ui/calendar';\nimport { CalendarIcon } from '@/components/icons/auto-generated';\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/components/ui/popover';\n\nexport function DatePicker() {\n  const [date, setDate] = React.useState<Date>();\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        render={\n          <Button\n            variant=\"outline\"\n            data-empty={!date}\n            className=\"data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal\"\n          >\n            <CalendarIcon />\n            {date ? format(date, 'PPP') : <span>Pick a date</span>}\n          </Button>\n        }\n      />\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["DatePicker","date","setDate","React","Popover","jsx","PopoverTrigger","jsxs","Button","CalendarIcon","format","PopoverContent","Calendar"],"mappings":";;;;;;;AAWO,SAASA,IAAa;AAC3B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAA;AAE9B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAY,CAACP;AAAA,YACb,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAI,EAACI,GAAA,EAAa;AAAA,cACbR,IAAOS,EAAOT,GAAM,KAAK,IAAI,gBAAAI,EAAC,UAAK,UAAA,cAAA,CAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjD;AAAA,IAAA;AAAA,IAGJ,gBAAAA,EAACM,GAAA,EAAe,WAAU,cACxB,UAAA,gBAAAN,EAACO,GAAA,EAAS,MAAK,UAAS,UAAUX,GAAM,UAAUC,EAAA,CAAS,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ui/dialog.js

@@ -35,7 +35,10 @@ const g = s.forwardRef(({ className: o, children: a, portal: l = !0, ...c }, p)
   return l ? /* @__PURE__ */ e(t.Portal, { children: r }) : r;
 });
 g.displayName = "DialogContent";
-const u = ({ className: o, ...a }) => /* @__PURE__ */ e(
+const u = ({
+  className: o,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     className: i(
@@ -46,7 +49,10 @@ const u = ({ className: o, ...a }) => /* @__PURE__ */ e(
   }
 );
 u.displayName = "DialogHeader";
-const D = ({ className: o, ...a }) => /* @__PURE__ */ e(
+const D = ({
+  className: o,
+  ...a
+}) => /* @__PURE__ */ e(
   "div",
   {
     className: i(
@@ -85,7 +91,10 @@ const y = s.forwardRef(({ className: o, ...a }, l) => /* @__PURE__ */ d(
   }
 ));
 y.displayName = "DialogCloseButton";
-const N = ({ className: o, ...a }) => /* @__PURE__ */ e("div", { className: i("flex-1 overflow-auto p-6", o), ...a });
+const N = ({
+  className: o,
+  ...a
+}) => /* @__PURE__ */ e("div", { className: i("flex-1 overflow-auto p-6", o), ...a });
 N.displayName = "DialogBody";
 const b = s.forwardRef(({ className: o, ...a }, l) => /* @__PURE__ */ e(
   t.Description,

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Dialog as BaseDialog } from '@base-ui/react'\nimport { CloseIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\n// Re-export Root as Dialog so callers use <Dialog open={...}> identical to Radix usage\nconst Dialog = BaseDialog.Root\n\nconst DialogTrigger = BaseDialog.Trigger\n\nconst DialogPortal = BaseDialog.Portal\n\nconst DialogClose = BaseDialog.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Backdrop>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = 'DialogOverlay'\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Popup>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Popup> & {\n    portal?: boolean\n  }\n>(({ className, children, portal = true, ...props }, ref) => {\n  // Base UI requires Popup to be rendered inside a Portal for proper stacking context.\n  // When portal=false the caller opts out (e.g. inline usage in tests).\n  const popup = (\n    <>\n      <DialogOverlay />\n      <BaseDialog.Popup\n        ref={ref}\n        className={cn(\n          'fixed left-[50%] top-[50%] z-50 flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded bg-muted shadow-[0px_10px_20px_rgba(36,49,67,0.9)] duration-200 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-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </BaseDialog.Popup>\n    </>\n  )\n\n  return portal ? <BaseDialog.Portal>{popup}</BaseDialog.Portal> : popup\n})\nDialogContent.displayName = 'DialogContent'\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center gap-4 border-b border-border bg-card px-5 py-4',\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center justify-end gap-4 border-t border-border bg-card px-6 py-4',\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Title>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Title>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Title\n    ref={ref}\n    className={cn(\n      'flex-1 text-2xl font-normal leading-8 text-foreground',\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = 'DialogTitle'\n\nconst DialogCloseButton = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Close>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Close>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Close\n    ref={ref}\n    className={cn(\n      'rounded p-1 text-[#2668C5] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none',\n      className\n    )}\n    {...props}\n  >\n    <CloseIcon className=\"h-6 w-6\" />\n    <span className=\"sr-only\">Close</span>\n  </BaseDialog.Close>\n))\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex-1 overflow-auto p-6', className)} {...props} />\n)\nDialogBody.displayName = 'DialogBody'\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Description>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Description>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = 'DialogDescription'\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogCloseButton,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogBody,\n  DialogDescription,\n}\n"],"names":["Dialog","BaseDialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","portal","popup","jsxs","Fragment","DialogHeader","DialogFooter","DialogTitle","DialogCloseButton","CloseIcon","DialogBody","DialogDescription"],"mappings":"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"}
+{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react';\nimport { CloseIcon } from '@/components/icons';\n\nimport { cn } from '@/lib/utils';\n\n// Re-export Root as Dialog so callers use <Dialog open={...}> identical to Radix usage\nconst Dialog = BaseDialog.Root;\n\nconst DialogTrigger = BaseDialog.Trigger;\n\nconst DialogPortal = BaseDialog.Portal;\n\nconst DialogClose = BaseDialog.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Backdrop>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = 'DialogOverlay';\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Popup>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Popup> & {\n    portal?: boolean;\n  }\n>(({ className, children, portal = true, ...props }, ref) => {\n  // Base UI requires Popup to be rendered inside a Portal for proper stacking context.\n  // When portal=false the caller opts out (e.g. inline usage in tests).\n  const popup = (\n    <>\n      <DialogOverlay />\n      <BaseDialog.Popup\n        ref={ref}\n        className={cn(\n          'fixed left-[50%] top-[50%] z-50 flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded bg-muted shadow-[0px_10px_20px_rgba(36,49,67,0.9)] duration-200 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-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </BaseDialog.Popup>\n    </>\n  );\n\n  return portal ? <BaseDialog.Portal>{popup}</BaseDialog.Portal> : popup;\n});\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center gap-4 border-b border-border bg-card px-5 py-4',\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center justify-end gap-4 border-t border-border bg-card px-6 py-4',\n      className\n    )}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Title>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Title>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Title\n    ref={ref}\n    className={cn(\n      'flex-1 text-2xl font-normal leading-8 text-foreground',\n      className\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'DialogTitle';\n\nconst DialogCloseButton = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Close>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Close>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Close\n    ref={ref}\n    className={cn(\n      'rounded p-1 text-[#2668C5] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none',\n      className\n    )}\n    {...props}\n  >\n    <CloseIcon className=\"h-6 w-6\" />\n    <span className=\"sr-only\">Close</span>\n  </BaseDialog.Close>\n));\nDialogCloseButton.displayName = 'DialogCloseButton';\n\nconst DialogBody = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex-1 overflow-auto p-6', className)} {...props} />\n);\nDialogBody.displayName = 'DialogBody';\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Description>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Description>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'DialogDescription';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogCloseButton,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogBody,\n  DialogDescription,\n};\n"],"names":["Dialog","BaseDialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","portal","popup","jsxs","Fragment","DialogHeader","DialogFooter","DialogTitle","DialogCloseButton","CloseIcon","DialogBody","DialogDescription"],"mappings":"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"}

package/dist/components/ui/drawer.js

@@ -1,11 +1,17 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as l from "react";
-import { Drawer as a } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@19.2.3_@types_react@19.2.14__@types_react@19.2.14_react-dom_724ef6c3f0fbc86fbf11d8898c60a0ec/node_modules/vaul/dist/index.js";
+import { Drawer as a } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@19.2.3_@types_react@19.2.15__@types_react@19.2.15_react-dom_233448949f70b1fc5c438c8c9a472038/node_modules/vaul/dist/index.js";
 import { cn as s } from "../../lib/utils.js";
 const n = ({
   shouldScaleBackground: e = !0,
   ...r
-}) => /* @__PURE__ */ t(a.Root, { shouldScaleBackground: e, ...r });
+}) => /* @__PURE__ */ t(
+  a.Root,
+  {
+    shouldScaleBackground: e,
+    ...r
+  }
+);
 n.displayName = "Drawer";
 const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Overlay,
@@ -35,15 +41,36 @@ const p = l.forwardRef(({ className: e, children: r, ...o }, m) => /* @__PURE__
   )
 ] }));
 p.displayName = "DrawerContent";
-const f = ({ className: e, ...r }) => /* @__PURE__ */ t("div", { className: s("grid gap-1.5 p-4 text-center sm:text-left", e), ...r });
+const f = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("grid gap-1.5 p-4 text-center sm:text-left", e),
+    ...r
+  }
+);
 f.displayName = "DrawerHeader";
-const w = ({ className: e, ...r }) => /* @__PURE__ */ t("div", { className: s("mt-auto flex flex-col gap-2 p-4", e), ...r });
+const w = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("mt-auto flex flex-col gap-2 p-4", e),
+    ...r
+  }
+);
 w.displayName = "DrawerFooter";
 const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
   a.Title,
   {
     ref: o,
-    className: s("text-lg font-semibold leading-none tracking-tight", e),
+    className: s(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
     ...r
   }
 ));

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/components/ui/drawer.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Drawer as DrawerPrimitive } from 'vaul'\n\nimport { cn } from '@/lib/utils'\n\nconst Drawer = ({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n  <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n)\nDrawer.displayName = 'Drawer'\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal = DrawerPrimitive.Portal\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    className={cn('fixed inset-0 z-50 bg-black/80', className)}\n    {...props}\n  />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPortal>\n    <DrawerOverlay />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPortal>\n))\nDrawerContent.displayName = 'DrawerContent'\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props} />\n)\nDrawerHeader.displayName = 'DrawerHeader'\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />\n)\nDrawerFooter.displayName = 'DrawerFooter'\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],"names":["Drawer","shouldScaleBackground","props","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","jsx","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAKA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,wBACGC,EAAgB,MAAhB,EAAqB,uBAAAF,GAA+C,GAAGC,EAAA,CAAO;AAEjFF,EAAO,cAAc;AAErB,MAAMI,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGP,EAAA,GAASQ,MAC1B,gBAAAC;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,kCAAkCH,CAAS;AAAA,IACxD,GAAGP;AAAA,EAAA;AACN,CACD;AACDK,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGZ,EAAA,GAASQ,MACpC,gBAAAK,EAACV,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAM,EAACJ,GAAA,EAAc;AAAA,EACf,gBAAAQ;AAAA,IAACZ,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGP;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,mDAAA,CAAmD;AAAA,QACjEG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC,EAAE,WAAAP,GAAW,GAAGP,EAAA,MACpC,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAG,6CAA6CH,CAAS,GAAI,GAAGP,EAAA,CAAO;AAEzFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC,EAAE,WAAAR,GAAW,GAAGP,EAAA,MACpC,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAG,mCAAmCH,CAAS,GAAI,GAAGP,EAAA,CAAO;AAE/Ee,EAAa,cAAc;AAE3B,MAAMC,IAAcV,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGP,EAAA,GAASQ,MAC1B,gBAAAC;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,qDAAqDH,CAAS;AAAA,IAC3E,GAAGP;AAAA,EAAA;AACN,CACD;AACDgB,EAAY,cAAcf,EAAgB,MAAM;AAEhD,MAAMgB,IAAoBX,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGP,EAAA,GAASQ,MAC1B,gBAAAC;AAAA,EAACR,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGP;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAchB,EAAgB,YAAY;"}
+{"version":3,"file":"drawer.js","sources":["../../../src/components/ui/drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '@/lib/utils';\n\nconst Drawer = ({\n  shouldScaleBackground = true,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n  <DrawerPrimitive.Root\n    shouldScaleBackground={shouldScaleBackground}\n    {...props}\n  />\n);\nDrawer.displayName = 'Drawer';\n\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\nconst DrawerPortal = DrawerPrimitive.Portal;\n\nconst DrawerClose = DrawerPrimitive.Close;\n\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Overlay\n    ref={ref}\n    className={cn('fixed inset-0 z-50 bg-black/80', className)}\n    {...props}\n  />\n));\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;\n\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DrawerPortal>\n    <DrawerOverlay />\n    <DrawerPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n      {children}\n    </DrawerPrimitive.Content>\n  </DrawerPortal>\n));\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg font-semibold leading-none tracking-tight',\n      className\n    )}\n    {...props}\n  />\n));\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DrawerPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAKA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,uBAAAH;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAO,cAAc;AAErB,MAAMK,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACxD,GAAGR;AAAA,EAAA;AACN,CACD;AACDM,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMS,IAAgBJ,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAA,GAASS,MACpC,gBAAAI,EAACT,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAA,EAAc;AAAA,EACf,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mDAAA,CAAmD;AAAA,QACjEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC;AAAA,EACpB,WAAAN;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,6CAA6CF,CAAS;AAAA,IACnE,GAAGR;AAAA,EAAA;AACN;AAEFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAP;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN;AAEFe,EAAa,cAAc;AAE3B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAED,GAAGR;AAAA,EAAA;AACN,CACD;AACDgB,EAAY,cAAcd,EAAgB,MAAM;AAEhD,MAAMe,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,iCAAiCF,CAAS;AAAA,IACvD,GAAGR;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcf,EAAgB,YAAY;"}

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

@@ -33,20 +33,22 @@ const b = s.forwardRef(({ className: e, sideOffset: o = 4, ...a }, r) => /* @__P
   }
 ) }));
 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: 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
-      ),
-      ...c
-    }
-  ) });
-  return o ? /* @__PURE__ */ n(t.Portal, { children: p }) : p;
-});
+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: 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
+        ),
+        ...c
+      }
+    ) });
+    return o ? /* @__PURE__ */ n(t.Portal, { children: p }) : p;
+  }
+);
 h.displayName = "DropdownMenuContent";
 const x = s.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */ n(
   t.Item,
@@ -98,7 +100,11 @@ const M = s.forwardRef(({ className: e, inset: o, ...a }, r) => /* @__PURE__ */
   "div",
   {
     ref: r,
-    className: d("px-4 py-2 text-sm font-semibold leading-6", o && "pl-8", e),
+    className: d(
+      "px-4 py-2 text-sm font-semibold leading-6",
+      o && "pl-8",
+      e
+    ),
     ...a
   }
 ));
@@ -113,7 +119,16 @@ const D = s.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ n(
   }
 ));
 D.displayName = "DropdownMenuSeparator";
-const N = ({ className: e, ...o }) => /* @__PURE__ */ n("span", { className: d("ml-auto text-xs tracking-widest opacity-60", e), ...o });
+const N = ({
+  className: e,
+  ...o
+}) => /* @__PURE__ */ n(
+  "span",
+  {
+    className: d("ml-auto text-xs tracking-widest opacity-60", e),
+    ...o
+  }
+);
 N.displayName = "DropdownMenuShortcut";
 export {
   k as DropdownMenu,

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","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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"}
+{"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>(\n  (\n    { className, portal = true, sideOffset = 4, align, side, ...props },\n    ref\n  ) => {\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  }\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(\n      'px-4 py-2 text-sm font-semibold leading-6',\n      inset && 'pl-8',\n      className\n    )}\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 = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn('ml-auto text-xs tracking-widest opacity-60', className)}\n      {...props}\n    />\n  );\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/empty.js

@@ -31,7 +31,10 @@ function r({ className: t, ...e }) {
     "div",
     {
       "data-slot": "empty-header",
-      className: l("flex w-full flex-col items-center gap-2 text-center", t),
+      className: l(
+        "flex w-full flex-col items-center gap-2 text-center",
+        t
+      ),
       ...e
     }
   );
@@ -47,7 +50,14 @@ function c({ className: t, ...e }) {
   );
 }
 function o({ className: t, ...e }) {
-  return /* @__PURE__ */ n("p", { "data-slot": "empty-description", className: l("text-sm leading-6", t), ...e });
+  return /* @__PURE__ */ n(
+    "p",
+    {
+      "data-slot": "empty-description",
+      className: l("text-sm leading-6", t),
+      ...e
+    }
+  );
 }
 function p({ className: t, ...e }) {
   return /* @__PURE__ */ n(

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

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sources":["../../../src/components/ui/empty.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nfunction Empty({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        'flex w-full max-w-[448px] flex-col items-center justify-center text-center text-[hsl(var(--empty-foreground))]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyIcon({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      className={cn(\n        'mb-4 flex h-[var(--empty-icon-size,72px)] w-[var(--empty-icon-size,72px)] items-center justify-center [&_svg]:h-full [&_svg]:w-full',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn('flex w-full flex-col items-center gap-2 text-center', className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"empty-title\"\n      className={cn('text-lg font-normal leading-6', className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p data-slot=\"empty-description\" className={cn('text-sm leading-6', className)} {...props} />\n  )\n}\n\nfunction EmptyActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-actions\"\n      className={cn('mt-4 flex flex-col items-center gap-4', className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyLinks({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-links\"\n      className={cn('flex flex-col items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Empty, EmptyIcon, EmptyHeader, EmptyTitle, EmptyDescription, EmptyActions, EmptyLinks }\n"],"names":["Empty","className","props","jsx","cn","EmptyIcon","EmptyHeader","EmptyTitle","EmptyDescription","EmptyActions","EmptyLinks"],"mappings":";;AAEA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAU,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY,EAAE,WAAAL,GAAW,GAAGC,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,uDAAuDH,CAAS;AAAA,MAC7E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAW,EAAE,WAAAN,GAAW,GAAGC,KAAqC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB,EAAE,WAAAP,GAAW,GAAGC,KAAoC;AAC5E,SACE,gBAAAC,EAAC,KAAA,EAAE,aAAU,qBAAoB,WAAWC,EAAG,qBAAqBH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE/F;AAEA,SAASO,EAAa,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AAC1E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,yCAAyCH,CAAS;AAAA,MAC/D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,oCAAoCH,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"empty.js","sources":["../../../src/components/ui/empty.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nfunction Empty({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        'flex w-full max-w-[448px] flex-col items-center justify-center text-center text-[hsl(var(--empty-foreground))]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyIcon({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      className={cn(\n        'mb-4 flex h-[var(--empty-icon-size,72px)] w-[var(--empty-icon-size,72px)] items-center justify-center [&_svg]:h-full [&_svg]:w-full',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        'flex w-full flex-col items-center gap-2 text-center',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"empty-title\"\n      className={cn('text-lg font-normal leading-6', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"empty-description\"\n      className={cn('text-sm leading-6', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-actions\"\n      className={cn('mt-4 flex flex-col items-center gap-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyLinks({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-links\"\n      className={cn('flex flex-col items-center gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Empty,\n  EmptyIcon,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyActions,\n  EmptyLinks,\n};\n"],"names":["Empty","className","props","jsx","cn","EmptyIcon","EmptyHeader","EmptyTitle","EmptyDescription","EmptyActions","EmptyLinks"],"mappings":";;AAEA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAU,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY,EAAE,WAAAL,GAAW,GAAGC,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAW,EAAE,WAAAN,GAAW,GAAGC,KAAqC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB,EAAE,WAAAP,GAAW,GAAGC,KAAoC;AAC5E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qBAAqBH,CAAS;AAAA,MAC3C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAa,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AAC1E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,yCAAyCH,CAAS;AAAA,MAC/D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,oCAAoCH,CAAS;AAAA,MAC1D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/field.js

@@ -51,26 +51,29 @@ function y({ className: e, ...t }) {
     }
   );
 }
-const g = c("group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
-  variants: {
-    orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      horizontal: [
-        "flex-row items-center",
-        "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
-      ],
-      responsive: [
-        "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
-        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ]
+const g = c(
+  "group/field data-[invalid=true]:text-destructive flex w-full gap-3",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start"
+        ],
+        responsive: [
+          "@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
     }
-  },
-  defaultVariants: {
-    orientation: "vertical"
   }
-});
+);
 function L({
   className: e,
   orientation: t = "vertical",
@@ -92,12 +95,18 @@ function S({ className: e, ...t }) {
     "div",
     {
       "data-slot": "field-content",
-      className: o("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", e),
+      className: o(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        e
+      ),
       ...t
     }
   );
 }
-function j({ className: e, ...t }) {
+function j({
+  className: e,
+  ...t
+}) {
   return /* @__PURE__ */ l(
     m,
     {
@@ -177,7 +186,9 @@ function D({
 }) {
   const i = u(() => {
     var n;
-    return t || (a ? (a == null ? void 0 : a.length) === 1 && ((n = a[0]) != null && n.message) ? a[0].message : /* @__PURE__ */ l("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: a.map((d, r) => (d == null ? void 0 : d.message) && /* @__PURE__ */ l("li", { children: d.message }, r)) }) : null);
+    return t || (a ? (a == null ? void 0 : a.length) === 1 && ((n = a[0]) != null && n.message) ? a[0].message : /* @__PURE__ */ l("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: a.map(
+      (d, r) => (d == null ? void 0 : d.message) && /* @__PURE__ */ l("li", { children: d.message }, r)
+    ) }) : null);
   }, [t, a]);
   return i ? /* @__PURE__ */ l(
     "div",

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@/lib/utils'\nimport { Label } from '@/components/ui/label'\nimport { Separator } from '@/components/ui/separator'\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-6',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-3 font-medium',\n        'data-[variant=legend]:text-base',\n        'data-[variant=label]:text-sm',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva('group/field data-[invalid=true]:text-destructive flex w-full gap-3', {\n  variants: {\n    orientation: {\n      vertical: ['flex-col [&>*]:w-full [&>.sr-only]:w-auto'],\n      horizontal: [\n        'flex-row items-center',\n        '[&>[data-slot=field-label]]:flex-auto',\n        'has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start',\n      ],\n      responsive: [\n        '@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto',\n        '@md/field-group:[&>[data-slot=field-label]]:flex-auto',\n        '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      ],\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n})\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn('group/field-content flex flex-1 flex-col gap-1.5 leading-snug', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4',\n        'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance',\n        'nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  children?: React.ReactNode\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors) {\n      return null\n    }\n\n    if (errors?.length === 1 && errors[0]?.message) {\n      return errors[0].message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {errors.map((error, index) => error?.message && <li key={index}>{error.message}</li>)}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n}\n"],"names":["FieldSet","className","props","jsx","cn","FieldLegend","variant","FieldGroup","fieldVariants","cva","Field","orientation","FieldContent","FieldLabel","Label","FieldTitle","FieldDescription","FieldSeparator","children","jsxs","Separator","FieldError","errors","content","useMemo","_a","error","index"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { Label } from '@/components/ui/label';\nimport { Separator } from '@/components/ui/separator';\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-6',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLegend({\n  className,\n  variant = 'legend',\n  ...props\n}: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        'mb-3 font-medium',\n        'data-[variant=legend]:text-base',\n        'data-[variant=label]:text-sm',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  'group/field data-[invalid=true]:text-destructive flex w-full gap-3',\n  {\n    variants: {\n      orientation: {\n        vertical: ['flex-col [&>*]:w-full [&>.sr-only]:w-auto'],\n        horizontal: [\n          'flex-row items-center',\n          '[&>[data-slot=field-label]]:flex-auto',\n          'has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-content]]:items-start',\n        ],\n        responsive: [\n          '@md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto flex-col [&>*]:w-full [&>.sr-only]:w-auto',\n          '@md/field-group:[&>[data-slot=field-label]]:flex-auto',\n          '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: 'vertical',\n    },\n  }\n);\n\nfunction Field({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        'group/field-content flex flex-1 flex-col gap-1.5 leading-snug',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>[data-slot=field]]:p-4',\n        'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-sm font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance',\n        'nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5',\n        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',\n        className\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors) {\n      return null;\n    }\n\n    if (errors?.length === 1 && errors[0]?.message) {\n      return errors[0].message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {errors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n};\n"],"names":["FieldSet","className","props","jsx","cn","FieldLegend","variant","FieldGroup","fieldVariants","cva","Field","orientation","FieldContent","FieldLabel","Label","FieldTitle","FieldDescription","FieldSeparator","children","jsxs","Separator","FieldError","errors","content","useMemo","_a","error","index"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"filter.js","sources":["../../../src/components/ui/filter.tsx"],"sourcesContent":["import * as React from 'react'\nimport { FilterIcon } from '@/components/icons'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\n\nexport interface FilterProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  count?: number\n  active?: boolean\n  variant?: 'default' | 'outline' | 'ghost'\n}\n\nconst Filter = React.forwardRef<HTMLButtonElement, FilterProps>(\n  ({ className, count, active = false, variant = 'ghost', children, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        className={cn(\n          'gap-2 text-[hsl(var(--filter-text))] hover:text-[hsl(var(--filter-text))] hover:bg-transparent',\n          active && 'font-semibold',\n          className\n        )}\n        {...props}\n      >\n        {count !== undefined && count > 0 && (\n          <span className=\"flex items-center justify-center px-1 min-w-[16px] h-4 text-[11px] font-bold leading-4 tracking-wider uppercase bg-[hsl(var(--filter-counter-bg))] text-[hsl(var(--filter-counter-text))] rounded-sm\">\n            {count}\n          </span>\n        )}\n        {!count && <FilterIcon className=\"h-4 w-4 text-[hsl(var(--filter-icon))]\" />}\n        <span className=\"text-sm font-semibold leading-6\">{children || 'Filter'}</span>\n      </Button>\n    )\n  }\n)\nFilter.displayName = 'Filter'\n\nexport { Filter }\n"],"names":["Filter","React","className","count","active","variant","children","props","ref","jsxs","Button","cn","jsx","FilterIcon"],"mappings":";;;;;;AAWA,MAAMA,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,QAAAC,IAAS,IAAO,SAAAC,IAAU,SAAS,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAE1E,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,SAAAH;AAAA,MACA,WAAWM;AAAA,QACT;AAAA,QACAP,KAAU;AAAA,QACVF;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAJ,MAAU,UAAaA,IAAQ,uBAC7B,QAAA,EAAK,WAAU,wMACb,UAAAA,EAAA,CACH;AAAA,QAED,CAACA,KAAS,gBAAAS,EAACC,GAAA,EAAW,WAAU,yCAAA,CAAyC;AAAA,QAC1E,gBAAAD,EAAC,QAAA,EAAK,WAAU,mCAAmC,eAAY,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhF;AACAZ,EAAO,cAAc;"}
+{"version":3,"file":"filter.js","sources":["../../../src/components/ui/filter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { FilterIcon } from '@/components/icons';\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\n\nexport interface FilterProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  count?: number;\n  active?: boolean;\n  variant?: 'default' | 'outline' | 'ghost';\n}\n\nconst Filter = React.forwardRef<HTMLButtonElement, FilterProps>(\n  (\n    { className, count, active = false, variant = 'ghost', children, ...props },\n    ref\n  ) => {\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        className={cn(\n          'gap-2 text-[hsl(var(--filter-text))] hover:text-[hsl(var(--filter-text))] hover:bg-transparent',\n          active && 'font-semibold',\n          className\n        )}\n        {...props}\n      >\n        {count !== undefined && count > 0 && (\n          <span className=\"flex items-center justify-center px-1 min-w-[16px] h-4 text-[11px] font-bold leading-4 tracking-wider uppercase bg-[hsl(var(--filter-counter-bg))] text-[hsl(var(--filter-counter-text))] rounded-sm\">\n            {count}\n          </span>\n        )}\n        {!count && (\n          <FilterIcon className=\"h-4 w-4 text-[hsl(var(--filter-icon))]\" />\n        )}\n        <span className=\"text-sm font-semibold leading-6\">\n          {children || 'Filter'}\n        </span>\n      </Button>\n    );\n  }\n);\nFilter.displayName = 'Filter';\n\nexport { Filter };\n"],"names":["Filter","React","className","count","active","variant","children","props","ref","jsxs","Button","cn","jsx","FilterIcon"],"mappings":";;;;;;AAWA,MAAMA,IAASC,EAAM;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,OAAAC,GAAO,QAAAC,IAAS,IAAO,SAAAC,IAAU,SAAS,UAAAC,GAAU,GAAGC,EAAA,GACpEC,MAGE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,SAAAH;AAAA,MACA,WAAWM;AAAA,QACT;AAAA,QACAP,KAAU;AAAA,QACVF;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,MAEH,UAAA;AAAA,QAAAJ,MAAU,UAAaA,IAAQ,uBAC7B,QAAA,EAAK,WAAU,wMACb,UAAAA,EAAA,CACH;AAAA,QAED,CAACA,KACA,gBAAAS,EAACC,GAAA,EAAW,WAAU,yCAAA,CAAyC;AAAA,QAEjE,gBAAAD,EAAC,QAAA,EAAK,WAAU,mCACb,eAAY,SAAA,CACf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AACAZ,EAAO,cAAc;"}

package/dist/components/ui/form.js

@@ -1,8 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as o from "react";
-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 { useFormContext as F, FormProvider as p, Controller as I } from "../../node_modules/.pnpm/react-hook-form@7.76.1_react@19.2.6/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 = ({
+const h = p, c = o.createContext(
+  null
+), D = ({
   ...e
 }) => /* @__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();
@@ -29,12 +31,10 @@ const h = p, c = o.createContext(null), D = ({
     ...m,
     ...u
   };
-}, f = o.createContext(null), x = o.forwardRef(
-  ({ 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 }) });
-  }
-);
+}, f = o.createContext(null), x = o.forwardRef(({ 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 g = o.forwardRef(({ className: e, ...t }, s) => {
   const { error: r, formItemId: m } = l();
@@ -55,12 +55,15 @@ const g = o.forwardRef(({ className: e, ...t }, s) => {
 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: m,
-    "aria-describedby": r ? `${i} ${a}` : i,
-    "aria-invalid": !!r,
-    ...t
-  }) : null;
+  return o.isValidElement(e) ? o.cloneElement(
+    e,
+    {
+      id: m,
+      "aria-describedby": r ? `${i} ${a}` : i,
+      "aria-invalid": !!r,
+      ...t
+    }
+  ) : null;
 });
 v.displayName = "FormControl";
 const C = o.forwardRef(({ className: e, ...t }, s) => {