reaxify 0.0.66 → 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/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.66",
+  "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"