reaxify 0.0.98 → 1.2.0

package/dist/components/Button/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const l=require("react/jsx-runtime"),r=require("react"),W=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),E=require("../../helpers/cn.cjs.js"),F=require("../../hooks/useClasses.cjs.js"),H=require("../../hooks/useCreateRipple.cjs.js"),I=require("../Alert/index.cjs.js"),J=require("../ButtonGroup/index.cjs.js"),K=require("../Drawer/index.cjs.js"),L=require("../Modal/index.cjs.js"),O=require("../Spinner/index.cjs.js");function Q({as:f,variant:h,color:m,size:y,loading:w,stopPropagation:k=!1,preventDefault:C=!1,closeModal:v=!1,closeDrawer:q=!1,className:z,onClick:b,children:j,disabled:M,...R}){const t=F(e=>e.button),a=r.useContext(J.ButtonGroupContext),N=r.useContext(L.ModalContext),$=r.useContext(K.DrawerContext),c=r.useContext(I.AlertContext),D=H(),_=f||"button",u=h??a.variant??c.buttonVariant??"solid",i=m??a.color??c.color??"primary",o=y??a.size??"md",d=w??a.loading??!1,s=r.useMemo(()=>{var g,x,p;if(!i)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",text:"bg-transparent text-primary border-transparent",soft:"bg-light-primary text-dark-primary border-light-primary"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",text:"bg-transparent text-secondary border-transparent",soft:"bg-light-secondary text-dark-secondary border-light-secondary"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",text:"bg-transparent text-success border-transparent",soft:"bg-light-success text-dark-success border-light-success"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",text:"bg-transparent text-info border-transparent",soft:"bg-light-info text-dark-info border-light-info"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",text:"bg-transparent text-warning border-transparent",soft:"bg-light-warning text-dark-warning border-light-warning"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",text:"bg-transparent text-danger border-transparent",soft:"bg-light-danger text-dark-danger border-light-danger"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",text:"bg-transparent text-dark border-transparent",soft:"bg-dark text-white border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",text:"bg-transparent text-dark border-transparent",soft:"bg-light text-dark border-light"}},n=(x=(g=t==null?void 0:t.color)==null?void 0:g[i])==null?void 0:x[u],V=(p=e==null?void 0:e[i])==null?void 0:p[u];return E(V,n)},[i,u,t==null?void 0:t.color]),B=r.useMemo(()=>s==null?void 0:s.split(" ").find(e=>e.startsWith("text-")),[s]),G=r.useMemo(()=>{var n;if(!o)return null;const e={sm:"text-sm py-1 px-3.5",md:"text-base py-1.5 px-4",lg:"text-xl py-1.5 px-6",icon:"size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"};return[e==null?void 0:e[o],(n=t==null?void 0:t.size)==null?void 0:n[o]]},[o,t==null?void 0:t.size]),A=r.useMemo(()=>{var e,n;return d?["disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=t==null?void 0:t.loading)==null?void 0:e.active]:["disabled:opacity-75 disabled:cursor-not-allowed",(n=t==null?void 0:t.loading)==null?void 0:n.inactive]},[d,t==null?void 0:t.loading]),P=e=>{D(e),v&&N.onClose(),q&&$.onClose(),k&&e.stopPropagation(),C&&e.preventDefault(),b==null||b(e)};return l.jsxs(_,{role:"button",className:W.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none]","focus-visible:outline-none after:content-[''] after:bg-current after:opacity-25 after:absolute after:-inset-y-px after:inset-x-2 after:rounded-full after:mx-auto after:pointer-events-none after:scale-0 focus-visible:after:scale-100 after:transition-transform after:[corner-shape:squircle]",t==null?void 0:t.base,s,G,A,a.buttonClasses,z),onClick:P,disabled:M||d,...R,children:[j,d&&l.jsx("span",{className:"absolute inset-0 size-full flex items-center justify-center bg-transparent p-2",children:l.jsx(O,{size:o==="icon"?"sm":o,color:null,className:B})}),l.jsx("span",{"data-name":"ripple-group",className:"absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=Q;
+"use client";"use strict";const s=require("react/jsx-runtime"),o=require("react"),B=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),P=require("../Drawer/index.cjs.js"),T=require("../Modal/index.cjs.js"),W=require("../Spinner/index.cjs.js"),A=require("../../hooks/useClasses.cjs.js"),E=require("../../hooks/useCreateRipple.cjs.js"),l=require("../../helpers/cn.cjs.js");function F({as:u,variant:i="solid",color:b="primary",size:n="md",loading:d=!1,stopPropagation:p=!1,preventDefault:v=!1,closeModal:k=!1,closeDrawer:f=!1,className:y,onClick:g,children:m,disabled:w,...C}){const r=A(e=>e.button),q=E(),j=o.useContext(T.ModalContext),M=o.useContext(P.DrawerContext),R=u||"button",a=o.useMemo(()=>{var h,c,x;const e={primary:{solid:"bg-primary text-white border-primary hover:bg-dark-primary hover:border-dark-primary",outline:"bg-transparent text-primary border-primary hover:text-dark-primary hover:border-dark-primary",text:"bg-transparent text-primary border-transparent hover:text-dark-primary",soft:"bg-light-primary text-dark-primary border-light-primary hover:bg-primary hover:text-white hover:border-primary"},secondary:{solid:"bg-secondary text-white border-secondary hover:bg-dark-secondary hover:border-dark-secondary",outline:"bg-transparent text-secondary border-secondary hover:text-dark-secondary hover:border-dark-secondary",text:"bg-transparent text-secondary border-transparent hover:text-dark-secondary",soft:"bg-light-secondary text-dark-secondary border-light-secondary hover:bg-secondary hover:text-white hover:border-secondary"},success:{solid:"bg-success text-white border-success hover:bg-dark-success hover:border-dark-success",outline:"bg-transparent text-success border-success hover:text-dark-success hover:border-dark-success",text:"bg-transparent text-success border-transparent hover:text-dark-success",soft:"bg-light-success text-dark-success border-light-success hover:bg-success hover:text-white hover:border-success"},info:{solid:"bg-info text-white border-info hover:bg-dark-info hover:border-dark-info",outline:"bg-transparent text-info border-info hover:text-dark-info hover:border-dark-info",text:"bg-transparent text-info border-transparent hover:text-dark-info",soft:"bg-light-info text-dark-info border-light-info hover:bg-info hover:text-white hover:border-info"},warning:{solid:"bg-warning text-white border-warning hover:bg-dark-warning hover:border-dark-warning",outline:"bg-transparent text-warning border-warning hover:text-dark-warning hover:border-dark-warning",text:"bg-transparent text-warning border-transparent hover:text-dark-warning",soft:"bg-light-warning text-dark-warning border-light-warning hover:bg-warning hover:text-white hover:border-warning"},danger:{solid:"bg-danger text-white border-danger hover:bg-dark-danger hover:border-dark-danger",outline:"bg-transparent text-danger border-danger hover:text-dark-danger hover:border-dark-danger",text:"bg-transparent text-danger border-transparent hover:text-dark-danger",soft:"bg-light-danger text-dark-danger border-light-danger hover:bg-danger hover:text-white hover:border-danger"},dark:{solid:"bg-dark text-white border-dark hover:bg-black hover:border-black",outline:"bg-transparent text-dark border-dark hover:text-black hover:border-black",text:"bg-transparent text-dark border-transparent hover:text-black",soft:"bg-dark text-white border-dark hover:bg-black hover:text-white hover:border-black"},light:{solid:"bg-light text-dark border-light hover:bg-border hover:border-border",outline:"bg-transparent text-dark border-light hover:text-dark hover:border-dark",text:"bg-transparent text-dark border-transparent hover:text-dark",soft:"bg-light text-dark border-light hover:bg-border hover:border-border"}},t=(c=(h=r==null?void 0:r.color)==null?void 0:h[b])==null?void 0:c[i],$=(x=e==null?void 0:e[b])==null?void 0:x[i];return l($,t)},[b,i,r==null?void 0:r.color]),z=o.useMemo(()=>a==null?void 0:a.split(" ").find(e=>e.startsWith("text-")),[a]),D=o.useMemo(()=>{var t;const e={sm:"text-sm py-1 px-3.5",md:"text-base py-1.5 px-4",lg:"text-xl py-1.5 px-6",icon:"size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"};return[e==null?void 0:e[n],(t=r==null?void 0:r.size)==null?void 0:t[n]]},[n,r==null?void 0:r.size]),N=o.useMemo(()=>{var e,t;return d?["disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",(e=r==null?void 0:r.loading)==null?void 0:e.active]:["disabled:opacity-75 disabled:cursor-not-allowed",(t=r==null?void 0:r.loading)==null?void 0:t.inactive]},[d,r==null?void 0:r.loading]),_=e=>{q(e),k&&j.dismiss(),f&&M.dismiss(),p&&e.stopPropagation(),v&&e.preventDefault(),g==null||g(e)};return s.jsxs(R,{role:"button","data-name":"button",className:B.twMerge("relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none] focus-visible:outline-none",r==null?void 0:r.base,a,D,N,y),onClick:_,disabled:w||d,...C,children:[m,d&&s.jsx("span",{className:l("absolute inset-0 size-full flex items-center justify-center bg-transparent p-2 pointer-events-none",z),children:s.jsx(W,{size:n==="icon"?"sm":n,inheritColor:!0})}),s.jsx("span",{"data-name":"ripple-group",className:"absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none"})]})}module.exports=F;

