reaxify 0.0.84 → 0.0.86

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../providers/ThemeProvider.cjs.js");const e=require("react"),t=e.createContext({});exports.AlertContext=t;

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

@@ -0,0 +1,8 @@
+"use client";
+import "react/jsx-runtime";
+import "../../providers/ThemeProvider.es.js";
+import { createContext as t } from "react";
+const i = t({});
+export {
+  i as AlertContext
+};

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

@@ -1 +1 @@
-"use client";"use strict";const w=require("react/jsx-runtime"),a=require("../../helpers/cn.cjs.js"),h=require("../../hooks/useClasses.cjs.js"),u=require("react"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function q({as:x,variant:i="solid",color:n="primary",size:s="md",className:c,children:p,...l}){const r=h(e=>e.badge),m=x||"span",f=u.useMemo(()=>{var t,b,g;if(!n)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",soft:"bg-primary/10 text-primary border-primary/10"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",soft:"bg-secondary/10 text-secondary border-secondary/10"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",soft:"bg-success/10 text-success border-success/10"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",soft:"bg-info/10 text-info border-info/10"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",soft:"bg-warning/10 text-warning border-warning/10"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",soft:"bg-danger/10 text-danger border-danger/10"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",soft:"bg-dark/10 text-dark border-dark/10"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",soft:"bg-light/10 text-dark border-light/10"}},o=(t=e==null?void 0:e[n])==null?void 0:t[i],d=(g=(b=r==null?void 0:r.color)==null?void 0:b[n])==null?void 0:g[i];return[o,d]},[n,i,r==null?void 0:r.color]),y=u.useMemo(()=>{var o,d,t;if(!s)return null;const e={sm:a("text-xs py-0.5 px-1.5",(o=r==null?void 0:r.size)==null?void 0:o.sm),md:a("text-sm py-[0.1875rem] px-2",(d=r==null?void 0:r.size)==null?void 0:d.md),lg:a("text-base py-1 px-3",(t=r==null?void 0:r.size)==null?void 0:t.lg)};return e==null?void 0:e[s]},[s,r==null?void 0:r.size]);return w.jsx(m,{className:k.twMerge("inline-flex border border-[#e8eaee] items-center text-center font-medium align-middle whitespace-nowrap rounded",r==null?void 0:r.base,f,y,c),...l,children:p})}module.exports=q;
+"use client";"use strict";const y=require("react/jsx-runtime"),s=require("../../helpers/cn.cjs.js"),w=require("../../hooks/useClasses.cjs.js"),l=require("react"),k=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function q({as:u,variant:d="solid",color:n="primary",size:a="md",className:x,children:c,...p}){const r=w(e=>e.badge),h=u||"span",m=l.useMemo(()=>{var t,g,b;if(!n)return"border-transparent";const e={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",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",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",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",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",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",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",soft:"bg-dark text-dark border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",soft:"bg-light text-dark border-light"}},o=(t=e==null?void 0:e[n])==null?void 0:t[d],i=(b=(g=r==null?void 0:r.color)==null?void 0:g[n])==null?void 0:b[d];return[o,i]},[n,d,r==null?void 0:r.color]),f=l.useMemo(()=>{var o,i,t;if(!a)return null;const e={sm:s("text-xs py-0.5 px-1.5",(o=r==null?void 0:r.size)==null?void 0:o.sm),md:s("text-sm py-[0.1875rem] px-2",(i=r==null?void 0:r.size)==null?void 0:i.md),lg:s("text-base py-1 px-3",(t=r==null?void 0:r.size)==null?void 0:t.lg)};return e==null?void 0:e[a]},[a,r==null?void 0:r.size]);return y.jsx(h,{className:k.twMerge("inline-flex border border-[#e8eaee] items-center text-center font-medium align-middle whitespace-nowrap rounded",r==null?void 0:r.base,m,f,x),...p,children:c})}module.exports=q;

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

@@ -1,86 +1,86 @@
 "use client";
-import { jsx as w } from "react/jsx-runtime";
-import s from "../../helpers/cn.es.js";
-import h from "../../hooks/useClasses.es.js";
-import { useMemo as x } from "react";
+import { jsx as y } from "react/jsx-runtime";
+import g from "../../helpers/cn.es.js";
+import w from "../../hooks/useClasses.es.js";
+import { useMemo as l } from "react";
 import { twMerge as k } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 function B({
-  as: p,
-  variant: i = "solid",
+  as: x,
+  variant: d = "solid",
   color: o = "primary",
   size: a = "md",
-  className: m,
-  children: u,
-  ...c
+  className: p,
+  children: m,
+  ...u
 }) {
-  const r = h((e) => e.badge), f = p || "span", l = x(() => {
-    var t, b, g;
+  const r = w((t) => t.badge), c = x || "span", f = l(() => {
+    var e, s, b;
     if (!o) return "border-transparent";
-    const e = {
+    const t = {
       primary: {
         solid: "bg-primary text-white border-primary",
         outline: "bg-transparent text-primary border-primary",
-        soft: "bg-primary/10 text-primary border-primary/10"
+        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",
-        soft: "bg-secondary/10 text-secondary border-secondary/10"
+        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",
-        soft: "bg-success/10 text-success border-success/10"
+        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",
-        soft: "bg-info/10 text-info border-info/10"
+        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",
-        soft: "bg-warning/10 text-warning border-warning/10"
+        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",
-        soft: "bg-danger/10 text-danger border-danger/10"
+        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",
-        soft: "bg-dark/10 text-dark border-dark/10"
+        soft: "bg-dark text-dark border-dark"
       },
       light: {
         solid: "bg-light text-dark border-light",
         outline: "bg-transparent text-dark border-light",
-        soft: "bg-light/10 text-dark border-light/10"
+        soft: "bg-light text-dark border-light"
       }
-    }, n = (t = e == null ? void 0 : e[o]) == null ? void 0 : t[i], d = (g = (b = r == null ? void 0 : r.color) == null ? void 0 : b[o]) == null ? void 0 : g[i];
-    return [n, d];
-  }, [o, i, r == null ? void 0 : r.color]), y = x(() => {
-    var n, d, t;
+    }, n = (e = t == null ? void 0 : t[o]) == null ? void 0 : e[d], i = (b = (s = r == null ? void 0 : r.color) == null ? void 0 : s[o]) == null ? void 0 : b[d];
+    return [n, i];
+  }, [o, d, r == null ? void 0 : r.color]), h = l(() => {
+    var n, i, e;
     if (!a) return null;
-    const e = {
-      sm: s("text-xs py-0.5 px-1.5", (n = r == null ? void 0 : r.size) == null ? void 0 : n.sm),
-      md: s("text-sm py-[0.1875rem] px-2", (d = r == null ? void 0 : r.size) == null ? void 0 : d.md),
-      lg: s("text-base py-1 px-3", (t = r == null ? void 0 : r.size) == null ? void 0 : t.lg)
+    const t = {
+      sm: g("text-xs py-0.5 px-1.5", (n = r == null ? void 0 : r.size) == null ? void 0 : n.sm),
+      md: g("text-sm py-[0.1875rem] px-2", (i = r == null ? void 0 : r.size) == null ? void 0 : i.md),
+      lg: g("text-base py-1 px-3", (e = r == null ? void 0 : r.size) == null ? void 0 : e.lg)
     };
-    return e == null ? void 0 : e[a];
+    return t == null ? void 0 : t[a];
   }, [a, r == null ? void 0 : r.size]);
-  return /* @__PURE__ */ w(
-    f,
+  return /* @__PURE__ */ y(
+    c,
     {
       className: k(
         "inline-flex border border-[#e8eaee] items-center text-center font-medium align-middle whitespace-nowrap rounded",
         r == null ? void 0 : r.base,
-        l,
-        y,
-        m
+        f,
+        h,
+        p
       ),
-      ...c,
-      children: u
+      ...u,
+      children: m
     }
   );
 }

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

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

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

@@ -1,102 +1,113 @@
 "use client";
-import { jsxs as I, jsx as u } from "react/jsx-runtime";
-import { useContext as c, useMemo as i } from "react";
-import { twMerge as f } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import w from "../../helpers/cn.es.js";
-import J from "../../hooks/useClasses.es.js";
-import K from "../../hooks/useCreateRipple.es.js";
+import { jsxs as H, jsx as p } from "react/jsx-runtime";
+import { useContext as d, useMemo as l } from "react";
+import { twMerge as m } 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 nt({
+function it({
   as: y,
-  variant: h,
-  color: l,
-  size: v,
-  loading: C,
-  stopPropagation: k = !1,
-  preventDefault: z = !1,
+  variant: w,
+  color: k,
+  size: C,
+  loading: v,
+  stopPropagation: z = !1,
+  preventDefault: j = !1,
   closeModal: N = !1,
   closeDrawer: R = !1,
-  className: j,
-  onClick: p,
-  children: D,
-  disabled: M,
+  className: D,
+  onClick: b,
+  children: M,
+  disabled: _,
   ...B
 }) {
-  const t = J((r) => r.button), e = c(L), G = c(Q), P = c(O), S = K(), W = y || "button", b = h ?? e.variant ?? "solid", s = i(() => l !== void 0 ? l : e.color !== void 0 ? e.color : "primary", [l, e.color]), o = v ?? e.size ?? "md", d = C ?? e.loading ?? !1, a = i(() => {
-    var g, x, m;
-    if (!s) return "border-transparent";
+  const t = I((r) => r.button), o = d(L), G = d(Q), A = d(O), c = d(K), P = J(), S = y || "button", g = w ?? o.variant ?? c.buttonVariant ?? "solid", i = k ?? o.color ?? c.color ?? "primary", n = C ?? o.size ?? "md", s = v ?? o.loading ?? !1, a = l(() => {
+    var u, x, f;
+    if (!i) return "border-transparent";
     const r = {
       primary: {
         solid: "bg-primary text-white border-primary",
         outline: "bg-transparent text-primary border-primary",
-        text: "bg-transparent text-primary border-transparent"
+        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"
+        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"
+        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"
+        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"
+        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"
+        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"
+        text: "bg-transparent text-dark border-transparent",
+        soft: "bg-dark text-light border-dark"
       },
       light: {
         solid: "bg-light text-dark border-light",
         outline: "bg-transparent text-dark border-light",
-        text: "bg-transparent text-dark border-transparent"
+        text: "bg-transparent text-dark border-transparent",
+        soft: "bg-light- text-dark border-dark"
       }
-    }, n = (x = (g = t == null ? void 0 : t.color) == null ? void 0 : g[s]) == null ? void 0 : x[b], H = (m = r == null ? void 0 : r[s]) == null ? void 0 : m[b];
-    return f(H, n);
-  }, [s, b, t == null ? void 0 : t.color]), q = i(() => a == null ? void 0 : a.split(" ").find((r) => r.startsWith("text-")), [a]), A = i(() => {
-    var n;
-    if (!o) return null;
+    }, e = (x = (u = t == null ? void 0 : t.color) == null ? void 0 : u[i]) == null ? void 0 : x[g], F = (f = r == null ? void 0 : r[i]) == null ? void 0 : f[g];
+    return m(F, e);
+  }, [i, g, t == null ? void 0 : t.color]), V = l(() => a == null ? void 0 : a.split(" ").find((r) => r.startsWith("text-")), [a]), W = l(() => {
+    var e;
+    if (!n) return null;
     const r = {
-      sm: "text-base py-1 px-3.5",
+      sm: "text-sm py-1 px-3.5",
       md: "text-base py-1.5 px-4",
-      lg: "text-lg py-2 px-6"
+      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[o], (n = t == null ? void 0 : t.size) == null ? void 0 : n[o]];
-  }, [o, t == null ? void 0 : t.size]), E = i(() => {
-    var r, n;
-    return d ? w(
+    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]), q = l(() => {
+    var r, e;
+    return s ? h(
       "disabled:opacity-100 disabled:cursor-wait disabled:text-transparent",
       (r = t == null ? void 0 : t.loading) == null ? void 0 : r.active
-    ) : w(
+    ) : h(
       "disabled:opacity-75 disabled:cursor-not-allowed",
-      (n = t == null ? void 0 : t.loading) == null ? void 0 : n.inactive
+      (e = t == null ? void 0 : t.loading) == null ? void 0 : e.inactive
     );
-  }, [d, t == null ? void 0 : t.loading]), F = (r) => {
-    S(r), N && G.onClose(), R && P.onClose(), k && r.stopPropagation(), z && r.preventDefault(), p == null || p(r);
+  }, [s, t == null ? void 0 : t.loading]), E = (r) => {
+    P(r), N && G.onClose(), R && A.onClose(), z && r.stopPropagation(), j && r.preventDefault(), b == null || b(r);
   };
-  return /* @__PURE__ */ I(
-    W,
+  return /* @__PURE__ */ H(
+    S,
     {
-      className: f(
-        "relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-[#e8eaee] cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color]",
+      role: "button",
+      className: m(
+        "relative inline-block no-underline whitespace-nowrap font-medium text-center rounded border border-[#e8eaee] cursor-pointer transition-[box-shadow,opacity,color,background-color,border-color] [user-select:none]",
         // "focus:outline-none focus:ring-2 focus:ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
         // variant === "solid"
         //   ? "shadow hover:shadow-md active:shadow-lg"
@@ -104,22 +115,29 @@ function nt({
         // color ? "ring-2 ring-offset-2 ring-transparent" : null,
         t == null ? void 0 : t.base,
         a,
-        A,
-        E,
-        e.buttonClasses,
-        j
+        W,
+        q,
+        o.buttonClasses,
+        D
       ),
-      onClick: F,
-      disabled: M || d,
+      onClick: E,
+      disabled: _ || s,
       ...B,
       children: [
-        D,
-        d && /* @__PURE__ */ u("span", { className: "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2", children: /* @__PURE__ */ u(T, { size: o, color: null, className: q }) }),
-        /* @__PURE__ */ u("span", { className: "ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none" })
+        M,
+        s && /* @__PURE__ */ p("span", { className: "absolute inset-0 size-full flex items-center justify-center bg-transparent p-2", children: /* @__PURE__ */ p(
+          T,
+          {
+            size: n === "icon" ? "sm" : n,
+            color: null,
+            className: V
+          }
+        ) }),
+        /* @__PURE__ */ p("span", { className: "ripple-group absolute size-full inset-0 overflow-hidden rounded-[inherit] pointer-events-none" })
       ]
     }
   );
 }
 export {
-  nt as default
+  it as default
 };

package/dist/components/Drawer/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"),d=require("../../hooks/useClasses.cjs.js"),i=require("react"),q=require("../../hooks/useKeyDown.cjs.js"),g=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),b=require("../../helpers/cn.cjs.js"),f=require("../Card/index.cjs.js"),R=require("../Portal/index.cjs.js"),C=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),p=i.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted"});function x({as:n,ref:a,open:r=!1,onClose:e=()=>{},duration:o=300,anchor:u="end",className:w="",children:y,...v}){const t=d(l=>l.drawer),c=i.useRef(null),m=n||"div",j={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},D=i.useMemo(()=>{var h;const l={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},M=(h=t==null?void 0:t.anchor)==null?void 0:h[u];return[l[u],M]},[u,t==null?void 0:t.anchor]);return i.useImperativeHandle(a,()=>c.current),q(()=>{e==null||e()},{skip:!r,targetKey:"Escape"}),s.jsx(R,{children:s.jsx(C.default,{nodeRef:c,in:r,timeout:o,unmountOnExit:!0,children:l=>s.jsxs(m,{ref:c,style:{transitionDuration:`${o}ms`},"data-open":r,className:g.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",t==null?void 0:t.base,j[l],D,w),...v,children:[s.jsx("button",{type:"button",onClick:()=>e(),className:"absolute inset-0 size-full cursor-default opacity-0"}),s.jsx(p.Provider,{value:{open:r,onClose:e,transitionState:l,duration:o,anchor:u},children:y})]})})})}function N({children:n,className:a="",...r}){const e=d(t=>t.drawer.menu),{anchor:o,duration:u,transitionState:w}=i.useContext(p),y=i.useMemo(()=>{var m;const t={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full h-[31.875rem] max-h-[92.5%] rounded-b mb-auto",bottom:"w-full h-[31.875rem] max-h-[92.5%] rounded-t mt-auto"},c=(m=e==null?void 0:e.anchor)==null?void 0:m[o];return[t[o],c]},[o,e==null?void 0:e.anchor]),v=i.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[o],[o]);return s.jsx(f,{as:"div",style:{transitionDuration:`${u}ms`},className:g.twMerge("relative flex flex-col transition-[translate,width] rounded-none",e==null?void 0:e.base,v[w],y,a),...r,children:n})}function S({className:n,...a}){const r=d(e=>e.drawer.header.base);return s.jsx(f.Header,{className:b(r,n),...a})}function k({className:n,...a}){const r=d(e=>e.drawer.body.base);return s.jsx(f.Body,{className:b("flex-1 overflow-auto",r,n),...a})}function H({className:n,...a}){const r=d(e=>e.drawer.footer.base);return s.jsx(f.Footer,{className:b(r,n),...a})}x.Menu=N;x.Header=S;x.Body=k;x.Footer=H;exports.DrawerContext=p;exports.default=x;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),x=require("../../hooks/useClasses.cjs.js"),i=require("react"),R=require("../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.cjs.js"),C=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),w=require("../../helpers/cn.cjs.js"),y=require("../Card/index.cjs.js"),H=require("../Portal/index.cjs.js"),N=require("../../node_modules/react-transition-group/esm/Transition.cjs.js"),p=i.createContext({open:!1,onClose:()=>{},duration:300,anchor:"start",transitionState:"unmounted",preventClose:!1});function f({as:n,ref:a,open:r=!1,onClose:e=()=>{},duration:o=300,preventClose:u=!1,anchor:l="end",className:b="",children:v,...h}){const t=x(c=>c.drawer),d=i.useRef(null),m=n||"div",M={entering:"active opacity-100 pointer-events-auto",entered:"active opacity-100 pointer-events-auto",exiting:"opacity-0 pointer-events-none",exited:"opacity-0 pointer-events-none",unmounted:""},q=i.useMemo(()=>{var j;const c={start:"flex-row-reverse",end:"flex-row",top:"flex-col-reverse",bottom:"flex-col"},D=(j=t==null?void 0:t.anchor)==null?void 0:j[l];return[c[l],D]},[l,t==null?void 0:t.anchor]),g=()=>{u||e()};return i.useImperativeHandle(a,()=>d.current),R.useHotkey("Escape",()=>e(),{enabled:r&&!u}),s.jsx(H,{children:s.jsx(N.default,{nodeRef:d,in:r,timeout:o,unmountOnExit:!0,children:c=>s.jsxs(m,{ref:d,style:{transitionDuration:`${o}ms`},"data-open":r,className:C.twMerge("fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",t==null?void 0:t.base,M[c],q,b),...h,children:[s.jsx("button",{type:"button",onClick:g,className:w("absolute inset-0 size-full cursor-default opacity-0",u&&"[&:active~*]:scale-95")}),s.jsx(p.Provider,{value:{open:r,onClose:g,transitionState:c,duration:o,anchor:l,preventClose:u},children:v})]})})})}function k({children:n,className:a="",...r}){const e=x(t=>t.drawer.menu),{anchor:o,duration:u,transitionState:l,preventClose:b}=i.useContext(p),v=i.useMemo(()=>{var m;const t={start:"w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",end:"w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",top:"w-full max-h-[92.5%] rounded-b mb-auto",bottom:"w-full max-h-[92.5%] rounded-t mt-auto"},d=(m=e==null?void 0:e.anchor)==null?void 0:m[o];return[t[o],d]},[o,e==null?void 0:e.anchor]),h=i.useMemo(()=>({start:{entering:"translate-x-0",entered:"translate-x-0",exiting:"-translate-x-[calc(100%*var(--drawer-ratio))]",exited:"-translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},end:{entering:"translate-x-0",entered:"translate-x-0",exiting:"translate-x-[calc(100%*var(--drawer-ratio))]",exited:"translate-x-[calc(100%*var(--drawer-ratio))]",unmounted:""},top:{entering:"translate-y-0",entered:"translate-y-0",exiting:"-translate-y-full",exited:"-translate-y-full",unmounted:""},bottom:{entering:"translate-y-0",entered:"translate-y-0",exiting:"translate-y-full",exited:"translate-y-full",unmounted:""}})[o],[o]);return s.jsx(y,{as:"div",style:{transitionDuration:`${u}ms`},className:C.twMerge("relative flex flex-col transition-[translate,width] rounded-none",b&&"transition-transform",e==null?void 0:e.base,h[l],v,a),...r,children:n})}function S({className:n,...a}){const r=x(e=>e.drawer.header.base);return s.jsx(y.Header,{className:w(r,n),...a})}function z({className:n,...a}){const r=x(e=>e.drawer.body.base);return s.jsx(y.Body,{className:w("flex-1 overflow-auto",r,n),...a})}function B({className:n,...a}){const r=x(e=>e.drawer.footer.base);return s.jsx(y.Footer,{className:w(r,n),...a})}f.Menu=k;f.Header=S;f.Body=z;f.Footer=B;exports.DrawerContext=p;exports.default=f;

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

@@ -1,105 +1,108 @@
 "use client";
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import d from "../../hooks/useClasses.es.js";
-import { createContext as k, useRef as H, useMemo as y, useImperativeHandle as M, useContext as z } from "react";
-import B from "../../hooks/useKeyDown.es.js";
-import { twMerge as h } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-import v from "../../helpers/cn.es.js";
-import m from "../Card/index.es.js";
-import F from "../Portal/index.es.js";
-import S from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const g = k({
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
+import c from "../../hooks/useClasses.es.js";
+import { createContext as M, useRef as z, useMemo as b, useImperativeHandle as B, useContext as F } from "react";
+import { useHotkey as S } from "../../node_modules/@tanstack/react-hotkeys/dist/useHotkey.es.js";
+import { twMerge as C } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import f from "../../helpers/cn.es.js";
+import x from "../Card/index.es.js";
+import j from "../Portal/index.es.js";
+import E from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const D = M({
   open: !1,
   onClose: () => {
   },
   duration: 300,
   anchor: "start",
-  transitionState: "unmounted"
+  transitionState: "unmounted",
+  preventClose: !1
 });
-function f({
+function w({
   as: n,
   ref: a,
   open: r = !1,
   onClose: t = () => {
   },
   duration: o = 300,
-  anchor: i = "end",
-  className: x = "",
-  children: w,
-  ...p
+  preventClose: i = !1,
+  anchor: l = "end",
+  className: p = "",
+  children: y,
+  ...v
 }) {
-  const e = d((l) => l.drawer), u = H(null), c = n || "div", D = {
+  const e = c((u) => u.drawer), d = z(null), m = n || "div", R = {
     entering: "active opacity-100 pointer-events-auto",
     entered: "active opacity-100 pointer-events-auto",
     exiting: "opacity-0 pointer-events-none",
     exited: "opacity-0 pointer-events-none",
     unmounted: ""
-  }, R = y(() => {
-    var b;
-    const l = {
+  }, N = b(() => {
+    var g;
+    const u = {
       start: "flex-row-reverse",
       end: "flex-row",
       top: "flex-col-reverse",
       bottom: "flex-col"
-    }, C = (b = e == null ? void 0 : e.anchor) == null ? void 0 : b[i];
-    return [l[i], C];
-  }, [i, e == null ? void 0 : e.anchor]);
-  return M(a, () => u.current), B(
-    () => {
-      t == null || t();
-    },
-    { skip: !r, targetKey: "Escape" }
-  ), /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(S, { nodeRef: u, in: r, timeout: o, unmountOnExit: !0, children: (l) => /* @__PURE__ */ N(
-    c,
+    }, H = (g = e == null ? void 0 : e.anchor) == null ? void 0 : g[l];
+    return [u[l], H];
+  }, [l, e == null ? void 0 : e.anchor]), h = () => {
+    i || t();
+  };
+  return B(a, () => d.current), S("Escape", () => t(), { enabled: r && !i }), /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s(E, { nodeRef: d, in: r, timeout: o, unmountOnExit: !0, children: (u) => /* @__PURE__ */ k(
+    m,
     {
-      ref: u,
+      ref: d,
       style: { transitionDuration: `${o}ms` },
       "data-open": r,
-      className: h(
+      className: C(
         "fixed size-full inset-0 flex z-10 bg-black/20 backdrop-blur transition-opacity [--drawer-ratio:1] rtl:[--drawer-ratio:-1]",
         e == null ? void 0 : e.base,
-        D[l],
-        R,
-        x
+        R[u],
+        N,
+        p
       ),
-      ...p,
+      ...v,
       children: [
         /* @__PURE__ */ s(
           "button",
           {
             type: "button",
-            onClick: () => t(),
-            className: "absolute inset-0 size-full cursor-default opacity-0"
+            onClick: h,
+            className: f(
+              "absolute inset-0 size-full cursor-default opacity-0",
+              i && "[&:active~*]:scale-95"
+            )
           }
         ),
         /* @__PURE__ */ s(
-          g.Provider,
+          D.Provider,
           {
             value: {
               open: r,
-              onClose: t,
-              transitionState: l,
+              onClose: h,
+              transitionState: u,
               duration: o,
-              anchor: i
+              anchor: l,
+              preventClose: i
             },
-            children: w
+            children: y
           }
         )
       ]
     }
   ) }) });
 }
-function j({ children: n, className: a = "", ...r }) {
-  const t = d((e) => e.drawer.menu), { anchor: o, duration: i, transitionState: x } = z(g), w = y(() => {
-    var c;
+function P({ children: n, className: a = "", ...r }) {
+  const t = c((e) => e.drawer.menu), { anchor: o, duration: i, transitionState: l, preventClose: p } = F(D), y = b(() => {
+    var m;
     const e = {
       start: "w-[31.875rem] h-full max-w-[92.5%] rounded-e me-auto",
       end: "w-[31.875rem] h-full max-w-[92.5%] rounded-s ms-auto",
-      top: "w-full h-[31.875rem] max-h-[92.5%] rounded-b mb-auto",
-      bottom: "w-full h-[31.875rem] max-h-[92.5%] rounded-t mt-auto"
-    }, u = (c = t == null ? void 0 : t.anchor) == null ? void 0 : c[o];
-    return [e[o], u];
-  }, [o, t == null ? void 0 : t.anchor]), p = y(() => ({
+      top: "w-full max-h-[92.5%] rounded-b mb-auto",
+      bottom: "w-full max-h-[92.5%] rounded-t mt-auto"
+    }, d = (m = t == null ? void 0 : t.anchor) == null ? void 0 : m[o];
+    return [e[o], d];
+  }, [o, t == null ? void 0 : t.anchor]), v = b(() => ({
     start: {
       entering: "translate-x-0",
       entered: "translate-x-0",
@@ -130,15 +133,16 @@ function j({ children: n, className: a = "", ...r }) {
     }
   })[o], [o]);
   return /* @__PURE__ */ s(
-    m,
+    x,
     {
       as: "div",
       style: { transitionDuration: `${i}ms` },
-      className: h(
+      className: C(
         "relative flex flex-col transition-[translate,width] rounded-none",
+        p && "transition-transform",
         t == null ? void 0 : t.base,
-        p[x],
-        w,
+        v[l],
+        y,
         a
       ),
       ...r,
@@ -146,29 +150,29 @@ function j({ children: n, className: a = "", ...r }) {
     }
   );
 }
-function E({ className: n, ...a }) {
-  const r = d((t) => t.drawer.header.base);
-  return /* @__PURE__ */ s(m.Header, { className: v(r, n), ...a });
+function $({ className: n, ...a }) {
+  const r = c((t) => t.drawer.header.base);
+  return /* @__PURE__ */ s(x.Header, { className: f(r, n), ...a });
 }
-function K({ className: n, ...a }) {
-  const r = d((t) => t.drawer.body.base);
+function I({ className: n, ...a }) {
+  const r = c((t) => t.drawer.body.base);
   return /* @__PURE__ */ s(
-    m.Body,
+    x.Body,
     {
-      className: v("flex-1 overflow-auto", r, n),
+      className: f("flex-1 overflow-auto", r, n),
       ...a
     }
   );
 }
-function P({ className: n, ...a }) {
-  const r = d((t) => t.drawer.footer.base);
-  return /* @__PURE__ */ s(m.Footer, { className: v(r, n), ...a });
+function O({ className: n, ...a }) {
+  const r = c((t) => t.drawer.footer.base);
+  return /* @__PURE__ */ s(x.Footer, { className: f(r, n), ...a });
 }
-f.Menu = j;
-f.Header = E;
-f.Body = K;
-f.Footer = P;
+w.Menu = P;
+w.Header = $;
+w.Body = I;
+w.Footer = O;
 export {
-  g as DrawerContext,
-  f as default
+  D as DrawerContext,
+  w as default
 };