reaxify 0.0.74 → 0.0.76

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

@@ -1,14 +1,14 @@
 "use client";
-import { j as s } from "../../_virtual/jsx-runtime.es.js";
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import y from "../../helpers/cn.es.js";
-import { createContext as z, useRef as C, useImperativeHandle as M, useContext as w, useMemo as N } from "react";
+import { createContext as M, useRef as w, useImperativeHandle as N, useContext as h, useMemo as D } from "react";
 import l from "../../hooks/useClasses.es.js";
-import h from "../../hooks/useKeyDown.es.js";
+import H from "../../hooks/useKeyDown.es.js";
 import { twMerge as b } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import d from "../Card/index.es.js";
-import D from "../Portal/index.es.js";
-import H from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const v = z({
+import S from "../Portal/index.es.js";
+import k from "../../node_modules/react-transition-group/esm/Transition.es.js";
+const v = M({
   size: "md",
   open: !1,
   onClose: () => {
@@ -21,69 +21,69 @@ function u({
   ref: o,
   size: n = "md",
   open: e = !1,
-  onClose: a = () => {
+  onClose: i = () => {
   },
   duration: r = 300,
   className: p,
-  children: x,
-  ...f
+  children: f,
+  ...x
 }) {
-  const m = l((c) => c.modal.base), i = C(null), j = t || "div", g = {
+  const m = l((c) => c.modal.base), s = w(null), g = t || "div", z = {
     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: ""
   };
-  return M(o, () => i.current), h(a, "Escape", e), /* @__PURE__ */ s.jsx(D, { children: /* @__PURE__ */ s.jsx(H, { nodeRef: i, in: e, timeout: r, unmountOnExit: !0, children: (c) => /* @__PURE__ */ s.jsxs(
-    j,
+  return N(o, () => s.current), H(i, "Escape", e), /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(k, { nodeRef: s, in: e, timeout: r, unmountOnExit: !0, children: (c) => /* @__PURE__ */ C(
+    g,
     {
-      ref: i,
+      ref: s,
       "data-open": e,
       style: { transitionDuration: `${r}ms` },
       className: b(
         "modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",
         m,
-        g[c],
+        z[c],
         p
       ),
-      ...f,
+      ...x,
       children: [
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: () => a(),
+            onClick: () => i(),
             className: "absolute inset-0 cursor-default opacity-0"
           }
         ),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ a(
           v.Provider,
           {
-            value: { size: n, open: e, onClose: a, transitionState: c, duration: r },
-            children: x
+            value: { size: n, open: e, onClose: i, transitionState: c, duration: r },
+            children: f
           }
         )
       ]
     }
   ) }) });
 }
-function R({ className: t, children: o, ...n }) {
-  const e = l((m) => m.modal.dialog), { size: a, transitionState: r, duration: p } = w(v), x = {
+function B({ className: t, children: o, ...n }) {
+  const e = l((m) => m.modal.dialog), { size: i, transitionState: r, duration: p } = h(v), f = {
     entering: "scale-100",
     entered: "scale-100",
     exiting: "scale-75",
     exited: "scale-75",
     unmounted: ""
-  }, f = N(() => {
-    var i;
+  }, x = D(() => {
+    var s;
     return [{
       sm: "min-[576px]:w-[300px]",
       md: "min-[576px]:w-[500px]",
       lg: "min-[992px]:w-[800px]"
-    }[a], (i = e == null ? void 0 : e.size) == null ? void 0 : i[a]];
-  }, [a, e == null ? void 0 : e.size]);
-  return /* @__PURE__ */ s.jsx(
+    }[i], (s = e == null ? void 0 : e.size) == null ? void 0 : s[i]];
+  }, [i, e == null ? void 0 : e.size]);
+  return /* @__PURE__ */ a(
     d,
     {
       as: "div",
@@ -91,8 +91,8 @@ function R({ className: t, children: o, ...n }) {
       className: b(
         "max-w-full max-h-full m-auto transition-transform",
         e == null ? void 0 : e.base,
-        f,
-        x[r],
+        x,
+        f[r],
         t
       ),
       ...n,
@@ -100,22 +100,22 @@ function R({ className: t, children: o, ...n }) {
     }
   );
 }
-function S({ className: t, ...o }) {
+function F({ className: t, ...o }) {
   const n = l((e) => e.modal.header.base);
-  return /* @__PURE__ */ s.jsx(d.Header, { className: y(n, t), ...o });
+  return /* @__PURE__ */ a(d.Header, { className: y(n, t), ...o });
 }
-function k({ className: t, ...o }) {
+function R({ className: t, ...o }) {
   const n = l((e) => e.modal.body.base);
-  return /* @__PURE__ */ s.jsx(d.Body, { className: y(n, t), ...o });
+  return /* @__PURE__ */ a(d.Body, { className: y(n, t), ...o });
 }
-function B({ className: t, ...o }) {
+function j({ className: t, ...o }) {
   const n = l((e) => e.modal.footer.base);
-  return /* @__PURE__ */ s.jsx(d.Footer, { className: y(n, t), ...o });
+  return /* @__PURE__ */ a(d.Footer, { className: y(n, t), ...o });
 }
-u.Dialog = R;
-u.Header = S;
-u.Body = k;
-u.Footer = B;
+u.Dialog = B;
+u.Header = F;
+u.Body = R;
+u.Footer = j;
 export {
   v as ModalContext,
   u as default

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

@@ -1 +1 @@
-"use client";"use strict";const n=require("../../_virtual/jsx-runtime.cjs.js"),x=require("../../helpers/cn.cjs.js"),u=require("react"),b=require("../../hooks/useClasses.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({color:t="primary",value:o=0,animate:s=!1,className:a,...l}){const e=b(r=>r.progress),c=u.useMemo(()=>{var i;if(!t)return"border-transparent";const r={primary:"bg-primary/15 text-primary",secondary:"bg-secondary/15 text-secondary",success:"bg-success/15 text-success",info:"bg-info/15 text-info",warning:"bg-warning/15 text-warning",danger:"bg-danger/15 text-danger",dark:"bg-dark/15 text-dark",light:"bg-light/15 text-light"},g=(i=e==null?void 0:e.color)==null?void 0:i[t];return[r==null?void 0:r[t],g]},[t,e==null?void 0:e.color]),d=u.useMemo(()=>{if(!s)return`${Math.max(o,0)}%`},[o,s]);return n.jsxRuntimeExports.jsxs("div",{className:m.twMerge("relative block w-full h-1.5 rounded-full overflow-hidden",e==null?void 0:e.base,c,a),...l,children:[n.jsxRuntimeExports.jsx("span",{style:{width:d},className:x("absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",s?"animate-linear-progress-1":"transition-[width]")}),s&&n.jsxRuntimeExports.jsx("span",{className:"absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2"})]})}module.exports=p;
+"use client";"use strict";const n=require("react/jsx-runtime"),b=require("../../helpers/cn.cjs.js"),a=require("react"),x=require("../../hooks/useClasses.cjs.js"),f=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function m({color:t="primary",value:o=0,animate:s=!1,className:u,...l}){const e=x(r=>r.progress),c=a.useMemo(()=>{var i;if(!t)return"border-transparent";const r={primary:"bg-primary/15 text-primary",secondary:"bg-secondary/15 text-secondary",success:"bg-success/15 text-success",info:"bg-info/15 text-info",warning:"bg-warning/15 text-warning",danger:"bg-danger/15 text-danger",dark:"bg-dark/15 text-dark",light:"bg-light/15 text-light"},g=(i=e==null?void 0:e.color)==null?void 0:i[t];return[r==null?void 0:r[t],g]},[t,e==null?void 0:e.color]),d=a.useMemo(()=>{if(!s)return`${Math.max(o,0)}%`},[o,s]);return n.jsxs("div",{className:f.twMerge("relative block w-full h-1.5 rounded-full overflow-hidden",e==null?void 0:e.base,c,u),...l,children:[n.jsx("span",{style:{width:d},className:b("absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",s?"animate-linear-progress-1":"transition-[width]")}),s&&n.jsx("span",{className:"absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2"})]})}module.exports=m;

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

@@ -1,18 +1,18 @@
 "use client";
-import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import f from "../../helpers/cn.es.js";
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import c from "../../helpers/cn.es.js";
 import { useMemo as i } from "react";
-import c from "../../hooks/useClasses.es.js";
-import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function j({
+import p from "../../hooks/useClasses.es.js";
+import { twMerge as b } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+function v({
   color: e = "primary",
   value: o = 0,
-  animate: s = !1,
+  animate: n = !1,
   className: l,
   ...u
 }) {
-  const r = c((t) => t.progress), d = i(() => {
-    var a;
+  const r = p((t) => t.progress), d = i(() => {
+    var s;
     if (!e) return "border-transparent";
     const t = {
       primary: "bg-primary/15 text-primary",
@@ -23,16 +23,16 @@ function j({
       danger: "bg-danger/15 text-danger",
       dark: "bg-dark/15 text-dark",
       light: "bg-light/15 text-light"
-    }, m = (a = r == null ? void 0 : r.color) == null ? void 0 : a[e];
+    }, m = (s = r == null ? void 0 : r.color) == null ? void 0 : s[e];
     return [t == null ? void 0 : t[e], m];
   }, [e, r == null ? void 0 : r.color]), g = i(() => {
-    if (!s)
+    if (!n)
       return `${Math.max(o, 0)}%`;
-  }, [o, s]);
-  return /* @__PURE__ */ n.jsxs(
+  }, [o, n]);
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: p(
+      className: b(
         "relative block w-full h-1.5 rounded-full overflow-hidden",
         r == null ? void 0 : r.base,
         d,
@@ -40,21 +40,21 @@ function j({
       ),
       ...u,
       children: [
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ a(
           "span",
           {
             style: { width: g },
-            className: f(
+            className: c(
               "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",
-              s ? "animate-linear-progress-1" : "transition-[width]"
+              n ? "animate-linear-progress-1" : "transition-[width]"
             )
           }
         ),
-        s && /* @__PURE__ */ n.jsx("span", { className: "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2" })
+        n && /* @__PURE__ */ a("span", { className: "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2" })
       ]
     }
   );
 }
 export {
-  j as default
+  v as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const u=require("../../_virtual/jsx-runtime.cjs.js");require("react");const i=require("../../hooks/useClasses.cjs.js"),o=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function a({className:e,children:s,...t}){const n=i(r=>r.skeleton.base);return u.jsxRuntimeExports.jsx("span",{className:o.twMerge("inline-block w-10 h-10 rounded bg-gray-200 text-gray-200 animate-pulse",n,e),...t,children:s})}module.exports=a;
+"use client";"use strict";const u=require("react/jsx-runtime");require("react");const i=require("../../hooks/useClasses.cjs.js"),a=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function c({className:e,children:s,...n}){const t=i(r=>r.skeleton.base);return u.jsx("span",{className:a.twMerge("inline-block w-10 h-10 rounded bg-gray-200 text-gray-200 animate-pulse",t,e),...n,children:s})}module.exports=c;

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

@@ -1,18 +1,18 @@
 "use client";
-import { j as a } from "../../_virtual/jsx-runtime.es.js";
+import { jsx as a } from "react/jsx-runtime";
 import "react";
 import n from "../../hooks/useClasses.es.js";
-import { twMerge as i } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import { twMerge as l } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 function c({
   className: e,
   children: s,
   ...t
 }) {
   const o = n((r) => r.skeleton.base);
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ a(
     "span",
     {
-      className: i(
+      className: l(
         "inline-block w-10 h-10 rounded bg-gray-200 text-gray-200 animate-pulse",
         o,
         e

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

@@ -1 +1 @@
-"use client";"use strict";const n=require("../../_virtual/jsx-runtime.cjs.js");require("react");const u=require("../../hooks/useClasses.cjs.js"),c=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function i({className:e,...s}){const r=u(t=>t.spacer.base);return n.jsxRuntimeExports.jsx("span",{className:c.twMerge("flex-1",r,e),...s})}module.exports=i;
+"use client";"use strict";const c=require("react/jsx-runtime");require("react");const n=require("../../hooks/useClasses.cjs.js"),u=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function a({className:e,...s}){const r=n(t=>t.spacer.base);return c.jsx("span",{className:u.twMerge("flex-1",r,e),...s})}module.exports=a;

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

@@ -1,12 +1,12 @@
 "use client";
-import { j as a } from "../../_virtual/jsx-runtime.es.js";
+import { jsx as a } from "react/jsx-runtime";
 import "react";
 import o from "../../hooks/useClasses.es.js";
 import { twMerge as m } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function f({ className: s, ...e }) {
+function l({ className: s, ...e }) {
   const r = o((t) => t.spacer.base);
-  return /* @__PURE__ */ a.jsx("span", { className: m("flex-1", r, s), ...e });
+  return /* @__PURE__ */ a("span", { className: m("flex-1", r, s), ...e });
 }
 export {
-  f as default
+  l as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const b=require("../../_virtual/jsx-runtime.cjs.js"),i=require("react"),c=require("../../hooks/useClasses.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({color:o="primary",size:t="md",className:d,...u}){const r=c(e=>e.spinner),s=i.useMemo(()=>{var n;if(!o)return"border-current";const e={primary:"border-primary",secondary:"border-secondary",success:"border-success",info:"border-info",warning:"border-warning",danger:"border-danger",dark:"border-dark",light:"border-light"};return[e==null?void 0:e[o],(n=r==null?void 0:r.color)==null?void 0:n[o]]},[o,r==null?void 0:r.color]),a=i.useMemo(()=>{var n;const e={sm:"border-2 w-4",md:"border-3 w-6",lg:"border-4 w-8"};return[e==null?void 0:e[t],(n=r==null?void 0:r.size)==null?void 0:n[t]]},[t,r==null?void 0:r.size]);return b.jsxRuntimeExports.jsx("span",{className:m.twMerge("inline-block align-middle rounded-full animate-spin aspect-square",r==null?void 0:r.base,s,"border-l-transparent",a,d),...u})}module.exports=p;
+"use client";"use strict";const b=require("react/jsx-runtime"),d=require("react"),c=require("../../hooks/useClasses.cjs.js"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function p({color:o="primary",size:t="md",className:i,...u}){const r=c(e=>e.spinner),a=d.useMemo(()=>{var n;if(!o)return"border-current";const e={primary:"border-primary",secondary:"border-secondary",success:"border-success",info:"border-info",warning:"border-warning",danger:"border-danger",dark:"border-dark",light:"border-light"};return[e==null?void 0:e[o],(n=r==null?void 0:r.color)==null?void 0:n[o]]},[o,r==null?void 0:r.color]),s=d.useMemo(()=>{var n;const e={sm:"border-2 w-4",md:"border-3 w-6",lg:"border-4 w-8"};return[e==null?void 0:e[t],(n=r==null?void 0:r.size)==null?void 0:n[t]]},[t,r==null?void 0:r.size]);return b.jsx("span",{className:m.twMerge("inline-block align-middle rounded-full animate-spin aspect-square",r==null?void 0:r.base,a,"border-l-transparent",s,i),...u})}module.exports=p;

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

@@ -1,15 +1,15 @@
 "use client";
-import { j as b } from "../../_virtual/jsx-runtime.es.js";
-import { useMemo as d } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as t } from "react";
 import p from "../../hooks/useClasses.es.js";
-import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import { twMerge as f } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 function w({
   color: o = "primary",
-  size: t = "md",
+  size: d = "md",
   className: i,
   ...a
 }) {
-  const r = p((e) => e.spinner), m = d(() => {
+  const r = p((e) => e.spinner), m = t(() => {
     var n;
     if (!o) return "border-current";
     const e = {
@@ -23,24 +23,24 @@ function w({
       light: "border-light"
     };
     return [e == null ? void 0 : e[o], (n = r == null ? void 0 : r.color) == null ? void 0 : n[o]];
-  }, [o, r == null ? void 0 : r.color]), u = d(() => {
+  }, [o, r == null ? void 0 : r.color]), b = t(() => {
     var n;
     const e = {
       sm: "border-2 w-4",
       md: "border-3 w-6",
       lg: "border-4 w-8"
     };
-    return [e == null ? void 0 : e[t], (n = r == null ? void 0 : r.size) == null ? void 0 : n[t]];
-  }, [t, r == null ? void 0 : r.size]);
-  return /* @__PURE__ */ b.jsx(
+    return [e == null ? void 0 : e[d], (n = r == null ? void 0 : r.size) == null ? void 0 : n[d]];
+  }, [d, r == null ? void 0 : r.size]);
+  return /* @__PURE__ */ u(
     "span",
     {
-      className: s(
+      className: f(
         "inline-block align-middle rounded-full animate-spin aspect-square",
         r == null ? void 0 : r.base,
         m,
         "border-l-transparent",
-        u,
+        b,
         i
       ),
       ...a

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

@@ -1 +1 @@
-"use client";"use strict";const m=require("../../_virtual/jsx-runtime.cjs.js"),o=require("../../helpers/cn.cjs.js"),f=require("react"),q=require("../../hooks/useClasses.cjs.js"),h=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function j({as:a,variant:e="horizontal",wrap:s=!1,className:u,children:c,...l}){const t=q(n=>n.stack),x=a||"div",v=f.useMemo(()=>{var r,i;return{horizontal:o("flex-row *:min-w-0",(r=t==null?void 0:t.variants)==null?void 0:r.horizontal),vertical:o("flex-col *:min-h-0",(i=t==null?void 0:t.variants)==null?void 0:i.vertical)}[e]},[e,t==null?void 0:t.variants]);return m.jsxRuntimeExports.jsx(x,{className:h.twMerge("flex",t==null?void 0:t.base,v,s&&"flex-wrap",u),...l,children:c})}module.exports=j;
+"use client";"use strict";const f=require("react/jsx-runtime"),o=require("../../helpers/cn.cjs.js"),m=require("react"),q=require("../../hooks/useClasses.cjs.js"),h=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function w({as:a,variant:e="horizontal",wrap:u=!1,className:c,children:s,...l}){const t=q(n=>n.stack),v=a||"div",x=m.useMemo(()=>{var r,i;return{horizontal:o("flex-row *:min-w-0",(r=t==null?void 0:t.variants)==null?void 0:r.horizontal),vertical:o("flex-col *:min-h-0",(i=t==null?void 0:t.variants)==null?void 0:i.vertical)}[e]},[e,t==null?void 0:t.variants]);return f.jsx(v,{className:h.twMerge("flex",t==null?void 0:t.base,x,u&&"flex-wrap",c),...l,children:s})}module.exports=w;

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

@@ -1,10 +1,10 @@
 "use client";
-import { j as x } from "../../_virtual/jsx-runtime.es.js";
+import { jsx as c } from "react/jsx-runtime";
 import a from "../../helpers/cn.es.js";
-import { useMemo as s } from "react";
-import c from "../../hooks/useClasses.es.js";
-import { twMerge as h } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function k({
+import { useMemo as x } from "react";
+import h from "../../hooks/useClasses.es.js";
+import { twMerge as s } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+function M({
   as: e,
   variant: r = "horizontal",
   wrap: m = !1,
@@ -12,20 +12,20 @@ function k({
   children: l,
   ...p
 }) {
-  const t = c((o) => o.stack), u = e || "div", v = s(() => {
+  const t = h((o) => o.stack), v = e || "div", u = x(() => {
     var n, i;
     return {
       horizontal: a("flex-row *:min-w-0", (n = t == null ? void 0 : t.variants) == null ? void 0 : n.horizontal),
       vertical: a("flex-col *:min-h-0", (i = t == null ? void 0 : t.variants) == null ? void 0 : i.vertical)
     }[r];
   }, [r, t == null ? void 0 : t.variants]);
-  return /* @__PURE__ */ x.jsx(
-    u,
+  return /* @__PURE__ */ c(
+    v,
     {
-      className: h(
+      className: s(
         "flex",
         t == null ? void 0 : t.base,
-        v,
+        u,
         m && "flex-wrap",
         f
       ),
@@ -35,5 +35,5 @@ function k({
   );
 }
 export {
-  k as default
+  M as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const s=require("../../_virtual/jsx-runtime.cjs.js"),g=require("../../helpers/cn.cjs.js"),i=require("react"),h=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function y({checked:e,onChange:n,disabled:l,color:a="primary",size:o="md",inputProps:t={},className:u,...c}){const d=i.useMemo(()=>"",[e]),m=i.useMemo(()=>{const r={primary:e?"bg-primary border-primary":"bg-white border-[#e8eaee]",secondary:e?"bg-secondary border-secondary":"bg-white border-[#e8eaee]",success:e?"bg-success border-success":"bg-white border-[#e8eaee]",info:e?"bg-info border-info":"bg-white border-[#e8eaee]",warning:e?"bg-warning border-warning":"bg-white border-[#e8eaee]",danger:e?"bg-danger border-danger":"bg-white border-[#e8eaee]",dark:e?"bg-dark border-dark":"bg-white border-[#e8eaee]",light:e?"bg-light border-light":"bg-white border-[#e8eaee]"};return r==null?void 0:r[a]},[a,e]),w=i.useMemo(()=>{const r={primary:e?"bg-primary ":"bg-black",secondary:e?"bg-secondary":"bg-black",success:e?"bg-success":"bg-black",info:e?"bg-info":"bg-black",warning:e?"bg-warning":"bg-black",danger:e?"bg-danger":"bg-black",dark:e?"bg-dark":"bg-black",light:e?"bg-light":"bg-black"};return r==null?void 0:r[a]},[a,e]),x=i.useMemo(()=>{const r={sm:"[--size:0.25rem]",md:"[--size:0.5rem]",lg:"[--size:0.75rem]"};return r==null?void 0:r[o]},[o]),f=r=>{var b;n==null||n(r.currentTarget.checked),(b=t.onChange)==null||b.call(t,r)};return s.jsxRuntimeExports.jsxs("span",{className:h.twMerge(x,"[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]","inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",l&&"opacity-75",d,u),...c,children:[s.jsxRuntimeExports.jsx("input",{...t,type:"checkbox",className:"peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-[2]",checked:e,disabled:l,onChange:f}),s.jsxRuntimeExports.jsxs("span",{className:"inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-[1]",children:[s.jsxRuntimeExports.jsx("span",{className:"absolute size-full inset-0 bg-black/5 rounded-full scale-(--scale) transition-[scale]"}),s.jsxRuntimeExports.jsx("span",{className:g("absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",m)})]}),s.jsxRuntimeExports.jsx("span",{className:g("size-full rounded-full opacity-35 transition-colors",w)})]})}module.exports=y;
+"use client";"use strict";const s=require("react/jsx-runtime"),g=require("../../helpers/cn.cjs.js"),i=require("react"),y=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function z({checked:e,onChange:n,disabled:l,color:a="primary",size:b="md",inputProps:t={},className:u,...c}){const d=i.useMemo(()=>"",[e]),m=i.useMemo(()=>{const r={primary:e?"bg-primary border-primary":"bg-white border-[#e8eaee]",secondary:e?"bg-secondary border-secondary":"bg-white border-[#e8eaee]",success:e?"bg-success border-success":"bg-white border-[#e8eaee]",info:e?"bg-info border-info":"bg-white border-[#e8eaee]",warning:e?"bg-warning border-warning":"bg-white border-[#e8eaee]",danger:e?"bg-danger border-danger":"bg-white border-[#e8eaee]",dark:e?"bg-dark border-dark":"bg-white border-[#e8eaee]",light:e?"bg-light border-light":"bg-white border-[#e8eaee]"};return r==null?void 0:r[a]},[a,e]),w=i.useMemo(()=>{const r={primary:e?"bg-primary ":"bg-black",secondary:e?"bg-secondary":"bg-black",success:e?"bg-success":"bg-black",info:e?"bg-info":"bg-black",warning:e?"bg-warning":"bg-black",danger:e?"bg-danger":"bg-black",dark:e?"bg-dark":"bg-black",light:e?"bg-light":"bg-black"};return r==null?void 0:r[a]},[a,e]),f=i.useMemo(()=>{const r={sm:"[--size:0.25rem]",md:"[--size:0.5rem]",lg:"[--size:0.75rem]"};return r==null?void 0:r[b]},[b]),h=r=>{var o;n==null||n(r.currentTarget.checked),(o=t.onChange)==null||o.call(t,r)};return s.jsxs("span",{className:y.twMerge(f,"[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]","inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",l&&"opacity-75",d,u),...c,children:[s.jsx("input",{...t,type:"checkbox",className:"peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-[2]",checked:e,disabled:l,onChange:h}),s.jsxs("span",{className:"inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-[1]",children:[s.jsx("span",{className:"absolute size-full inset-0 bg-black/5 rounded-full scale-(--scale) transition-[scale]"}),s.jsx("span",{className:g("absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",m)})]}),s.jsx("span",{className:g("size-full rounded-full opacity-35 transition-colors",w)})]})}module.exports=z;

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

@@ -1,19 +1,19 @@
 "use client";
-import { j as a } from "../../_virtual/jsx-runtime.es.js";
-import g from "../../helpers/cn.es.js";
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import d from "../../helpers/cn.es.js";
 import { useMemo as i } from "react";
-import { twMerge as y } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function j({
+import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+function C({
   checked: e,
   onChange: n,
   disabled: l,
-  color: s = "primary",
+  color: a = "primary",
   size: b = "md",
-  inputProps: t = {},
-  className: d,
-  ...m
+  inputProps: s = {},
+  className: m,
+  ...c
 }) {
-  const c = i(() => "", [e]), u = i(() => {
+  const u = i(() => "", [e]), f = i(() => {
     const r = {
       primary: e ? "bg-primary border-primary" : "bg-white border-[#e8eaee]",
       secondary: e ? "bg-secondary border-secondary" : "bg-white border-[#e8eaee]",
@@ -24,8 +24,8 @@ function j({
       dark: e ? "bg-dark border-dark" : "bg-white border-[#e8eaee]",
       light: e ? "bg-light border-light" : "bg-white border-[#e8eaee]"
     };
-    return r == null ? void 0 : r[s];
-  }, [s, e]), f = i(() => {
+    return r == null ? void 0 : r[a];
+  }, [a, e]), w = i(() => {
     const r = {
       primary: e ? "bg-primary " : "bg-black",
       secondary: e ? "bg-secondary" : "bg-black",
@@ -36,60 +36,60 @@ function j({
       dark: e ? "bg-dark" : "bg-black",
       light: e ? "bg-light" : "bg-black"
     };
-    return r == null ? void 0 : r[s];
-  }, [s, e]), w = i(() => {
+    return r == null ? void 0 : r[a];
+  }, [a, e]), h = i(() => {
     const r = {
       sm: "[--size:0.25rem]",
       md: "[--size:0.5rem]",
       lg: "[--size:0.75rem]"
     };
     return r == null ? void 0 : r[b];
-  }, [b]), h = (r) => {
+  }, [b]), y = (r) => {
     var o;
-    n == null || n(r.currentTarget.checked), (o = t.onChange) == null || o.call(t, r);
+    n == null || n(r.currentTarget.checked), (o = s.onChange) == null || o.call(s, r);
   };
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ g(
     "span",
     {
-      className: y(
-        w,
+      className: p(
+        h,
         "[--w:2.5rem] [--h:1.875rem] [--t:0.75rem] [--width:calc(var(--w)+var(--size)*2)] [--height:calc(var(--h)+var(--size))] [--thumb:calc(var(--t)+var(--size))] [--scale:0] hover:[--scale:1]",
         "inline-flex w-(--width) h-(--height) overflow-hidden p-3 relative align-middle",
         l && "opacity-75",
-        c,
-        d
+        u,
+        m
       ),
-      ...m,
+      ...c,
       children: [
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ t(
           "input",
           {
-            ...t,
+            ...s,
             type: "checkbox",
             className: "peer absolute inset-0 size-full opacity-0 cursor-pointer disabled:cursor-not-allowed z-[2]",
             checked: e,
             disabled: l,
-            onChange: h
+            onChange: y
           }
         ),
-        /* @__PURE__ */ a.jsxs("span", { className: "inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-[1]", children: [
-          /* @__PURE__ */ a.jsx("span", { className: "absolute size-full inset-0 bg-black/5 rounded-full scale-(--scale) transition-[scale]" }),
-          /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ g("span", { className: "inline-flex justify-center items-center size-(--height) rounded-full absolute inset-y-0 my-auto left-0 peer-checked:left-[calc(100%-var(--height))] transition-[left] z-[1]", children: [
+          /* @__PURE__ */ t("span", { className: "absolute size-full inset-0 bg-black/5 rounded-full scale-(--scale) transition-[scale]" }),
+          /* @__PURE__ */ t(
             "span",
             {
-              className: g(
+              className: d(
                 "absolute size-(--thumb) inset-0 m-auto border rounded-full shadow transition-colors",
-                u
+                f
               )
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ t(
           "span",
           {
-            className: g(
+            className: d(
               "size-full rounded-full opacity-35 transition-colors",
-              f
+              w
             )
           }
         )
@@ -98,5 +98,5 @@ function j({
   );
 }
 export {
-  j as default
+  C as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const n=require("../../_virtual/jsx-runtime.cjs.js"),c=require("react"),d=require("../../hooks/useClasses.cjs.js"),a=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),u=c.createContext({striped:!1,bordered:!1,hover:!1});function h({className:r,children:s,...o}){const e=d(t=>t.table.container.base);return n.jsxRuntimeExports.jsx("div",{className:a.twMerge("w-full overflow-auto",e,r),...o,children:s})}function i({striped:r=!1,bordered:s=!1,hover:o=!1,className:e,children:t,...l}){const x=d(b=>b.table.base);return n.jsxRuntimeExports.jsx("table",{className:a.twMerge("min-w-full border-collapse border-spacing-0",x,e),...l,children:n.jsxRuntimeExports.jsx(u.Provider,{value:{bordered:s,hover:o,striped:r},children:t})})}function j({sticky:r=!1,className:s,children:o,...e}){const t=d(l=>l.table.header);return n.jsxRuntimeExports.jsx("thead",{className:a.twMerge(t==null?void 0:t.base,r&&"sticky top-0 left-0 right-0 z-[2]",r&&(t==null?void 0:t.sticky),s),...e,children:o})}function w({className:r,children:s,...o}){const e=d(t=>t.table.body.base);return n.jsxRuntimeExports.jsx("tbody",{className:a.twMerge(e,r),...o,children:s})}function g({className:r,children:s,...o}){const e=d(m=>m.table.row),{bordered:t,hover:l,striped:x}=c.useContext(u),b=!!t,f=t==="dashed",p=t==="solid";return n.jsxRuntimeExports.jsx("tr",{className:a.twMerge("bg-white",e==null?void 0:e.base,b&&"border-b border-solid border-[#e8eaee]",f&&"border-dashed",p&&"border-solid",b&&(e==null?void 0:e.bordered),l&&"cursor-pointer transition-colors hover:bg-gray-200",l&&(e==null?void 0:e.hover),x&&"even:bg-gray-100",x&&(e==null?void 0:e.hover),r),...o,children:s})}function R({sticky:r=!1,className:s,children:o,...e}){return n.jsxRuntimeExports.jsx("th",{className:a.twMerge("font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",s),...e,children:o})}function y({sticky:r=!1,className:s,children:o,...e}){return n.jsxRuntimeExports.jsx("td",{className:a.twMerge("font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",s),...e,children:o})}i.Container=h;i.Header=j;i.Body=w;i.Row=g;i.HeaderCell=R;i.DataCell=y;module.exports=i;
+"use client";"use strict";const s=require("react/jsx-runtime"),u=require("react"),d=require("../../hooks/useClasses.cjs.js"),n=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=u.createContext({striped:!1,bordered:!1,hover:!1});function g({className:r,children:a,...o}){const e=d(t=>t.table.container.base);return s.jsx("div",{className:n.twMerge("w-full overflow-auto",e,r),...o,children:a})}function l({striped:r=!1,bordered:a=!1,hover:o=!1,className:e,children:t,...i}){const b=d(c=>c.table.base);return s.jsx("table",{className:n.twMerge("min-w-full border-collapse border-spacing-0",b,e),...i,children:s.jsx(f.Provider,{value:{bordered:a,hover:o,striped:r},children:t})})}function p({sticky:r=!1,className:a,children:o,...e}){const t=d(i=>i.table.header);return s.jsx("thead",{className:n.twMerge(t==null?void 0:t.base,r&&"sticky top-0 left-0 right-0 z-[2]",r&&(t==null?void 0:t.sticky),a),...e,children:o})}function m({className:r,children:a,...o}){const e=d(t=>t.table.body.base);return s.jsx("tbody",{className:n.twMerge(e,r),...o,children:a})}function y({className:r,children:a,...o}){const e=d(w=>w.table.row),{bordered:t,hover:i,striped:b}=u.useContext(f),c=!!t,x=t==="dashed",h=t==="solid";return s.jsx("tr",{className:n.twMerge("bg-white",e==null?void 0:e.base,c&&"border-b border-solid border-[#e8eaee]",x&&"border-dashed",h&&"border-solid",c&&(e==null?void 0:e.bordered),i&&"cursor-pointer transition-colors hover:bg-gray-200",i&&(e==null?void 0:e.hover),b&&"even:bg-gray-100",b&&(e==null?void 0:e.hover),r),...o,children:a})}function j({sticky:r=!1,className:a,children:o,...e}){return s.jsx("th",{className:n.twMerge("font-medium text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",a),...e,children:o})}function v({sticky:r=!1,className:a,children:o,...e}){return s.jsx("td",{className:n.twMerge("font-normal text-sm py-2 px-4 whitespace-nowrap text-center first:text-start last:text-end",r&&"bg-inherit sticky end-0 z-[1]",a),...e,children:o})}l.Container=g;l.Header=p;l.Body=m;l.Row=y;l.HeaderCell=j;l.DataCell=v;module.exports=l;