@clasing/ui 2.7.1 → 2.7.2

package/dist/{button-2VesFn_C.js → button-BMh8vaQL.js}

@@ -1,4 +1,4 @@
-import { c as a, j as e } from "./index-CwFDnnd3.js";
+import { c as o, j as e } from "./index-CwFDnnd3.js";
 import { Slot as _ } from "@radix-ui/react-slot";
 import { c as k } from "./index-CnqageB2.js";
 import w from "react";
@@ -11,7 +11,7 @@ const T = k(
     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
-    active:before:scale-96
+    not-disabled:active:before:scale-96
     [&_svg]:shrink-0
   `,
   {
@@ -29,7 +29,7 @@ const T = k(
           `
             text-secondary-foreground
             before:bg-secondary
-            hover:before:bg-secondary/60
+            hover:before:bg-secondary/80
           `
         ],
         ghost: [
@@ -184,7 +184,7 @@ const T = k(
     weight: p,
     children: n,
     isLoading: r,
-    disabled: o,
+    disabled: a,
     tooltip: t,
     tooltipPlacement: l = "top",
     asChild: d,
@@ -197,13 +197,13 @@ const T = k(
       md: "w-8 px-0",
       sm: "w-7 px-0",
       xs: "w-6 px-0"
-    }[i || "xl"] : "", N = a(
+    }[i || "xl"] : "", N = o(
       T({
         variant: x,
         weight: p,
         size: i,
         isLoading: r,
-        disabled: o
+        disabled: a
       }),
       m,
       j
@@ -212,7 +212,7 @@ const T = k(
         C,
         {
           variant: "default",
-          className: a(
+          className: o(
             "pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",
             {
               "visible animate-[spin_2s_linear_infinite] opacity-100": r
@@ -223,7 +223,7 @@ const T = k(
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: a(
+          className: o(
             "flex items-center justify-center gap-2",
             r ? "invisible opacity-0" : "visible opacity-100"
           ),
@@ -234,13 +234,13 @@ const T = k(
       h,
       {
         ref: y,
-        className: N,
-        disabled: !!r || !!o,
+        className: o(N),
+        disabled: !!r || !!a,
         ...v,
         children: z
       }
     );
-    return t && (o || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
+    return t && (a || 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/{button-DWBp81pk.cjs → button-CBGIJZh6.cjs}

@@ -4,7 +4,7 @@
     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
-    active:before:scale-96
+    not-disabled:active:before:scale-96
     [&_svg]:shrink-0
   `,{variants:{variant:{primary:[`
             text-primary-foreground
@@ -13,7 +13,7 @@
           `],secondary:[`
             text-secondary-foreground
             before:bg-secondary
-            hover:before:bg-secondary/60
+            hover:before:bg-secondary/80
           `],ghost:[`
             text-foreground
             before:bg-background
@@ -67,4 +67,4 @@
         `},{variant:"destructive",isLoading:!0,className:`
           text-destructive-foreground!
           before:bg-destructive/80!
-        `}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold"}}),b=z.forwardRef(({className:c,variant:g,size:n,weight:m,children:a,isLoading:r,disabled:i,tooltip:s,tooltipPlacement:l="top",asChild:u,iconOnly:d,...f},p)=>{const v=u?R.Slot:"button",y=d?{xl:"w-12 px-0",lg:"w-10 px-0",md:"w-8 px-0",sm:"w-7 px-0",xs:"w-6 px-0"}[n||"xl"]:"",h=e.cn(x({variant:g,weight:m,size:n,isLoading:r,disabled:i}),c,y),j=u?a:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[r&&e.jsxRuntimeExports.jsx(E.ClasingIcon,{variant:"default",className:e.cn("pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",{"visible animate-[spin_2s_linear_infinite] opacity-100":r})}),e.jsxRuntimeExports.jsx("span",{className:e.cn("flex items-center justify-center gap-2",r?"invisible opacity-0":"visible opacity-100"),children:a})]}),o=e.jsxRuntimeExports.jsx(v,{ref:p,className:h,disabled:!!r||!!i,...f,children:j});return s&&(i||r)?e.jsxRuntimeExports.jsx(t.TooltipProvider,{children:e.jsxRuntimeExports.jsxs(t.Tooltip,{children:[e.jsxRuntimeExports.jsx(t.TooltipTrigger,{asChild:!0,children:d?e.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:o}):o}),e.jsxRuntimeExports.jsx(t.TooltipContent,{side:l,children:s})]})}):s?e.jsxRuntimeExports.jsx(t.TooltipProvider,{children:e.jsxRuntimeExports.jsxs(t.Tooltip,{children:[e.jsxRuntimeExports.jsx(t.TooltipTrigger,{asChild:!0,children:o}),e.jsxRuntimeExports.jsx(t.TooltipContent,{side:l,children:s})]})}):o});b.displayName="Button";exports.Button=b;exports.buttonStyles=x;
+        `}],defaultVariants:{variant:"primary",size:"xl",weight:"semibold"}}),b=z.forwardRef(({className:c,variant:g,size:i,weight:m,children:a,isLoading:r,disabled:n,tooltip:s,tooltipPlacement:l="top",asChild:u,iconOnly:d,...f},p)=>{const v=u?R.Slot:"button",y=d?{xl:"w-12 px-0",lg:"w-10 px-0",md:"w-8 px-0",sm:"w-7 px-0",xs:"w-6 px-0"}[i||"xl"]:"",h=e.cn(x({variant:g,weight:m,size:i,isLoading:r,disabled:n}),c,y),j=u?a:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[r&&e.jsxRuntimeExports.jsx(E.ClasingIcon,{variant:"default",className:e.cn("pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",{"visible animate-[spin_2s_linear_infinite] opacity-100":r})}),e.jsxRuntimeExports.jsx("span",{className:e.cn("flex items-center justify-center gap-2",r?"invisible opacity-0":"visible opacity-100"),children:a})]}),o=e.jsxRuntimeExports.jsx(v,{ref:p,className:e.cn(h),disabled:!!r||!!n,...f,children:j});return s&&(n||r)?e.jsxRuntimeExports.jsx(t.TooltipProvider,{children:e.jsxRuntimeExports.jsxs(t.Tooltip,{children:[e.jsxRuntimeExports.jsx(t.TooltipTrigger,{asChild:!0,children:d?e.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:o}):o}),e.jsxRuntimeExports.jsx(t.TooltipContent,{side:l,children:s})]})}):s?e.jsxRuntimeExports.jsx(t.TooltipProvider,{children:e.jsxRuntimeExports.jsxs(t.Tooltip,{children:[e.jsxRuntimeExports.jsx(t.TooltipTrigger,{asChild:!0,children:o}),e.jsxRuntimeExports.jsx(t.TooltipContent,{side:l,children:s})]})}):o});b.displayName="Button";exports.Button=b;exports.buttonStyles=x;

package/dist/components/alert-dialog.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),u=require("@radix-ui/react-alert-dialog"),n=require("../button-DWBp81pk.cjs");function c(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const o=c(u);function d({...t}){return e.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function g({...t}){return e.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function i({...t}){return e.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:e.cn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),u=require("@radix-ui/react-alert-dialog"),n=require("../button-CBGIJZh6.cjs");function c(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return a.default=t,Object.freeze(a)}const o=c(u);function d({...t}){return e.jsxRuntimeExports.jsx(o.Root,{"data-slot":"alert-dialog",...t})}function g({...t}){return e.jsxRuntimeExports.jsx(o.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function i({...t}){return e.jsxRuntimeExports.jsx(o.Portal,{"data-slot":"alert-dialog-portal",...t})}function s({className:t,...a}){return e.jsxRuntimeExports.jsx(o.Overlay,{"data-slot":"alert-dialog-overlay",className:e.cn(`
           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

package/dist/components/alert-dialog.es.js

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

package/dist/components/button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-DWBp81pk.cjs");exports.Button=t.Button;exports.buttonStyles=t.buttonStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../button-CBGIJZh6.cjs");exports.Button=t.Button;exports.buttonStyles=t.buttonStyles;

package/dist/components/button.es.js

@@ -1,4 +1,4 @@
-import { B as s, b as a } from "../button-2VesFn_C.js";
+import { B as s, b as a } from "../button-BMh8vaQL.js";
 export {
   s as Button,
   a as buttonStyles

package/dist/components/calendar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),b=require("react"),g=require("react-day-picker"),m=require("../button-DWBp81pk.cjs"),i=require("@phosphor-icons/react");function h(r){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(d,n,o.get?o:{enumerable:!0,get:()=>r[n]})}}return d.default=r,Object.freeze(d)}const p=h(b);function w({className:r,classNames:d,showOutsideDays:n=!0,captionLayout:o="label",buttonVariant:l="ghost",formatters:c,components:f,...x}){const t=g.getDefaultClassNames();return e.jsxRuntimeExports.jsx(g.DayPicker,{showOutsideDays:n,className:e.cn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),b=require("react"),g=require("react-day-picker"),m=require("../button-CBGIJZh6.cjs"),i=require("@phosphor-icons/react");function h(r){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(d,n,o.get?o:{enumerable:!0,get:()=>r[n]})}}return d.default=r,Object.freeze(d)}const p=h(b);function w({className:r,classNames:d,showOutsideDays:n=!0,captionLayout:o="label",buttonVariant:l="ghost",formatters:c,components:f,...x}){const t=g.getDefaultClassNames();return e.jsxRuntimeExports.jsx(g.DayPicker,{showOutsideDays:n,className:e.cn(`
           group/calendar bg-background p-3 [--cell-size:--spacing(8)]
           in-data-[slot=card-content]:bg-transparent
           in-data-[slot=popover-content]:bg-transparent
@@ -30,7 +30,7 @@
             flex-1 rounded-md text-[0.8rem] font-regular text-muted-foreground
             select-none
           `,t.weekday),week:e.cn("mt-2 flex w-full",t.week),week_number_header:e.cn("w-(--cell-size) select-none",t.week_number_header),week_number:e.cn("text-[0.8rem] text-muted-foreground select-none",t.week_number),day:e.cn(`
-            group/day relative aspect-square h-full w-full p-0 text-center
+            group/day relative aspect-square size-full p-0 text-center
             select-none
             [&:first-child[data-selected=true]_button]:rounded-l-md
             [&:last-child[data-selected=true]_button]:rounded-r-md

package/dist/components/calendar.es.js

@@ -1,7 +1,7 @@
 import { j as n, c as e } from "../index-CwFDnnd3.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-2VesFn_C.js";
+import { b as m, B as h } from "../button-BMh8vaQL.js";
 import { CaretLeftIcon as w, CaretRightIcon as _, CaretDownIcon as y } from "@phosphor-icons/react";
 function C({
   className: c,
@@ -119,7 +119,7 @@ function C({
         ),
         day: e(
           `
-            group/day relative aspect-square h-full w-full p-0 text-center
+            group/day relative aspect-square size-full p-0 text-center
             select-none
             [&:first-child[data-selected=true]_button]:rounded-l-md
             [&:last-child[data-selected=true]_button]:rounded-r-md

package/dist/components/input.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-u-OTHOPe.cjs");exports.Input=t.Input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../input-DKYrdSsU.cjs");exports.Input=t.Input;

package/dist/components/input.es.js

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

package/dist/components/phone-input.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),m=require("../command-DNjJookC.cjs"),D=require("../input-u-OTHOPe.cjs"),C=require("../popover-A1-x5q-F.cjs"),M=require("../scroll-area-DFyIQG6Z.cjs"),S=require("@phosphor-icons/react"),F=require("react"),L=require("react-phone-number-input"),H=require("react-phone-number-input/flags"),G=require("react-phone-number-input/locale/en"),W=require("react-phone-number-input/locale/es"),$=require("react-phone-number-input/locale/fr");function N(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const s=N(F),I=N(L);function z(t,r){const[n,o]=s.useState(t);return s.useEffect(()=>{const l=setTimeout(()=>{o(t)},r);return()=>{clearTimeout(l)}},[t,r]),n}const P=s.forwardRef(({className:t,onChange:r,value:n,size:o="md",rounded:l="default",locale:c="en",...u},d)=>e.jsxRuntimeExports.jsx(I.default,{ref:d,className:e.cn("flex",t),flagComponent:B,countrySelectComponent:O,inputComponent:q,smartCaret:!1,labels:c==="es"?W:c==="fr"?$:G,value:n||void 0,onChange:f=>r?.(f||""),countrySelectProps:{size:o,rounded:l,...u},numberInputProps:{size:o,rounded:l,...u},...u}));P.displayName="PhoneInput";const q=s.forwardRef(({className:t,rounded:r="default",size:n,...o},l)=>{const{"data-country":c,...u}=o;return e.jsxRuntimeExports.jsx(D.Input,{size:n,className:e.cn("w-full",{"rounded-s-none rounded-e-lg":r!=="full","rounded-s-none rounded-e-full":r==="full","rounded-e-sm":n==="sm","rounded-e-md":n==="md","rounded-e-lg":n==="lg"},t),...u,ref:l})});q.displayName="InputComponent";const O=s.memo(({disabled:t,value:r,options:n,onChange:o,size:l="md",rounded:c="default",...u})=>{const d=s.useRef(null),[f,E]=s.useState(""),[b,R]=s.useState(!1),[y,v]=s.useState(20),x=z(f,100),p=s.useMemo(()=>x?n.filter(({label:a,value:i})=>i&&(a.toLowerCase().includes(x.toLowerCase())||i.toLowerCase().includes(x.toLowerCase()))):n,[n,x]),g=s.useMemo(()=>p.slice(0,y),[p,y]);return s.useEffect(()=>{v(20)},[x]),s.useEffect(()=>{if(!b)return;const a=setTimeout(()=>{if(!d.current)return;const h=d.current.querySelector("[data-radix-scroll-area-viewport]");if(!h)return;const w=()=>{const{scrollTop:_,scrollHeight:V,clientHeight:k}=h;_+k>=V-100&&v(A=>Math.min(A+20,p.length))};h.addEventListener("scroll",w,{passive:!0}),window.__scrollCleanup=()=>{h.removeEventListener("scroll",w)}},100);return()=>{clearTimeout(a);const i=window.__scrollCleanup;i&&i()}},[b,p.length]),e.jsxRuntimeExports.jsxs(C.Popover,{open:b,modal:!0,onOpenChange:a=>{R(a),a&&E("")},children:[e.jsxRuntimeExports.jsx(C.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button","aria-invalid":u["aria-invalid"],className:e.cn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Bfismeyo.cjs"),m=require("../command-DNjJookC.cjs"),D=require("../input-DKYrdSsU.cjs"),C=require("../popover-A1-x5q-F.cjs"),M=require("../scroll-area-DFyIQG6Z.cjs"),S=require("@phosphor-icons/react"),F=require("react"),L=require("react-phone-number-input"),H=require("react-phone-number-input/flags"),G=require("react-phone-number-input/locale/en"),W=require("react-phone-number-input/locale/es"),$=require("react-phone-number-input/locale/fr");function N(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const s=N(F),I=N(L);function z(t,r){const[n,o]=s.useState(t);return s.useEffect(()=>{const l=setTimeout(()=>{o(t)},r);return()=>{clearTimeout(l)}},[t,r]),n}const P=s.forwardRef(({className:t,onChange:r,value:n,size:o="md",rounded:l="default",locale:c="en",...u},d)=>e.jsxRuntimeExports.jsx(I.default,{ref:d,className:e.cn("flex",t),flagComponent:B,countrySelectComponent:O,inputComponent:q,smartCaret:!1,labels:c==="es"?W:c==="fr"?$:G,value:n||void 0,onChange:f=>r?.(f||""),countrySelectProps:{size:o,rounded:l,...u},numberInputProps:{size:o,rounded:l,...u},...u}));P.displayName="PhoneInput";const q=s.forwardRef(({className:t,rounded:r="default",size:n,...o},l)=>{const{"data-country":c,...u}=o;return e.jsxRuntimeExports.jsx(D.Input,{size:n,className:e.cn("w-full",{"rounded-s-none rounded-e-lg":r!=="full","rounded-s-none rounded-e-full":r==="full","rounded-e-sm":n==="sm","rounded-e-md":n==="md","rounded-e-lg":n==="lg"},t),...u,ref:l})});q.displayName="InputComponent";const O=s.memo(({disabled:t,value:r,options:n,onChange:o,size:l="md",rounded:c="default",...u})=>{const d=s.useRef(null),[f,E]=s.useState(""),[b,R]=s.useState(!1),[y,v]=s.useState(20),x=z(f,100),p=s.useMemo(()=>x?n.filter(({label:a,value:i})=>i&&(a.toLowerCase().includes(x.toLowerCase())||i.toLowerCase().includes(x.toLowerCase()))):n,[n,x]),g=s.useMemo(()=>p.slice(0,y),[p,y]);return s.useEffect(()=>{v(20)},[x]),s.useEffect(()=>{if(!b)return;const a=setTimeout(()=>{if(!d.current)return;const h=d.current.querySelector("[data-radix-scroll-area-viewport]");if(!h)return;const w=()=>{const{scrollTop:_,scrollHeight:V,clientHeight:k}=h;_+k>=V-100&&v(A=>Math.min(A+20,p.length))};h.addEventListener("scroll",w,{passive:!0}),window.__scrollCleanup=()=>{h.removeEventListener("scroll",w)}},100);return()=>{clearTimeout(a);const i=window.__scrollCleanup;i&&i()}},[b,p.length]),e.jsxRuntimeExports.jsxs(C.Popover,{open:b,modal:!0,onOpenChange:a=>{R(a),a&&E("")},children:[e.jsxRuntimeExports.jsx(C.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{type:"button","aria-invalid":u["aria-invalid"],className:e.cn(`
                 flex w-fit min-w-0 items-center justify-center border border-r-0
                 border-input bg-transparent paragraph-md
                 transition-[color,box-shadow] outline-none

package/dist/components/phone-input.es.js

@@ -1,6 +1,6 @@
 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-kOA9xJIa.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 { CaretDownIcon as $, CheckIcon as B } from "@phosphor-icons/react";

package/dist/{input-kOA9xJIa.js → input-9_pd3W-1.js}

@@ -2,7 +2,7 @@ import { j as r, c as o } from "./index-CwFDnnd3.js";
 import { EyeSlashIcon as f, EyeIcon as g } from "@phosphor-icons/react";
 import { c as b } from "./index-CnqageB2.js";
 import * as m from "react";
-import { B as c } from "./button-2VesFn_C.js";
+import { B as c } from "./button-BMh8vaQL.js";
 const d = b(
   `
     flex w-full min-w-0 rounded-md border border-input bg-transparent

package/dist/{input-u-OTHOPe.cjs → input-DKYrdSsU.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./index-Bfismeyo.cjs"),l=require("@phosphor-icons/react"),p=require("./index-BmhzhLcV.cjs"),x=require("react"),f=require("./button-DWBp81pk.cjs");function g(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return e.default=n,Object.freeze(e)}const b=g(x),d=p.cva(`
+"use strict";const t=require("./index-Bfismeyo.cjs"),l=require("@phosphor-icons/react"),p=require("./index-BmhzhLcV.cjs"),x=require("react"),f=require("./button-CBGIJZh6.cjs");function g(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return e.default=n,Object.freeze(e)}const b=g(x),d=p.cva(`
     flex w-full min-w-0 rounded-md border border-input bg-transparent
     transition-[color,box-shadow] outline-none
     selection:bg-primary selection:text-primary-foreground

package/dist/ui.css

@@ -58,18 +58,19 @@
   --font-weight-semibold: 600;
 
   --color-*: initial;
-  --color-black: #0c1717;
+  --color-black: #050808;
   --color-white: #ffffff;
 
-  --color-neutral-900: #0c1717;
-  --color-neutral-800: #364141;
-  --color-neutral-700: #515a5a;
-  --color-neutral-600: #6d7272;
-  --color-neutral-500: #9ea2a2;
-  --color-neutral-400: #bbbfbf;
-  --color-neutral-300: #c8cbcb;
-  --color-neutral-200: #eceded;
-  --color-neutral-100: #f8f8f8;
+  --color-neutral-950: #050808;
+  --color-neutral-900: #0c1010;
+  --color-neutral-800: #1a1f1f;
+  --color-neutral-700: #2d3535;
+  --color-neutral-600: #464e4e;
+  --color-neutral-500: #737c7c;
+  --color-neutral-400: #a1a9a9;
+  --color-neutral-300: #cbd2d2;
+  --color-neutral-200: #e2e8e8;
+  --color-neutral-100: #f4f7f7;
 
   --color-yellow-900: #332400;
   --color-yellow-800: #624600;
@@ -293,7 +294,7 @@
 :root {
   --radius: 1rem;
   --background: var(--color-white);
-  --foreground: var(--color-black);
+  --foreground: var(--color-neutral-900);
   --card: var(--background);
   --card-foreground: var(--foreground);
   --popover: var(--background);
@@ -305,18 +306,18 @@
   --muted: var(--color-neutral-200);
   --muted-foreground: var(--color-neutral-500);
   --accent: var(--color-neutral-200);
-  --accent-foreground: var(--color-black);
+  --accent-foreground: var(--color-neutral-900);
   --destructive: var(--color-red-050);
-  --destructive-foreground: var(--color-red-500);
+  --destructive-foreground: var(--color-red-600);
   --success: var(--color-green-050);
-  --success-foreground: var(--color-green-500);
+  --success-foreground: var(--color-green-700);
   --warning: var(--color-yellow-050);
-  --warning-foreground: var(--color-yellow-500);
+  --warning-foreground: var(--color-yellow-700);
   --info: var(--color-blue-050);
-  --info-foreground: var(--color-blue-500);
+  --info-foreground: var(--color-blue-700);
   --border: var(--color-neutral-200);
   --input: var(--color-neutral-300);
-  --ring: var(--color-ring-default);
+  --ring: var(--color-blue-600);
   --chart-1: var(--color-blue-300);
   --chart-2: var(--color-blue-500);
   --chart-3: var(--color-blue-600);
@@ -331,47 +332,47 @@
   --sidebar-border: var(--border);
   --sidebar-ring: var(--color-blue-500);
   --surface: var(--background);
-  --surface-foreground: var(--color-foreground);
-  --code: var(--surface);
-  --code-foreground: var(--surface-foreground);
+  --surface-foreground: var(--foreground);
+  --code: var(--color-neutral-100);
+  --code-foreground: var(--color-neutral-900);
   --code-highlight: var(--color-blue-500);
   --code-number: var(--color-blue-500);
-  --selection: var(--color-blue-050);
-  --selection-foreground: var(--color-blue-600);
+  --selection: var(--color-blue-100);
+  --selection-foreground: var(--color-blue-900);
 }
 
 .dark {
-  --background: var(--color-black);
-  --foreground: var(--color-white);
-  --card: var(--background);
+  --background: var(--color-neutral-950);
+  --foreground: var(--color-neutral-100);
+  --card: var(--color-neutral-900);
   --card-foreground: var(--foreground);
-  --popover: var(--background);
+  --popover: var(--color-neutral-900);
   --popover-foreground: var(--foreground);
-  --primary: var(--color-white);
-  --primary-foreground: var(--color-neutral-900);
+  --primary: var(--color-neutral-100);
+  --primary-foreground: var(--color-neutral-950);
   --secondary: var(--color-neutral-800);
-  --secondary-foreground: var(--color-white);
-  --muted: var(--color-neutral-700);
-  --muted-foreground: var(--color-neutral-500);
+  --secondary-foreground: var(--color-neutral-100);
+  --muted: var(--color-neutral-800);
+  --muted-foreground: var(--color-neutral-400);
   --accent: var(--color-neutral-800);
-  --accent-foreground: var(--color-white);
+  --accent-foreground: var(--color-neutral-100);
   --destructive: var(--color-red-900);
-  --destructive-foreground: var(--color-red-300);
+  --destructive-foreground: var(--color-red-200);
   --success: var(--color-green-900);
-  --success-foreground: var(--color-green-500);
+  --success-foreground: var(--color-green-300);
   --warning: var(--color-yellow-900);
-  --warning-foreground: var(--color-yellow-500);
+  --warning-foreground: var(--color-yellow-200);
   --info: var(--color-blue-900);
   --info-foreground: var(--color-blue-200);
   --border: var(--color-neutral-800);
   --input: var(--color-neutral-800);
   --ring: var(--color-blue-500);
-  --chart-1: var(--color-blue-300);
+  --chart-1: var(--color-blue-400);
   --chart-2: var(--color-blue-500);
-  --chart-3: var(--color-blue-600);
-  --chart-4: var(--color-blue-700);
-  --chart-5: var(--color-blue-800);
-  --sidebar: var(--background);
+  --chart-3: var(--color-blue-300);
+  --chart-4: var(--color-blue-200);
+  --chart-5: var(--color-blue-100);
+  --sidebar: var(--color-neutral-950);
   --sidebar-foreground: var(--foreground);
   --sidebar-primary: var(--primary);
   --sidebar-primary-foreground: var(--primary-foreground);
@@ -379,16 +380,15 @@
   --sidebar-accent-foreground: var(--accent-foreground);
   --sidebar-border: var(--border);
   --sidebar-ring: var(--color-blue-500);
-  --surface: var(--background);
-  --surface-foreground: var(--color-foreground);
-  --code: var(--surface);
-  --code-foreground: var(--surface-foreground);
-  --code-highlight: var(--color-blue-500);
-  --code-number: var(--color-blue-500);
-  --selection: var(--color-blue-900);
-  --selection-foreground: var(--color-blue-600);
+  --surface: var(--color-neutral-900);
+  --surface-foreground: var(--foreground);
+  --code: var(--color-neutral-900);
+  --code-foreground: var(--color-neutral-100);
+  --code-highlight: var(--color-blue-400);
+  --code-number: var(--color-blue-400);
+  --selection: var(--color-blue-800);
+  --selection-foreground: var(--color-blue-100);
 }
-
 /*
   The default border color has changed to `currentcolor` in Tailwind CSS v4,
   so we've added these compatibility styles to make sure everything still

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clasing/ui",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",