reaxify 0.0.65 → 0.0.67

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 r=i(n=>n.skeleton.base);return u.jsxRuntimeExports.jsx("div",{className:o.twMerge("size-10 rounded bg-gray-200 text-gray-200 animate-pulse",r,e),...t,children:s})}module.exports=a;
+"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 size-10 rounded bg-gray-200 text-gray-200 animate-pulse",n,e),...t,children:s})}module.exports=a;

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../_virtual/jsx-runtime.cjs.js"),e=require("react"),v=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../helpers/cn.cjs.js"),m=require("../../hooks/useClasses.cjs.js"),R=require("../Button/index.cjs.js"),d=e.createContext({active:null,onChange:()=>{},buttonGroupClasses:""});function p({active:s=null,onChange:r=()=>{},children:a}){const n=m(i=>i.tabs.buttonGroup.base),c=e.useMemo(()=>g("relative flex items-center",n),[n]);return l.jsxRuntimeExports.jsx(d.Provider,{value:{active:s,onChange:r,buttonGroupClasses:c},children:a})}function q({className:s,...r}){const[a,n]=e.useState(!1),c=m(t=>t.tabs.indicator.base),{active:i}=e.useContext(d),x=e.useRef(null),b=e.useCallback(()=>{const t=x.current,u=t==null?void 0:t.parentElement,o=u==null?void 0:u.querySelector("button[data-active='true']");if(!u||!o||!t)return;const h=(o==null?void 0:o.offsetLeft)??0,j=window.getComputedStyle(o).paddingInline,C=(o==null?void 0:o.getBoundingClientRect().width)??0,w=h,y=C;t.style.setProperty("--left",`${w}px`),t.style.setProperty("--width",`${y}px`),t.style.setProperty("--padding-x",`${j}`)},[]);return e.useEffect(()=>{b(),n(!0)},[b,i]),l.jsxRuntimeExports.jsx("span",{ref:x,className:v.twMerge("absolute bottom-0 left-(--left,0px) rtl:left-(--left,100%) w-(--width,0px) px-(--padding-x,0px) h-px overflow-hidden",a?"transition-[width,left,padding]":"",c,s),...r,children:l.jsxRuntimeExports.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function E({eventKey:s,className:r,children:a,onClick:n,...c}){const i=m(f=>f.tabs.button.base),{active:x,onChange:b}=e.useContext(d),t=s===x,u=f=>{!t&&b(s),n==null||n(f)};return l.jsxRuntimeExports.jsx(R,{as:"button",type:"button","data-active":t,onClick:u,color:t?"primary":null,variant:"text",className:g("shadow-none border-none",i,r),...c,children:a})}function I({eventKey:s,children:r}){const{active:a}=e.useContext(d);return a!==s?null:l.jsxRuntimeExports.jsx(e.Fragment,{children:r})}p.Indicator=q;p.Button=E;p.Item=I;exports.TabsContext=d;exports.default=p;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../_virtual/jsx-runtime.cjs.js"),e=require("react"),v=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),g=require("../../helpers/cn.cjs.js"),m=require("../../hooks/useClasses.cjs.js"),R=require("../Button/index.cjs.js"),d=e.createContext({active:null,onChange:()=>{},buttonGroupClasses:""});function p({active:s=null,onChange:r=()=>{},children:a}){const n=m(c=>c.tabs.buttonGroup.base),i=e.useMemo(()=>g("relative flex items-center",n),[n]);return l.jsxRuntimeExports.jsx(d.Provider,{value:{active:s,onChange:r,buttonGroupClasses:i},children:a})}function q({className:s,...r}){const[a,n]=e.useState(!1),i=m(t=>t.tabs.indicator.base),{active:c}=e.useContext(d),x=e.useRef(null),b=e.useCallback(()=>{const t=x.current,u=t==null?void 0:t.parentElement,o=u==null?void 0:u.querySelector("button[data-active='true']");if(!u||!o||!t)return;const h=(o==null?void 0:o.offsetLeft)??0,j=window.getComputedStyle(o).paddingInline,C=(o==null?void 0:o.getBoundingClientRect().width)??0,w=h,y=C;t.style.setProperty("--left",`${w}px`),t.style.setProperty("--width",`${y}px`),t.style.setProperty("--padding-x",`${j}`)},[]);return e.useEffect(()=>{b(),requestAnimationFrame(()=>n(!0))},[b,c]),l.jsxRuntimeExports.jsx("span",{ref:x,className:v.twMerge("absolute bottom-0 left-(--left,0px) rtl:left-(--left,100%) w-(--width,0px) px-(--padding-x,0px) h-px overflow-hidden",a?"transition-[width,left,padding]":"",i,s),...r,children:l.jsxRuntimeExports.jsx("span",{className:"block size-full rounded-full bg-primary"})})}function E({eventKey:s,className:r,children:a,onClick:n,...i}){const c=m(f=>f.tabs.button.base),{active:x,onChange:b}=e.useContext(d),t=s===x,u=f=>{!t&&b(s),n==null||n(f)};return l.jsxRuntimeExports.jsx(R,{as:"button",type:"button","data-active":t,onClick:u,color:t?"primary":null,variant:"text",className:g("shadow-none border-none",c,r),...i,children:a})}function I({eventKey:s,children:r}){const{active:a}=e.useContext(d);return a!==s?null:l.jsxRuntimeExports.jsx(e.Fragment,{children:r})}p.Indicator=q;p.Button=E;p.Item=I;exports.TabsContext=d;exports.default=p;

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

@@ -1,6 +1,6 @@
 "use client";
-import { j as i } from "../../_virtual/jsx-runtime.es.js";
-import { createContext as j, useMemo as I, useState as P, useContext as m, useRef as T, useCallback as R, useEffect as A, Fragment as E } from "react";
+import { j as c } from "../../_virtual/jsx-runtime.es.js";
+import { createContext as j, useMemo as I, useState as P, useContext as m, useRef as T, useCallback as A, useEffect as R, Fragment as E } from "react";
 import { twMerge as G } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
 import h from "../../helpers/cn.es.js";
 import b from "../../hooks/useClasses.es.js";
@@ -13,22 +13,22 @@ const p = j({
 });
 function x({ active: e = null, onChange: o = () => {
 }, children: r }) {
-  const n = b((c) => c.tabs.buttonGroup.base), l = I(() => h("relative flex items-center", n), [n]);
-  return /* @__PURE__ */ i.jsx(p.Provider, { value: { active: e, onChange: o, buttonGroupClasses: l }, children: r });
+  const n = b((i) => i.tabs.buttonGroup.base), l = I(() => h("relative flex items-center", n), [n]);
+  return /* @__PURE__ */ c.jsx(p.Provider, { value: { active: e, onChange: o, buttonGroupClasses: l }, children: r });
 }
 function S({
   className: e,
   ...o
 }) {
-  const [r, n] = P(!1), l = b((t) => t.tabs.indicator.base), { active: c } = m(p), u = T(null), d = R(() => {
+  const [r, n] = P(!1), l = b((t) => t.tabs.indicator.base), { active: i } = m(p), u = T(null), d = A(() => {
     const t = u.current, a = t == null ? void 0 : t.parentElement, s = a == null ? void 0 : a.querySelector("button[data-active='true']");
     if (!a || !s || !t) return;
     const g = (s == null ? void 0 : s.offsetLeft) ?? 0, w = window.getComputedStyle(s).paddingInline, y = (s == null ? void 0 : s.getBoundingClientRect().width) ?? 0, C = g, v = y;
     t.style.setProperty("--left", `${C}px`), t.style.setProperty("--width", `${v}px`), t.style.setProperty("--padding-x", `${w}`);
   }, []);
-  return A(() => {
-    d(), n(!0);
-  }, [d, c]), /* @__PURE__ */ i.jsx(
+  return R(() => {
+    d(), requestAnimationFrame(() => n(!0));
+  }, [d, i]), /* @__PURE__ */ c.jsx(
     "span",
     {
       ref: u,
@@ -39,7 +39,7 @@ function S({
         e
       ),
       ...o,
-      children: /* @__PURE__ */ i.jsx("span", { className: "block size-full rounded-full bg-primary" })
+      children: /* @__PURE__ */ c.jsx("span", { className: "block size-full rounded-full bg-primary" })
     }
   );
 }
@@ -50,10 +50,10 @@ function $({
   onClick: n,
   ...l
 }) {
-  const c = b((f) => f.tabs.button.base), { active: u, onChange: d } = m(p), t = e === u, a = (f) => {
+  const i = b((f) => f.tabs.button.base), { active: u, onChange: d } = m(p), t = e === u, a = (f) => {
     !t && d(e), n == null || n(f);
   };
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ c.jsx(
     N,
     {
       as: "button",
@@ -62,19 +62,19 @@ function $({
       onClick: a,
       color: t ? "primary" : null,
       variant: "text",
-      className: h("shadow-none border-none", c, o),
+      className: h("shadow-none border-none", i, o),
       ...l,
       children: r
     }
   );
 }
-function L({ eventKey: e, children: o }) {
+function q({ eventKey: e, children: o }) {
   const { active: r } = m(p);
-  return r !== e ? null : /* @__PURE__ */ i.jsx(E, { children: o });
+  return r !== e ? null : /* @__PURE__ */ c.jsx(E, { children: o });
 }
 x.Indicator = S;
 x.Button = $;
-x.Item = L;
+x.Item = q;
 export {
   p as TabsContext,
   x as default

package/dist/components/index.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Badge/index.cjs.js"),n=require("./Box/index.cjs.js"),i=require("./Button/index.cjs.js"),t=require("./ButtonGroup/index.cjs.js"),o=require("./Card/index.cjs.js"),u=require("./Drawer/index.cjs.js"),d=require("./InputGroup/index.cjs.js"),c=require("./Menu/index.cjs.js"),s=require("./Modal/index.cjs.js"),q=require("./Portal/index.cjs.js"),x=require("./Progress/index.cjs.js"),$=require("./Skeleton/index.cjs.js"),a=require("./Spinner/index.cjs.js"),l=require("./Stack/index.cjs.js"),p=require("./Switch/index.cjs.js"),f=require("./Table/index.cjs.js"),g=require("./Tabs/index.cjs.js"),S=require("./Tooltip/index.cjs.js"),b=require("./Typography/index.cjs.js");;/* empty css                */exports.Accordion=e;exports.Badge=r;exports.Box=n;exports.Button=i;exports.ButtonGroup=t.default;exports.Card=o;exports.Drawer=u.default;exports.InputGroup=d;exports.Menu=c;exports.Modal=s.default;exports.Portal=q;exports.Progress=x;exports.Skeleton=$;exports.Spinner=a;exports.Stack=l;exports.Switch=p;exports.Table=f;exports.Tabs=g.default;exports.Tooltip=S;exports.Typography=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion/index.cjs.js"),r=require("./Badge/index.cjs.js"),n=require("./Button/index.cjs.js"),i=require("./ButtonGroup/index.cjs.js"),t=require("./Card/index.cjs.js"),o=require("./Drawer/index.cjs.js"),u=require("./InputGroup/index.cjs.js"),d=require("./Menu/index.cjs.js"),c=require("./Modal/index.cjs.js"),s=require("./Portal/index.cjs.js"),q=require("./Progress/index.cjs.js"),x=require("./Skeleton/index.cjs.js"),$=require("./Spinner/index.cjs.js"),a=require("./Stack/index.cjs.js"),l=require("./Switch/index.cjs.js"),p=require("./Table/index.cjs.js"),f=require("./Tabs/index.cjs.js"),g=require("./Tooltip/index.cjs.js"),S=require("./Typography/index.cjs.js");;/* empty css                */exports.Accordion=e;exports.Badge=r;exports.Button=n;exports.ButtonGroup=i.default;exports.Card=t;exports.Drawer=o.default;exports.InputGroup=u;exports.Menu=d;exports.Modal=c.default;exports.Portal=s;exports.Progress=q;exports.Skeleton=x;exports.Spinner=$;exports.Stack=a;exports.Switch=l;exports.Table=p;exports.Tabs=f.default;exports.Tooltip=g;exports.Typography=S;

package/dist/components/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Accordion } from './Accordion';
 export { default as Badge } from './Badge';
-export { default as Box } from './Box';
 export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as Card } from './Card';

package/dist/components/index.es.js

@@ -1,44 +1,42 @@
 "use client";
 import { default as e } from "./Accordion/index.es.js";
 import { default as f } from "./Badge/index.es.js";
-import { default as u } from "./Box/index.es.js";
-import { default as d } from "./Button/index.es.js";
-import { default as m } from "./ButtonGroup/index.es.js";
-import { default as n } from "./Card/index.es.js";
-import { default as c } from "./Drawer/index.es.js";
-import { default as S } from "./InputGroup/index.es.js";
-import { default as g } from "./Menu/index.es.js";
-import { default as h } from "./Modal/index.es.js";
-import { default as w } from "./Portal/index.es.js";
-import { default as G } from "./Progress/index.es.js";
-import { default as P } from "./Skeleton/index.es.js";
-import { default as C } from "./Spinner/index.es.js";
-import { default as I } from "./Stack/index.es.js";
-import { default as q } from "./Switch/index.es.js";
-import { default as z } from "./Table/index.es.js";
-import { default as F } from "./Tabs/index.es.js";
-import { default as J } from "./Tooltip/index.es.js";
-import { default as L } from "./Typography/index.es.js";
+import { default as u } from "./Button/index.es.js";
+import { default as d } from "./ButtonGroup/index.es.js";
+import { default as m } from "./Card/index.es.js";
+import { default as n } from "./Drawer/index.es.js";
+import { default as c } from "./InputGroup/index.es.js";
+import { default as T } from "./Menu/index.es.js";
+import { default as B } from "./Modal/index.es.js";
+import { default as h } from "./Portal/index.es.js";
+import { default as w } from "./Progress/index.es.js";
+import { default as G } from "./Skeleton/index.es.js";
+import { default as P } from "./Spinner/index.es.js";
+import { default as C } from "./Stack/index.es.js";
+import { default as I } from "./Switch/index.es.js";
+import { default as q } from "./Table/index.es.js";
+import { default as z } from "./Tabs/index.es.js";
+import { default as F } from "./Tooltip/index.es.js";
+import { default as J } from "./Typography/index.es.js";
 /* empty css              */
 export {
   e as Accordion,
   f as Badge,
-  u as Box,
-  d as Button,
-  m as ButtonGroup,
-  n as Card,
-  c as Drawer,
-  S as InputGroup,
-  g as Menu,
-  h as Modal,
-  w as Portal,
-  G as Progress,
-  P as Skeleton,
-  C as Spinner,
-  I as Stack,
-  q as Switch,
-  z as Table,
-  F as Tabs,
-  J as Tooltip,
-  L as Typography
+  u as Button,
+  d as ButtonGroup,
+  m as Card,
+  n as Drawer,
+  c as InputGroup,
+  T as Menu,
+  B as Modal,
+  h as Portal,
+  w as Progress,
+  G as Skeleton,
+  P as Spinner,
+  C as Stack,
+  I as Switch,
+  q as Table,
+  z as Tabs,
+  F as Tooltip,
+  J as Typography
 };

package/dist/hooks/useAutoFill.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const r=require("react");function u(s){const c=r.useRef(new AbortController);r.useEffect(()=>{var t,o;const e=c.current;return(o=(t=navigator==null?void 0:navigator.credentials)==null?void 0:t.get)==null||o.call(t,{otp:{transport:["sms"]},signal:e.signal}).then(i=>{const n=i;s((n==null?void 0:n.code)||null)}),()=>{e==null||e.abort("signal has been aborted.")}},[s])}module.exports=u;
+"use client";"use strict";const u=require("react");function l(o){const s=u.useRef(null);u.useEffect(()=>{var t,c;s.current=new AbortController;const e=s.current;return(c=(t=navigator==null?void 0:navigator.credentials)==null?void 0:t.get)==null||c.call(t,{otp:{transport:["sms"]},signal:e.signal}).then(n=>{const r=n;o((r==null?void 0:r.code)||null)}).catch(n=>{console.error(n)}),()=>{e==null||e.abort("signal has been aborted.")}},[o])}module.exports=l;

package/dist/hooks/useAutoFill.es.js

@@ -1,21 +1,26 @@
 "use client";
-import { useRef as i, useEffect as l } from "react";
-function c(o) {
-  const s = i(new AbortController());
-  l(() => {
-    var e, r;
-    const t = s.current;
-    return (r = (e = navigator == null ? void 0 : navigator.credentials) == null ? void 0 : e.get) == null || r.call(e, {
+import { useRef as a, useEffect as c } from "react";
+function i(r) {
+  const s = a(null);
+  c(() => {
+    var t, l;
+    s.current = new AbortController();
+    const e = s.current;
+    return (l = (t = navigator == null ? void 0 : navigator.credentials) == null ? void 0 : t.get) == null || l.call(t, {
+      // eslint-disable-next-line
+      // @ts-ignore
       otp: { transport: ["sms"] },
-      signal: t.signal
-    }).then((a) => {
-      const n = a;
-      o((n == null ? void 0 : n.code) || null);
+      signal: e.signal
+    }).then((n) => {
+      const o = n;
+      r((o == null ? void 0 : o.code) || null);
+    }).catch((n) => {
+      console.error(n);
     }), () => {
-      t == null || t.abort("signal has been aborted.");
+      e == null || e.abort("signal has been aborted.");
     };
-  }, [o]);
+  }, [r]);
 }
 export {
-  c as default
+  i as default
 };

package/dist/hooks/usePersistedState.cjs.js

@@ -1 +1 @@
-"use client";"use strict";const s=require("react");function m(t,c,r="localStorage"){const o=s.useCallback(e=>{try{window[r].setItem(t,JSON.stringify(e))}catch(S){console.error(S)}},[t,r]),a=s.useCallback(()=>{try{const e=window[r].getItem(t);return e?JSON.parse(e):void 0}catch(e){console.error(e)}},[t,r]),[n,u]=s.useState(()=>a()||c),l=()=>{u(c),o(c)};return s.useEffect(()=>{o(n)},[n,o]),[n,u,l]}module.exports=m;
+"use client";"use strict";const s=require("react");function w(c,r){const o=s.useMemo(()=>r.name,[r.name]),n=s.useMemo(()=>r.storage??"localStorage",[r.storage]),a=s.useMemo(()=>r.version??1,[r.version]),u=s.useCallback(e=>{try{const t=JSON.stringify({state:e,version:a});window[n].setItem(o,t)}catch(t){console.error(t)}},[o,n,a]),m=s.useCallback(()=>{try{const e=window[n].getItem(o);if(!e)return;const t=JSON.parse(e);return t.version!==a?void 0:"state"in t?t.state:void 0}catch(e){console.error(e);return}},[o,n,a]),[d,i]=s.useState(()=>m()||c),v=s.useCallback(e=>{i(t=>{const l=typeof e=="function"?e(t):e;return u(l),l})},[u]),S=s.useCallback(()=>{i(c),localStorage.removeItem(o)},[c,o]);return[d,v,S]}module.exports=w;

package/dist/hooks/usePersistedState.d.ts

@@ -1,3 +1,9 @@
-type Variant = "localStorage" | "sessionStorage";
-export default function usePersistedState<T>(key: string, initialValue: T, variant?: Variant): readonly [T, import('react').Dispatch<import('react').SetStateAction<T>>, () => void];
+import { Dispatch, SetStateAction } from 'react';
+type Storage = "localStorage" | "sessionStorage";
+type Config = {
+    name: string;
+    storage?: Storage;
+    version?: number;
+};
+export default function usePersistedState<T>(initialValue: T, config: Config): readonly [T, Dispatch<SetStateAction<T>>, () => void];
 export {};

package/dist/hooks/usePersistedState.es.js

@@ -1,29 +1,45 @@
 "use client";
-import { useCallback as u, useState as S, useEffect as f } from "react";
-function g(e, o, r = "localStorage") {
-  const s = u(
+import { useMemo as u, useCallback as a, useState as w } from "react";
+function f(c, r) {
+  const s = u(() => r.name, [r.name]), o = u(
+    () => r.storage ?? "localStorage",
+    [r.storage]
+  ), n = u(() => r.version ?? 1, [r.version]), m = a(
     (t) => {
       try {
-        window[r].setItem(e, JSON.stringify(t));
-      } catch (m) {
-        console.error(m);
+        const e = JSON.stringify({ state: t, version: n });
+        window[o].setItem(s, e);
+      } catch (e) {
+        console.error(e);
       }
     },
-    [e, r]
-  ), a = u(() => {
+    [s, o, n]
+  ), v = a(() => {
     try {
-      const t = window[r].getItem(e);
-      return t ? JSON.parse(t) : void 0;
+      const t = window[o].getItem(s);
+      if (!t) return;
+      const e = JSON.parse(t);
+      return e.version !== n ? void 0 : "state" in e ? e.state : void 0;
     } catch (t) {
       console.error(t);
+      return;
     }
-  }, [e, r]), [c, n] = S(() => a() || o), l = () => {
-    n(o), s(o);
-  };
-  return f(() => {
-    s(c);
-  }, [c, s]), [c, n, l];
+  }, [s, o, n]), [S, i] = w(() => v() || c), l = a(
+    (t) => {
+      i((e) => {
+        const d = (
+          // eslint-disable-next-line
+          typeof t == "function" ? t(e) : t
+        );
+        return m(d), d;
+      });
+    },
+    [m]
+  ), p = a(() => {
+    i(c), localStorage.removeItem(s);
+  }, [c, s]);
+  return [S, l, p];
 }
 export {
-  g as default
+  f as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reaxify",
   "private": false,
-  "version": "0.0.65",
+  "version": "0.0.67",
   "type": "module",
   "types": "./dist/index.d.ts",
   "files": [
@@ -12,29 +12,29 @@
   },
   "exports": {
     "./axios": {
+      "types": "./dist/axios/index.d.ts",
       "import": "./dist/axios/index.es.js",
-      "require": "./dist/axios/index.cjs.js",
-      "types": "./dist/axios/index.d.ts"
+      "require": "./dist/axios/index.cjs.js"
     },
     "./components": {
+      "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.es.js",
-      "require": "./dist/components/index.cjs.js",
-      "types": "./dist/components/index.d.ts"
+      "require": "./dist/components/index.cjs.js"
     },
     "./helpers": {
+      "types": "./dist/helpers/index.d.ts",
       "import": "./dist/helpers/index.es.js",
-      "require": "./dist/helpers/index.cjs.js",
-      "types": "./dist/helpers/index.d.ts"
+      "require": "./dist/helpers/index.cjs.js"
     },
     "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
       "import": "./dist/hooks/index.es.js",
-      "require": "./dist/hooks/index.cjs.js",
-      "types": "./dist/hooks/index.d.ts"
+      "require": "./dist/hooks/index.cjs.js"
     },
     "./providers": {
+      "types": "./dist/providers/index.d.ts",
       "import": "./dist/providers/index.es.js",
-      "require": "./dist/providers/index.cjs.js",
-      "types": "./dist/providers/index.d.ts"
+      "require": "./dist/providers/index.cjs.js"
     },
     "./types": {
       "types": "./dist/types/index.d.ts"

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

@@ -1 +0,0 @@
-"use client";"use strict";const u=require("../../_virtual/jsx-runtime.cjs.js"),i=require("../../helpers/cn.cjs.js");require("react");const c=require("../../hooks/useClasses.cjs.js");function x({as:s,className:t,...n}){const e=c(o=>o.box),r=s||"div";return u.jsxRuntimeExports.jsx(r,{className:i(e==null?void 0:e.base,t),...n})}module.exports=x;

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

@@ -1,3 +0,0 @@
-import { ComponentPropsWithAs } from '../../types';
-import { ElementType } from 'react';
-export default function Box<E extends ElementType = "div">({ as, className, ...props }: ComponentPropsWithAs<E>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +0,0 @@
-"use client";
-import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import i from "../../helpers/cn.es.js";
-import "react";
-import p from "../../hooks/useClasses.es.js";
-function f({
-  as: t,
-  className: s,
-  ...r
-}) {
-  const o = p((m) => m.box), e = t || "div";
-  return /* @__PURE__ */ n.jsx(e, { className: i(o == null ? void 0 : o.base, s), ...r });
-}
-export {
-  f as default
-};