@clasing/ui 2.6.0 → 2.7.1

package/dist/components/drawer.es.js

@@ -1,4 +1,4 @@
-import { j as t, c as d } from "../index-BCEGphus.js";
+import { j as t, c as d } from "../index-CwFDnnd3.js";
 import { Drawer as e } from "vaul";
 function c({
   ...r
@@ -10,7 +10,7 @@ function u({
 }) {
   return /* @__PURE__ */ t.jsx(e.Trigger, { "data-slot": "drawer-trigger", ...r });
 }
-function i({
+function n({
   ...r
 }) {
   return /* @__PURE__ */ t.jsx(e.Portal, { "data-slot": "drawer-portal", ...r });
@@ -20,7 +20,7 @@ function w({
 }) {
   return /* @__PURE__ */ t.jsx(e.Close, { "data-slot": "drawer-close", ...r });
 }
-function n({
+function i({
   className: r,
   ...a
 }) {
@@ -29,7 +29,11 @@ function n({
     {
       "data-slot": "drawer-overlay",
       className: d(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        `
+          fixed inset-0 z-50 bg-black/50
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+        `,
         r
       ),
       ...a
@@ -41,23 +45,60 @@ function m({
   children: a,
   ...o
 }) {
-  return /* @__PURE__ */ t.jsxs(i, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ t.jsx(n, {}),
+  return /* @__PURE__ */ t.jsxs(n, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ t.jsx(i, {}),
     /* @__PURE__ */ t.jsxs(
       e.Content,
       {
         "data-slot": "drawer-content",
         className: d(
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          `
+            group/drawer-content fixed z-50 flex h-auto flex-col bg-background
+            text-foreground
+          `,
+          `
+            data-[vaul-drawer-direction=top]:inset-x-0
+            data-[vaul-drawer-direction=top]:top-0
+            data-[vaul-drawer-direction=top]:mb-24
+            data-[vaul-drawer-direction=top]:max-h-[80vh]
+            data-[vaul-drawer-direction=top]:rounded-b-lg
+            data-[vaul-drawer-direction=top]:border-b
+          `,
+          `
+            data-[vaul-drawer-direction=bottom]:inset-x-0
+            data-[vaul-drawer-direction=bottom]:bottom-0
+            data-[vaul-drawer-direction=bottom]:mt-24
+            data-[vaul-drawer-direction=bottom]:max-h-[80vh]
+            data-[vaul-drawer-direction=bottom]:rounded-t-lg
+            data-[vaul-drawer-direction=bottom]:border-t
+          `,
+          `
+            data-[vaul-drawer-direction=right]:inset-y-0
+            data-[vaul-drawer-direction=right]:right-0
+            data-[vaul-drawer-direction=right]:w-3/4
+            data-[vaul-drawer-direction=right]:border-l
+            data-[vaul-drawer-direction=right]:sm:max-w-sm
+          `,
+          `
+            data-[vaul-drawer-direction=left]:inset-y-0
+            data-[vaul-drawer-direction=left]:left-0
+            data-[vaul-drawer-direction=left]:w-3/4
+            data-[vaul-drawer-direction=left]:border-r
+            data-[vaul-drawer-direction=left]:sm:max-w-sm
+          `,
           r
         ),
         ...o,
         children: [
-          /* @__PURE__ */ t.jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: `\r
+            mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted\r
+            group-data-[vaul-drawer-direction=bottom]/drawer-content:block\r
+          `
+            }
+          ),
           a
         ]
       }
@@ -70,7 +111,12 @@ function x({ className: r, ...a }) {
     {
       "data-slot": "drawer-header",
       className: d(
-        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        `
+          flex flex-col gap-0.5 p-4
+          group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center
+          group-data-[vaul-drawer-direction=top]/drawer-content:text-center
+          md:gap-1.5 md:text-left
+        `,
         r
       ),
       ...a
@@ -95,7 +141,7 @@ function v({
     e.Title,
     {
       "data-slot": "drawer-title",
-      className: d("text-foreground font-semibold", r),
+      className: d("font-semibold text-foreground", r),
       ...a
     }
   );
@@ -108,7 +154,7 @@ function p({
     e.Description,
     {
       "data-slot": "drawer-description",
-      className: d("text-muted-foreground paragraph-sm", r),
+      className: d("paragraph-sm text-muted-foreground", r),
       ...a
     }
   );
@@ -120,8 +166,8 @@ export {
   p as DrawerDescription,
   f as DrawerFooter,
   x as DrawerHeader,
-  n as DrawerOverlay,
-  i as DrawerPortal,
+  i as DrawerOverlay,
+  n as DrawerPortal,
   v as DrawerTitle,
   u as DrawerTrigger
 };

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

@@ -1 +1,70 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-9HRzXEQf.cjs"),d=require("@radix-ui/react-dropdown-menu"),s=require("@phosphor-icons/react");function i(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=i(d);function u({...e}){return t.jsxRuntimeExports.jsx(o.Root,{"data-slot":"dropdown-menu",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"dropdown-menu-portal",...e})}function c({...e}){return t.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function l({className:e,sideOffset:n=4,collisionPadding:r=24,...a}){return t.jsxRuntimeExports.jsx(o.Portal,{children:t.jsxRuntimeExports.jsx(o.Content,{"data-slot":"dropdown-menu-content",sideOffset:n,className:t.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",e),collisionPadding:r,...a})})}function m({...e}){return t.jsxRuntimeExports.jsx(o.Group,{"data-slot":"dropdown-menu-group",...e})}function x({className:e,inset:n,variant:r="default",...a}){return t.jsxRuntimeExports.jsx(o.Item,{"data-slot":"dropdown-menu-item","data-inset":n,"data-variant":r,className:t.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...a})}function f({className:e,children:n,checked:r,...a}){return t.jsxRuntimeExports.jsxs(o.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:t.cn("focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...a,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.CheckIcon,{className:"size-4"})})}),n]})}function g({...e}){return t.jsxRuntimeExports.jsx(o.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function w({className:e,children:n,...r}){return t.jsxRuntimeExports.jsxs(o.RadioItem,{"data-slot":"dropdown-menu-radio-item",className:t.cn("focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r,children:[t.jsxRuntimeExports.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.CircleIcon,{weight:"fill",className:"size-2 fill-current"})})}),n]})}function b({className:e,inset:n,...r}){return t.jsxRuntimeExports.jsx(o.Label,{"data-slot":"dropdown-menu-label","data-inset":n,className:t.cn("paragraph-sm px-2 py-1.5 font-semibold data-inset:pl-8",e),...r})}function j({className:e,...n}){return t.jsxRuntimeExports.jsx(o.Separator,{"data-slot":"dropdown-menu-separator",className:t.cn("bg-border -mx-1 my-1 h-px",e),...n})}function v({className:e,...n}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"dropdown-menu-shortcut",className:t.cn("text-muted-foreground paragraph-xs ml-auto tracking-widest",e),...n})}function h({...e}){return t.jsxRuntimeExports.jsx(o.Sub,{"data-slot":"dropdown-menu-sub",...e})}function D({className:e,inset:n,children:r,...a}){return t.jsxRuntimeExports.jsxs(o.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":n,className:t.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex cursor-default items-center rounded-sm px-2 py-1.5 outline-hidden select-none data-inset:pl-8",e),...a,children:[r,t.jsxRuntimeExports.jsx(s.CaretRightIcon,{className:"ml-auto size-4"})]})}function M({className:e,...n}){return t.jsxRuntimeExports.jsx(o.SubContent,{"data-slot":"dropdown-menu-sub-content",className:t.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...n})}exports.DropdownMenu=u;exports.DropdownMenuCheckboxItem=f;exports.DropdownMenuContent=l;exports.DropdownMenuGroup=m;exports.DropdownMenuItem=x;exports.DropdownMenuLabel=b;exports.DropdownMenuPortal=p;exports.DropdownMenuRadioGroup=g;exports.DropdownMenuRadioItem=w;exports.DropdownMenuSeparator=j;exports.DropdownMenuShortcut=v;exports.DropdownMenuSub=h;exports.DropdownMenuSubContent=M;exports.DropdownMenuSubTrigger=D;exports.DropdownMenuTrigger=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../index-Bfismeyo.cjs"),d=require("@radix-ui/react-dropdown-menu"),s=require("@phosphor-icons/react");function i(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=i(d);function u({...e}){return t.jsxRuntimeExports.jsx(o.Root,{"data-slot":"dropdown-menu",...e})}function p({...e}){return t.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"dropdown-menu-portal",...e})}function c({...e}){return t.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function l({className:e,sideOffset:n=4,collisionPadding:r=24,...a}){return t.jsxRuntimeExports.jsx(o.Portal,{children:t.jsxRuntimeExports.jsx(o.Content,{"data-slot":"dropdown-menu-content",sideOffset:n,className:t.cn(`
+            z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32
+            origin-(--radix-dropdown-menu-content-transform-origin)
+            overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1
+            text-popover-foreground shadow-md
+            data-[side=bottom]:slide-in-from-top-2
+            data-[side=left]:slide-in-from-right-2
+            data-[side=right]:slide-in-from-left-2
+            data-[side=top]:slide-in-from-bottom-2
+            data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+            data-[state=closed]:zoom-out-95
+            data-[state=open]:animate-in data-[state=open]:fade-in-0
+            data-[state=open]:zoom-in-95
+          `,e),collisionPadding:r,...a})})}function m({...e}){return t.jsxRuntimeExports.jsx(o.Group,{"data-slot":"dropdown-menu-group",...e})}function x({className:e,inset:n,variant:r="default",...a}){return t.jsxRuntimeExports.jsx(o.Item,{"data-slot":"dropdown-menu-item","data-inset":n,"data-variant":r,className:t.cn(`
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          data-inset:pl-8
+          data-[variant=destructive]:text-destructive-foreground
+          data-[variant=destructive]:focus:bg-destructive
+          data-[variant=destructive]:focus:text-destructive-foreground
+          dark:data-[variant=destructive]:focus:bg-destructive
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+          data-[variant=destructive]:*:[svg]:text-destructive!
+        `,e),...a})}function f({className:e,children:n,checked:r,...a}){return t.jsxRuntimeExports.jsxs(o.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:t.cn(`
+          relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+        `,e),checked:r,...a,children:[t.jsxRuntimeExports.jsx("span",{className:`\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.CheckIcon,{className:"size-4"})})}),n]})}function g({...e}){return t.jsxRuntimeExports.jsx(o.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function w({className:e,children:n,...r}){return t.jsxRuntimeExports.jsxs(o.RadioItem,{"data-slot":"dropdown-menu-radio-item",className:t.cn(`
+          relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+        `,e),...r,children:[t.jsxRuntimeExports.jsx("span",{className:`\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,children:t.jsxRuntimeExports.jsx(o.ItemIndicator,{children:t.jsxRuntimeExports.jsx(s.CircleIcon,{weight:"fill",className:"size-2 fill-current"})})}),n]})}function b({className:e,inset:n,...r}){return t.jsxRuntimeExports.jsx(o.Label,{"data-slot":"dropdown-menu-label","data-inset":n,className:t.cn(`
+          px-2 py-1.5 paragraph-sm font-semibold
+          data-inset:pl-8
+        `,e),...r})}function v({className:e,...n}){return t.jsxRuntimeExports.jsx(o.Separator,{"data-slot":"dropdown-menu-separator",className:t.cn("-mx-1 my-1 h-px bg-border",e),...n})}function j({className:e,...n}){return t.jsxRuntimeExports.jsx("span",{"data-slot":"dropdown-menu-shortcut",className:t.cn("ml-auto paragraph-xs tracking-widest text-muted-foreground",e),...n})}function h({...e}){return t.jsxRuntimeExports.jsx(o.Sub,{"data-slot":"dropdown-menu-sub",...e})}function D({className:e,inset:n,children:r,...a}){return t.jsxRuntimeExports.jsxs(o.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":n,className:t.cn(`
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          data-inset:pl-8
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+        `,e),...a,children:[r,t.jsxRuntimeExports.jsx(s.CaretRightIcon,{className:"ml-auto size-4"})]})}function M({className:e,...n}){return t.jsxRuntimeExports.jsx(o.SubContent,{"data-slot":"dropdown-menu-sub-content",className:t.cn(`
+          z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin)
+          overflow-hidden rounded-md border bg-popover p-1
+          text-popover-foreground shadow-lg
+          data-[side=bottom]:slide-in-from-top-2
+          data-[side=left]:slide-in-from-right-2
+          data-[side=right]:slide-in-from-left-2
+          data-[side=top]:slide-in-from-bottom-2
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=closed]:zoom-out-95
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+          data-[state=open]:zoom-in-95
+        `,e),...n})}exports.DropdownMenu=u;exports.DropdownMenuCheckboxItem=f;exports.DropdownMenuContent=l;exports.DropdownMenuGroup=m;exports.DropdownMenuItem=x;exports.DropdownMenuLabel=b;exports.DropdownMenuPortal=p;exports.DropdownMenuRadioGroup=g;exports.DropdownMenuRadioItem=w;exports.DropdownMenuSeparator=v;exports.DropdownMenuShortcut=j;exports.DropdownMenuSub=h;exports.DropdownMenuSubContent=M;exports.DropdownMenuSubTrigger=D;exports.DropdownMenuTrigger=c;

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

@@ -1,21 +1,21 @@
-import { j as t, c as r } from "../index-BCEGphus.js";
-import * as n from "@radix-ui/react-dropdown-menu";
+import { j as t, c as r } from "../index-CwFDnnd3.js";
+import * as o from "@radix-ui/react-dropdown-menu";
 import { CheckIcon as d, CircleIcon as i, CaretRightIcon as u } from "@phosphor-icons/react";
 function p({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(n.Root, { "data-slot": "dropdown-menu", ...e });
+  return /* @__PURE__ */ t.jsx(o.Root, { "data-slot": "dropdown-menu", ...e });
 }
 function m({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
+  return /* @__PURE__ */ t.jsx(o.Portal, { "data-slot": "dropdown-menu-portal", ...e });
 }
 function f({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(
-    n.Trigger,
+    o.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
       ...e
@@ -24,17 +24,30 @@ function f({
 }
 function g({
   className: e,
-  sideOffset: o = 4,
+  sideOffset: n = 4,
   collisionPadding: a = 24,
   ...s
 }) {
-  return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
-    n.Content,
+  return /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
+    o.Content,
     {
       "data-slot": "dropdown-menu-content",
-      sideOffset: o,
+      sideOffset: n,
       className: r(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        `
+            z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32
+            origin-(--radix-dropdown-menu-content-transform-origin)
+            overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1
+            text-popover-foreground shadow-md
+            data-[side=bottom]:slide-in-from-top-2
+            data-[side=left]:slide-in-from-right-2
+            data-[side=right]:slide-in-from-left-2
+            data-[side=top]:slide-in-from-bottom-2
+            data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+            data-[state=closed]:zoom-out-95
+            data-[state=open]:animate-in data-[state=open]:fade-in-0
+            data-[state=open]:zoom-in-95
+          `,
         e
       ),
       collisionPadding: a,
@@ -45,56 +58,85 @@ function g({
 function x({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
+  return /* @__PURE__ */ t.jsx(o.Group, { "data-slot": "dropdown-menu-group", ...e });
 }
 function v({
   className: e,
-  inset: o,
+  inset: n,
   variant: a = "default",
   ...s
 }) {
   return /* @__PURE__ */ t.jsx(
-    n.Item,
+    o.Item,
     {
       "data-slot": "dropdown-menu-item",
-      "data-inset": o,
+      "data-inset": n,
       "data-variant": a,
       className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        `
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          data-inset:pl-8
+          data-[variant=destructive]:text-destructive-foreground
+          data-[variant=destructive]:focus:bg-destructive
+          data-[variant=destructive]:focus:text-destructive-foreground
+          dark:data-[variant=destructive]:focus:bg-destructive
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+          data-[variant=destructive]:*:[svg]:text-destructive!
+        `,
         e
       ),
       ...s
     }
   );
 }
-function w({
+function b({
   className: e,
-  children: o,
+  children: n,
   checked: a,
   ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
-    n.CheckboxItem,
+    o.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
       className: r(
-        "focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        `
+          relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+        `,
         e
       ),
       checked: a,
       ...s,
       children: [
-        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { className: "size-4" }) }) }),
-        o
+        /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            className: `\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,
+            children: /* @__PURE__ */ t.jsx(o.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { className: "size-4" }) })
+          }
+        ),
+        n
       ]
     }
   );
 }
