highsoft-ui 1.0.81 → 1.0.83

package/dist/{utils-C7rfowvr.js → utils-CT0G9Gzw.js}

@@ -1,11 +1,11 @@
 import * as r from "react";
-import { useState as C, useEffect as A } from "react";
-var N = (e, t, n, s, a, o, d, h) => {
+import { useState as C, useEffect as A, useLayoutEffect as N } from "react";
+var R = (e, t, n, s, o, a, d, h) => {
   let u = document.documentElement, v = ["light", "dark"];
   function f(c) {
     (Array.isArray(e) ? e : [e]).forEach((y) => {
-      let E = y === "class", L = E && o ? a.map((b) => o[b] || b) : a;
-      E ? (u.classList.remove(...L), u.classList.add(o && o[c] ? o[c] : c)) : u.setAttribute(y, c);
+      let E = y === "class", L = E && a ? o.map((b) => a[b] || b) : o;
+      E ? (u.classList.remove(...L), u.classList.add(a && a[c] ? a[c] : c)) : u.setAttribute(y, c);
     }), k(c);
   }
   function k(c) {
@@ -20,16 +20,16 @@ var N = (e, t, n, s, a, o, d, h) => {
     f(y);
   } catch {
   }
-}, P = ["light", "dark"], z = "(prefers-color-scheme: dark)", R = typeof window > "u", x = r.createContext(void 0), V = { setTheme: (e) => {
-}, themes: [] }, W = () => {
+}, P = ["light", "dark"], z = "(prefers-color-scheme: dark)", V = typeof window > "u", x = r.createContext(void 0), W = { setTheme: (e) => {
+}, themes: [] }, _ = () => {
   var e;
-  return (e = r.useContext(x)) != null ? e : V;
-}, U = (e) => r.useContext(x) ? r.createElement(r.Fragment, null, e.children) : r.createElement($, { ...e }), _ = ["light", "dark"], $ = ({ forcedTheme: e, disableTransitionOnChange: t = !1, enableSystem: n = !0, enableColorScheme: s = !0, storageKey: a = "theme", themes: o = _, defaultTheme: d = n ? "system" : "light", attribute: h = "data-theme", value: u, children: v, nonce: f, scriptProps: k }) => {
-  let [m, c] = r.useState(() => J(a, d)), [y, E] = r.useState(() => m === "system" ? M() : m), L = u ? Object.values(u) : o, b = r.useCallback((i) => {
+  return (e = r.useContext(x)) != null ? e : W;
+}, G = (e) => r.useContext(x) ? r.createElement(r.Fragment, null, e.children) : r.createElement(F, { ...e }), $ = ["light", "dark"], F = ({ forcedTheme: e, disableTransitionOnChange: t = !1, enableSystem: n = !0, enableColorScheme: s = !0, storageKey: o = "theme", themes: a = $, defaultTheme: d = n ? "system" : "light", attribute: h = "data-theme", value: u, children: v, nonce: f, scriptProps: k }) => {
+  let [m, c] = r.useState(() => Q(o, d)), [y, E] = r.useState(() => m === "system" ? M() : m), L = u ? Object.values(u) : a, b = r.useCallback((i) => {
     let l = i;
     if (!l) return;
     i === "system" && n && (l = M());
-    let g = u ? u[l] : l, I = t ? Q(f) : null, w = document.documentElement, O = (p) => {
+    let g = u ? u[l] : l, I = t ? Z(f) : null, w = document.documentElement, O = (p) => {
       p === "class" ? (w.classList.remove(...L), g && w.classList.add(g)) : p.startsWith("data-") && (g ? w.setAttribute(p, g) : w.removeAttribute(p));
     };
     if (Array.isArray(h) ? h.forEach(O) : O(h), s) {
@@ -41,7 +41,7 @@ var N = (e, t, n, s, a, o, d, h) => {
     let l = typeof i == "function" ? i(m) : i;
     c(l);
     try {
-      localStorage.setItem(a, l);
+      localStorage.setItem(o, l);
     } catch {
     }
   }, [m]), S = r.useCallback((i) => {
@@ -53,26 +53,26 @@ var N = (e, t, n, s, a, o, d, h) => {
     return i.addListener(S), S(i), () => i.removeListener(S);
   }, [S]), r.useEffect(() => {
     let i = (l) => {
-      l.key === a && (l.newValue ? c(l.newValue) : T(d));
+      l.key === o && (l.newValue ? c(l.newValue) : T(d));
     };
     return window.addEventListener("storage", i), () => window.removeEventListener("storage", i);
   }, [T]), r.useEffect(() => {
     b(e ?? m);
   }, [e, m]);
-  let H = r.useMemo(() => ({ theme: m, setTheme: T, forcedTheme: e, resolvedTheme: m === "system" ? y : m, themes: n ? [...o, "system"] : o, systemTheme: n ? y : void 0 }), [m, T, e, y, n, o]);
-  return r.createElement(x.Provider, { value: H }, r.createElement(F, { forcedTheme: e, storageKey: a, attribute: h, enableSystem: n, enableColorScheme: s, defaultTheme: d, value: u, themes: o, nonce: f, scriptProps: k }), v);
-}, F = r.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: s, enableColorScheme: a, defaultTheme: o, value: d, themes: h, nonce: u, scriptProps: v }) => {
-  let f = JSON.stringify([n, t, o, e, h, d, s, a]).slice(1, -1);
-  return r.createElement("script", { ...v, suppressHydrationWarning: !0, nonce: typeof window > "u" ? u : "", dangerouslySetInnerHTML: { __html: `(${N.toString()})(${f})` } });
-}), J = (e, t) => {
-  if (R) return;
+  let H = r.useMemo(() => ({ theme: m, setTheme: T, forcedTheme: e, resolvedTheme: m === "system" ? y : m, themes: n ? [...a, "system"] : a, systemTheme: n ? y : void 0 }), [m, T, e, y, n, a]);
+  return r.createElement(x.Provider, { value: H }, r.createElement(J, { forcedTheme: e, storageKey: o, attribute: h, enableSystem: n, enableColorScheme: s, defaultTheme: d, value: u, themes: a, nonce: f, scriptProps: k }), v);
+}, J = r.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: s, enableColorScheme: o, defaultTheme: a, value: d, themes: h, nonce: u, scriptProps: v }) => {
+  let f = JSON.stringify([n, t, a, e, h, d, s, o]).slice(1, -1);
+  return r.createElement("script", { ...v, suppressHydrationWarning: !0, nonce: typeof window > "u" ? u : "", dangerouslySetInnerHTML: { __html: `(${R.toString()})(${f})` } });
+}), Q = (e, t) => {
+  if (V) return;
   let n;
   try {
     n = localStorage.getItem(e) || void 0;
   } catch {
   }
   return n || t;
-}, Q = (e) => {
+}, Z = (e) => {
   let t = document.createElement("style");
   return e && t.setAttribute("nonce", e), t.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), document.head.appendChild(t), () => {
     window.getComputedStyle(document.body), setTimeout(() => {
@@ -80,28 +80,29 @@ var N = (e, t, n, s, a, o, d, h) => {
     }, 1);
   };
 }, M = (e) => (e || (e = window.matchMedia(z)), e.matches ? "dark" : "light");
-const Z = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-function B(e) {
-  return !!e.match(Z);
+const j = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+function X(e) {
+  return !!e.match(j);
 }
-function G(e) {
+function Y(e) {
   const [t, n] = C(!1);
   return A(() => {
     const s = window.matchMedia(e);
     n(s.matches);
-    const a = (o) => {
-      n(o.matches);
+    const o = (a) => {
+      n(a.matches);
     };
-    return s.addEventListener("change", a), () => s.removeEventListener("change", a);
+    return s.addEventListener("change", o), () => s.removeEventListener("change", o);
   }, [e]), t;
 }
-function j() {
+const D = typeof window < "u" ? N : A;
+function U() {
   const [e, t] = C(!1);
-  return A(() => {
+  return D(() => {
     t(!0);
   }, []), e;
 }
-function X() {
+function q() {
   const [e, t] = C(!1);
   return [async (s) => {
     if (s)
@@ -112,27 +113,27 @@ function X() {
       }
   }, e];
 }
-function Y() {
-  const e = j(), { resolvedTheme: t } = W(), [n, s] = C("light");
+function ee() {
+  const e = U(), { resolvedTheme: t } = _(), [n, s] = C("light");
   return A(() => {
     if (!t) {
       s(document.documentElement.dataset.theme || "light");
-      const a = new MutationObserver(() => {
+      const o = new MutationObserver(() => {
         s(document.documentElement.dataset.theme || "light");
       });
-      return a.observe(document.documentElement, {
+      return o.observe(document.documentElement, {
         attributeFilter: ["data-theme"]
-      }), () => a.disconnect();
+      }), () => o.disconnect();
     }
   }, [t]), e && t || n;
 }
 export {
-  U as J,
-  G as a,
-  j as b,
-  X as c,
-  Z as e,
-  Y as u,
-  B as v,
-  W as z
+  G as J,
+  Y as a,
+  U as b,
+  q as c,
+  j as e,
+  ee as u,
+  X as v,
+  _ as z
 };

package/dist/utils.js

@@ -1,4 +1,4 @@
-import { e as u, c as i, a as m, b as o, u as r, v as d } from "./utils-C7rfowvr.js";
+import { e as u, c as i, a as m, b as o, u as r, v as d } from "./utils-CT0G9Gzw.js";
 import "react";
 export {
   u as emailRegex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.81",
+  "version": "1.0.83",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",