@clasing/ui 2.7.4 → 2.8.0

package/dist/{badge-aFyTFGVU.js → badge-DBOcqSZb.js}

@@ -1,6 +1,6 @@
-import { j as u, c as b } from "./index-CwFDnnd3.js";
+import { j as u, c as b } from "./index-C_XDkVGm.js";
 import { Slot as c } from "@radix-ui/react-slot";
-import { c as v } from "./index-CnqageB2.js";
+import { cva as v } from "class-variance-authority";
 const l = v(
   `
     box-border inline-flex w-fit shrink-0 items-center justify-center gap-2
@@ -28,7 +28,7 @@ const l = v(
           focus-visible:ring-destructive/20
           dark:bg-destructive
           dark:focus-visible:ring-destructive
-          [a&]:hover:bg-destructive/90
+          [a&]:hover:bg-destructive/80
         `,
         outline: `
           text-foreground
@@ -36,7 +36,7 @@ const l = v(
         `,
         error: `
           bg-destructive text-destructive-foreground
-          [a&]:hover:bg-destructive/90
+          [a&]:hover:bg-destructive/80
         `,
         warning: `
           bg-warning text-warning-foreground
@@ -93,17 +93,17 @@ const l = v(
         failed: `
           border border-destructive-foreground bg-background
           text-destructive-foreground
-          [a&]:hover:bg-background/90
+          [a&]:hover:bg-background/80
         `,
         expired: `
           border border-destructive-foreground bg-background
           text-destructive-foreground
-          [a&]:hover:bg-background/90
+          [a&]:hover:bg-background/80
         `,
         cancelled: `
           border border-destructive-foreground bg-background
           text-destructive-foreground
-          [a&]:hover:bg-background/90
+          [a&]:hover:bg-background/80
         `
       },
       size: {

package/dist/{button-BMh8vaQL.js → button-DSpGxL2e.js}

@@ -1,16 +1,14 @@
-import { c as o, j as e } from "./index-CwFDnnd3.js";
+import { c as a, j as e } from "./index-C_XDkVGm.js";
 import { Slot as _ } from "@radix-ui/react-slot";
-import { c as k } from "./index-CnqageB2.js";
+import { cva as k } from "class-variance-authority";
 import w from "react";
-import { C } from "./clasing-icon-CJQQN554.js";
-import { b, T as c, c as g, a as f } from "./tooltip-BYeLeBei.js";
+import { C } from "./clasing-icon-zhfWTLFn.js";
+import { b, T as c, c as g, a as f } from "./tooltip-CC_kyHTm.js";
 const T = k(
   `
-    relative z-0 flex items-center justify-center rounded-full
-    transition-[color,background-color,box-shadow]
+    relative z-0 flex items-center justify-center rounded-full focusable-item
     before:absolute before:inset-0 before:z-[-1] before:rounded-full
     before:transition-transform before:duration-150 before:ease-in-out
-    focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-1
     not-disabled:active:before:scale-96
     [&_svg]:shrink-0
   `,
@@ -102,6 +100,7 @@ const T = k(
         true: `
           disabled:cursor-not-allowed disabled:text-muted-foreground!
           disabled:before:bg-muted!
+          disabled:dark:opacity-60!
         `
       }
     },
@@ -184,7 +183,7 @@ const T = k(
     weight: p,
     children: n,
     isLoading: r,
-    disabled: a,
+    disabled: o,
     tooltip: t,
     tooltipPlacement: l = "top",
     asChild: d,
@@ -197,13 +196,13 @@ const T = k(
       md: "w-8 px-0",
       sm: "w-7 px-0",
       xs: "w-6 px-0"
-    }[i || "xl"] : "", N = o(
+    }[i || "xl"] : "", N = a(
       T({
         variant: x,
         weight: p,
         size: i,
         isLoading: r,
-        disabled: a
+        disabled: o
       }),
       m,
       j
@@ -212,7 +211,7 @@ const T = k(
         C,
         {
           variant: "default",
-          className: o(
+          className: a(
             "pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",
             {
               "visible animate-[spin_2s_linear_infinite] opacity-100": r
@@ -223,7 +222,7 @@ const T = k(
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: o(
+          className: a(
             "flex items-center justify-center gap-2",
             r ? "invisible opacity-0" : "visible opacity-100"
           ),
@@ -234,13 +233,13 @@ const T = k(
       h,
       {
         ref: y,
-        className: o(N),
-        disabled: !!r || !!a,
+        className: a(N),
+        disabled: !!r || !!o,
         ...v,
         children: z
       }
     );
-    return t && (a || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
+    return t && (o || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
       /* @__PURE__ */ e.jsx(g, { asChild: !0, children: u ? /* @__PURE__ */ e.jsx("div", { className: "inline-block", "aria-disabled": "true", children: s }) : s }),
       /* @__PURE__ */ e.jsx(f, { side: l, children: t })
     ] }) }) : t ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [

package/dist/{card-aAzRmGVH.js → card-zTCfwTcL.js}

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

package/dist/{chip-BmqvnZuy.js → chip-DOCdEBBS.js}

@@ -1,5 +1,5 @@
-import { j as e, c as l } from "./index-CwFDnnd3.js";
-import { c as m } from "./index-CnqageB2.js";
+import { j as e, c as l } from "./index-C_XDkVGm.js";
+import { cva as m } from "class-variance-authority";
 import { forwardRef as c } from "react";
 const g = m(
   `
@@ -58,8 +58,8 @@ const g = m(
     className: o,
     variant: t,
     size: i,
-    weight: s,
-    children: d,
+    weight: d,
+    children: s,
     notification: n,
     onClick: a,
     disabled: r,
@@ -69,14 +69,14 @@ const g = m(
     {
       ref: f,
       className: l(
-        g({ variant: t, size: i, weight: s, className: o, disabled: r })
+        g({ variant: t, size: i, weight: d, className: o, disabled: r })
       ),
       type: "button",
       disabled: r ?? void 0,
       onClick: a,
       ...u,
       children: [
-        d,
+        s,
         n && /* @__PURE__ */ e.jsx(
           "span",
           {
@@ -92,11 +92,11 @@ const g = m(
     {
       ref: f,
       className: l(
-        g({ variant: t, size: i, weight: s, className: o, disabled: r })
+        g({ variant: t, size: i, weight: d, className: o, disabled: r })
       ),
       ...u,
       children: [
-        d,
+        s,
         n && /* @__PURE__ */ e.jsx(
           "span",
           {

package/dist/{clasing-icon-CJQQN554.js → clasing-icon-zhfWTLFn.js}

@@ -1,4 +1,4 @@
-import { j as L, c as i } from "./index-CwFDnnd3.js";
+import { j as L, c as i } from "./index-C_XDkVGm.js";
 function h({
   className: s,
   variant: t,

package/dist/{command-peXi2dFX.js → command-Cq3FhQXv.js}

@@ -1,6 +1,6 @@
-import { j as e, c as t } from "./index-CwFDnnd3.js";
+import { j as e, c as t } from "./index-C_XDkVGm.js";
 import { Command as r } from "cmdk";
-import { D as i, e as c, h as p, c as l, b as u } from "./dialog-CdmsVmRe.js";
+import { D as i, e as c, h as p, c as l, b as u } from "./dialog-BcR6vjTs.js";
 import { MagnifyingGlassIcon as g } from "@phosphor-icons/react";
 function x({
   className: a,

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

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

package/dist/components/{alert-dialog.es.js → alert-dialog.js}

@@ -1,6 +1,6 @@
-import { j as e, c as l } from "../index-CwFDnnd3.js";
+import { j as e, c as l } from "../index-C_XDkVGm.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { b as r } from "../button-BMh8vaQL.js";
+import { b as r } from "../button-DSpGxL2e.js";
 function c({
   ...t
 }) {

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

@@ -1,10 +1,10 @@
-import { j as r, c as n } from "../index-CwFDnnd3.js";
+import { j as r, c as n } from "../index-C_XDkVGm.js";
 import { QuestionIcon as d, WarningCircleIcon as g, WarningIcon as u, CheckCircleIcon as f, InfoIcon as m } from "@phosphor-icons/react";
-import { c as p } from "../index-CnqageB2.js";
+import { cva as p } from "class-variance-authority";
 const x = p(
   `
     relative grid w-full grid-cols-[0_1fr] items-start gap-y-2 rounded-2xl
-    border px-6 py-6 paragraph-sm text-foreground
+    border p-6 paragraph-sm text-foreground
     has-[>svg]:grid-cols-[calc(var(--spacing)*5)_1fr] has-[>svg]:gap-x-3
     [&>svg]:size-5 [&>svg]:translate-y-0.5 [&>svg]:text-current
   `,

package/dist/components/{avatar.es.js → avatar.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-avatar";
 function i({
   className: a,

package/dist/components/badge.js

@@ -0,0 +1,4 @@
+import { B as o } from "../badge-DBOcqSZb.js";
+export {
+  o as Badge
+};

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

@@ -1,9 +1,9 @@
-import { j as r, c as n } from "../../index-CwFDnnd3.js";
-import { B as v } from "../../badge-aFyTFGVU.js";
-import { C as I, e as w, b as y, d as k } from "../../card-aAzRmGVH.js";
-import { T as z, c as B, a as R } from "../../tooltip-BYeLeBei.js";
+import { j as r, c as n } from "../../index-C_XDkVGm.js";
+import { B as v } from "../../badge-DBOcqSZb.js";
+import { C as I, e as w, b as y, d as k } from "../../card-zTCfwTcL.js";
+import { T as z, c as B, a as R } from "../../tooltip-CC_kyHTm.js";
 import { InfoIcon as E } from "@phosphor-icons/react";
-import { c as F } from "../../index-CnqageB2.js";
+import { cva as F } from "class-variance-authority";
 import { forwardRef as H } from "react";
 const O = F(
   `
@@ -25,12 +25,12 @@ const O = F(
     icon: l,
     tooltipIcon: p,
     tooltipText: o,
-    tooltipTitle: c,
+    tooltipTitle: d,
     tooltipSide: h,
     tooltipSideOffset: j,
     tooltipAlign: C,
     children: N,
-    ...d
+    ...c
   }, b) => /* @__PURE__ */ r.jsxs(
     I,
     {
@@ -38,12 +38,12 @@ const O = F(
       className: n(O({ className: u }), {
         "border-info-foreground bg-info/50": s,
         "border-muted-foreground bg-muted": e,
-        "cursor-pointer active:bg-info/30": d.onClick && s && !e,
-        "cursor-pointer active:bg-info/15": d.onClick && !s && !e
+        "cursor-pointer active:bg-info/30": c.onClick && s && !e,
+        "cursor-pointer active:bg-info/15": c.onClick && !s && !e
       }),
       role: "button",
       tabIndex: 0,
-      ...d,
+      ...c,
       children: [
         a || l ? /* @__PURE__ */ r.jsxs(w, { className: "flex items-center justify-between gap-2", children: [
           l ? /* @__PURE__ */ r.jsx(
@@ -78,8 +78,8 @@ const O = F(
                   side: h,
                   sideOffset: j,
                   align: C,
-                  children: c || o && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1", children: [
-                    c && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md font-semibold", children: c }),
+                  children: d || o && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1", children: [
+                    d && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md font-semibold", children: d }),
                     o && /* @__PURE__ */ r.jsx("p", { className: "paragraph-md", children: o })
                   ] })
                 }

package/dist/components/blocks/{selectable-chips.es.js → selectable-chips.js}

@@ -1,6 +1,6 @@
-import { j as s, c as n } from "../../index-CwFDnnd3.js";
-import { C as R } from "../../chip-BmqvnZuy.js";
-import { L as k } from "../../label-BteX4MEt.js";
+import { j as s, c as n } from "../../index-C_XDkVGm.js";
+import { C as R } from "../../chip-DOCdEBBS.js";
+import { L as k } from "../../label-CnZHCbRc.js";
 import { CheckIcon as I } from "@phosphor-icons/react";
 import * as u from "react";
 const L = u.forwardRef(

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

@@ -1,4 +1,4 @@
-import { j as a, c as t } from "../index-CwFDnnd3.js";
+import { j as a, c as t } from "../index-C_XDkVGm.js";
 import { Slot as o } from "@radix-ui/react-slot";
 import { DotsThreeIcon as i, CaretRightIcon as c } from "@phosphor-icons/react";
 function d({ ...r }) {

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

@@ -1,8 +1,8 @@
-import { j as r, c as n } from "../index-CwFDnnd3.js";
-import { Slot as a } from "@radix-ui/react-slot";
-import { c as i } from "../index-CnqageB2.js";
-import { D as l } from "../divider-DumyhJI_.js";
-const d = i(
+import { j as r, c as n } from "../index-C_XDkVGm.js";
+import { Slot as i } from "@radix-ui/react-slot";
+import { cva as a } from "class-variance-authority";
+import { D as l } from "../divider-DnPsAXol.js";
+const d = a(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
     variants: {
@@ -37,7 +37,7 @@ function h({
   asChild: t = !1,
   ...e
 }) {
-  const s = t ? a : "div";
+  const s = t ? i : "div";
   return /* @__PURE__ */ r.jsx(
     s,
     {

package/dist/components/button.js

@@ -0,0 +1,5 @@
+import { B as s, b as a } from "../button-DSpGxL2e.js";
+export {
+  s as Button,
+  a as buttonStyles
+};

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

@@ -1,7 +1,7 @@
-import { j as n, c as e } from "../index-CwFDnnd3.js";
+import { j as n, c as e } from "../index-C_XDkVGm.js";
 import * as i from "react";
 import { getDefaultClassNames as p, DayPicker as x } from "react-day-picker";
-import { b as m, B as h } from "../button-BMh8vaQL.js";
+import { b as m, B as h } from "../button-DSpGxL2e.js";
 import { CaretLeftIcon as w, CaretRightIcon as _, CaretDownIcon as y } from "@phosphor-icons/react";
 function C({
   className: c,

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

@@ -1,4 +1,4 @@
-import { C as d, a as C, b as e, c as s, d as o, e as t, f as i } from "../card-aAzRmGVH.js";
+import { C as d, a as C, b as e, c as s, d as o, e as t, f as i } from "../card-zTCfwTcL.js";
 export {
   d as Card,
   C as CardAction,

package/dist/components/{chart.es.js → chart.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 x from "react";
 import * as b from "recharts";
 const L = { light: "", dark: ".dark" }, w = x.createContext(null);

package/dist/components/{checkbox.es.js → checkbox.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 e from "@radix-ui/react-checkbox";
 import { CheckIcon as o } from "@phosphor-icons/react";
 function n({

package/dist/components/chip.js

@@ -0,0 +1,5 @@
+import { C as a, c } from "../chip-DOCdEBBS.js";
+export {
+  a as Chip,
+  c as chipStyles
+};

package/dist/components/clasing-icon.js

@@ -0,0 +1,4 @@
+import { C as n } from "../clasing-icon-zhfWTLFn.js";
+export {
+  n as ClasingIcon
+};

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

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

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

@@ -1,4 +1,4 @@
-import { C as o, a as d, b as n, c as s, d as C, e as t, f as r, g as p, h as e } from "../command-peXi2dFX.js";
+import { C as o, a as d, b as n, c as s, d as C, e as t, f as r, g as p, h as e } from "../command-Cq3FhQXv.js";
 export {
   o as Command,
   d as CommandDialog,

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

@@ -1,6 +1,6 @@
-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-context-menu";
-import { CheckIcon as i, CircleIcon as d, CaretRightIcon as c } from "@phosphor-icons/react";
+import { CheckIcon as i, CircleIcon as d, CaretRightIcon as u } from "@phosphor-icons/react";
 function m({
   ...t
 }) {
@@ -63,7 +63,7 @@ function b({
       ...r,
       children: [
         o,
-        /* @__PURE__ */ e.jsx(c, { className: "ml-auto" })
+        /* @__PURE__ */ e.jsx(u, { className: "ml-auto" })
       ]
     }
   );
@@ -146,13 +146,13 @@ function C({
           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
-          data-[variant=destructive]:focus:bg-destructive/10
-          data-[variant=destructive]:focus:text-destructive
-          dark:data-[variant=destructive]:focus:bg-destructive/20
+          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/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!
         `,
         t
       ),

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

@@ -1,4 +1,4 @@
-import { D as i, a as l, b as g, c as s, d as D, e, f as r, g as t, h as n, i as c } from "../dialog-CdmsVmRe.js";
+import { D as i, a as l, b as g, c as s, d as D, e, f as r, g as t, h as n, i as c } from "../dialog-BcR6vjTs.js";
 export {
   i as Dialog,
   l as DialogClose,

package/dist/components/divider.js

@@ -0,0 +1,4 @@
+import { D as i } from "../divider-DnPsAXol.js";
+export {
+  i as Divider
+};

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

@@ -1,4 +1,4 @@
-import { j as t, c as d } from "../index-CwFDnnd3.js";
+import { j as t, c as d } from "../index-C_XDkVGm.js";
 import { Drawer as e } from "vaul";
 function c({
   ...r