-function b({
+function w({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(
-    n.RadioGroup,
+    o.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
       ...e
@@ -103,37 +145,56 @@ function b({
 }
 function h({
   className: e,
-  children: o,
+  children: n,
   ...a
 }) {
   return /* @__PURE__ */ t.jsxs(
-    n.RadioItem,
+    o.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
       className: r(
-        "focus:bg-accent focus:text-accent-foreground paragraph-sm relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        `
+          relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2
+          pl-8 paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+        `,
         e
       ),
       ...a,
       children: [
-        /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { weight: "fill", className: "size-2 fill-current" }) }) }),
-        o
+        /* @__PURE__ */ t.jsx(
+          "span",
+          {
+            className: `\r
+          pointer-events-none absolute left-2 flex size-3.5 items-center\r
+          justify-center\r
+        `,
+            children: /* @__PURE__ */ t.jsx(o.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { weight: "fill", className: "size-2 fill-current" }) })
+          }
+        ),
+        n
       ]
     }
   );
 }
 function j({
   className: e,
-  inset: o,
+  inset: n,
   ...a
 }) {
   return /* @__PURE__ */ t.jsx(
-    n.Label,
+    o.Label,
     {
       "data-slot": "dropdown-menu-label",
-      "data-inset": o,
+      "data-inset": n,
       className: r(
-        "paragraph-sm px-2 py-1.5 font-semibold data-inset:pl-8",
+        `
+          px-2 py-1.5 paragraph-sm font-semibold
+          data-inset:pl-8
+        `,
         e
       ),
       ...a
@@ -142,51 +203,59 @@ function j({
 }
 function z({
   className: e,
-  ...o
+  ...n
 }) {
   return /* @__PURE__ */ t.jsx(
-    n.Separator,
+    o.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: r("bg-border -mx-1 my-1 h-px", e),
-      ...o
+      className: r("-mx-1 my-1 h-px bg-border", e),
+      ...n
     }
   );
 }
 function D({
   className: e,
-  ...o
+  ...n
 }) {
   return /* @__PURE__ */ t.jsx(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
       className: r(
-        "text-muted-foreground paragraph-xs ml-auto tracking-widest",
+        "ml-auto paragraph-xs tracking-widest text-muted-foreground",
         e
       ),
-      ...o
+      ...n
     }
   );
 }
 function M({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+  return /* @__PURE__ */ t.jsx(o.Sub, { "data-slot": "dropdown-menu-sub", ...e });
 }
 function N({
   className: e,
-  inset: o,
+  inset: n,
   children: a,
   ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
-    n.SubTrigger,
+    o.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": o,
+      "data-inset": n,
       className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex cursor-default items-center rounded-sm px-2 py-1.5 outline-hidden select-none data-inset:pl-8",
+        `
+          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
+          paragraph-sm outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-disabled:pointer-events-none data-disabled:opacity-50
+          data-inset:pl-8
+          [&_svg]:pointer-events-none [&_svg]:shrink-0
+          [&_svg:not([class*='size-'])]:size-4
+        `,
         e
       ),
       ...s,
@@ -197,36 +266,48 @@ function N({
     }
   );
 }
-function I({
+function y({
   className: e,
-  ...o
+  ...n
 }) {
   return /* @__PURE__ */ t.jsx(
-    n.SubContent,
+    o.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: r(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        `
+          z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin)
+          overflow-hidden rounded-md border bg-popover p-1
+          text-popover-foreground shadow-lg
+          data-[side=bottom]:slide-in-from-top-2
+          data-[side=left]:slide-in-from-right-2
+          data-[side=right]:slide-in-from-left-2
+          data-[side=top]:slide-in-from-bottom-2
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=closed]:zoom-out-95
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+          data-[state=open]:zoom-in-95
+        `,
         e
       ),
-      ...o
+      ...n
     }
   );
 }
 export {
   p as DropdownMenu,
-  w as DropdownMenuCheckboxItem,
+  b as DropdownMenuCheckboxItem,
   g as DropdownMenuContent,
   x as DropdownMenuGroup,
   v as DropdownMenuItem,
   j as DropdownMenuLabel,
   m as DropdownMenuPortal,
-  b as DropdownMenuRadioGroup,
+  w as DropdownMenuRadioGroup,
   h as DropdownMenuRadioItem,
   z as DropdownMenuSeparator,
   D as DropdownMenuShortcut,
   M as DropdownMenuSub,
-  I as DropdownMenuSubContent,
+  y as DropdownMenuSubContent,
   N as DropdownMenuSubTrigger,
   f as DropdownMenuTrigger
 };

package/dist/components/form.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index-9HRzXEQf.cjs"),u=require("@radix-ui/react-slot"),f=require("react"),c=require("react-hook-form"),x=require("../label-D3iN3bzS.cjs");function F(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=F(f),j=c.FormProvider,d=i.createContext({}),p=({...e})=>o.jsxRuntimeExports.jsx(d.Provider,{value:{name:e.name},children:o.jsxRuntimeExports.jsx(c.Controller,{...e})}),m=()=>{const e=i.useContext(d),t=i.useContext(l),{getFieldState:r}=c.useFormContext(),n=c.useFormState({name:e.name}),s=r(e.name,n);if(!e)throw new Error("useFormField should be used within <FormField>");const{id:a}=t;return{id:a,name:e.name,formItemId:`${a}-form-item`,formDescriptionId:`${a}-form-item-description`,formMessageId:`${a}-form-item-message`,...s}},l=i.createContext({});function g({className:e,...t}){const r=i.useId();return o.jsxRuntimeExports.jsx(l.Provider,{value:{id:r},children:o.jsxRuntimeExports.jsx("div",{"data-slot":"form-item",className:o.cn("grid gap-2",e),...t})})}function b({className:e,...t}){const{error:r,formItemId:n}=m();return o.jsxRuntimeExports.jsx(x.Label,{"data-slot":"form-label","data-error":!!r,className:o.cn("data-[error=true]:text-destructive",e),htmlFor:n,...t})}function I({...e}){const{error:t,formItemId:r,formDescriptionId:n,formMessageId:s}=m();return o.jsxRuntimeExports.jsx(u.Slot,{"data-slot":"form-control",id:r,"aria-describedby":t?`${n} ${s}`:`${n}`,"aria-invalid":!!t,...e})}function C({className:e,...t}){const{formDescriptionId:r}=m();return o.jsxRuntimeExports.jsx("p",{"data-slot":"form-description",id:r,className:o.cn("text-muted-foreground! label-md",e),...t})}function v({className:e,...t}){const{error:r,formMessageId:n}=m(),s=r?String(r?.message??""):t.children;return s?o.jsxRuntimeExports.jsx("p",{"data-slot":"form-message",id:n,className:o.cn("text-destructive! label-md",e),...t,children:s}):null}exports.Form=j;exports.FormControl=I;exports.FormDescription=C;exports.FormField=p;exports.FormItem=g;exports.FormLabel=b;exports.FormMessage=v;exports.useFormField=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index-Bfismeyo.cjs"),u=require("@radix-ui/react-slot"),f=require("react"),c=require("react-hook-form"),x=require("../label-O3mSiGyx.cjs");function F(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=F(f),g=c.FormProvider,d=i.createContext({}),j=({...e})=>o.jsxRuntimeExports.jsx(d.Provider,{value:{name:e.name},children:o.jsxRuntimeExports.jsx(c.Controller,{...e})}),m=()=>{const e=i.useContext(d),t=i.useContext(l),{getFieldState:r}=c.useFormContext(),n=c.useFormState({name:e.name}),s=r(e.name,n);if(!e)throw new Error("useFormField should be used within <FormField>");const{id:a}=t;return{id:a,name:e.name,formItemId:`${a}-form-item`,formDescriptionId:`${a}-form-item-description`,formMessageId:`${a}-form-item-message`,...s}},l=i.createContext({});function p({className:e,...t}){const r=i.useId();return o.jsxRuntimeExports.jsx(l.Provider,{value:{id:r},children:o.jsxRuntimeExports.jsx("div",{"data-slot":"form-item",className:o.cn("grid gap-2",e),...t})})}function b({className:e,...t}){const{error:r,formItemId:n}=m();return o.jsxRuntimeExports.jsx(x.Label,{"data-slot":"form-label","data-error":!!r,className:o.cn("data-[error=true]:text-destructive-foreground",e),htmlFor:n,...t})}function I({...e}){const{error:t,formItemId:r,formDescriptionId:n,formMessageId:s}=m();return o.jsxRuntimeExports.jsx(u.Slot,{"data-slot":"form-control",id:r,"aria-describedby":t?`${n} ${s}`:`${n}`,"aria-invalid":!!t,...e})}function C({className:e,...t}){const{formDescriptionId:r}=m();return o.jsxRuntimeExports.jsx("p",{"data-slot":"form-description",id:r,className:o.cn("label-md text-muted-foreground!",e),...t})}function v({className:e,...t}){const{error:r,formMessageId:n}=m(),s=r?String(r?.message??""):t.children;return s?o.jsxRuntimeExports.jsx("p",{"data-slot":"form-message",id:n,className:o.cn("label-md text-destructive-foreground!",e),...t,children:s}):null}exports.Form=g;exports.FormControl=I;exports.FormDescription=C;exports.FormField=j;exports.FormItem=p;exports.FormLabel=b;exports.FormMessage=v;exports.useFormField=m;