@clasing/ui 2.6.0 → 2.7.0

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,69 @@
-"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
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+          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 j({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 v({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(`
+          flex cursor-default items-center rounded-sm px-2 py-1.5 paragraph-sm
+          outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-inset:pl-8
+          data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
+        `,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=j;exports.DropdownMenuShortcut=v;exports.DropdownMenuSub=h;exports.DropdownMenuSubContent=M;exports.DropdownMenuSubTrigger=D;exports.DropdownMenuTrigger=c;

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

@@ -1,6 +1,6 @@
-import { j as t, c as r } from "../index-BCEGphus.js";
+import { j as t, c as r } from "../index-CwFDnnd3.js";
 import * as n from "@radix-ui/react-dropdown-menu";
-import { CheckIcon as d, CircleIcon as i, CaretRightIcon as u } from "@phosphor-icons/react";
+import { CheckIcon as s, CircleIcon as i, CaretRightIcon as u } from "@phosphor-icons/react";
 function p({
   ...e
 }) {
@@ -26,7 +26,7 @@ function g({
   className: e,
   sideOffset: o = 4,
   collisionPadding: a = 24,
-  ...s
+  ...d
 }) {
   return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
     n.Content,
@@ -34,11 +34,24 @@ function g({
       "data-slot": "dropdown-menu-content",
       sideOffset: o,
       className: r(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-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,
-      ...s
+      ...d
     }
   ) });
 }
@@ -51,7 +64,7 @@ function v({
   className: e,
   inset: o,
   variant: a = "default",
-  ...s
+  ...d
 }) {
   return /* @__PURE__ */ t.jsx(
     n.Item,
@@ -60,10 +73,24 @@ function v({
       "data-inset": o,
       "data-variant": a,
       className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! [&_svg:not([class*='text-'])]:text-muted-foreground 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
+          [&_svg:not([class*='text-'])]:text-muted-foreground
+          data-[variant=destructive]:*:[svg]:text-destructive!
+        `,
         e
       ),
-      ...s
+      ...d
     }
   );
 }
@@ -71,20 +98,36 @@ function w({
   className: e,
   children: o,
   checked: a,
-  ...s
+  ...d
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.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,
+      ...d,
       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" }) }) }),
+        /* @__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(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(s, { className: "size-4" }) })
+          }
+        ),
         o
       ]
     }
@@ -111,12 +154,28 @@ function h({
     {
       "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" }) }) }),
+        /* @__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(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { weight: "fill", className: "size-2 fill-current" }) })
+          }
+        ),
         o
       ]
     }
@@ -133,7 +192,10 @@ function j({
       "data-slot": "dropdown-menu-label",
       "data-inset": o,
       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
@@ -148,7 +210,7 @@ function z({
     n.Separator,
     {
       "data-slot": "dropdown-menu-separator",
-      className: r("bg-border -mx-1 my-1 h-px", e),
+      className: r("-mx-1 my-1 h-px bg-border", e),
       ...o
     }
   );
@@ -162,7 +224,7 @@ function D({
     {
       "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
@@ -178,7 +240,7 @@ function N({
   className: e,
   inset: o,
   children: a,
-  ...s
+  ...d
 }) {
   return /* @__PURE__ */ t.jsxs(
     n.SubTrigger,
@@ -186,10 +248,16 @@ function N({
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": o,
       className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground paragraph-sm flex cursor-default items-center rounded-sm px-2 py-1.5 outline-hidden select-none data-inset:pl-8",
+        `
+          flex cursor-default items-center rounded-sm px-2 py-1.5 paragraph-sm
+          outline-hidden select-none
+          focus:bg-accent focus:text-accent-foreground
+          data-inset:pl-8
+          data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
+        `,
         e
       ),
-      ...s,
+      ...d,
       children: [
         a,
         /* @__PURE__ */ t.jsx(u, { className: "ml-auto size-4" })
@@ -206,7 +274,19 @@ function I({
     {
       "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

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;

package/dist/components/form.es.js

@@ -1,14 +1,14 @@
-import { j as s, c as a } from "../index-BCEGphus.js";
+import { j as n, c as a } from "../index-CwFDnnd3.js";
 import { Slot as f } from "@radix-ui/react-slot";
-import * as n from "react";
+import * as m from "react";
 import { FormProvider as u, Controller as x, useFormContext as F, useFormState as I } from "react-hook-form";
-import { L as g } from "../label-Bl6V6esj.js";
-const v = u, c = n.createContext(
+import { L as g } from "../label-BteX4MEt.js";
+const v = u, c = m.createContext(
   {}
 ), h = ({
   ...e
-}) => /* @__PURE__ */ s.jsx(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ s.jsx(x, { ...e }) }), d = () => {
-  const e = n.useContext(c), t = n.useContext(l), { getFieldState: r } = F(), o = I({ name: e.name }), m = r(e.name, o);
+}) => /* @__PURE__ */ n.jsx(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ n.jsx(x, { ...e }) }), d = () => {
+  const e = m.useContext(c), t = m.useContext(l), { getFieldState: r } = F(), o = I({ name: e.name }), s = r(e.name, o);
   if (!e)
     throw new Error("useFormField should be used within <FormField>");
   const { id: i } = t;
@@ -18,14 +18,14 @@ const v = u, c = n.createContext(
     formItemId: `${i}-form-item`,
     formDescriptionId: `${i}-form-item-description`,
     formMessageId: `${i}-form-item-message`,
-    ...m
+    ...s
   };
-}, l = n.createContext(
+}, l = m.createContext(
   {}
 );
 function S({ className: e, ...t }) {
-  const r = n.useId();
-  return /* @__PURE__ */ s.jsx(l.Provider, { value: { id: r }, children: /* @__PURE__ */ s.jsx(
+  const r = m.useId();
+  return /* @__PURE__ */ n.jsx(l.Provider, { value: { id: r }, children: /* @__PURE__ */ n.jsx(
     "div",
     {
       "data-slot": "form-item",
@@ -39,25 +39,25 @@ function $({
   ...t
 }) {
   const { error: r, formItemId: o } = d();
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ n.jsx(
     g,
     {
       "data-slot": "form-label",
       "data-error": !!r,
-      className: a("data-[error=true]:text-destructive", e),
+      className: a("data-[error=true]:text-destructive-foreground", e),
       htmlFor: o,
       ...t
     }
   );
 }
 function D({ ...e }) {
-  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: m } = d();
-  return /* @__PURE__ */ s.jsx(
+  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: s } = d();
+  return /* @__PURE__ */ n.jsx(
     f,
     {
       "data-slot": "form-control",
       id: r,
-      "aria-describedby": t ? `${o} ${m}` : `${o}`,
+      "aria-describedby": t ? `${o} ${s}` : `${o}`,
       "aria-invalid": !!t,
       ...e
     }
@@ -65,26 +65,26 @@ function D({ ...e }) {
 }
 function M({ className: e, ...t }) {
   const { formDescriptionId: r } = d();
-  return /* @__PURE__ */ s.jsx(
+  return /* @__PURE__ */ n.jsx(
     "p",
     {
       "data-slot": "form-description",
       id: r,
-      className: a("text-muted-foreground! label-md", e),
+      className: a("label-md text-muted-foreground!", e),
       ...t
     }
   );
 }
 function N({ className: e, ...t }) {
-  const { error: r, formMessageId: o } = d(), m = r ? String(r?.message ?? "") : t.children;
-  return m ? /* @__PURE__ */ s.jsx(
+  const { error: r, formMessageId: o } = d(), s = r ? String(r?.message ?? "") : t.children;
+  return s ? /* @__PURE__ */ n.jsx(
     "p",
     {
       "data-slot": "form-message",
       id: o,
-      className: a("text-destructive! label-md", e),
+      className: a("label-md text-destructive-foreground!", e),
       ...t,
-      children: m
+      children: s
     }
   ) : null;
 }

package/dist/components/hover-card.cjs.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index-9HRzXEQf.cjs"),i=require("@radix-ui/react-hover-card");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const n=s(i);function c({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"hover-card",...t})}function u({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"hover-card-trigger",...t})}function l({className:t,align:r="center",sideOffset:e=4,collisionPadding:a=24,...d}){return o.jsxRuntimeExports.jsx(n.Portal,{"data-slot":"hover-card-portal",children:o.jsxRuntimeExports.jsx(n.Content,{"data-slot":"hover-card-content",align:r,sideOffset:e,className:o.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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),collisionPadding:a,...d})})}exports.HoverCard=c;exports.HoverCardContent=l;exports.HoverCardTrigger=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../index-Bfismeyo.cjs"),i=require("@radix-ui/react-hover-card");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const n=s(i);function c({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"hover-card",...t})}function u({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"hover-card-trigger",...t})}function l({className:t,align:r="center",sideOffset:e=4,collisionPadding:a=24,...d}){return o.jsxRuntimeExports.jsx(n.Portal,{"data-slot":"hover-card-portal",children:o.jsxRuntimeExports.jsx(n.Content,{"data-slot":"hover-card-content",align:r,sideOffset:e,className:o.cn(`
+            z-50 w-64 origin-(--radix-hover-card-content-transform-origin)
+            rounded-md border bg-popover p-4 text-popover-foreground shadow-md
+            outline-hidden
+            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
+          `,t),collisionPadding:a,...d})})}exports.HoverCard=c;exports.HoverCardContent=l;exports.HoverCardTrigger=u;

package/dist/components/hover-card.es.js

@@ -1,4 +1,4 @@
-import { j as o, c as i } from "../index-BCEGphus.js";
+import { j as o, c as i } from "../index-CwFDnnd3.js";
 import * as e from "@radix-ui/react-hover-card";
 function m({
   ...t
@@ -24,7 +24,19 @@ function l({
       align: a,
       sideOffset: r,
       className: i(
-        "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 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        `
+            z-50 w-64 origin-(--radix-hover-card-content-transform-origin)
+            rounded-md border bg-popover p-4 text-popover-foreground shadow-md
+            outline-hidden
+            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
+          `,
         t
       ),
       collisionPadding: d,