@cronocode/react-box 3.0.11 → 3.0.13

package/core.mjs

@@ -1,77 +1,78 @@
-import ve, { useContext as se, useMemo as L, useLayoutEffect as be, useEffect as ie, useState as ne, useRef as ye } from "react";
-import { jsx as ge } from "react/jsx-runtime";
-function he(...e) {
-  return e.reduce((t, r) => r ? typeof r == "string" ? (t.push(r), t) : Array.isArray(r) ? (t.push(...he(...r)), t) : (Object.entries(r).forEach(([l, i]) => {
-    i && t.push(l);
+import ye, { useMemo as Q, useLayoutEffect as ie, useEffect as ne, useState as ue, useContext as ge, useRef as he } from "react";
+import { jsx as G } from "react/jsx-runtime";
+import pe from "./box.mjs";
+function we(...e) {
+  return e.reduce((t, r) => r ? typeof r == "string" ? (t.push(r), t) : Array.isArray(r) ? (t.push(...we(...r)), t) : (Object.entries(r).forEach(([l, s]) => {
+    s && t.push(l);
   }), t) : t, []);
 }
 var u;
 ((e) => {
   ((t) => {
-    function r(i, n) {
-      return `${i}${n.replace("/", "-")}`;
+    function r(s, n) {
+      return `${s}${n.replace("/", "-")}`;
     }
     t.fraction = r;
-    function l(i) {
-      return [`${i} path`, `${i} circle`, `${i} rect`, `${i} line`];
+    function l(s) {
+      return [`${s} path`, `${s} circle`, `${s} rect`, `${s} line`];
     }
     t.svg = l;
   })(e.ClassName || (e.ClassName = {})), ((t) => {
-    function r(b, s, c = 4) {
-      return `${b / c}rem`;
+    function r(b, i, f = 4) {
+      return `${b / f}rem`;
     }
     t.rem = r;
     function l(b) {
       return `${b}px`;
     }
     t.px = l;
-    function i(b, s) {
-      const [c, m] = s.split("/");
-      return `${+c / +m * 100}%`;
+    function s(b, i) {
+      const [f, m] = i.split("/");
+      return `${+f / +m * 100}%`;
     }
-    t.fraction = i;
-    function n(b, s) {
-      switch (s) {
+    t.fraction = s;
+    function n(b, i) {
+      switch (i) {
         case "fit":
           return "100%";
         case "fit-screen":
           return b.toLocaleLowerCase().includes("height") ? "100vh" : "100vw";
         default:
-          return s;
+          return i;
       }
     }
     t.widthHeight = n;
     function d(b) {
-      return (s, c) => `var(--${b}${c});`;
+      return (i, f) => `var(--${b}${f});`;
     }
     t.variables = d;
-    function o(b) {
-      return (s, c) => `var(--${b}${c});`;
+    function a(b) {
+      return (i, f) => `var(--${b}${f});`;
     }
-    t.svgVariables = o;
-    function f(b, s) {
-      return `repeat(${s},minmax(0,1fr))`;
+    t.svgVariables = a;
+    function c(b, i) {
+      return `repeat(${i},minmax(0,1fr))`;
     }
-    t.gridColumns = f;
-    function y(b, s) {
-      return s === "full-row" ? "1/-1" : `span ${s}/span ${s}`;
+    t.gridColumns = c;
+    function y(b, i) {
+      return i === "full-row" ? "1/-1" : `span ${i}/span ${i}`;
     }
     t.gridColumn = y;
-    function a(b, s) {
-      return `${s}ms`;
+    function o(b, i) {
+      return `${i}ms`;
     }
-    t.ms = a;
-    function v(b, s) {
-      return `${s}deg`;
+    t.ms = o;
+    function v(b, i) {
+      return `${i}deg`;
     }
     t.rotate = v;
-    function g(b, s) {
-      return s === "xAxis" ? "-1 1" : "1 -1";
+    function g(b, i) {
+      return i === "xAxis" ? "-1 1" : "1 -1";
     }
     t.flip = g;
   })(e.Value || (e.Value = {}));
 })(u || (u = {}));
-var M;
+var K;
 ((e) => {
   e.colors = {
     currentColor: "currentColor",
@@ -337,20 +338,20 @@ var M;
     "large-shadow": "rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px"
   }, r = {};
   let l = {};
-  function i(o) {
-    return o in l ? r[o] = l[o] : o in t ? r[o] = t[o] : o in e.colors ? r[o] = e.colors[o] : r[o] = o, `var(--${o})`;
+  function s(a) {
+    return a in l ? r[a] = l[a] : a in t ? r[a] = t[a] : a in e.colors ? r[a] = e.colors[a] : r[a] = a, `var(--${a})`;
   }
-  e.getVariableValue = i;
+  e.getVariableValue = s;
   function n() {
-    return Object.entries(r).map(([o, f]) => `--${o}: ${f};`).join("");
+    return Object.entries(r).map(([a, c]) => `--${a}: ${c};`).join("");
   }
   e.generateVariables = n;
-  function d(o) {
-    l = o;
+  function d(a) {
+    l = a;
   }
   e.setUserVariables = d;
-})(M || (M = {}));
-const N = M, E = {
+})(K || (K = {}));
+const N = K, j = {
   /** The appearance CSS property is used to display UI elements with platform-specific styling, based on the operating system's theme. */
   appearance: [
     {
@@ -1531,7 +1532,7 @@ const N = M, E = {
       styleName: "transform"
     }
   ]
-}, ue = {
+}, ce = {
   hover: ":hover",
   focus: ":focus-within",
   hasFocus: ":has(:focus)",
@@ -1544,29 +1545,32 @@ const N = M, E = {
   hasChecked: ":has(:checked)",
   hasRequired: ":has(:required)",
   hasDisabled: ":has([disabled])"
-}, U = {
+}, H = {
   indeterminate: ":indeterminate",
   checked: ":checked",
   required: ":required",
   disabled: "[disabled]",
   selected: '[aria-selected="true"]'
-}, Z = { ...ue, ...U }, de = Object.entries(Z).reduce(
+}, xe = {
+  theme: ""
+}, Z = { ...ce, ...H, ...xe }, de = Object.entries(Z).reduce(
   (e, [t], r) => (e[t] = Math.pow(2, r), e),
   {}
-), W = Object.entries(Z).reduce(
+), D = Object.entries(Z).reduce(
   (e, [t]) => {
     const r = de[t];
-    return Object.entries(e).forEach(([l, i]) => {
-      e[+l + r] = [...i, t];
+    return Object.entries(e).forEach(([l, s]) => {
+      e[+l + r] = [...s, t];
     }), e;
   },
   { 0: [] }
-), q = {
+), oe = {
   hoverGroup: "hover",
   focusGroup: "focus",
   activeGroup: "active",
-  disabledGroup: "disabled"
-}, H = {
+  disabledGroup: "disabled",
+  theme: "theme"
+}, B = {
   /** Styles applied for small screens and larger. >= 640 */
   sm: 640,
   /** Styles applied for medium screens and larger. >= 768 */
@@ -1578,15 +1582,15 @@ const N = M, E = {
   /** Styles applied for 2x extra-large screens and larger. >= 1536 */
   xxl: 1536
 };
-var X;
+var W;
 ((e) => {
-  function t(n, d, o) {
-    const f = { ...n }, y = f.props || {};
-    return d.forEach((a) => {
-      a in f && (y[a] = f[a], delete f[a]);
-    }), o && Object.entries(o).forEach(([a, v]) => {
-      y[a] = v;
-    }), f.props = y, f;
+  function t(n, d, a) {
+    const c = { ...n }, y = c.props || {};
+    return d.forEach((o) => {
+      o in c && (y[o] = c[o], delete c[o]);
+    }), a && Object.entries(a).forEach(([o, v]) => {
+      y[o] = v;
+    }), c.props = y, c;
   }
   e.buildProps = t;
   function r(n) {
@@ -1594,19 +1598,19 @@ var X;
   }
   e.isObject = r;
   function l(...n) {
-    return n.reduce((d, o) => (Object.keys(o ?? {}).forEach((f) => {
-      const y = d[f], a = o[f];
-      f in U && typeof a == "boolean" || (f in U && Array.isArray(a) ? d[f] = l(y, a[1] ?? {}) : Array.isArray(y) && Array.isArray(a) ? d[f] = y.concat(...a) : r(y) && r(a) ? d[f] = l(y, a) : d[f] = a);
+    return n.reduce((d, a) => (Object.keys(a ?? {}).forEach((c) => {
+      const y = d[c], o = a[c];
+      r(o) && "clean" in o && o.clean ? d[c] = o : c in H && typeof o == "boolean" || (c in H && Array.isArray(o) ? d[c] = l(y, o[1] ?? {}) : Array.isArray(y) && Array.isArray(o) ? d[c] = y.concat(...o) : r(y) && r(o) ? d[c] = l(y, o) : d[c] = o);
     }), d), {});
   }
   e.mergeDeep = l;
-  function i(n, d) {
+  function s(n, d) {
     return n in d;
   }
-  e.isKeyOf = i;
-})(X || (X = {}));
-const C = X;
-class pe {
+  e.isKeyOf = s;
+})(W || (W = {}));
+const $ = W;
+class Ne {
   constructor() {
     this._index = 0, this._cache = {};
   }
@@ -1614,17 +1618,17 @@ class pe {
     return this._cache[t] || (this._cache[t] = this.getByIndex(this._index++)), this._cache[t];
   }
   getByIndex(t) {
-    const { first: r, next: l } = we, i = t - r.length;
-    if (i < 0)
+    const { first: r, next: l } = Fe, s = t - r.length;
+    if (s < 0)
       return r[t];
-    const n = Math.floor(i / l.length), d = i - n * l.length;
+    const n = Math.floor(s / l.length), d = s - n * l.length;
     return this.getByIndex(n) + l[d];
   }
 }
-const we = {
+const Fe = {
   first: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
   next: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
-}, R = {
+}, ae = {
   button: {
     styles: {
       display: "inline-flex",
@@ -1647,6 +1651,10 @@ const we = {
         color: "gray-400",
         borderColor: "gray-300"
       }
+    },
+    variants: {
+      test: {},
+      test2: {}
     }
   },
   textbox: {
@@ -1847,7 +1855,7 @@ const we = {
             }
           }
         },
-        themes: {
+        variants: {
           multiple: {
             selected: {
               cursor: "pointer"
@@ -1909,252 +1917,251 @@ const we = {
         }
       }
     }
+  },
+  label: { styles: {} },
+  datagrid: { styles: {} }
+};
+var q;
+((e) => {
+  function t(l, s, n) {
+    return N.setUserVariables(l), Object.entries(s).forEach(([d, a]) => {
+      j[d] = a;
+    }), Object.entries(n).forEach(([d, a]) => {
+      const c = j[d];
+      j[d] = c ? [...a, ...c] : a;
+    }), { extendedProps: s, extendedPropTypes: n };
   }
-}, P = ve.createContext({ themeStyles: R, theme: "", setTheme: () => {
-} });
-function xe(e) {
-  const { clean: t, theme: r, component: l } = e, { themeStyles: i } = se(P);
-  return L(() => {
-    var o;
+  e.extend = t, e.componentsStyles = ae;
+  function r(l) {
+    return e.componentsStyles = $.mergeDeep(ae, l), l;
+  }
+  e.components = r;
+})(q || (q = {}));
+const Ce = q;
+function $e(e) {
+  const { clean: t, component: r, variant: l } = e;
+  return Q(() => {
+    var a;
     if (t) return;
-    const n = l == null ? void 0 : l.split(".");
-    if (!n) return;
-    const d = n.reduce((f, y, a) => {
+    const s = r == null ? void 0 : r.split(".");
+    if (!s) return;
+    const n = s.reduce((c, y, o) => {
       var v;
-      return a === 0 ? i == null ? void 0 : i[y] : (v = f == null ? void 0 : f.children) == null ? void 0 : v[y];
+      return o === 0 ? Ce.componentsStyles[y] : (v = c == null ? void 0 : c.children) == null ? void 0 : v[y];
     }, void 0);
-    if (d)
-      return r ? C.mergeDeep(d.styles, ((o = d.themes) == null ? void 0 : o[r]) ?? {}) : d.styles;
-  }, [l, t, r, i]);
+    if (!n) return;
+    const d = (a = n.variants) == null ? void 0 : a[l];
+    return d ? $.mergeDeep(n.styles, d) : n.styles;
+  }, [t, r, l]);
 }
-const Ne = new pe(), Fe = typeof window < "u" && typeof window.document < "u";
-var le;
-const ce = typeof process == "object" && ((le = process.env) == null ? void 0 : le.NODE_ENV) === "test", $e = Fe && !ce ? be : ie, fe = "_b", A = "_s";
-function Ee(e, t) {
-  $e(S.flush, [e]);
-  const r = xe(e);
-  return L(() => {
-    const l = [t ? A : fe], i = r ? C.mergeDeep(r, e) : e;
-    return S.addClassNames(i, l, []), l;
+const Ve = new Ne(), ze = typeof window < "u" && typeof window.document < "u";
+var se;
+const fe = typeof process == "object" && ((se = process.env) == null ? void 0 : se.NODE_ENV) === "test", je = ze && !fe ? ie : ne, me = "_b", O = "_s";
+function Te(e, t) {
+  je(S.flush, [e]);
+  const r = $e(e);
+  return Q(() => {
+    const l = [t ? O : me], s = r ? $.mergeDeep(r, e) : e;
+    return S.addClassNames(s, l, []), l;
   }, [e, t, r]);
 }
 var S;
 ((e) => {
   let t = !0, r = {};
-  function l(a, v, g, b, s) {
-    Object.entries(a).forEach(([c, m]) => {
-      if (C.isKeyOf(c, E))
-        d(c, m, v, g, b, s);
-      else if (C.isKeyOf(c, ue))
-        l(m, v, [...g, c], b, s);
-      else if (C.isKeyOf(c, U)) {
+  function l(o, v, g, b, i) {
+    Object.entries(o).forEach(([f, m]) => {
+      if ($.isKeyOf(f, j))
+        d(f, m, v, g, b, i);
+      else if ($.isKeyOf(f, ce))
+        l(m, v, [...g, f], b, i);
+      else if ($.isKeyOf(f, H)) {
         if (Array.isArray(m)) {
           const [w, x] = m;
-          l(x, v, [...g, c], b, s);
+          l(x, v, [...g, f], b, i);
         }
-        C.isObject(m) && l(m, v, [...g, c], b, s);
-      } else C.isKeyOf(c, H) ? l(m, v, g, c, s) : C.isKeyOf(c, q) && (typeof m == "string" ? v.push(`${q[c]}-${m}`) : Object.entries(m).forEach(([w, x]) => {
-        l(x, v, [...g, q[c]], b, w);
-      }));
+        $.isObject(m) && l(m, v, [...g, f], b, i);
+      } else $.isKeyOf(f, B) ? l(m, v, g, f, i) : $.isKeyOf(f, oe) && Object.entries(m).forEach(([w, x]) => {
+        l(x, v, [...g, oe[f]], b, w);
+      });
     });
   }
   e.addClassNames = l;
-  function i() {
+  function s() {
     if (!t) return;
     console.debug("\x1B[36m%s\x1B[0m", "[react-box]: flush");
-    const a = Object.entries(E).reduce((c, [m], w) => (c[m] = w, c), {}), v = `:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;}
+    const o = Object.entries(j).reduce((f, [m], w) => (f[m] = w, f), {}), v = `:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;}#crono-box {position: absolute;top: 0;left: 0;height: 0;}
 html{font-size: 16px;font-family: Arial, sans-serif;}
 body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
 a,ul{all: unset;}
-.${fe}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
-.${A}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${A} path,.${A} circle,.${A} rect,.${A} line {transition: all var(--svgTransitionTime);}
+.${me}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
+.${O}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${O} path,.${O} circle,.${O} rect,.${O} line {transition: all var(--svgTransitionTime);}
 `, g = Object.entries(r);
     g.sort(
-      ([c], [m]) => (H[c] ?? 0) - (H[m] ?? 0)
+      ([f], [m]) => (B[f] ?? 0) - (B[m] ?? 0)
     );
     const b = g.reduce(
-      (c, [m, w]) => (m !== "normal" && c.push(`@media(min-width: ${H[m]}px){`), Object.entries(w).forEach(([x, D]) => {
-        const { __parents: ee, ...me } = D, te = Object.entries(me);
-        te.sort(([F], [T]) => a[F] - a[T]), te.forEach(([F, T]) => {
-          T.forEach((V) => {
-            var k, I;
-            const h = E[F].find(($) => Array.isArray($.values) ? $.values.includes(V) : typeof V == typeof $.values);
+      (f, [m, w]) => (m !== "normal" && f.push(`@media(min-width: ${B[m]}px){`), Object.entries(w).forEach(([x, L]) => {
+        const { __parents: P, ...ve } = L, ee = Object.entries(ve);
+        ee.sort(([F], [A]) => o[F] - o[A]), ee.forEach(([F, A]) => {
+          A.forEach((V) => {
+            var T, I;
+            const h = j[F].find((C) => Array.isArray(C.values) ? C.values.includes(V) : typeof V == typeof C.values);
             if (!h) return;
-            const z = o(F, V, +x, m), K = W[+x].map(($) => Z[$]).join(""), p = ((k = h.selector) == null ? void 0 : k.call(h, `.${z}`, K)) ?? `.${z}${K}`, B = Array.isArray(h.styleName) ? h.styleName : [h.styleName ?? F], O = ((I = h.valueFormat) == null ? void 0 : I.call(h, V, N.getVariableValue)) ?? V;
-            c.push(`${p}{${B.map(($) => `${$}:${O}`).join(";")}}`);
+            const z = a(F, V, +x, m), U = D[+x].map((C) => Z[C]).join(""), p = ((T = h.selector) == null ? void 0 : T.call(h, `.${z}`, U)) ?? `.${z}${U}`, R = Array.isArray(h.styleName) ? h.styleName : [h.styleName ?? F], k = ((I = h.valueFormat) == null ? void 0 : I.call(h, V, N.getVariableValue)) ?? V;
+            f.push(`${p}{${R.map((C) => `${C}:${k}`).join(";")}}`);
           });
-        }), ee && Object.entries(ee).forEach(([F, T]) => {
-          const V = Object.entries(T);
-          V.sort(([j], [h]) => a[j] - a[h]), V.forEach(([j, h]) => {
+        }), P && Object.entries(P).forEach(([F, A]) => {
+          const V = Object.entries(A);
+          V.sort(([E], [h]) => o[E] - o[h]), V.forEach(([E, h]) => {
             h.forEach((z) => {
-              var re, oe;
-              const p = E[j].find((_) => Array.isArray(_.values) ? _.values.includes(z) : typeof z == typeof _.values);
+              var te, re;
+              const p = j[E].find((_) => Array.isArray(_.values) ? _.values.includes(z) : typeof z == typeof _.values);
               if (!p) return;
-              const B = o(j, z, +x, m, F), [O] = W[+x], k = ((re = p.selector) == null ? void 0 : re.call(p, `.${O}-${F}:${O} .${B}`, "")) ?? `.${O}-${F}:${O} .${B}`, I = Array.isArray(p.styleName) ? p.styleName : [p.styleName ?? j], $ = ((oe = p.valueFormat) == null ? void 0 : oe.call(p, z, N.getVariableValue)) ?? z;
-              c.push(`${k}{${I.map((_) => `${_}:${$}`).join(";")}}`);
+              const R = a(E, z, +x, m, F), [k] = D[+x], T = k === "theme" ? `.${F} .${R}` : `.${F}:${k} .${R}`, I = ((te = p.selector) == null ? void 0 : te.call(p, T, "")) ?? T, C = Array.isArray(p.styleName) ? p.styleName : [p.styleName ?? E], be = ((re = p.valueFormat) == null ? void 0 : re.call(p, z, N.getVariableValue)) ?? z;
+              f.push(`${I}{${C.map((_) => `${_}:${be}`).join(";")}}`);
             });
           });
         });
-      }), m !== "normal" && c.push("}"), c),
+      }), m !== "normal" && f.push("}"), f),
       [v]
     );
     b.unshift(`:root{${N.generateVariables()}}`);
-    const s = y();
-    s.innerHTML = b.join(""), t = !1;
+    const i = y();
+    i.innerHTML = b.join(""), t = !1;
   }
-  e.flush = i;
+  e.flush = s;
   function n() {
     r = {};
   }
   e.clear = n;
-  function d(a, v, g, b, s = "normal", c) {
+  function d(o, v, g, b, i = "normal", f) {
     if (v == null) return;
-    const m = b.reduce((x, D) => x + de[D], 0);
-    r[s] ? r[s][m] ? r[s][m][a] || (r[s][m][a] = /* @__PURE__ */ new Set()) : r[s][m] = { [a]: /* @__PURE__ */ new Set() } : r[s] = { [m]: { [a]: /* @__PURE__ */ new Set() } }, c ? (r[s][m].__parents ? r[s][m].__parents[c] ? r[s][m].__parents[c][a] || (r[s][m].__parents[c][a] = /* @__PURE__ */ new Set()) : r[s][m].__parents[c] = { [a]: /* @__PURE__ */ new Set() } : r[s][m].__parents = { [c]: { [a]: /* @__PURE__ */ new Set() } }, r[s][m].__parents[c][a].has(v) || (r[s][m].__parents[c][a].add(v), t = !0)) : r[s][m][a].has(v) || (r[s][m][a].add(v), t = !0);
-    const w = o(a, v, m, s, c);
+    const m = b.reduce((x, L) => x + de[L], 0);
+    r[i] ? r[i][m] ? r[i][m][o] || (r[i][m][o] = /* @__PURE__ */ new Set()) : r[i][m] = { [o]: /* @__PURE__ */ new Set() } : r[i] = { [m]: { [o]: /* @__PURE__ */ new Set() } }, f ? (r[i][m].__parents ? r[i][m].__parents[f] ? r[i][m].__parents[f][o] || (r[i][m].__parents[f][o] = /* @__PURE__ */ new Set()) : r[i][m].__parents[f] = { [o]: /* @__PURE__ */ new Set() } : r[i][m].__parents = { [f]: { [o]: /* @__PURE__ */ new Set() } }, r[i][m].__parents[f][o].has(v) || (r[i][m].__parents[f][o].add(v), t = !0)) : r[i][m][o].has(v) || (r[i][m][o].add(v), t = !0);
+    const w = a(o, v, m, i, f);
     g.push(w);
   }
-  function o(a, v, g, b, s) {
-    const c = W[g], m = `${b === "normal" ? "" : `${b}-`}${c.map((w) => `${w}-`).join("")}${s ? `${s}-` : ""}${a}-${v}`;
-    return ce ? m : Ne.getIdentity(m);
+  function a(o, v, g, b, i) {
+    const f = D[g], m = `${b === "normal" ? "" : `${b}-`}${f.map((w) => `${w}-`).join("")}${i ? `${i}-` : ""}${o}-${v}`;
+    return fe ? m : Ve.getIdentity(m);
   }
-  const f = "crono-styles";
+  const c = "crono-styles";
   function y() {
-    let a = document.getElementById(f);
-    return a || (a = document.createElement("style"), a.setAttribute("id", f), a.setAttribute("type", "text/css"), document.head.insertBefore(a, document.head.firstChild)), a;
+    let o = document.getElementById(c);
+    return o || (o = document.createElement("style"), o.setAttribute("id", c), o.setAttribute("type", "text/css"), document.head.insertBefore(o, document.head.firstChild)), o;
   }
 })(S || (S = {}));
-var ae;
+var le;
 ((e) => {
   e.flush = S.flush, e.clear = S.clear;
-})(ae || (ae = {}));
-var Y;
-((e) => {
-  function t(r, l, i) {
-    return N.setUserVariables(r), Object.entries(l).forEach(([n, d]) => {
-      E[n] = d;
-    }), Object.entries(i).forEach(([n, d]) => {
-      const o = E[n];
-      E[n] = o ? [...d, ...o] : d;
-    }), { extendedProps: l, extendedPropTypes: i };
-  }
-  e.extend = t;
-})(Y || (Y = {}));
-const je = Y;
-function G(e) {
-  const { children: t, theme: r } = e, [l, i] = ne(r), n = L(() => {
-    var a;
-    const d = (a = G.userThemes) == null ? void 0 : a[l];
-    if (!d) return R;
-    const { components: o, ...f } = d, y = o ?? {};
-    return Object.entries(f).forEach(([v, g]) => {
-      y[v] = g;
-    }), Object.keys(y).forEach((v) => {
-      y[v].clean && v in R && delete R[v];
-    }), C.mergeDeep(R, y);
-  }, [l]);
-  return /* @__PURE__ */ ge(P.Provider, { value: { themeStyles: n, theme: l, setTheme: i }, children: t });
+})(le || (le = {}));
+const M = ye.createContext({ theme: "", setTheme: () => {
+} });
+function X(e) {
+  const { children: t, theme: r, use: l = "local" } = e, [s, n] = ue(r);
+  return ie(() => {
+    if (l === "local") return;
+    const d = document.documentElement;
+    return d.classList.add(s), () => {
+      d.classList.remove(s);
+    };
+  }, [s]), l === "local" ? /* @__PURE__ */ G(M.Provider, { value: { theme: s, setTheme: n }, children: /* @__PURE__ */ G(pe, { className: s, children: t }) }) : /* @__PURE__ */ G(M.Provider, { value: { theme: s, setTheme: n }, children: t });
 }
 ((e) => {
-  e.userThemes = void 0;
-  function t(l) {
-    e.userThemes = l;
-  }
-  e.setup = t;
-  function r() {
-    const { theme: l, setTheme: i } = se(P);
-    return [l, i];
+  function t() {
+    const { theme: r, setTheme: l } = ge(M);
+    return [r, l];
   }
-  e.useTheme = r;
-})(G || (G = {}));
-const Oe = G, Ce = {
+  e.useTheme = t;
+})(X || (X = {}));
+const _e = X, Ee = {
   selected: "aria-selected"
 };
-var J;
+var Y;
 ((e) => {
-  function t(r, l, i) {
-    r !== void 0 && r != null && (i[Ce[l] ?? l] = Array.isArray(r) ? r[0] : r);
+  function t(r, l, s) {
+    r !== void 0 && r != null && (s[Ee[l] ?? l] = Array.isArray(r) ? r[0] : r);
   }
   e.assignBooleanProp = t;
-})(J || (J = {}));
-const Ae = J;
+})(Y || (Y = {}));
+const Re = Y;
 Array.prototype.removeBy || (Array.prototype.removeBy = function(e) {
   return this.filter(e);
 });
-function Se(e = null) {
-  const [t, r] = ne(!1), l = ye(null);
-  return ie(() => {
-    function i(d) {
-      const o = e ?? l.current;
-      (o == null ? void 0 : o.contains(d.target)) === !1 && r(!1);
+function ke(e = null) {
+  const [t, r] = ue(!1), l = he(null);
+  return ne(() => {
+    function s(d) {
+      const a = e ?? l.current;
+      (a == null ? void 0 : a.contains(d.target)) === !1 && r(!1);
     }
     function n(d) {
       d.key === "Escape" && r(!1);
     }
-    return t && (window.addEventListener("click", i), window.addEventListener("keydown", n)), () => {
-      window.removeEventListener("click", i), window.removeEventListener("keydown", n);
+    return t && (window.addEventListener("click", s), window.addEventListener("keydown", n)), () => {
+      window.removeEventListener("click", s), window.removeEventListener("keydown", n);
     };
   }, [e, t]), [t, r, l];
 }
-function Te() {
-  return L(() => {
+function Ie() {
+  return Q(() => {
     const e = "crono-box";
     let t = document.getElementById(e);
     return t || (t = document.createElement("div"), t.id = e, document.body.appendChild(t)), t;
   }, []);
 }
-var Q;
+var J;
 ((e) => {
   function t(l) {
-    const i = Array.from(l.elements).reduce(
+    const s = Array.from(l.elements).reduce(
       (n, d) => {
-        const o = d.name;
-        return o && (n[o] || (n[o] = []), n[o].push(d)), n;
+        const a = d.name;
+        return a && (n[a] || (n[a] = []), n[a].push(d)), n;
       },
       {}
     );
-    return Object.entries(i).reduce((n, [d, o]) => {
-      if (o.length === 1) {
-        const f = o[0];
-        r(n, d, f.type === "checkbox" || f.type === "radio" ? f.checked : f.value);
+    return Object.entries(s).reduce((n, [d, a]) => {
+      if (a.length === 1) {
+        const c = a[0];
+        r(n, d, c.type === "checkbox" || c.type === "radio" ? c.checked : c.value);
       } else {
-        const f = o.reduce((y, a) => (a.type === "checkbox" || a.type === "radio" ? a.checked && y.push(a.value) : y.push(a.value), y), []);
-        r(n, d, f);
+        const c = a.reduce((y, o) => (o.type === "checkbox" || o.type === "radio" ? o.checked && y.push(o.value) : y.push(o.value), y), []);
+        r(n, d, c);
       }
       return n;
     }, {});
   }
   e.getFormEntries = t;
-  function r(l, i, n) {
-    if (i.includes(".")) {
-      const d = i.split(".");
-      let o = l;
-      d.forEach((f, y) => {
+  function r(l, s, n) {
+    if (s.includes(".")) {
+      const d = s.split(".");
+      let a = l;
+      d.forEach((c, y) => {
         if (d.length > y + 1) {
-          const a = f.match(/^(.+)\[(\d)\]$/);
-          if (a) {
-            const [, v, g] = a;
-            o[v] = o[v] || [], o[v][g] = o[v][g] || {}, o = o[v][g];
+          const o = c.match(/^(.+)\[(\d)\]$/);
+          if (o) {
+            const [, v, g] = o;
+            a[v] = a[v] || [], a[v][g] = a[v][g] || {}, a = a[v][g];
           } else
-            o[f] = o[f] || {}, o = o[f];
+            a[c] = a[c] || {}, a = a[c];
         } else
-          o[f] = n;
+          a[c] = n;
       });
     } else
-      l[i] = n;
+      l[s] = n;
   }
-})(Q || (Q = {}));
-const _e = Q;
+})(J || (J = {}));
+const Be = J;
 export {
-  je as B,
-  _e as F,
-  C as O,
-  ae as S,
-  Oe as T,
+  Ce as B,
+  Be as F,
+  $ as O,
+  le as S,
+  _e as T,
   N as V,
-  Ae as a,
-  Se as b,
-  he as c,
-  Te as d,
-  Ee as u
+  Re as a,
+  ke as b,
+  we as c,
+  Ie as d,
+  Te as u
 };