highsoft-ui 1.0.60 → 1.0.62

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

@@ -1,11 +1,11 @@
 import * as r from "react";
 import { useState as C, useEffect as A } from "react";
-var V = (e, t, n, s, o, a, d, h) => {
+var N = (e, t, n, s, a, o, 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 && 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);
+      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);
     }), k(c);
   }
   function k(c) {
@@ -20,28 +20,28 @@ var V = (e, t, n, s, o, a, d, h) => {
     f(y);
   } catch {
   }
-}, P = ["light", "dark"], H = "(prefers-color-scheme: dark)", W = typeof window > "u", x = r.createContext(void 0), _ = { setTheme: (e) => {
-}, themes: [] }, z = () => {
+}, P = ["light", "dark"], z = "(prefers-color-scheme: dark)", R = typeof window > "u", x = r.createContext(void 0), V = { setTheme: (e) => {
+}, themes: [] }, W = () => {
   var e;
-  return (e = r.useContext(x)) != null ? e : _;
-}, U = (e) => r.useContext(x) ? r.createElement(r.Fragment, null, e.children) : r.createElement(J, { ...e }), F = ["light", "dark"], J = ({ forcedTheme: e, disableTransitionOnChange: t = !1, enableSystem: n = !0, enableColorScheme: s = !0, storageKey: o = "theme", themes: a = F, defaultTheme: d = n ? "system" : "light", attribute: h = "data-theme", value: u, children: v, nonce: f, scriptProps: k }) => {
-  let [m, c] = r.useState(() => R(o, d)), [y, E] = r.useState(() => m === "system" ? M() : m), L = u ? Object.values(u) : a, b = r.useCallback((i) => {
+  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) => {
     let l = i;
     if (!l) return;
     i === "system" && n && (l = M());
-    let g = u ? u[l] : l, I = t ? $(f) : null, w = document.documentElement, O = (p) => {
+    let g = u ? u[l] : l, I = t ? Q(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) {
-      let p = P.includes(d) ? d : null, N = P.includes(l) ? l : p;
-      w.style.colorScheme = N;
+      let p = P.includes(d) ? d : null, K = P.includes(l) ? l : p;
+      w.style.colorScheme = K;
     }
     I?.();
   }, [f]), T = r.useCallback((i) => {
     let l = typeof i == "function" ? i(m) : i;
     c(l);
     try {
-      localStorage.setItem(o, l);
+      localStorage.setItem(a, l);
     } catch {
     }
   }, [m]), S = r.useCallback((i) => {
@@ -49,46 +49,50 @@ var V = (e, t, n, s, o, a, d, h) => {
     E(l), m === "system" && n && !e && b("system");
   }, [m, e]);
   r.useEffect(() => {
-    let i = window.matchMedia(H);
+    let i = window.matchMedia(z);
     return i.addListener(S), S(i), () => i.removeListener(S);
   }, [S]), r.useEffect(() => {
     let i = (l) => {
-      l.key === o && (l.newValue ? c(l.newValue) : T(d));
+      l.key === a && (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 K = 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: K }, r.createElement(Q, { forcedTheme: e, storageKey: o, attribute: h, enableSystem: n, enableColorScheme: s, defaultTheme: d, value: u, themes: a, nonce: f, scriptProps: k }), v);
-}, Q = 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: `(${V.toString()})(${f})` } });
-}), R = (e, t) => {
-  if (W) return;
+  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 n;
   try {
     n = localStorage.getItem(e) || void 0;
   } catch {
   }
   return n || t;
-}, $ = (e) => {
+}, Q = (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(() => {
       document.head.removeChild(t);
     }, 1);
   };
-}, M = (e) => (e || (e = window.matchMedia(H)), e.matches ? "dark" : "light");
+}, 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);
+}
+function G(e) {
   const [t, n] = C(!1);
   return A(() => {
     const s = window.matchMedia(e);
     n(s.matches);
-    const o = (a) => {
-      n(a.matches);
+    const a = (o) => {
+      n(o.matches);
     };
-    return s.addEventListener("change", o), () => s.removeEventListener("change", o);
+    return s.addEventListener("change", a), () => s.removeEventListener("change", a);
   }, [e]), t;
 }
 function j() {
@@ -97,7 +101,7 @@ function j() {
     t(!0);
   }, []), e;
 }
-function G() {
+function X() {
   const [e, t] = C(!1);
   return [async (s) => {
     if (s)
@@ -108,25 +112,27 @@ function G() {
       }
   }, e];
 }
-function X() {
-  const e = j(), { resolvedTheme: t } = z(), [n, s] = C("light");
+function Y() {
+  const e = j(), { resolvedTheme: t } = W(), [n, s] = C("light");
   return A(() => {
     if (!t) {
       s(document.documentElement.dataset.theme || "light");
-      const o = new MutationObserver(() => {
+      const a = new MutationObserver(() => {
         s(document.documentElement.dataset.theme || "light");
       });
-      return o.observe(document.documentElement, {
+      return a.observe(document.documentElement, {
         attributeFilter: ["data-theme"]
-      }), () => o.disconnect();
+      }), () => a.disconnect();
     }
   }, [t]), e && t || n;
 }
 export {
   U as J,
-  B as a,
+  G as a,
   j as b,
-  G as c,
-  X as u,
-  z
+  X as c,
+  Z as e,
+  Y as u,
+  B as v,
+  W as z
 };

package/dist/utils.d.ts

@@ -1,3 +1,5 @@
+export declare const emailRegex: RegExp;
+export declare function validateEmail(email: string): boolean;
 export declare function useMediaQuery(query: string): boolean;
 export declare function useMounted(): boolean;
 export declare function useClipboard(): readonly [(text?: string) => Promise<void>, boolean];

package/dist/utils.js

@@ -1,8 +1,10 @@
-import { c as u, a as o, b as r, u as d } from "./utils-CzQFvGG2.js";
+import { e as u, c as i, a as m, b as o, u as r, v as d } from "./utils-C7rfowvr.js";
 import "react";
 export {
-  u as useClipboard,
-  o as useMediaQuery,
-  r as useMounted,
-  d as useTheme
+  u as emailRegex,
+  i as useClipboard,
+  m as useMediaQuery,
+  o as useMounted,
+  r as useTheme,
+  d as validateEmail
 };

package/package.json

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