reaxify 0.0.98 → 1.3.0

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

@@ -1,101 +1,106 @@
 "use client";
-import { jsx as a, jsxs as D } from "react/jsx-runtime";
-import m from "../../helpers/cn.es.js";
-import s from "../../hooks/useClasses.es.js";
-import { createContext as S, useRef as F, useImperativeHandle as R, useContext as j, useMemo as E } from "react";
-import { useHotkey as I } 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 d from "../Card/index.es.js";
-import P from "../Portal/index.es.js";
-import $ from "../../node_modules/react-transition-group/esm/Transition.es.js";
-const M = S({
+import { jsx as s, jsxs as S } from "react/jsx-runtime";
+import { createContext as B, useRef as F, useImperativeHandle as P, useContext as R, useMemo as j } from "react";
+import { twMerge as z } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import c from "../Card/index.es.js";
+import $ from "../Portal/index.es.js";
+import l from "../../hooks/useClasses.es.js";
+import E from "../../hooks/usePreventableClose.es.js";
+import I from "../../node_modules/react-transition-group/esm/Transition.es.js";
+import u from "../../helpers/cn.es.js";
+import { asComponent as O } from "../../helpers/createPolymorphicComponent.es.js";
+const M = B({
   size: "md",
   open: !1,
   onClose: () => {
   },
   transitionState: "unmounted",
-  duration: 300
+  duration: 300,
+  preventClose: !1,
+  dismiss: () => {
+  }
 });
-function u({
-  as: t,
-  ref: o,
+function f({
+  as: o,
+  ref: a,
   size: n = "md",
-  open: e = !1,
-  onClose: i = () => {
+  open: t = !1,
+  onClose: e = () => {
   },
-  onEnter: f,
+  onEnter: r,
   onEntering: p,
   onEntered: x,
-  onExit: v,
-  onExiting: r,
-  onExited: l,
-  duration: y = 300,
-  preventClose: b = !1,
+  onExit: b,
+  onExiting: v,
+  onExited: m,
+  duration: i = 300,
+  preventClose: y = !1,
   className: h,
-  children: w,
-  ...N
+  children: N,
+  ...w
 }) {
-  const H = s((c) => c.modal.base), g = F(null), k = t || "div", B = {
+  const k = l((d) => d.modal.base), g = F(null), D = {
     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: ""
-  }, z = () => {
-    b || i();
-  };
-  return R(o, () => g.current), I("Escape", () => i(), {
-    conflictBehavior: "allow",
-    ignoreInputs: !0,
-    enabled: e && !b
-  }), /* @__PURE__ */ a(P, { children: /* @__PURE__ */ a(
-    $,
+  }, C = E({ preventClose: y, open: t, onClose: e });
+  P(a, () => g.current);
+  const H = O(o, "div");
+  return /* @__PURE__ */ s($, { children: /* @__PURE__ */ s(
+    I,
     {
       nodeRef: g,
-      in: e,
-      timeout: y,
+      in: t,
+      timeout: i,
       unmountOnExit: !0,
-      onEnter: f,
+      onEnter: r,
       onEntering: p,
       onEntered: x,
-      onExit: v,
-      onExiting: r,
-      onExited: l,
-      children: (c) => /* @__PURE__ */ D(
-        k,
+      onExit: b,
+      onExiting: v,
+      onExited: m,
+      children: (d) => /* @__PURE__ */ S(
+        H,
         {
           ref: g,
-          "data-open": e,
-          style: { transitionDuration: `${y}ms` },
-          className: C(
+          "data-open": t,
+          role: "dialog",
+          "data-name": "modal",
+          style: { transitionDuration: `${i}ms` },
+          className: z(
             "modal fixed size-full inset-0 flex flex-col z-10 bg-black/20 transition-opacity backdrop-blur p-4",
-            H,
-            B[c],
+            k,
+            D[d],
             h
           ),
-          ...N,
+          ...w,
           children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               "div",
               {
-                onClick: z,
-                className: m(
+                "data-name": "modal-backdrop",
+                onClick: C,
+                className: u(
                   "absolute inset-0 cursor-default opacity-0",
-                  b && "[&:active~*]:scale-95"
+                  y && "[&:active~*]:scale-95"
                 )
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               M.Provider,
               {
                 value: {
                   size: n,
-                  open: e,
-                  onClose: z,
-                  transitionState: c,
-                  duration: y
+                  open: t,
+                  onClose: e,
+                  dismiss: C,
+                  transitionState: d,
+                  duration: i,
+                  preventClose: y
                 },
-                children: w
+                children: N
               }
             )
           ]
@@ -104,55 +109,97 @@ function u({
     }
   ) });
 }
-function O({ className: t, children: o, ...n }) {
-  const e = s((r) => r.modal.dialog), { size: i, transitionState: f, duration: p } = j(M), x = {
+function T({
+  as: o,
+  className: a,
+  children: n,
+  ...t
+}) {
+  const e = l((m) => m.modal.dialog), { size: r, transitionState: p, duration: x } = R(M), b = {
     entering: "scale-100",
     entered: "scale-100",
     exiting: "scale-75",
     exited: "scale-75",
     unmounted: ""
-  }, v = E(() => {
-    var l;
+  }, v = j(() => {
+    var i;
     return [{
       sm: "min-[576px]:w-[300px]",
       md: "min-[576px]:w-[500px]",
       lg: "min-[992px]:w-[800px]"
-    }[i], (l = e == null ? void 0 : e.size) == null ? void 0 : l[i]];
-  }, [i, e == null ? void 0 : e.size]);
-  return /* @__PURE__ */ a(
-    d,
+    }[r], (i = e == null ? void 0 : e.size) == null ? void 0 : i[r]];
+  }, [r, e == null ? void 0 : e.size]);
+  return /* @__PURE__ */ s(
+    c,
     {
-      as: "div",
-      style: { transitionDuration: `${p}ms` },
-      className: C(
+      as: o,
+      "data-name": "modal-dialog",
+      style: { transitionDuration: `${x}ms` },
+      className: z(
         "max-w-full max-h-full m-auto transition-transform",
         e == null ? void 0 : e.base,
         v,
-        x[f],
-        t
+        b[p],
+        a
       ),
-      ...n,
-      children: o
+      ...t,
+      children: n
     }
   );
 }
-function T({ className: t, ...o }) {
-  const n = s((e) => e.modal.header.base);
-  return /* @__PURE__ */ a(d.Header, { className: m(n, t), ...o });
+function q({
+  as: o,
+  className: a,
+  ...n
+}) {
+  const t = l((e) => e.modal.header.base);
+  return /* @__PURE__ */ s(
+    c.Header,
+    {
+      as: o,
+      "data-name": "modal-header",
+      className: u(t, a),
+      ...n
+    }
+  );
 }
-function q({ className: t, ...o }) {
-  const n = s((e) => e.modal.body.base);
-  return /* @__PURE__ */ a(d.Body, { className: m(n, t), ...o });
+function A({
+  as: o,
+  className: a,
+  ...n
+}) {
+  const t = l((e) => e.modal.body.base);
+  return /* @__PURE__ */ s(
+    c.Body,
+    {
+      as: o,
+      "data-name": "modal-body",
+      className: u(t, a),
+      ...n
+    }
+  );
 }
-function A({ className: t, ...o }) {
-  const n = s((e) => e.modal.footer.base);
-  return /* @__PURE__ */ a(d.Footer, { className: m(n, t), ...o });
+function G({
+  as: o,
+  className: a,
+  ...n
+}) {
+  const t = l((e) => e.modal.footer.base);
+  return /* @__PURE__ */ s(
+    c.Footer,
+    {
+      as: o,
+      "data-name": "modal-footer",
+      className: u(t, a),
+      ...n
+    }
+  );
 }
-u.Dialog = O;
-u.Header = T;
-u.Body = q;
-u.Footer = A;
+f.Dialog = T;
+f.Header = q;
+f.Body = A;
+f.Footer = G;
 export {
   M as ModalContext,
-  u as default
+  f as default
 };

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

@@ -1 +1 @@
-"use client";"use strict";const t=require("../../stores/portalElement.cjs.js"),n=require("react"),c=require("react-dom");function s({children:r}){const e=n.useSyncExternalStore(t.subscribe,t.getElement);return e?c.createPortal(r,e):null}module.exports=s;
+"use client";"use strict";const n=require("react"),c=require("react-dom"),t=require("../../stores/portalElement.cjs.js");function o({children:r}){const e=n.useSyncExternalStore(t.subscribe,t.getElement,void 0);return e?c.createPortal(r,e):null}module.exports=o;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,sCAOzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,sCAQzD"}

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

@@ -1,14 +1,15 @@
 "use client";
-import t from "../../stores/portalElement.es.js";
 import { useSyncExternalStore as o } from "react";
 import { createPortal as n } from "react-dom";
-function a({ children: r }) {
+import t from "../../stores/portalElement.es.js";
+function u({ children: r }) {
   const e = o(
     t.subscribe,
-    t.getElement
+    t.getElement,
+    void 0
   );
   return e ? n(r, e) : null;
 }
 export {
-  a as default
+  u as default
 };

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

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

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

@@ -8,7 +8,7 @@ type ValueAnimation = {
     animate: boolean;
 };
 type BaseProgressProps = {
-    color?: Color | null;
+    color?: Color;
     children?: never;
 } & ValueAnimation;
 type ProgressProps = BaseProgressProps & Omit<ComponentProps<"div">, keyof BaseProgressProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAGhD,KAAK,cAAc,GACf;IACE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AACN,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GAAG,cAAc,CAAC;AAInB,KAAK,aAAa,GAAG,iBAAiB,GACpC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,iBAAiB,CAAC,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAiB,EACjB,KAAS,EACT,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Cf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAGhD,KAAK,cAAc,GACf;IACE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AACN,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,GAAG,cAAc,CAAC;AAInB,KAAK,aAAa,GAAG,iBAAiB,GACpC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,iBAAiB,CAAC,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAiB,EACjB,KAAS,EACT,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAgDf"}

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

@@ -1,20 +1,20 @@
 "use client";
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useMemo as o } from "react";
+import { twMerge as h } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import p from "../../hooks/useClasses.es.js";
 import c from "../../helpers/cn.es.js";
-import h from "../../hooks/useClasses.es.js";
-import { useMemo as a } from "react";
-import { twMerge as p } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
-function v({
-  color: e = "primary",
-  value: o = 0,
-  animate: n = !1,
+function k({
+  color: n = "primary",
+  value: s = 0,
+  animate: t = !1,
   className: l,
   ...g
 }) {
-  const r = h((t) => t.progress), u = a(() => {
-    var s;
-    if (!e) return "border-transparent";
-    const t = {
+  const r = p((e) => e.progress), u = o(() => {
+    var a;
+    if (!n) return "border-transparent";
+    const e = {
       primary: "bg-light-primary text-primary",
       secondary: "bg-light-secondary text-secondary",
       success: "bg-light-success text-success",
@@ -23,16 +23,21 @@ function v({
       danger: "bg-light-danger text-danger",
       dark: "bg-dark/10 text-dark",
       light: "bg-light/10 text-light"
-    }, 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]), d = a(() => {
-    if (!n)
-      return `${Math.max(o, 0)}%`;
-  }, [o, n]);
+    }, m = (a = r == null ? void 0 : r.color) == null ? void 0 : a[n];
+    return [e == null ? void 0 : e[n], m];
+  }, [n, r == null ? void 0 : r.color]), d = o(() => {
+    if (!t)
+      return `${Math.max(s, 0)}%`;
+  }, [s, t]);
   return /* @__PURE__ */ f(
     "div",
     {
-      className: p(
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": t ? void 0 : Math.max(s, 0),
+      "data-name": "progress",
+      className: h(
         "relative block w-full h-1.5 rounded-full overflow-hidden",
         r == null ? void 0 : r.base,
         u,
@@ -45,16 +50,16 @@ function v({
           {
             style: { width: d },
             className: c(
-              "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0",
-              n ? "animate-linear-progress-1" : "transition-[width]"
+              "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 inset-s-0",
+              t ? "animate-linear-progress-1" : "transition-[width]"
             )
           }
         ),
-        n && /* @__PURE__ */ i("span", { className: "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 start-0 animate-linear-progress-2" })
+        t && /* @__PURE__ */ i("span", { className: "absolute h-full max-w-full bg-current rounded-[inherit] top-0 bottom-0 inset-s-0 animate-linear-progress-2" })
       ]
     }
   );
 }
 export {
-  v as default
+  k as default
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAcf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAef"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,WAAW,GAAG,uBAAuB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAQlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,WAAW,GAAG,uBAAuB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CASlE"}

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

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import a from "../../hooks/useClasses.es.js";
-import "react";
-import { twMerge as c } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import { twMerge as o } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
+import c from "../../hooks/useClasses.es.js";
 function f({ className: e, ...s }) {
-  const r = a((o) => o.spacer.base);
+  const a = c((r) => r.spacer.base);
   return /* @__PURE__ */ t(
     "div",
     {
-      className: c("block flex-1", r, e),
+      "data-name": "spacer",
+      className: o("block flex-1", a, e),
       ...s
     }
   );

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

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

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

@@ -1,9 +1,10 @@
 import { Color, ComponentPropsWithoutAs, Size } from '../../types';
 type Props = {
-    color?: Color | null;
+    color?: Color;
+    inheritColor?: boolean;
     size?: Size;
     children?: never;
 };
-export default function Spinner({ color, size, className, ...props }: ComponentPropsWithoutAs<"span", Props>): import("react/jsx-runtime").JSX.Element;
+export default function Spinner({ color, inheritColor, size, className, ...props }: ComponentPropsWithoutAs<"span", Props>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/D,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAiB,EACjB,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAqCxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAI/D,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,KAAiB,EACjB,YAAoB,EACpB,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,MAAM,EAAE,KAAK,CAAC,2CAyCxC"}

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

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

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

@@ -1 +1 @@
-"use client";"use strict";const q=require("react/jsx-runtime"),u=require("../../helpers/cn.cjs.js"),C=require("../../hooks/useClasses.cjs.js"),c=require("react"),M=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js");function j({as:l,direction:t="row",wrap:r=!1,reverse:n=!1,className:f,children:x,...m}){const e=C(o=>o.stack),w=l||"div",d=c.useMemo(()=>{var i,s;return{row:u("*:min-w-0",n?"flex-row-reverse":"flex-row",(i=e==null?void 0:e.directions)==null?void 0:i.row),column:u("*:min-h-0",n?"flex-col-reverse":"flex-col",(s=e==null?void 0:e.directions)==null?void 0:s.column)}[t]},[t,n,e==null?void 0:e.directions]),a=c.useMemo(()=>r==="reverse"?"flex-wrap-reverse":r?"flex-wrap":null,[r]);return q.jsx(w,{className:M.twMerge("flex",e==null?void 0:e.base,d,a,f),...m,children:x})}module.exports=j;
+"use client";"use strict";const p=require("react/jsx-runtime"),c=require("react"),q=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),C=require("../../hooks/useClasses.cjs.js"),u=require("../../helpers/cn.cjs.js"),M=require("../../helpers/createPolymorphicComponent.cjs.js");function h({as:l,direction:o="row",wrap:n=!1,reverse:r=!1,className:m,children:a,...f}){const e=C(t=>t.stack),x=c.useMemo(()=>{var i,s;return{row:u("[&>*:not([class*='min-w-'])]:min-w-0",r?"flex-row-reverse":"flex-row",(i=e==null?void 0:e.directions)==null?void 0:i.row),column:u("[&>*:not([class*='min-h-'])]:min-h-0",r?"flex-col-reverse":"flex-col",(s=e==null?void 0:e.directions)==null?void 0:s.column)}[o]},[o,r,e==null?void 0:e.directions]),w=c.useMemo(()=>n==="reverse"?"flex-wrap-reverse":n?"flex-wrap":null,[n]),d=M.asComponent(l,"div");return p.jsx(d,{"data-name":"stack",className:q.twMerge("flex",e==null?void 0:e.base,x,w,m),...f,children:a})}module.exports=h;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAC;AACnC,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC3D,EAAE,EACF,SAAiB,EACjB,IAAY,EACZ,OAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CAqCrC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAW,MAAM,OAAO,CAAC;AAG7C,KAAK,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAC;AACnC,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC3D,EAAE,EACF,SAAiB,EACjB,IAAY,EACZ,OAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CAsCrC"}