package/dist/components/Button/index.d.ts

@@ -10,5 +10,5 @@ export type ButtonProps = {
     closeModal?: boolean;
     closeDrawer?: boolean;
 };
-export default function Button<E extends ElementType = "button">({ as, variant: initVariant, color: initColor, size: initSize, loading: initLoading, stopPropagation, preventDefault, closeModal, closeDrawer, className, onClick, children, disabled, ...props }: ComponentPropsWithAs<E, ButtonProps>): import("react/jsx-runtime").JSX.Element;
+export default function Button<E extends ElementType = "button">({ as, variant, color, size, loading, stopPropagation, preventDefault, closeModal, closeDrawer, className, onClick, children, disabled, ...props }: ComponentPropsWithAs<E, ButtonProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,KAAK,EACL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAmC,MAAM,OAAO,CAAC;AAUrE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC/D,EAAE,EACF,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,eAAuB,EACvB,cAAsB,EACtB,UAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA0ItC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,aAAa,EACb,KAAK,EACL,oBAAoB,EACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAmC,MAAM,OAAO,CAAC;AAQrE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAUF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EAC/D,EAAE,EACF,OAAiB,EACjB,KAAiB,EACjB,IAAW,EACX,OAAe,EACf,eAAuB,EACvB,cAAsB,EACtB,UAAkB,EAClB,WAAmB,EACnB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,2CA6ItC"}

package/dist/components/Button/index.es.js

@@ -1,135 +1,132 @@
 "use client";
-import { jsxs as E, jsx as p } from "react/jsx-runtime";
-import { useContext as d, useMemo as l } from "react";
-import { twMerge as F } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import H from "../../helpers/cn.es.js";
-import I from "../../hooks/useClasses.es.js";
-import J from "../../hooks/useCreateRipple.es.js";
-import { AlertContext as K } from "../Alert/index.es.js";
-import { ButtonGroupContext as L } from "../ButtonGroup/index.es.js";
-import { DrawerContext as O } from "../Drawer/index.es.js";
-import { ModalContext as Q } from "../Modal/index.es.js";
-import T from "../Spinner/index.es.js";
-function it({
-  as: m,
-  variant: h,
-  color: y,
-  size: w,
-  loading: k,
-  stopPropagation: v = !1,
-  preventDefault: C = !1,
-  closeModal: z = !1,
-  closeDrawer: j = !1,
-  className: N,
+import { jsxs as T, jsx as g } from "react/jsx-runtime";
+import { useContext as c, useMemo as d } from "react";
+import { twMerge as W } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import { DrawerContext as q } from "../Drawer/index.es.js";
+import { ModalContext as A } from "../Modal/index.es.js";
+import E from "../Spinner/index.es.js";
+import F from "../../hooks/useClasses.es.js";
+import G from "../../hooks/useCreateRipple.es.js";
+import x from "../../helpers/cn.es.js";
+function X({
+  as: v,
+  variant: i = "solid",
+  color: s = "primary",
+  size: o = "md",
+  loading: a = !1,
+  stopPropagation: u = !1,
+  preventDefault: k = !1,
+  closeModal: m = !1,
+  closeDrawer: f = !1,
+  className: y,
   onClick: b,
-  children: R,
-  disabled: D,
-  ...M
+  children: w,
+  disabled: C,
+  ...j
 }) {
-  const t = I((r) => r.button), o = d(L), _ = d(Q), B = d(O), c = d(K), G = J(), q = m || "button", g = h ?? o.variant ?? c.buttonVariant ?? "solid", i = y ?? o.color ?? c.color ?? "primary", n = w ?? o.size ?? "md", s = k ?? o.loading ?? !1, a = l(() => {
-    var u, x, f;
-    if (!i) return "border-transparent";
-    const r = {
+  const r = F((e) => e.button), z = G(), R = c(A), D = c(q), M = v || "button", n = d(() => {
+    var h, l, p;
+    const e = {
       primary: {
-        solid: "bg-primary text-white border-primary",
-        outline: "bg-transparent text-primary border-primary",
-        text: "bg-transparent text-primary border-transparent",
-        soft: "bg-light-primary text-dark-primary border-light-primary"
+        solid: "bg-primary text-white border-primary hover:bg-dark-primary hover:border-dark-primary",
+        outline: "bg-transparent text-primary border-primary hover:text-dark-primary hover:border-dark-primary",
+        text: "bg-transparent text-primary border-transparent hover:text-dark-primary",
+        soft: "bg-light-primary text-dark-primary border-light-primary hover:bg-primary hover:text-white hover:border-primary"
       },
       secondary: {
-        solid: "bg-secondary text-white border-secondary",
-        outline: "bg-transparent text-secondary border-secondary",
-        text: "bg-transparent text-secondary border-transparent",
-        soft: "bg-light-secondary text-dark-secondary border-light-secondary"
+        solid: "bg-secondary text-white border-secondary hover:bg-dark-secondary hover:border-dark-secondary",
+        outline: "bg-transparent text-secondary border-secondary hover:text-dark-secondary hover:border-dark-secondary",
+        text: "bg-transparent text-secondary border-transparent hover:text-dark-secondary",
+        soft: "bg-light-secondary text-dark-secondary border-light-secondary hover:bg-secondary hover:text-white hover:border-secondary"
       },
       success: {
-        solid: "bg-success text-white border-success",
-        outline: "bg-transparent text-success border-success",
-        text: "bg-transparent text-success border-transparent",
-        soft: "bg-light-success text-dark-success border-light-success"
+        solid: "bg-success text-white border-success hover:bg-dark-success hover:border-dark-success",
+        outline: "bg-transparent text-success border-success hover:text-dark-success hover:border-dark-success",
+        text: "bg-transparent text-success border-transparent hover:text-dark-success",
+        soft: "bg-light-success text-dark-success border-light-success hover:bg-success hover:text-white hover:border-success"
       },
       info: {
-        solid: "bg-info text-white border-info",
-        outline: "bg-transparent text-info border-info",
-        text: "bg-transparent text-info border-transparent",
-        soft: "bg-light-info text-dark-info border-light-info"
+        solid: "bg-info text-white border-info hover:bg-dark-info hover:border-dark-info",
+        outline: "bg-transparent text-info border-info hover:text-dark-info hover:border-dark-info",
+        text: "bg-transparent text-info border-transparent hover:text-dark-info",
+        soft: "bg-light-info text-dark-info border-light-info hover:bg-info hover:text-white hover:border-info"
       },
       warning: {
-        solid: "bg-warning text-white border-warning",
-        outline: "bg-transparent text-warning border-warning",
-        text: "bg-transparent text-warning border-transparent",
-        soft: "bg-light-warning text-dark-warning border-light-warning"
+        solid: "bg-warning text-white border-warning hover:bg-dark-warning hover:border-dark-warning",
+        outline: "bg-transparent text-warning border-warning hover:text-dark-warning hover:border-dark-warning",
+        text: "bg-transparent text-warning border-transparent hover:text-dark-warning",
+        soft: "bg-light-warning text-dark-warning border-light-warning hover:bg-warning hover:text-white hover:border-warning"
       },
       danger: {
-        solid: "bg-danger text-white border-danger",
-        outline: "bg-transparent text-danger border-danger",
-        text: "bg-transparent text-danger border-transparent",
-        soft: "bg-light-danger text-dark-danger border-light-danger"
+        solid: "bg-danger text-white border-danger hover:bg-dark-danger hover:border-dark-danger",
+        outline: "bg-transparent text-danger border-danger hover:text-dark-danger hover:border-dark-danger",
+        text: "bg-transparent text-danger border-transparent hover:text-dark-danger",
+        soft: "bg-light-danger text-dark-danger border-light-danger hover:bg-danger hover:text-white hover:border-danger"
       },
       dark: {
-        solid: "bg-dark text-white border-dark",
-        outline: "bg-transparent text-dark border-dark",
-        text: "bg-transparent text-dark border-transparent",
-        soft: "bg-dark text-white border-dark"
+        solid: "bg-dark text-white border-dark hover:bg-black hover:border-black",
+        outline: "bg-transparent text-dark border-dark hover:text-black hover:border-black",
+        text: "bg-transparent text-dark border-transparent hover:text-black",
+        soft: "bg-dark text-white border-dark hover:bg-black hover:text-white hover:border-black"
       },
       light: {
-        solid: "bg-light text-dark border-light",
-        outline: "bg-transparent text-dark border-light",
-        text: "bg-transparent text-dark border-transparent",
-        soft: "bg-light text-dark border-light"
+        solid: "bg-light text-dark border-light hover:bg-border hover:border-border",
+        outline: "bg-transparent text-dark border-light hover:text-dark hover:border-dark",
+        text: "bg-transparent text-dark border-transparent hover:text-dark",
+        soft: "bg-light text-dark border-light hover:bg-border hover:border-border"
       }
-    }, e = (x = (u = t == null ? void 0 : t.color) == null ? void 0 : u[i]) == null ? void 0 : x[g], W = (f = r == null ? void 0 : r[i]) == null ? void 0 : f[g];
-    return H(W, e);
-  }, [i, g, t == null ? void 0 : t.color]), A = l(() => a == null ? void 0 : a.split(" ").find((r) => r.startsWith("text-")), [a]), P = l(() => {
-    var e;
-    if (!n) return null;
-    const r = {
+    }, t = (l = (h = r == null ? void 0 : r.color) == null ? void 0 : h[s]) == null ? void 0 : l[i], S = (p = e == null ? void 0 : e[s]) == null ? void 0 : p[i];
+    return x(S, t);
+  }, [s, i, r == null ? void 0 : r.color]), N = d(() => n == null ? void 0 : n.split(" ").find((e) => e.startsWith("text-")), [n]), _ = d(() => {
+    var t;
+    const e = {
       sm: "text-sm py-1 px-3.5",
       md: "text-base py-1.5 px-4",
       lg: "text-xl py-1.5 px-6",
       icon: "size-9 p-0 inline-flex items-center justify-center rounded-full [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5"
     };
-    return [r == null ? void 0 : r[n], (e = t == null ? void 0 : t.size) == null ? void 0 : e[n]];
-  }, [n, t == null ? void 0 : t.size]), S = l(() => {
-    var r, e;
-    return s ? [
+    return [e == null ? void 0 : e[o], (t = r == null ? void 0 : r.size) == null ? void 0 : t[o]];
+  }, [o, r == null ? void 0 : r.size]), B = d(() => {
+    var e, t;
+    return a ? [
       "disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",
-      (r = t == null ? void 0 : t.loading) == null ? void 0 : r.active
+      (e = r == null ? void 0 : r.loading) == null ? void 0 : e.active
     ] : [
       "disabled:opacity-75 disabled:cursor-not-allowed",
-      (e = t == null ? void 0 : t.loading) == null ? void 0 : e.inactive
+      (t = r == null ? void 0 : r.loading) == null ? void 0 : t.inactive
     ];
-  }, [s, t == null ? void 0 : t.loading]), V = (r) => {
-    G(r), z && _.onClose(), j && B.onClose(), v && r.stopPropagation(), C && r.preventDefault(), b == null || b(r);
+  }, [a, r == null ? void 0 : r.loading]), P = (e) => {
+    z(e), m && R.dismiss(), f && D.dismiss(), u && e.stopPropagation(), k && e.preventDefault(), b == null || b(e);
   };
-  return /* @__PURE__ */ E(
-    q,
+  return /* @__PURE__ */ T(
+    M,
     {
       role: "button",
-      className: F(
-        "relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none]",
-        "focus-visible:outline-none after:content-[''] after:bg-current after:opacity-25 after:absolute after:-inset-y-px after:inset-x-2 after:rounded-full after:mx-auto after:pointer-events-none after:scale-0 focus-visible:after:scale-100 after:transition-transform after:[corner-shape:squircle]",
-        t == null ? void 0 : t.base,
-        a,
-        P,
-        S,
-        o.buttonClasses,
-        N
+      "data-name": "button",
+      className: W(
+        "relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-border cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none] focus-visible:outline-none",
+        r == null ? void 0 : r.base,
+        n,
+        _,
+        B,
+        y
       ),
-      onClick: V,
-      disabled: D || s,
-      ...M,
+      onClick: P,
+      disabled: C || a,
+      ...j,
       children: [
-        R,
-        s && /* @__PURE__ */ p("span", { className: "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2", children: /* @__PURE__ */ p(
-          T,
+        w,
+        a && /* @__PURE__ */ g(
+          "span",
           {
-            size: n === "icon" ? "sm" : n,
-            color: null,
-            className: A
+            className: x(
+              "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2 pointer-events-none",
+              N
+            ),
+            children: /* @__PURE__ */ g(E, { size: o === "icon" ? "sm" : o, inheritColor: !0 })
           }
-        ) }),
-        /* @__PURE__ */ p(
+        ),
+        /* @__PURE__ */ g(
           "span",
           {
             "data-name": "ripple-group",
@@ -141,5 +138,5 @@ function it({
   );
 }
 export {
-  it as default
+  X as default
 };

package/dist/components/ButtonGroup/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),M=require("../../helpers/cn.cjs.js"),h=require("../../hooks/useClasses.cjs.js"),r=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),c=r.createContext({});function G({as:d,variant:l,color:a,size:f,loading:p,orientation:e="horizontal",className:b,children:x,...m}){const v=d||"div",t=h(o=>o.buttonGroup),C=r.useMemo(()=>{var n;return[{horizontal:"flex-row",vertical:"flex-col"}[e],(n=t==null?void 0:t.orientation)==null?void 0:n[e]]},[e,t==null?void 0:t.orientation]),j=r.useMemo(()=>{var u,i;const o={horizontal:"rounded-none first-of-type:rounded-s last-of-type:rounded-e",vertical:"rounded-none first-of-type:rounded-t last-of-type:rounded-b"},n=(i=(u=t==null?void 0:t.button)==null?void 0:u.orientation)==null?void 0:i[e],y=o[e];return M(y,n)},[e,t==null?void 0:t.button]);return s.jsx(v,{className:q.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,C,b),...m,children:s.jsx(c.Provider,{value:{variant:l,color:a,size:f,loading:p,buttonClasses:j},children:x})})}exports.ButtonGroupContext=c;exports.default=G;
+"use client";"use strict";const q=require("react/jsx-runtime"),r=require("react"),M=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),R=require("../../hooks/useClasses.cjs.js"),g=require("../../helpers/cn.cjs.js");function h({as:f,variant:u,color:s,size:i,loading:a,orientation:o="horizontal",className:m,children:c,...b}){const x=f||"div",t=R(n=>n.buttonGroup),y=r.useMemo(()=>{var e;return[{horizontal:"flex-row",vertical:"flex-col"}[o],(e=t==null?void 0:t.orientation)==null?void 0:e[o]]},[o,t==null?void 0:t.orientation]),l=r.useMemo(()=>{var d,p;const n={horizontal:"rounded-none first-of-type:rounded-s last-of-type:rounded-e",vertical:"rounded-none first-of-type:rounded-t last-of-type:rounded-b"},e=(p=(d=t==null?void 0:t.button)==null?void 0:d.orientation)==null?void 0:p[o];return[n[o],e]},[o,t==null?void 0:t.button]),C=r.useMemo(()=>r.Children.toArray(c).map(n=>{if(!r.isValidElement(n))return n;const e=n.props;return e["data-button-group-skip"]?n:r.cloneElement(n,{variant:e.variant??u,color:e.color??s,size:e.size??i,loading:e.loading??a,className:g(...l,e.className)})}),[c,u,s,i,a,l]);return q.jsx(x,{"data-name":"button-group",className:M.twMerge("w-fit flex items-stretch justify-center",t==null?void 0:t.base,y,m),...b,children:C})}module.exports=h;

package/dist/components/ButtonGroup/index.d.ts

@@ -4,10 +4,6 @@ import { ButtonProps } from '../Button';
 type ButtonGroupProps = {
     orientation?: "vertical" | "horizontal";
 } & ButtonProps;
-type Context = {
-    buttonClasses?: string;
-} & ButtonProps;
-export declare const ButtonGroupContext: import('react').Context<Context>;
 export default function ButtonGroup<E extends ElementType = "div">({ as, variant, color, size, loading, orientation, className, children, ...props }: ComponentPropsWithAs<E, ButtonGroupProps>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAiB,WAAW,EAAW,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC,GAAG,WAAW,CAAC;AAChB,KAAK,OAAO,GAAG;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,kBAAkB,kCAA6B,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjE,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,CAAC,2CAqC3C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAGL,WAAW,EAIZ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC,GAAG,WAAW,CAAC;AAEhB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACjE,EAAE,EACF,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAA0B,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,gBAAgB,CAAC,2CAiD3C"}

package/dist/components/ButtonGroup/index.es.js

@@ -1,56 +1,59 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import y from "../../helpers/cn.es.js";
-import w from "../../hooks/useClasses.es.js";
-import { createContext as z, useMemo as f } from "react";
-import { twMerge as G } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-const j = z({});
-function P({
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as e, Children as h, isValidElement as v, cloneElement as z } from "react";
+import { twMerge as w } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import N from "../../hooks/useClasses.es.js";
+import R from "../../helpers/cn.es.js";
+function B({
   as: d,
-  variant: s,
-  color: m,
-  size: p,
-  loading: l,
-  orientation: o = "horizontal",
-  className: a,
-  children: c,
-  ...x
+  variant: i,
+  color: u,
+  size: s,
+  loading: a,
+  orientation: r = "horizontal",
+  className: c,
+  children: f,
+  ...b
 }) {
-  const b = d || "div", t = w((n) => n.buttonGroup), C = f(() => {
-    var e;
+  const y = d || "div", t = N((n) => n.buttonGroup), C = e(() => {
+    var o;
     return [{
       horizontal: "flex-row",
       vertical: "flex-col"
-    }[o], (e = t == null ? void 0 : t.orientation) == null ? void 0 : e[o]];
-  }, [o, t == null ? void 0 : t.orientation]), h = f(() => {
-    var r, u;
+    }[r], (o = t == null ? void 0 : t.orientation) == null ? void 0 : o[r]];
+  }, [r, t == null ? void 0 : t.orientation]), m = e(() => {
+    var p, l;
     const n = {
       horizontal: "rounded-none first-of-type:rounded-s last-of-type:rounded-e",
       vertical: "rounded-none first-of-type:rounded-t last-of-type:rounded-b"
-    }, e = (u = (r = t == null ? void 0 : t.button) == null ? void 0 : r.orientation) == null ? void 0 : u[o], v = n[o];
-    return y(v, e);
-  }, [o, t == null ? void 0 : t.button]);
-  return /* @__PURE__ */ i(
-    b,
+    }, o = (l = (p = t == null ? void 0 : t.button) == null ? void 0 : p.orientation) == null ? void 0 : l[r];
+    return [n[r], o];
+  }, [r, t == null ? void 0 : t.button]), x = e(() => h.toArray(f).map((n) => {
+    if (!v(n)) return n;
+    const o = n.props;
+    return o["data-button-group-skip"] ? n : z(n, {
+      variant: o.variant ?? i,
+      color: o.color ?? u,
+      size: o.size ?? s,
+      loading: o.loading ?? a,
+      className: R(...m, o.className)
+    });
+  }), [f, i, u, s, a, m]);
+  return /* @__PURE__ */ g(
+    y,
     {
-      className: G(
+      "data-name": "button-group",
+      className: w(
         "w-fit flex items-stretch justify-center",
         t == null ? void 0 : t.base,
         C,
-        a
+        c
       ),
-      ...x,
-      children: /* @__PURE__ */ i(
-        j.Provider,
-        {
-          value: { variant: s, color: m, size: p, loading: l, buttonClasses: h },
-          children: c
-        }
-      )
+      ...b,
+      children: x
     }
   );
 }
 export {
-  j as ButtonGroupContext,
-  P as default
+  B as default
 };

package/dist/components/Card/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),d=require("../../hooks/useClasses.cjs.js");require("react");const c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function n({as:e,className:r,children:s,...o}){const t=d(l=>l.card.base),u=e||"div";return a.jsx(u,{className:c.twMerge("block w-full bg-white rounded shadow",t,r),...o,children:s})}function i({className:e,children:r,...s}){const o=d(t=>t.card.header.base);return a.jsx("div",{className:c.twMerge("w-full border-b border-border p-4",o,e),...s,children:r})}function b({className:e,children:r,...s}){const o=d(t=>t.card.body.base);return a.jsx("div",{className:c.twMerge("w-full p-4",o,e),...s,children:r})}function w({className:e,children:r,...s}){const o=d(t=>t.card.footer.base);return a.jsx("div",{className:c.twMerge("w-full border-t border-border p-4",o,e),...s,children:r})}n.Header=i;n.Body=b;n.Footer=w;module.exports=n;
+"use client";"use strict";const o=require("react/jsx-runtime"),t=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),c=require("../../hooks/useClasses.cjs.js");function n({as:e,className:r,children:s,...a}){const d=c(l=>l.card.base),u=e||"div";return o.jsx(u,{"data-name":"card",className:t.twMerge("block w-full bg-white rounded shadow",d,r),...a,children:s})}function b({className:e,children:r,...s}){const a=c(d=>d.card.header.base);return o.jsx("div",{"data-name":"card-header",className:t.twMerge("w-full border-b border-border p-4",a,e),...s,children:r})}function i({className:e,children:r,...s}){const a=c(d=>d.card.body.base);return o.jsx("div",{"data-name":"card-body",className:t.twMerge("w-full p-4",a,e),...s,children:r})}function f({className:e,children:r,...s}){const a=c(d=>d.card.footer.base);return o.jsx("div",{"data-name":"card-footer",className:t.twMerge("w-full border-t border-border p-4",a,e),...s,children:r})}n.Header=b;n.Body=i;n.Footer=f;module.exports=n;

package/dist/components/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpD,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC3C,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAezB;kBApBQ,IAAI;;;;;AAqBb,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAc3E;AACD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAOzE;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAc3E;AAMD,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpD,iBAAS,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC3C,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAgBzB;kBArBQ,IAAI;;;;;AAsBb,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAe3E;AACD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAWzE;AACD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAe3E;AAMD,eAAe,IAAI,CAAC"}

package/dist/components/Card/index.es.js

@@ -1,65 +1,75 @@
 "use client";
-import { jsx as d } from "react/jsx-runtime";
-import t from "../../hooks/useClasses.es.js";
-import "react";
-import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import { jsx as s } from "react/jsx-runtime";
+import { twMerge as t } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import c from "../../hooks/useClasses.es.js";
 function n({
-  as: r,
-  className: e,
-  children: o,
-  ...s
+  as: e,
+  className: r,
+  children: a,
+  ...o
 }) {
-  const a = t((l) => l.card.base);
-  return /* @__PURE__ */ d(
-    r || "div",
+  const d = c((l) => l.card.base);
+  return /* @__PURE__ */ s(
+    e || "div",
     {
-      className: c(
+      "data-name": "card",
+      className: t(
         "block w-full bg-white rounded shadow",
-        a,
-        e
+        d,
+        r
       ),
-      ...s,
-      children: o
+      ...o,
+      children: a
     }
   );
 }
-function u({ className: r, children: e, ...o }) {
-  const s = t((a) => a.card.header.base);
-  return /* @__PURE__ */ d(
+function m({ className: e, children: r, ...a }) {
+  const o = c((d) => d.card.header.base);
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: c(
+      "data-name": "card-header",
+      className: t(
         "w-full border-b border-border p-4",
-        s,
-        r
+        o,
+        e
       ),
-      ...o,
-      children: e
+      ...a,
+      children: r
     }
   );
 }
-function b({ className: r, children: e, ...o }) {
-  const s = t((a) => a.card.body.base);
-  return /* @__PURE__ */ d("div", { className: c("w-full p-4", s, r), ...o, children: e });
+function u({ className: e, children: r, ...a }) {
+  const o = c((d) => d.card.body.base);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-name": "card-body",
+      className: t("w-full p-4", o, e),
+      ...a,
+      children: r
+    }
+  );
 }
-function i({ className: r, children: e, ...o }) {
-  const s = t((a) => a.card.footer.base);
-  return /* @__PURE__ */ d(
+function b({ className: e, children: r, ...a }) {
+  const o = c((d) => d.card.footer.base);
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: c(
+      "data-name": "card-footer",
+      className: t(
         "w-full border-t border-border p-4",
-        s,
-        r
+        o,
+        e
       ),
-      ...o,
-      children: e
+      ...a,
+      children: r
     }
   );
 }
-n.Header = u;
-n.Body = b;
-n.Footer = i;
+n.Header = m;
+n.Body = u;
+n.Footer = b;
 export {
   n as default
 };

package/dist/components/Collapse/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";const i=require("react/jsx-runtime"),r=require("../../node_modules/react-animate-height/dist/esm/index.cjs.js"),u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../hooks/useClasses.cjs.js"),m={animating:"",animatingUp:"",animatingDown:"",static:"",animatingToHeightZero:"",animatingToHeightAuto:"",animatingToHeightSpecific:"",staticHeightZero:"",staticHeightAuto:"",staticHeightSpecific:""};function s({open:t=!1,duration:e=300,"data-name":n="collapse",children:a}){return i.jsx(r,{"data-name":n,height:t?"auto":0,duration:e,className:"w-full overflow-hidden",animationStateClasses:m,children:a})}function p({as:t,className:e,children:n,...a}){const o=g(l=>l.collapse.content.base),c=t||"div";return i.jsx(c,{"data-name":"collapse-content",className:u.twMerge("w-full block",o,e),...a,children:n})}s.Content=p;module.exports=s;

package/dist/components/Collapse/index.d.ts

@@ -0,0 +1,14 @@
+import { ChildrenProps, ComponentPropsWithAs } from '../../types';
+import { ElementType } from 'react';
+type CollapseProps = {
+    open?: boolean;
+    duration?: number;
+    "data-name"?: string;
+} & ChildrenProps;
+declare function Collapse({ open, duration, "data-name": dataName, children, }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Collapse {
+    var Content: typeof CollapseContent;
+}
+declare function CollapseContent<E extends ElementType = "div">({ as, className, children, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;
+export default Collapse;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Collapse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapse/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAiBpC,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,aAAa,CAAC;AAElB,iBAAS,QAAQ,CAAC,EAChB,IAAY,EACZ,QAAc,EACd,WAAW,EAAE,QAAqB,EAClC,QAAQ,GACT,EAAE,aAAa,2CAYf;kBAjBQ,QAAQ;;;AAmBjB,iBAAS,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACtD,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAYzB;AAID,eAAe,QAAQ,CAAC"}