@clasing/ui 2.7.4 → 2.8.0

package/dist/components/{dropdown-menu.es.js → dropdown-menu.js}

@@ -1,21 +1,21 @@
-import { j as t, c as r } from "../index-CwFDnnd3.js";
-import * as o from "@radix-ui/react-dropdown-menu";
+import { j as t, c as r } from "../index-C_XDkVGm.js";
+import * as n 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(o.Root, { "data-slot": "dropdown-menu", ...e });
+  return /* @__PURE__ */ t.jsx(n.Root, { "data-slot": "dropdown-menu", ...e });
 }
 function m({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(o.Portal, { "data-slot": "dropdown-menu-portal", ...e });
+  return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
 }
 function f({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(
-    o.Trigger,
+    n.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
       ...e
@@ -24,15 +24,15 @@ function f({
 }
 function g({
   className: e,
-  sideOffset: n = 4,
+  sideOffset: o = 4,
   collisionPadding: a = 24,
   ...s
 }) {
-  return /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
-    o.Content,
+  return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
+    n.Content,
     {
       "data-slot": "dropdown-menu-content",
-      sideOffset: n,
+      sideOffset: o,
       className: r(
         `
             z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32
@@ -58,19 +58,19 @@ function g({
 function x({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(o.Group, { "data-slot": "dropdown-menu-group", ...e });
+  return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
 }
 function v({
   className: e,
-  inset: n,
+  inset: o,
   variant: a = "default",
   ...s
 }) {
   return /* @__PURE__ */ t.jsx(
-    o.Item,
+    n.Item,
     {
       "data-slot": "dropdown-menu-item",
-      "data-inset": n,
+      "data-inset": o,
       "data-variant": a,
       className: r(
         `
@@ -82,10 +82,10 @@ function v({
           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
+          dark:data-[variant=destructive]:focus:bg-destructive/80
           [&_svg]:pointer-events-none [&_svg]:shrink-0
           [&_svg:not([class*='size-'])]:size-4
-          data-[variant=destructive]:*:[svg]:text-destructive!
+          data-[variant=destructive]:*:[svg]:text-destructive-foreground!
         `,
         e
       ),
@@ -95,12 +95,12 @@ function v({
 }
 function b({
   className: e,
-  children: n,
+  children: o,
   checked: a,
   ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
-    o.CheckboxItem,
+    n.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
       className: r(
@@ -124,10 +124,10 @@ function b({
           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" }) })
+            children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { className: "size-4" }) })
           }
         ),
-        n
+        o
       ]
     }
   );
@@ -136,7 +136,7 @@ function w({
   ...e
 }) {
   return /* @__PURE__ */ t.jsx(
-    o.RadioGroup,
+    n.RadioGroup,
     {
       "data-slot": "dropdown-menu-radio-group",
       ...e
@@ -145,11 +145,11 @@ function w({
 }
 function h({
   className: e,
-  children: n,
+  children: o,
   ...a
 }) {
   return /* @__PURE__ */ t.jsxs(
-    o.RadioItem,
+    n.RadioItem,
     {
       "data-slot": "dropdown-menu-radio-item",
       className: r(
@@ -172,24 +172,24 @@ function h({
           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" }) })
+            children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { weight: "fill", className: "size-2 fill-current" }) })
           }
         ),
-        n
+        o
       ]
     }
   );
 }
 function j({
   className: e,
-  inset: n,
+  inset: o,
   ...a
 }) {
   return /* @__PURE__ */ t.jsx(
-    o.Label,
+    n.Label,
     {
       "data-slot": "dropdown-menu-label",
-      "data-inset": n,
+      "data-inset": o,
       className: r(
         `
           px-2 py-1.5 paragraph-sm font-semibold
@@ -203,20 +203,20 @@ function j({
 }
 function z({
   className: e,
-  ...n
+  ...o
 }) {
   return /* @__PURE__ */ t.jsx(
-    o.Separator,
+    n.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: r("-mx-1 my-1 h-px bg-border", e),
-      ...n
+      ...o
     }
   );
 }
 function D({
   className: e,
-  ...n
+  ...o
 }) {
   return /* @__PURE__ */ t.jsx(
     "span",
@@ -226,26 +226,26 @@ function D({
         "ml-auto paragraph-xs tracking-widest text-muted-foreground",
         e
       ),
-      ...n
+      ...o
     }
   );
 }
 function M({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(o.Sub, { "data-slot": "dropdown-menu-sub", ...e });
+  return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
 }
 function N({
   className: e,
-  inset: n,
+  inset: o,
   children: a,
   ...s
 }) {
   return /* @__PURE__ */ t.jsxs(
-    o.SubTrigger,
+    n.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": n,
+      "data-inset": o,
       className: r(
         `
           relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
@@ -268,10 +268,10 @@ function N({
 }
 function y({
   className: e,
-  ...n
+  ...o
 }) {
   return /* @__PURE__ */ t.jsx(
-    o.SubContent,
+    n.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: r(
@@ -290,7 +290,7 @@ function y({
         `,
         e
       ),
-      ...n
+      ...o
     }
   );
 }

package/dist/components/{form.es.js → form.js}

@@ -1,8 +1,8 @@
-import { j as n, c as a } from "../index-CwFDnnd3.js";
+import { j as n, c as a } from "../index-C_XDkVGm.js";
 import { Slot as f } from "@radix-ui/react-slot";
 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-BteX4MEt.js";
+import { L as g } from "../label-CnZHCbRc.js";
 const v = u, c = m.createContext(
   {}
 ), h = ({

package/dist/components/{hover-card.es.js → hover-card.js}

@@ -1,4 +1,4 @@
-import { j as o, c as i } from "../index-CwFDnnd3.js";
+import { j as o, c as i } from "../index-C_XDkVGm.js";
 import * as e from "@radix-ui/react-hover-card";
 function m({
   ...t

package/dist/components/{input-otp.es.js → input-otp.js}

@@ -1,4 +1,4 @@
-import { j as r, c as a } from "../index-CwFDnnd3.js";
+import { j as r, c as a } from "../index-C_XDkVGm.js";
 import { OTPInput as u, OTPInputContext as c } from "input-otp";
 import * as l from "react";
 import { MinusIcon as p } from "@phosphor-icons/react";

package/dist/components/input.js

@@ -0,0 +1,4 @@
+import { I as r } from "../input-C0PAOim8.js";
+export {
+  r as Input
+};

package/dist/components/{kbd.es.js → kbd.js}

@@ -1,4 +1,4 @@
-import { j as e, c as o } from "../index-CwFDnnd3.js";
+import { j as e, c as o } from "../index-C_XDkVGm.js";
 function a({ className: t, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "kbd",

package/dist/components/label.js

@@ -0,0 +1,4 @@
+import { L as o } from "../label-CnZHCbRc.js";
+export {
+  o as Label
+};

package/dist/components/{menubar.es.js → menubar.js}

@@ -1,4 +1,4 @@
-import { j as t, c as o } from "../index-CwFDnnd3.js";
+import { j as t, c as o } from "../index-C_XDkVGm.js";
 import * as n from "@radix-ui/react-menubar";
 import { CheckIcon as i, CircleIcon as u, CaretRightIcon as c } from "@phosphor-icons/react";
 function f({
@@ -116,7 +116,7 @@ function j({
           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
+          dark:data-[variant=destructive]:focus:bg-destructive/80
           [&_svg]:pointer-events-none [&_svg]:shrink-0
           [&_svg:not([class*='size-'])]:size-4
           data-[variant=destructive]:*:[svg]:text-destructive-foreground!

package/dist/components/{multi-select.es.js → multi-select.js}

@@ -1,10 +1,10 @@
-import { j as e, c as I } from "../index-CwFDnnd3.js";
-import { B as z } from "../badge-aFyTFGVU.js";
-import { C as E, f as P, d as O, b as _, c as A, e as F, g as L } from "../command-peXi2dFX.js";
-import { P as T, b as W, c as G } from "../popover-eQq2Is-I.js";
+import { j as e, c as I } from "../index-C_XDkVGm.js";
+import { B as z } from "../badge-DBOcqSZb.js";
+import { C as E, f as P, d as O, b as _, c as A, e as F, g as L } from "../command-Cq3FhQXv.js";
+import { P as T, b as W, c as G } from "../popover-CLQxfbEi.js";
 import { CheckIcon as B, CaretUpDownIcon as D, XIcon as U } from "@phosphor-icons/react";
 import { createContext as X, useState as y, useCallback as V, useEffect as k, useRef as M, useLayoutEffect as q, useContext as H } from "react";
-import { C as J } from "../clasing-icon-CJQQN554.js";
+import { C as J } from "../clasing-icon-zhfWTLFn.js";
 const R = X(null);
 function ne({
   children: t,

package/dist/components/{navigation-menu.es.js → navigation-menu.js}

@@ -1,6 +1,6 @@
-import { j as e, c as o } from "../index-CwFDnnd3.js";
+import { j as e, c as o } from "../index-C_XDkVGm.js";
 import * as n from "@radix-ui/react-navigation-menu";
-import { c as s } from "../index-CnqageB2.js";
+import { cva as s } from "class-variance-authority";
 import { CaretDownIcon as u } from "@phosphor-icons/react";
 function v({
   className: t,

package/dist/components/{phone-input.es.js → phone-input.js}

@@ -1,8 +1,8 @@
-import { j as e, c as p } from "../index-CwFDnnd3.js";
-import { C as k, d as A, f as F, b as L, c as D, e as N } from "../command-peXi2dFX.js";
-import { I as M } from "../input-9_pd3W-1.js";
-import { P as q, c as H, b as G } from "../popover-eQq2Is-I.js";
-import { S as W } from "../scroll-area-CJy_EOqT.js";
+import { j as e, c as p } from "../index-C_XDkVGm.js";
+import { C as k, d as A, f as F, b as L, c as D, e as N } from "../command-Cq3FhQXv.js";
+import { I as M } from "../input-C0PAOim8.js";
+import { P as q, c as H, b as G } from "../popover-CLQxfbEi.js";
+import { S as W } from "../scroll-area-DQenuQib.js";
 import { CaretDownIcon as $, CheckIcon as B } from "@phosphor-icons/react";
 import * as t from "react";
 import * as I from "react-phone-number-input";

package/dist/components/{popover.es.js → popover.js}

@@ -1,4 +1,4 @@
-import { P as e, a, b as p, c as P } from "../popover-eQq2Is-I.js";
+import { P as e, a, b as p, c as P } from "../popover-CLQxfbEi.js";
 export {
   e as Popover,
   a as PopoverAnchor,

package/dist/components/{progress.es.js → progress.js}

@@ -1,4 +1,4 @@
-import { j as r, c as l } from "../index-CwFDnnd3.js";
+import { j as r, c as l } from "../index-C_XDkVGm.js";
 import * as s from "@radix-ui/react-progress";
 function i({
   className: o,

package/dist/components/{resizable.es.js → resizable.js}

@@ -1,4 +1,4 @@
-import { j as r, c as t } from "../index-CwFDnnd3.js";
+import { j as r, c as t } from "../index-C_XDkVGm.js";
 import * as i from "react-resizable-panels";
 import { DotsSixVerticalIcon as n } from "@phosphor-icons/react";
 function c({

package/dist/components/scroll-area.js

@@ -0,0 +1,5 @@
+import { S as l, a as o } from "../scroll-area-DQenuQib.js";
+export {
+  l as ScrollArea,
+  o as ScrollBar
+};

package/dist/components/{select.es.js → select.js}

@@ -1,4 +1,4 @@
-import { j as e, c as r } from "../index-CwFDnnd3.js";
+import { j as e, c as r } from "../index-C_XDkVGm.js";
 import * as s from "@radix-ui/react-select";
 import { CheckIcon as d, CaretDownIcon as i, CaretUpIcon as c } from "@phosphor-icons/react";
 function f({

package/dist/components/{sheet.es.js → sheet.js}

@@ -1,4 +1,4 @@
-import { j as e, c as s } from "../index-CwFDnnd3.js";
+import { j as e, c as s } from "../index-C_XDkVGm.js";
 import * as a from "@radix-ui/react-dialog";
 import { XIcon as i } from "@phosphor-icons/react";
 function f({ ...t }) {

package/dist/components/{skeleton.es.js → skeleton.js}

@@ -1,4 +1,4 @@
-import { j as n, c as s } from "../index-CwFDnnd3.js";
+import { j as n, c as s } from "../index-C_XDkVGm.js";
 function o({ className: e, ...t }) {
   return /* @__PURE__ */ n.jsx(
     "div",

package/dist/components/{slider.es.js → slider.js}

@@ -1,4 +1,4 @@
-import { j as a, c as n } from "../index-CwFDnnd3.js";
+import { j as a, c as n } from "../index-C_XDkVGm.js";
 import * as i from "@radix-ui/react-slider";
 import * as h from "react";
 function b({

package/dist/components/{sonner.es.js → sonner.js}

@@ -1,8 +1,8 @@
-import { j as s, c as o } from "../index-CwFDnnd3.js";
+import { j as s, c as o } from "../index-C_XDkVGm.js";
 import { XIcon as w, WarningIcon as j, CheckCircleIcon as k, InfoIcon as I, WarningCircleIcon as N } from "@phosphor-icons/react";
 import * as u from "react";
 import { Toaster as z } from "sonner";
-import { C } from "../clasing-icon-CJQQN554.js";
+import { C } from "../clasing-icon-zhfWTLFn.js";
 var S = (r, a, m, c, i, t, g, f) => {
   let n = document.documentElement, p = ["light", "dark"];
   function l(e) {

package/dist/components/{switch.es.js → switch.js}

@@ -1,5 +1,5 @@
-import { j as o, c as w } from "../index-CwFDnnd3.js";
-import { c as r } from "../index-CnqageB2.js";
+import { j as o, c as w } from "../index-C_XDkVGm.js";
+import { cva as r } from "class-variance-authority";
 import { forwardRef as b, useState as x } from "react";
 const g = r(
   `
@@ -51,14 +51,14 @@ const g = r(
     defaultChecked: h,
     checked: a,
     onCheckedChange: l,
-    disabled: s,
-    switchSize: n,
+    disabled: n,
+    switchSize: s,
     ...u
   }, f) => {
     const [k, m] = x(
       h || !1
     ), c = a !== void 0, t = c ? a : k, i = () => {
-      if (s) return;
+      if (n) return;
       const e = !t;
       c || m(e), l?.(e);
     }, p = (e) => {
@@ -74,10 +74,10 @@ const g = r(
         "data-state": t ? "checked" : "unchecked",
         onClick: i,
         onKeyDown: p,
-        disabled: s,
+        disabled: n,
         className: w(
           g({
-            switchSize: n,
+            switchSize: s,
             className: d
           })
         ),
@@ -86,7 +86,7 @@ const g = r(
           "span",
           {
             "data-state": t ? "checked" : "unchecked",
-            className: v({ switchSize: n })
+            className: v({ switchSize: s })
           }
         )
       }

package/dist/components/{table.es.js → table.js}

@@ -1,4 +1,4 @@
-import { j as a, c as o } from "../index-CwFDnnd3.js";
+import { j as a, c as o } from "../index-C_XDkVGm.js";
 function l({ className: t, ...e }) {
   return /* @__PURE__ */ a.jsx(
     "div",

package/dist/components/{textarea.es.js → textarea.js}

@@ -1,5 +1,5 @@
-import { j as r, c as t } from "../index-CwFDnnd3.js";
-import { c as v } from "../index-CnqageB2.js";
+import { j as r, c as s } from "../index-C_XDkVGm.js";
+import { cva as v } from "class-variance-authority";
 const u = v(
   `
     flex w-full min-w-0 rounded-md border border-input bg-transparent
@@ -39,13 +39,13 @@ function b({
   showCharacterCount: c = !1,
   ...a
 }) {
-  const s = a.value ? String(a.value).length : 0, d = c || e;
+  const t = a.value ? String(a.value).length : 0, d = c || e;
   return !i && !d ? /* @__PURE__ */ r.jsx(
     "textarea",
     {
       "data-slot": "textarea",
       maxLength: e,
-      className: t(
+      className: s(
         u({ size: l, resize: o }),
         `
             focus-visible:border-ring focus-visible:ring-[3px]
@@ -67,7 +67,7 @@ function b({
         {
           "data-slot": "textarea",
           maxLength: e,
-          className: t(
+          className: s(
             u({ size: l, resize: o }),
             `
               focus-visible:border-ring focus-visible:ring-[3px]
@@ -89,10 +89,10 @@ function b({
     d && /* @__PURE__ */ r.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ r.jsx(
       "span",
       {
-        className: t("paragraph-xs text-muted-foreground", {
-          "text-destructive": e && s > e
+        className: s("paragraph-xs text-muted-foreground", {
+          "text-destructive": e && t > e
         }),
-        children: e ? `${s}/${e}` : s
+        children: e ? `${t}/${e}` : t
       }
     ) })
   ] });

package/dist/components/{toggle-group.es.js → toggle-group.js}

@@ -1,7 +1,7 @@
-import { j as i, c as s } from "../index-CwFDnnd3.js";
+import { j as i, c as s } from "../index-C_XDkVGm.js";
 import * as d from "@radix-ui/react-toggle-group";
 import * as l from "react";
-import { t as m } from "../toggle-DuhnqdDT.js";
+import { t as m } from "../toggle-Bj6sVNqF.js";
 const u = l.createContext({
   size: "md",
   variant: "default"

package/dist/components/toggle.js

@@ -0,0 +1,5 @@
+import { T as o, t } from "../toggle-Bj6sVNqF.js";
+export {
+  o as Toggle,
+  t as toggleVariants
+};

package/dist/components/{tooltip.es.js → tooltip.js}

@@ -1,4 +1,4 @@
-import { T as i, a as r, b as T, c as a } from "../tooltip-BYeLeBei.js";
+import { T as i, a as r, b as T, c as a } from "../tooltip-CC_kyHTm.js";
 export {
   i as Tooltip,
   r as TooltipContent,

package/dist/{dialog-CdmsVmRe.js → dialog-BcR6vjTs.js}

@@ -1,4 +1,4 @@
-import { j as t, c as s } from "./index-CwFDnnd3.js";
+import { j as t, c as s } from "./index-C_XDkVGm.js";
 import * as e from "@radix-ui/react-dialog";
 import { XIcon as l } from "@phosphor-icons/react";
 function u({

package/dist/{divider-DumyhJI_.js → divider-DnPsAXol.js}

@@ -1,4 +1,4 @@
-import { j as i, c as t } from "./index-CwFDnnd3.js";
+import { j as i, c as t } from "./index-C_XDkVGm.js";
 import { forwardRef as l } from "react";
 const o = l(
   ({ className: s, orientation: r = "horizontal", ...a }, e) => /* @__PURE__ */ i.jsx(