@cronocode/react-box 3.0.21 → 3.1.2

package/core.mjs

@@ -1,13 +1,13 @@
-import xe, { useMemo as te, useLayoutEffect as de, useEffect as fe, useState as me, useContext as Fe, useRef as Ne } from "react";
-import { jsx as p, jsxs as Ce } from "react/jsx-runtime";
-import Ve from "./box.mjs";
-import R from "./components/baseSvg.mjs";
-function ve(...e) {
-  return e.reduce((t, r) => r ? typeof r == "string" ? (t.push(r), t) : Array.isArray(r) ? (t.push(...ve(...r)), t) : (Object.entries(r).forEach(([o, i]) => {
+import { jsx as h, jsxs as pe } from "react/jsx-runtime";
+import he, { useContext as we, useState as se, useLayoutEffect as ie, useMemo as J, useEffect as ne, useRef as xe } from "react";
+import Fe from "./box.mjs";
+import O from "./components/baseSvg.mjs";
+function ue(...e) {
+  return e.reduce((t, r) => r ? typeof r == "string" ? (t.push(r), t) : Array.isArray(r) ? (t.push(...ue(...r)), t) : (Object.entries(r).forEach(([o, i]) => {
     i && t.push(o);
   }), t) : t, []);
 }
-const W = 4;
+const U = 4;
 var a;
 ((e) => {
   ((t) => {
@@ -20,8 +20,8 @@ var a;
     }
     t.svg = o;
   })(e.ClassName || (e.ClassName = {})), ((t) => {
-    function r(v, c, d = W) {
-      return `${v / d}rem`;
+    function r(v, c, f = U) {
+      return `${v / f}rem`;
     }
     t.rem = r;
     function o(v) {
@@ -29,8 +29,8 @@ var a;
     }
     t.px = o;
     function i(v) {
-      const [c, d] = v.split("/");
-      return `${+c / +d * 100}%`;
+      const [c, f] = v.split("/");
+      return `${+c / +f * 100}%`;
     }
     t.fraction = i;
     function n(v, c) {
@@ -45,36 +45,36 @@ var a;
     }
     t.widthHeight = n;
     function u(v) {
-      return (c, d) => `var(--${v}${d});`;
+      return (c, f) => `var(--${v}${f});`;
     }
     t.variables = u;
-    function l(v) {
-      return (c, d) => `var(--${v}${d});`;
+    function s(v) {
+      return (c, f) => `var(--${v}${f});`;
     }
-    t.svgVariables = l;
-    function f(v, c) {
+    t.svgVariables = s;
+    function d(v, c) {
       return `repeat(${c},minmax(0,1fr))`;
     }
-    t.gridColumns = f;
+    t.gridColumns = d;
     function b(v, c) {
       return c === "full-row" ? "1/-1" : `span ${c}/span ${c}`;
     }
     t.gridColumn = b;
-    function s(v, c) {
+    function l(v, c) {
       return `${c}ms`;
     }
-    t.ms = s;
+    t.ms = l;
     function g(v, c) {
       return `${c}deg`;
     }
     t.rotate = g;
-    function h(v, c) {
+    function p(v, c) {
       return c === "xAxis" ? "-1 1" : "1 -1";
     }
-    t.flip = h;
+    t.flip = p;
   })(e.Value || (e.Value = {}));
 })(a || (a = {}));
-var K;
+var G;
 ((e) => {
   e.colors = {
     currentColor: "currentColor",
@@ -367,20 +367,20 @@ var K;
     "large-shadow": "rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px"
   }, r = {};
   let o = {};
-  function i(l) {
-    return l in o ? r[l] = o[l] : l in t ? r[l] = t[l] : l in e.colors ? r[l] = e.colors[l] : r[l] = l, `var(--${l})`;
+  function i(s) {
+    return s in o ? r[s] = o[s] : s in t ? r[s] = t[s] : s in e.colors ? r[s] = e.colors[s] : r[s] = s, `var(--${s})`;
   }
   e.getVariableValue = i;
   function n() {
-    return Object.entries(r).map(([l, f]) => `--${l}: ${f};`).join("");
+    return Object.entries(r).map(([s, d]) => `--${s}: ${d};`).join("");
   }
   e.generateVariables = n;
-  function u(l) {
-    o = l;
+  function u(s) {
+    o = s;
   }
   e.setUserVariables = u;
-})(K || (K = {}));
-const y = K, S = {
+})(G || (G = {}));
+const y = G, S = {
   /** The appearance CSS property is used to display UI elements with platform-specific styling, based on the operating system's theme. */
   appearance: [
     {
@@ -954,7 +954,7 @@ const y = K, S = {
     {
       styleName: "line-height",
       values: ["font-size"],
-      valueFormat: (e) => "1"
+      valueFormat: () => "1"
     }
   ],
   /** The list-style CSS shorthand property allows you to set all the list style properties at once. */
@@ -1293,6 +1293,13 @@ const y = K, S = {
       valueFormat: (e) => `${e}ms`
     }
   ],
+  /** The transition-timing-function CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect. */
+  transitionTimingFunction: [
+    {
+      styleName: "transition-timing-function",
+      values: ["linear", "ease", "ease-in", "ease-in-out", "ease-out"]
+    }
+  ],
   /** The user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxes. */
   userSelect: [
     {
@@ -1399,12 +1406,14 @@ const y = K, S = {
       values: 0
     }
   ],
+  /** The color CSS property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.  */
   color: [
     {
       values: Object.keys(y.colors),
       valueFormat: (e, t) => t(e)
     }
   ],
+  /** The background-color CSS property sets the background color of an element. */
   bgColor: [
     {
       values: Object.keys(y.colors),
@@ -1412,6 +1421,7 @@ const y = K, S = {
       styleName: "background-color"
     }
   ],
+  /** The border-color shorthand CSS property sets the color of an element's border. */
   borderColor: [
     {
       values: Object.keys(y.colors),
@@ -1419,6 +1429,7 @@ const y = K, S = {
       styleName: "border-color"
     }
   ],
+  /** The outline-color CSS property sets the color of an element's outline. */
   outlineColor: [
     {
       values: Object.keys(y.colors),
@@ -1426,18 +1437,21 @@ const y = K, S = {
       styleName: "outline-color"
     }
   ],
+  /** The fill CSS property defines how SVG text content and the interior canvas of SVG shapes are filled or painted. If present, it overrides the element's fill attribute. */
   fill: [
     {
       values: Object.keys(y.colors),
       valueFormat: (e, t) => t(e)
     }
   ],
+  /** The stroke CSS property defines the color or SVG paint server used to draw an element's stroke. */
   stroke: [
     {
       values: Object.keys(y.colors),
       valueFormat: (e, t) => t(e)
     }
   ],
+  /** The background-image CSS property sets one or more background images on an element. */
   bgImage: [
     {
       values: ["none", "bg-img-checked", "bg-img-indeterminate", "bg-img-radio"],
@@ -1445,28 +1459,38 @@ const y = K, S = {
       styleName: "background-image"
     }
   ],
+  /** The box-shadow CSS property adds shadow effects around an element's frame */
   shadow: [
     {
-      values: ["small-shadow", "medium-shadow", "large-shadow"],
-      valueFormat: (e, t) => t(e),
+      values: ["small", "medium", "large"],
+      valueFormat: (e, t) => t(`${e}-shadow`),
       styleName: "box-shadow"
     }
   ],
+  /** The translateY() CSS function repositions an element vertically on the 2D plane. */
   translateX: [
     {
       values: 0,
-      valueFormat: (e) => `translateX(${e / W}rem)`,
+      valueFormat: (e) => `translateX(${e / U}rem)`,
       styleName: "transform"
     }
   ],
+  /** The translateY() CSS function repositions an element vertically on the 2D plane. */
   translateY: [
     {
       values: 0,
-      valueFormat: (e) => `translateY(${e / W}rem)`,
+      valueFormat: (e) => `translateY(${e / U}rem)`,
       styleName: "transform"
     }
+  ],
+  /** The content CSS property replaces content with a generated value. It can be used to define what is rendered inside an element or pseudo-element. */
+  content: [
+    {
+      values: ["empty"],
+      valueFormat: () => "''"
+    }
   ]
-}, ye = {
+}, ce = {
   hover: ":hover",
   focus: ":focus-within",
   hasFocus: ":has(:focus)",
@@ -1478,33 +1502,35 @@ const y = K, S = {
   optional: ":optional",
   hasChecked: ":has(:checked)",
   hasRequired: ":has(:required)",
-  hasDisabled: ":has([disabled])"
-}, M = {
+  hasDisabled: ":has([disabled])",
+  before: "::before",
+  after: "::after"
+}, k = {
   indeterminate: ":indeterminate",
   checked: ":checked",
   required: ":required",
   disabled: "[disabled]",
   selected: '[aria-selected="true"]'
-}, ze = {
+}, Ne = {
   theme: ""
-}, re = { ...ye, ...M, ...ze }, ge = Object.entries(re).reduce(
+}, Q = { ...ce, ...k, ...Ne }, de = Object.entries(Q).reduce(
   (e, [t], r) => (e[t] = Math.pow(2, r), e),
   {}
-), G = Object.entries(re).reduce(
+), D = Object.entries(Q).reduce(
   (e, [t]) => {
-    const r = ge[t];
+    const r = de[t];
     return Object.entries(e).forEach(([o, i]) => {
       e[+o + r] = [...i, t];
     }), e;
   },
   { 0: [] }
-), ie = {
+), re = {
   hoverGroup: "hover",
   focusGroup: "focus",
   activeGroup: "active",
   disabledGroup: "disabled",
   theme: "theme"
-}, H = {
+}, _ = {
   /** Styles applied for small screens and larger. >= 640 */
   sm: 640,
   /** Styles applied for medium screens and larger. >= 768 */
@@ -1516,15 +1542,15 @@ const y = K, S = {
   /** Styles applied for 2x extra-large screens and larger. >= 1536 */
   xxl: 1536
 };
-var q;
+var W;
 ((e) => {
-  function t(n, u, l) {
-    const f = { ...n }, b = f.props || {};
-    return u.forEach((s) => {
-      s in f && (b[s] = f[s], delete f[s]);
-    }), l && Object.entries(l).forEach(([s, g]) => {
-      b[s] = g;
-    }), f.props = b, f;
+  function t(n, u, s) {
+    const d = { ...n }, b = d.props || {};
+    return u.forEach((l) => {
+      l in d && (b[l] = d[l], delete d[l]);
+    }), s && Object.entries(s).forEach(([l, g]) => {
+      b[l] = g;
+    }), d.props = b, d;
   }
   e.buildProps = t;
   function r(n) {
@@ -1532,9 +1558,9 @@ var q;
   }
   e.isObject = r;
   function o(...n) {
-    return n.reduce((u, l) => (Object.keys(l ?? {}).forEach((f) => {
-      const b = u[f], s = l[f];
-      r(s) && "clean" in s && s.clean ? u[f] = s : f in M && typeof s == "boolean" || (f in M && Array.isArray(s) ? u[f] = o(b, s[1] ?? {}) : Array.isArray(b) && Array.isArray(s) ? u[f] = b.concat(...s) : r(b) && r(s) ? u[f] = o(b, s) : u[f] = s);
+    return n.reduce((u, s) => (Object.keys(s ?? {}).forEach((d) => {
+      const b = u[d], l = s[d];
+      r(l) && "clean" in l && l.clean ? u[d] = l : d in k && typeof l == "boolean" || (d in k && Array.isArray(l) ? u[d] = o(b, l[1] ?? {}) : Array.isArray(b) && Array.isArray(l) ? u[d] = b.concat(...l) : r(b) && r(l) ? u[d] = o(b, l) : u[d] = l);
     }), u), {});
   }
   e.mergeDeep = o;
@@ -1542,27 +1568,8 @@ var q;
     return n in u;
   }
   e.isKeyOf = i;
-})(q || (q = {}));
-const C = q;
-class $e {
-  constructor() {
-    this._index = 0, this._cache = {};
-  }
-  getIdentity(t) {
-    return this._cache[t] || (this._cache[t] = this.getByIndex(this._index++)), this._cache[t];
-  }
-  getByIndex(t) {
-    const { first: r, next: o } = Ae, i = t - r.length;
-    if (i < 0)
-      return r[t];
-    const n = Math.floor(i / o.length), u = i - n * o.length;
-    return this.getByIndex(n) + o[u];
-  }
-}
-const Ae = {
-  first: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
-  next: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
-}, ne = {
+})(W || (W = {}));
+const C = W, ae = {
   h1: {
     styles: { fontSize: 14 * 2.5 }
   },
@@ -1606,6 +1613,24 @@ const Ae = {
         color: "gray-400",
         borderColor: "gray-300"
       }
+    },
+    variants: {
+      hover: {
+        position: "relative",
+        overflow: "hidden",
+        b: 0,
+        before: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: 0,
+          height: "fit",
+          bgColor: "violet-700",
+          content: "empty",
+          transitionDuration: 300
+        },
+        hover: { before: { width: "fit" } }
+      }
     }
   },
   textbox: {
@@ -1695,6 +1720,9 @@ const Ae = {
         color: "gray-400",
         borderColor: "gray-300"
       }
+    },
+    variants: {
+      datagrid: {}
     }
   },
   radioButton: {
@@ -1782,7 +1810,7 @@ const Ae = {
           maxHeight: 62,
           borderColor: "violet-300",
           color: "violet-950",
-          shadow: "medium-shadow"
+          shadow: "medium"
         }
       },
       item: {
@@ -1873,41 +1901,97 @@ const Ae = {
   datagrid: {
     styles: {
       b: 1,
+      bgColor: "white",
       borderColor: "gray-400",
       overflow: "hidden",
       borderRadius: 1
     },
     children: {
-      columnGroups: {
+      topBar: {
         styles: {
-          p: 3,
+          p: 2,
           bb: 1,
           borderColor: "gray-400",
           color: "gray-400",
           gap: 2,
-          ai: "center",
-          height: 12
+          ai: "center"
         },
         children: {
-          item: {
+          contextMenu: {
+            clean: !0,
+            styles: {
+              cursor: "pointer",
+              p: 1,
+              hover: { bgColor: "gray-200", borderRadius: 1 }
+            },
+            children: {
+              tooltip: {
+                styles: {
+                  bgColor: "white",
+                  width: 56,
+                  b: 1,
+                  borderColor: "gray-300",
+                  borderRadius: 1,
+                  display: "flex",
+                  d: "column",
+                  mt: 4,
+                  py: 2,
+                  translateX: -1,
+                  shadow: "medium",
+                  overflow: "auto",
+                  maxHeight: 100
+                },
+                children: {
+                  item: {
+                    clean: !0,
+                    styles: {
+                      display: "flex",
+                      gap: 2,
+                      p: 3,
+                      cursor: "pointer",
+                      hover: { bgColor: "gray-200" }
+                    }
+                  }
+                }
+              }
+            }
+          },
+          columnGroups: {
             styles: {
               gap: 2,
-              ai: "center",
-              b: 1,
-              borderColor: "gray-400",
-              bgColor: "gray-100",
-              borderRadius: 1,
-              py: 1,
-              pl: 2,
-              pr: 1,
-              color: "violet-950"
+              ai: "center"
             },
             children: {
               icon: {
                 styles: {
-                  width: 3,
-                  color: "gray-400",
-                  cursor: "pointer"
+                  color: "violet-950",
+                  width: 4
+                }
+              },
+              separator: {
+                styles: {}
+              },
+              item: {
+                styles: {
+                  gap: 2,
+                  ai: "center",
+                  b: 1,
+                  borderColor: "gray-400",
+                  bgColor: "gray-100",
+                  borderRadius: 1,
+                  py: 1,
+                  pl: 2,
+                  pr: 1,
+                  color: "violet-950"
+                },
+                children: {
+                  icon: {
+                    styles: {
+                      width: 3,
+                      color: "gray-400",
+                      cursor: "pointer"
+                    }
+                  }
                 }
               }
             }
@@ -1920,7 +2004,8 @@ const Ae = {
           top: 0,
           width: "max-content",
           minWidth: "fit",
-          zIndex: 1
+          zIndex: 1,
+          bgColor: "gray-200"
         },
         variants: {
           isResizeMode: { userSelect: "none" }
@@ -1928,7 +2013,6 @@ const Ae = {
         children: {
           cell: {
             styles: {
-              bgColor: "gray-200",
               borderColor: "gray-400",
               bb: 1,
               minHeight: 12,
@@ -1938,108 +2022,213 @@ const Ae = {
             variants: {
               isRowNumber: {},
               isRowSelection: {},
-              isPinned: { position: "sticky", zIndex: 2 },
+              isPinned: { position: "sticky", zIndex: 2, bgColor: "gray-200" },
               isFirstLeftPinned: {},
               isLastLeftPinned: { br: 1 },
               isFirstRightPinned: { bl: 1 },
               isLastRightPinned: {},
               isSortable: { cursor: "pointer" }
+            },
+            children: {
+              contextMenu: {
+                clean: !0,
+                styles: {
+                  width: 6,
+                  height: 6,
+                  cursor: "pointer",
+                  userSelect: "none",
+                  borderRadius: 1,
+                  borderColor: "gray-200",
+                  display: "flex",
+                  jc: "center",
+                  ai: "center",
+                  transition: "none",
+                  bgColor: "gray-200",
+                  hover: { bgColor: "gray-300" }
+                },
+                children: {
+                  icon: {
+                    styles: {}
+                  },
+                  tooltip: {
+                    styles: {
+                      bgColor: "white",
+                      width: 56,
+                      b: 1,
+                      borderColor: "gray-300",
+                      borderRadius: 1,
+                      display: "flex",
+                      d: "column",
+                      mt: 4,
+                      py: 2,
+                      overflow: "hidden",
+                      translateX: -5,
+                      shadow: "medium"
+                    },
+                    variants: {
+                      openLeft: { translateX: -55 }
+                    },
+                    children: {
+                      item: {
+                        clean: !0,
+                        styles: {
+                          display: "flex",
+                          gap: 2,
+                          p: 3,
+                          cursor: "pointer",
+                          hover: { bgColor: "gray-200" }
+                        },
+                        children: {
+                          icon: {
+                            styles: {
+                              width: 4,
+                              color: "violet-950"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              },
+              resizer: {
+                styles: {
+                  width: 0.5,
+                  height: "fit",
+                  bgColor: "gray-400",
+                  hoverGroup: { resizer: { bgColor: "gray-600" } }
+                }
+              }
             }
           }
         }
       },
       cell: {
         styles: {
-          bgColor: "gray-100",
           bb: 1,
           borderColor: "gray-400",
           transition: "none",
           ai: "center",
-          overflow: "hidden",
-          minHeight: 12,
           hoverGroup: { "grid-row": { bgColor: "gray-200" } }
         },
         variants: {
-          isRowNumber: {
-            bgColor: "gray-200"
-          },
+          isRowNumber: { bgColor: "gray-200", jc: "right" },
           isRowSelection: {},
-          isPinned: { position: "sticky" },
+          isPinned: { position: "sticky", bgColor: "gray-100", zIndex: 1 },
           isFirstLeftPinned: {},
           isLastLeftPinned: { br: 1 },
           isFirstRightPinned: { bl: 1 },
           isLastRightPinned: {}
         }
+      },
+      bottomBar: {
+        styles: {
+          p: 3,
+          bgColor: "gray-200",
+          bt: 1,
+          borderColor: "gray-400",
+          gap: 4
+        }
       }
     }
   }
 };
-var X;
+var K;
 ((e) => {
   function t(o, i, n) {
-    return y.setUserVariables(o), Object.entries(i).forEach(([u, l]) => {
-      S[u] = l;
-    }), Object.entries(n).forEach(([u, l]) => {
-      const f = S[u];
-      S[u] = f ? [...l, ...f] : l;
+    return y.setUserVariables(o), Object.entries(i).forEach(([u, s]) => {
+      S[u] = s;
+    }), Object.entries(n).forEach(([u, s]) => {
+      const d = S[u];
+      S[u] = d ? [...s, ...d] : s;
     }), { extendedProps: i, extendedPropTypes: n };
   }
-  e.extend = t, e.componentsStyles = ne;
+  e.extend = t, e.componentsStyles = ae;
   function r(o) {
-    return e.componentsStyles = C.mergeDeep(ne, o), o;
+    return e.componentsStyles = C.mergeDeep(ae, o), o;
   }
   e.components = r;
+})(K || (K = {}));
+const Ce = K, q = he.createContext({ theme: "", setTheme: () => {
+} });
+function X(e) {
+  const { children: t, theme: r, use: o = "local" } = e, [i, n] = se(r);
+  return ie(() => {
+    if (o === "local") return;
+    const u = document.documentElement;
+    return u.classList.add(i), () => {
+      u.classList.remove(i);
+    };
+  }, [i]), o === "local" ? /* @__PURE__ */ h(q.Provider, { value: { theme: i, setTheme: n }, children: /* @__PURE__ */ h(Fe, { className: i, children: t }) }) : /* @__PURE__ */ h(q.Provider, { value: { theme: i, setTheme: n }, children: t });
+}
+((e) => {
+  function t() {
+    const { theme: r, setTheme: o } = we(q);
+    return [r, o];
+  }
+  e.useTheme = t;
 })(X || (X = {}));
-const Se = X;
-function Ee(e) {
+const Le = X;
+class Ve {
+  constructor() {
+    this._index = 0, this._cache = {};
+  }
+  getIdentity(t) {
+    return this._cache[t] || (this._cache[t] = this.getByIndex(this._index++)), this._cache[t];
+  }
+  getByIndex(t) {
+    const { first: r, next: o } = ze, i = t - r.length;
+    if (i < 0)
+      return r[t];
+    const n = Math.floor(i / o.length), u = i - n * o.length;
+    return this.getByIndex(n) + o[u];
+  }
+}
+const ze = {
+  first: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
+  next: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
+};
+function $e(e) {
   const { clean: t, component: r, variant: o } = e;
-  return te(() => {
+  return J(() => {
     if (t) return;
-    const i = r == null ? void 0 : r.split(".");
+    const i = r?.split(".");
     if (!i) return;
-    const n = i.reduce((f, b, s) => {
-      var g;
-      return s === 0 ? Se.componentsStyles[b] : (g = f == null ? void 0 : f.children) == null ? void 0 : g[b];
-    }, void 0);
+    const n = i.reduce((d, b, l) => l === 0 ? Ce.componentsStyles[b] : d?.children?.[b], void 0);
     if (!n) return;
     if (!o) return n.styles;
-    const u = ve(o);
+    const u = ue(o);
     if (u.length === 0) return n.styles;
-    const l = C.mergeDeep(...u.map((f) => {
-      var b;
-      return (b = n.variants) == null ? void 0 : b[f];
-    }));
-    return C.mergeDeep(n.styles, l);
+    const s = C.mergeDeep(...u.map((d) => n.variants?.[d]));
+    return n.styles ? C.mergeDeep(n.styles, s) : s;
   }, [t, r, o]);
 }
-const Oe = new $e(), je = typeof window < "u" && typeof window.document < "u";
-var ce;
-const be = typeof process == "object" && ((ce = process.env) == null ? void 0 : ce.NODE_ENV) === "test", Re = je && !be ? de : fe, he = "_b", O = "_s";
-function ke(e, t) {
+const Ae = new Ve(), Se = typeof window < "u" && typeof window.document < "u", fe = typeof process == "object" && process.env?.NODE_ENV === "test", Re = Se && !fe ? ie : ne, me = "_b", E = "_s";
+function Ie(e, t) {
   Re(j.flush, [e]);
-  const r = Ee(e);
-  return te(() => {
-    const o = [t ? O : he], i = r ? C.mergeDeep(r, e) : e;
+  const r = $e(e);
+  return J(() => {
+    const o = [t ? E : me], i = r ? C.mergeDeep(r, e) : e;
     return j.addClassNames(i, o, []), o;
   }, [e, t, r]);
 }
 var j;
 ((e) => {
   let t = !0, r = {};
-  function o(s, g, h, v, c) {
-    Object.entries(s).forEach(([d, m]) => {
-      if (C.isKeyOf(d, S))
-        u(d, m, g, h, v, c);
-      else if (C.isKeyOf(d, ye))
-        o(m, g, [...h, d], v, c);
-      else if (C.isKeyOf(d, M)) {
+  function o(l, g, p, v, c) {
+    Object.entries(l).forEach(([f, m]) => {
+      if (C.isKeyOf(f, S))
+        u(f, m, g, p, v, c);
+      else if (C.isKeyOf(f, ce))
+        o(m, g, [...p, f], v, c);
+      else if (C.isKeyOf(f, k)) {
         if (Array.isArray(m)) {
-          const [F, N] = m;
-          o(N, g, [...h, d], v, c);
+          const [w, x] = m;
+          o(x, g, [...p, f], v, c);
         }
-        C.isObject(m) && o(m, g, [...h, d], v, c);
-      } else C.isKeyOf(d, H) ? o(m, g, h, d, c) : C.isKeyOf(d, ie) && Object.entries(m).forEach(([F, N]) => {
-        o(N, g, [...h, ie[d]], v, F);
+        C.isObject(m) && o(m, g, [...p, f], v, c);
+      } else C.isKeyOf(f, _) ? o(m, g, p, f, c) : C.isKeyOf(f, re) && Object.entries(m).forEach(([w, x]) => {
+        o(x, g, [...p, re[f]], v, w);
       });
     });
   }
@@ -2047,40 +2236,38 @@ var j;
   function i() {
     if (!t) return;
     console.debug("\x1B[36m%s\x1B[0m", "[react-box]: flush");
-    const s = Object.entries(S).reduce((d, [m], F) => (d[m] = F, d), {}), g = `: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;z-index:99999;}
+    const l = Object.entries(S).reduce((f, [m], w) => (f[m] = w, f), {}), g = `: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;z-index:99999;}
 html{font-size: 16px;font-family: Arial, sans-serif;}
 body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
 a,ul{all: unset;}
-.${he}{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);}
-`, h = Object.entries(r);
-    h.sort(
-      ([d], [m]) => (H[d] ?? 0) - (H[m] ?? 0)
+.${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;}
+.${E}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}.${E} path,.${E} circle,.${E} rect,.${E} line {transition: all var(--svgTransitionTime);}
+`, p = Object.entries(r);
+    p.sort(
+      ([f], [m]) => (_[f] ?? 0) - (_[m] ?? 0)
     );
-    const v = h.reduce(
-      (d, [m, F]) => (m !== "normal" && d.push(`@media(min-width: ${H[m]}px){`), Object.entries(F).forEach(([N, U]) => {
-        const { __parents: ae, ...pe } = U, oe = Object.entries(pe);
-        oe.sort(([V], [B]) => s[V] - s[B]), oe.forEach(([V, B]) => {
-          B.forEach(($) => {
-            var T, k;
-            const w = S[V].find((z) => Array.isArray(z.values) ? z.values.includes($) : typeof $ == typeof z.values);
-            if (!w) return;
-            const A = l(V, $, +N, m), D = G[+N].map((z) => re[z]).join(""), x = ((T = w.selector) == null ? void 0 : T.call(w, `.${A}`, D)) ?? `.${A}${D}`, L = Array.isArray(w.styleName) ? w.styleName : [w.styleName ?? V], _ = ((k = w.valueFormat) == null ? void 0 : k.call(w, $, y.getVariableValue)) ?? $;
-            d.push(`${x}{${L.map((z) => `${z}:${_}`).join(";")}}`);
+    const v = p.reduce(
+      (f, [m, w]) => (m !== "normal" && f.push(`@media(min-width: ${_[m]}px){`), Object.entries(w).forEach(([x, M]) => {
+        const { __parents: ee, ...ve } = M, te = Object.entries(ve);
+        te.sort(([V], [B]) => l[V] - l[B]), te.forEach(([V, B]) => {
+          B.forEach((z) => {
+            const F = S[V].find((N) => Array.isArray(N.values) ? N.values.includes(z) : typeof z == typeof N.values);
+            if (!F) return;
+            const $ = s(V, z, +x, m), H = D[+x].map((N) => Q[N]).join(""), A = F.selector?.(`.${$}`, H) ?? `.${$}${H}`, L = Array.isArray(F.styleName) ? F.styleName : [F.styleName ?? V], I = F.valueFormat?.(z, y.getVariableValue) ?? z;
+            f.push(`${A}{${L.map((N) => `${N}:${I}`).join(";")}}`);
           });
-        }), ae && Object.entries(ae).forEach(([V, B]) => {
-          const $ = Object.entries(B);
-          $.sort(([E], [w]) => s[E] - s[w]), $.forEach(([E, w]) => {
-            w.forEach((A) => {
-              var le, se;
-              const x = S[E].find((I) => Array.isArray(I.values) ? I.values.includes(A) : typeof A == typeof I.values);
-              if (!x) return;
-              const L = l(E, A, +N, m, V), [_] = G[+N], T = _ === "theme" ? `.${V} .${L}` : `.${V}:${_} .${L}`, k = ((le = x.selector) == null ? void 0 : le.call(x, T, "")) ?? T, z = Array.isArray(x.styleName) ? x.styleName : [x.styleName ?? E], we = ((se = x.valueFormat) == null ? void 0 : se.call(x, A, y.getVariableValue)) ?? A;
-              d.push(`${k}{${z.map((I) => `${I}:${we}`).join(";")}}`);
+        }), ee && Object.entries(ee).forEach(([V, B]) => {
+          const z = Object.entries(B);
+          z.sort(([R], [F]) => l[R] - l[F]), z.forEach(([R, F]) => {
+            F.forEach(($) => {
+              const A = S[R].find((T) => Array.isArray(T.values) ? T.values.includes($) : typeof $ == typeof T.values);
+              if (!A) return;
+              const L = s(R, $, +x, m, V), [I] = D[+x], N = I === "theme" ? `.${V} .${L}` : `.${V}:${I} .${L}`, ye = A.selector?.(N, "") ?? N, ge = Array.isArray(A.styleName) ? A.styleName : [A.styleName ?? R], be = A.valueFormat?.($, y.getVariableValue) ?? $;
+              f.push(`${ye}{${ge.map((T) => `${T}:${be}`).join(";")}}`);
             });
           });
         });
-      }), m !== "normal" && d.push("}"), d),
+      }), m !== "normal" && f.push("}"), f),
       [g]
     );
     v.unshift(`:root{${y.generateVariables()}}`);
@@ -2092,57 +2279,27 @@ a,ul{all: unset;}
     r = {};
   }
   e.clear = n;
-  function u(s, g, h, v, c = "normal", d) {
+  function u(l, g, p, v, c = "normal", f) {
     if (g == null) return;
-    const m = v.reduce((N, U) => N + ge[U], 0);
-    r[c] ? r[c][m] ? r[c][m][s] || (r[c][m][s] = /* @__PURE__ */ new Set()) : r[c][m] = { [s]: /* @__PURE__ */ new Set() } : r[c] = { [m]: { [s]: /* @__PURE__ */ new Set() } }, d ? (r[c][m].__parents ? r[c][m].__parents[d] ? r[c][m].__parents[d][s] || (r[c][m].__parents[d][s] = /* @__PURE__ */ new Set()) : r[c][m].__parents[d] = { [s]: /* @__PURE__ */ new Set() } : r[c][m].__parents = { [d]: { [s]: /* @__PURE__ */ new Set() } }, r[c][m].__parents[d][s].has(g) || (r[c][m].__parents[d][s].add(g), t = !0)) : r[c][m][s].has(g) || (r[c][m][s].add(g), t = !0);
-    const F = l(s, g, m, c, d);
-    h.push(F);
+    const m = v.reduce((x, M) => x + de[M], 0);
+    r[c] ? r[c][m] ? r[c][m][l] || (r[c][m][l] = /* @__PURE__ */ new Set()) : r[c][m] = { [l]: /* @__PURE__ */ new Set() } : r[c] = { [m]: { [l]: /* @__PURE__ */ new Set() } }, f ? (r[c][m].__parents ? r[c][m].__parents[f] ? r[c][m].__parents[f][l] || (r[c][m].__parents[f][l] = /* @__PURE__ */ new Set()) : r[c][m].__parents[f] = { [l]: /* @__PURE__ */ new Set() } : r[c][m].__parents = { [f]: { [l]: /* @__PURE__ */ new Set() } }, r[c][m].__parents[f][l].has(g) || (r[c][m].__parents[f][l].add(g), t = !0)) : r[c][m][l].has(g) || (r[c][m][l].add(g), t = !0);
+    const w = s(l, g, m, c, f);
+    p.push(w);
   }
-  function l(s, g, h, v, c) {
-    const d = G[h], m = `${v === "normal" ? "" : `${v}-`}${d.map((F) => `${F}-`).join("")}${c ? `${c}-` : ""}${s}-${g}`;
-    return be ? m : Oe.getIdentity(m);
+  function s(l, g, p, v, c) {
+    const f = D[p], m = `${v === "normal" ? "" : `${v}-`}${f.map((w) => `${w}-`).join("")}${c ? `${c}-` : ""}${l}-${g}`;
+    return fe ? m : Ae.getIdentity(m);
   }
-  const f = "crono-styles";
+  const d = "crono-styles";
   function b() {
-    let s = document.getElementById(f);
-    return s || (s = document.createElement("style"), s.setAttribute("id", f), s.setAttribute("type", "text/css"), document.head.insertBefore(s, document.head.firstChild)), s;
+    let l = document.getElementById(d);
+    return l || (l = document.createElement("style"), l.setAttribute("id", d), l.setAttribute("type", "text/css"), document.head.insertBefore(l, document.head.firstChild)), l;
   }
 })(j || (j = {}));
-var ue;
+var oe;
 ((e) => {
   e.flush = j.flush, e.clear = j.clear;
-})(ue || (ue = {}));
-const Y = xe.createContext({ theme: "", setTheme: () => {
-} });
-function Z(e) {
-  const { children: t, theme: r, use: o = "local" } = e, [i, n] = me(r);
-  return de(() => {
-    if (o === "local") return;
-    const u = document.documentElement;
-    return u.classList.add(i), () => {
-      u.classList.remove(i);
-    };
-  }, [i]), o === "local" ? /* @__PURE__ */ p(Y.Provider, { value: { theme: i, setTheme: n }, children: /* @__PURE__ */ p(Ve, { className: i, children: t }) }) : /* @__PURE__ */ p(Y.Provider, { value: { theme: i, setTheme: n }, children: t });
-}
-((e) => {
-  function t() {
-    const { theme: r, setTheme: o } = Fe(Y);
-    return [r, o];
-  }
-  e.useTheme = t;
-})(Z || (Z = {}));
-const He = Z, Be = {
-  selected: "aria-selected"
-};
-var P;
-((e) => {
-  function t(r, o, i) {
-    r !== void 0 && r != null && (i[Be[o] ?? o] = Array.isArray(r) ? r[0] : r);
-  }
-  e.assignBooleanProp = t;
-})(P || (P = {}));
-const Me = P;
+})(oe || (oe = {}));
 Array.prototype.removeBy || (Array.prototype.removeBy = function(e) {
   return this.filter((t) => !e(t));
 });
@@ -2183,46 +2340,43 @@ Array.prototype.toRecord || (Array.prototype.toRecord = function(e) {
 });
 Array.prototype.groupBy || (Array.prototype.groupBy = function(e, t = !1) {
   const r = this.reduce((o, i, n) => {
-    var l;
     const u = e(i, n);
-    return t && typeof u != "number" && !u || (o.has(u) === !1 && o.set(u, []), (l = o.get(u)) == null || l.push(i)), o;
+    return t && typeof u != "number" && !u || (o.has(u) === !1 && o.set(u, []), o.get(u)?.push(i)), o;
   }, /* @__PURE__ */ new Map());
   return Array.from(r, ([o, i]) => ({ key: o, values: i }));
 });
-function Ue(e) {
-  const { node: t = null, event: r = "click", hideOnScroll: o = !1, hideOnResize: i = !1, hideOnEscape: n = !0 } = e ?? {}, [u, l] = me(!1), f = Ne(null);
-  return fe(() => {
+function _e(e) {
+  const { node: t = null, event: r = "click", hideOnScroll: o = !1, hideOnResize: i = !1, hideOnEscape: n = !0 } = e ?? {}, [u, s] = se(!1), d = xe(null);
+  return ne(() => {
     function b(c) {
-      const d = t ?? f.current;
-      (d == null ? void 0 : d.contains(c.target)) === !1 && l(!1);
+      (t ?? d.current)?.contains(c.target) === !1 && s(!1);
     }
-    function s() {
-      l(!1);
+    function l() {
+      s(!1);
     }
     function g(c) {
-      const d = t ?? f.current;
-      (d == null ? void 0 : d.contains(c.target)) === !1 && l(!1);
+      (t ?? d.current)?.contains(c.target) === !1 && s(!1);
     }
-    function h(c) {
-      c.key === "Escape" && l(!1);
+    function p(c) {
+      c.key === "Escape" && s(!1);
     }
     const v = new AbortController();
-    return u && (window.addEventListener(r, b, v), n && window.addEventListener("keydown", h, v), i && window.addEventListener("resize", s, v), o && window.addEventListener("scroll", g, { signal: v.signal, capture: !0 })), () => {
+    return u && (window.addEventListener(r, b, v), n && window.addEventListener("keydown", p, v), i && window.addEventListener("resize", l, v), o && window.addEventListener("scroll", g, { signal: v.signal, capture: !0 })), () => {
       v.abort();
     };
-  }, [t, u]), [u, l, f];
-}
-function De(e) {
-  let t;
-  return Object.defineProperty({
-    clear() {
-      t = void 0;
-    }
-  }, "value", {
-    get: () => (t || (t = e()), t)
-  });
+  }, [t, u]), [u, s, d];
 }
-var J;
+const Ee = {
+  selected: "aria-selected"
+};
+var le;
+((e) => {
+  function t(r, o, i) {
+    r !== void 0 && r != null && (i[Ee[o] ?? o] = Array.isArray(r) ? r[0] : r);
+  }
+  e.assignBooleanProp = t;
+})(le || (le = {}));
+var Z;
 ((e) => {
   function t(r, o = 300) {
     let i = !1, n;
@@ -2237,13 +2391,33 @@ var J;
     };
   }
   e.throttle = t;
-})(J || (J = {}));
-const Ge = J;
-function We(e) {
-  return /* @__PURE__ */ p(R, { ...e, children: /* @__PURE__ */ p("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" }) });
+})(Z || (Z = {}));
+const ke = Z;
+function Me(e) {
+  let t;
+  return Object.defineProperty({
+    clear() {
+      t = void 0;
+    }
+  }, "value", {
+    get: () => (t === void 0 && (t = e()), t)
+  });
 }
-function Ke(e) {
-  return /* @__PURE__ */ p(R, { viewBox: "0 0 16 16", width: "18", ...e, children: /* @__PURE__ */ p(
+function He(e) {
+  return /* @__PURE__ */ h(O, { viewBox: "4 2 16 18", width: "1rem", fill: "currentColor", ...e, children: /* @__PURE__ */ h(
+    "path",
+    {
+      fillRule: "evenodd",
+      d: "M12.707 14.707a1 1 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L12 12.586l4.293-4.293a1 1 0 1 1 1.414 1.414l-5 5Z",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function De(e) {
+  return /* @__PURE__ */ h(O, { ...e, children: /* @__PURE__ */ h("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" }) });
+}
+function Ue(e) {
+  return /* @__PURE__ */ h(O, { viewBox: "0 0 16 16", width: "18", ...e, children: /* @__PURE__ */ h(
     "path",
     {
       strokeWidth: 4,
@@ -2251,48 +2425,53 @@ function Ke(e) {
     }
   ) });
 }
-function qe(e) {
-  return /* @__PURE__ */ Ce(R, { viewBox: "0 0 490.6 490.6", ...e, children: [
-    /* @__PURE__ */ p("path", { d: "M151.549 145.274c0 23.39 9.145 50.385 24.462 72.214 17.389 24.78 39.376 38.427 61.911 38.427 22.534 0 44.521-13.647 61.91-38.428 15.317-21.828 24.462-48.824 24.462-72.213 0-47.626-38.746-86.372-86.372-86.372s-86.373 38.746-86.373 86.372zm86.373-71.372c39.354 0 71.372 32.018 71.372 71.372 0 20.118-8.33 44.487-21.74 63.598-14.29 20.364-32.38 32.043-49.632 32.043-17.252 0-35.342-11.679-49.632-32.043-13.41-19.11-21.741-43.479-21.741-63.598 0-39.355 32.018-71.372 71.373-71.372z" }),
-    /* @__PURE__ */ p("path", { d: "M302.372 239.167a7.502 7.502 0 0 0-8.52 1.461c-16.775 16.728-36.117 25.569-55.935 25.569-19.821 0-39.158-8.841-55.923-25.567a7.5 7.5 0 0 0-8.521-1.463c-25.254 12.022-46.628 30.829-61.811 54.388-15.596 24.2-23.84 52.277-23.84 81.195v.121c0 2.116.894 4.134 2.461 5.556 40.492 36.722 92.922 56.945 147.633 56.945s107.141-20.224 147.632-56.945a7.499 7.499 0 0 0 2.462-5.556v-.121c0-28.918-8.242-56.995-23.834-81.194-15.179-23.561-36.551-42.368-61.804-54.389zm-64.454 183.205c-49.861 0-97.685-18.023-135.057-50.827.583-24.896 7.956-48.986 21.411-69.865 12.741-19.77 30.322-35.823 51.058-46.676 18.746 17.157 40.285 26.193 62.588 26.193 22.3 0 43.842-9.035 62.598-26.193 20.734 10.853 38.313 26.906 51.053 46.676 13.452 20.877 20.823 44.968 21.406 69.865-37.373 32.804-85.197 50.827-135.057 50.827z" }),
-    /* @__PURE__ */ p("path", { d: "M455.077 243.89c-13.23-20.532-31.856-36.923-53.864-47.399a7.501 7.501 0 0 0-8.52 1.461c-14.312 14.271-30.79 21.815-47.654 21.815-9.142 0-18.184-2.205-26.873-6.553a7.5 7.5 0 0 0-6.712 13.414c10.793 5.401 22.093 8.139 33.586 8.139 19.335 0 38.004-7.737 54.288-22.437a116.088 116.088 0 0 1 43.141 39.685c11.445 17.763 17.756 38.243 18.338 59.416-18.524 16.158-40.553 28.449-63.91 35.634a7.5 7.5 0 0 0 4.41 14.338c26.509-8.154 51.435-22.362 72.082-41.088a7.499 7.499 0 0 0 2.462-5.556v-.105c-.001-25.204-7.185-49.674-20.774-70.764zM130.493 210.473c7.93 0 15.841-1.934 23.516-5.748a7.5 7.5 0 0 0-6.675-13.433c-5.582 2.774-11.248 4.18-16.841 4.18-14.541 0-29.836-9.914-41.964-27.2-11.449-16.318-18.562-37.112-18.562-54.266 0-33.375 27.152-60.527 60.526-60.527 15.752 0 30.67 6.022 42.006 16.958a7.499 7.499 0 0 0 10.604-.19 7.499 7.499 0 0 0-.19-10.604c-14.146-13.647-32.763-21.163-52.42-21.163-41.646 0-75.526 33.881-75.526 75.527 0 20.38 7.957 43.887 21.283 62.881 15.195 21.657 34.459 33.585 54.243 33.585z" }),
-    /* @__PURE__ */ p("path", { d: "M61.034 340.143a175.333 175.333 0 0 1-45.989-29.004c.582-21.112 6.875-41.53 18.291-59.243a115.795 115.795 0 0 1 43.01-39.566c16.239 14.662 34.856 22.376 54.139 22.376 11.587 0 22.969-2.785 33.829-8.277a7.501 7.501 0 0 0-6.77-13.386c-8.742 4.421-17.846 6.663-27.059 6.663-16.811 0-33.238-7.522-47.504-21.754a7.501 7.501 0 0 0-8.521-1.462c-21.954 10.451-40.534 26.8-53.733 47.28C7.167 264.811 0 289.221 0 314.362v.103c0 2.116.894 4.134 2.461 5.556 15.629 14.174 33.338 25.579 52.634 33.897a7.481 7.481 0 0 0 2.966.615 7.503 7.503 0 0 0 2.973-14.39zM69.854 351.003c-2.671 6.443 4.532 12.832 10.617 9.387 3.238-1.834 4.683-5.937 3.227-9.385-2.407-6.145-11.378-5.952-13.844-.002z" }),
-    /* @__PURE__ */ p("path", { d: "M83.698 351.005c.19.45-.18-.46 0 0zM303.345 70.438c11.336-10.936 26.254-16.958 42.006-16.958 33.374 0 60.526 27.152 60.526 60.527 0 17.154-7.112 37.947-18.563 54.266-12.128 17.286-27.424 27.2-41.964 27.2-5.593 0-11.259-1.406-16.841-4.18a7.5 7.5 0 0 0-6.676 13.433c7.675 3.814 15.587 5.748 23.517 5.748 19.783 0 39.048-11.927 54.243-33.585 13.327-18.994 21.283-42.501 21.283-62.881 0-41.646-33.881-75.527-75.526-75.527-19.657 0-38.273 7.516-52.42 21.163a7.5 7.5 0 0 0 10.415 10.794z" })
+function Ge(e) {
+  return /* @__PURE__ */ pe(O, { viewBox: "0 0 490.6 490.6", ...e, children: [
+    /* @__PURE__ */ h("path", { d: "M151.549 145.274c0 23.39 9.145 50.385 24.462 72.214 17.389 24.78 39.376 38.427 61.911 38.427 22.534 0 44.521-13.647 61.91-38.428 15.317-21.828 24.462-48.824 24.462-72.213 0-47.626-38.746-86.372-86.372-86.372s-86.373 38.746-86.373 86.372zm86.373-71.372c39.354 0 71.372 32.018 71.372 71.372 0 20.118-8.33 44.487-21.74 63.598-14.29 20.364-32.38 32.043-49.632 32.043-17.252 0-35.342-11.679-49.632-32.043-13.41-19.11-21.741-43.479-21.741-63.598 0-39.355 32.018-71.372 71.373-71.372z" }),
+    /* @__PURE__ */ h("path", { d: "M302.372 239.167a7.502 7.502 0 0 0-8.52 1.461c-16.775 16.728-36.117 25.569-55.935 25.569-19.821 0-39.158-8.841-55.923-25.567a7.5 7.5 0 0 0-8.521-1.463c-25.254 12.022-46.628 30.829-61.811 54.388-15.596 24.2-23.84 52.277-23.84 81.195v.121c0 2.116.894 4.134 2.461 5.556 40.492 36.722 92.922 56.945 147.633 56.945s107.141-20.224 147.632-56.945a7.499 7.499 0 0 0 2.462-5.556v-.121c0-28.918-8.242-56.995-23.834-81.194-15.179-23.561-36.551-42.368-61.804-54.389zm-64.454 183.205c-49.861 0-97.685-18.023-135.057-50.827.583-24.896 7.956-48.986 21.411-69.865 12.741-19.77 30.322-35.823 51.058-46.676 18.746 17.157 40.285 26.193 62.588 26.193 22.3 0 43.842-9.035 62.598-26.193 20.734 10.853 38.313 26.906 51.053 46.676 13.452 20.877 20.823 44.968 21.406 69.865-37.373 32.804-85.197 50.827-135.057 50.827z" }),
+    /* @__PURE__ */ h("path", { d: "M455.077 243.89c-13.23-20.532-31.856-36.923-53.864-47.399a7.501 7.501 0 0 0-8.52 1.461c-14.312 14.271-30.79 21.815-47.654 21.815-9.142 0-18.184-2.205-26.873-6.553a7.5 7.5 0 0 0-6.712 13.414c10.793 5.401 22.093 8.139 33.586 8.139 19.335 0 38.004-7.737 54.288-22.437a116.088 116.088 0 0 1 43.141 39.685c11.445 17.763 17.756 38.243 18.338 59.416-18.524 16.158-40.553 28.449-63.91 35.634a7.5 7.5 0 0 0 4.41 14.338c26.509-8.154 51.435-22.362 72.082-41.088a7.499 7.499 0 0 0 2.462-5.556v-.105c-.001-25.204-7.185-49.674-20.774-70.764zM130.493 210.473c7.93 0 15.841-1.934 23.516-5.748a7.5 7.5 0 0 0-6.675-13.433c-5.582 2.774-11.248 4.18-16.841 4.18-14.541 0-29.836-9.914-41.964-27.2-11.449-16.318-18.562-37.112-18.562-54.266 0-33.375 27.152-60.527 60.526-60.527 15.752 0 30.67 6.022 42.006 16.958a7.499 7.499 0 0 0 10.604-.19 7.499 7.499 0 0 0-.19-10.604c-14.146-13.647-32.763-21.163-52.42-21.163-41.646 0-75.526 33.881-75.526 75.527 0 20.38 7.957 43.887 21.283 62.881 15.195 21.657 34.459 33.585 54.243 33.585z" }),
+    /* @__PURE__ */ h("path", { d: "M61.034 340.143a175.333 175.333 0 0 1-45.989-29.004c.582-21.112 6.875-41.53 18.291-59.243a115.795 115.795 0 0 1 43.01-39.566c16.239 14.662 34.856 22.376 54.139 22.376 11.587 0 22.969-2.785 33.829-8.277a7.501 7.501 0 0 0-6.77-13.386c-8.742 4.421-17.846 6.663-27.059 6.663-16.811 0-33.238-7.522-47.504-21.754a7.501 7.501 0 0 0-8.521-1.462c-21.954 10.451-40.534 26.8-53.733 47.28C7.167 264.811 0 289.221 0 314.362v.103c0 2.116.894 4.134 2.461 5.556 15.629 14.174 33.338 25.579 52.634 33.897a7.481 7.481 0 0 0 2.966.615 7.503 7.503 0 0 0 2.973-14.39zM69.854 351.003c-2.671 6.443 4.532 12.832 10.617 9.387 3.238-1.834 4.683-5.937 3.227-9.385-2.407-6.145-11.378-5.952-13.844-.002z" }),
+    /* @__PURE__ */ h("path", { d: "M83.698 351.005c.19.45-.18-.46 0 0zM303.345 70.438c11.336-10.936 26.254-16.958 42.006-16.958 33.374 0 60.526 27.152 60.526 60.527 0 17.154-7.112 37.947-18.563 54.266-12.128 17.286-27.424 27.2-41.964 27.2-5.593 0-11.259-1.406-16.841-4.18a7.5 7.5 0 0 0-6.676 13.433c7.675 3.814 15.587 5.748 23.517 5.748 19.783 0 39.048-11.927 54.243-33.585 13.327-18.994 21.283-42.501 21.283-62.881 0-41.646-33.881-75.527-75.526-75.527-19.657 0-38.273 7.516-52.42 21.163a7.5 7.5 0 0 0 10.415 10.794z" })
   ] });
 }
-function Xe(e) {
-  return /* @__PURE__ */ p(R, { viewBox: "0 0 1024 1024", ...e, children: /* @__PURE__ */ p("path", { d: "M31.997 1023.957a31.699 31.699 0 0 1-22.611-9.386C3.328 1008.556 0 1000.493 0 991.96s3.328-16.596 9.386-22.611L328.25 650.484l-152.52-152.52a95.907 95.907 0 0 1-25.087-92.152 95.31 95.31 0 0 1 44.327-58.62l.896-.512a353.464 353.464 0 0 1 176.156-47.398c20.137 0 40.36 1.749 60.283 5.205L597.71 44.54A95.224 95.224 0 0 1 678.685.085c25.64 0 49.745 9.983 67.877 28.073l249.195 249.195a95.224 95.224 0 0 1 25.897 88.74 95.139 95.139 0 0 1-42.152 60.154L719.513 591.695a352.227 352.227 0 0 1-42.663 237.292A95.395 95.395 0 0 1 594 876.514a95.523 95.523 0 0 1-67.963-28.2L373.43 695.706 54.61 1014.614a31.912 31.912 0 0 1-22.612 9.343zm340.025-660.68c-50.64 0-100.685 13.566-144.798 39.207a31.57 31.57 0 0 0-14.676 19.497 31.699 31.699 0 0 0 8.362 30.675L571.344 803.09c6.059 6.059 14.122 9.386 22.697 9.386a31.699 31.699 0 0 0 27.56-15.785 287.421 287.421 0 0 0 31.06-212.676 31.997 31.997 0 0 1 13.907-34.471l278.59-177.266a31.57 31.57 0 0 0 14.037-20.051 31.699 31.699 0 0 0-8.618-29.566l-249.28-249.28a31.912 31.912 0 0 0-49.618 5.418l-177.308 278.59a31.827 31.827 0 0 1-34.472 13.908 293.778 293.778 0 0 0-67.877-8.02z" }) });
+function We(e) {
+  return /* @__PURE__ */ h(O, { viewBox: "0 0 1024 1024", ...e, children: /* @__PURE__ */ h("path", { d: "M31.997 1023.957a31.699 31.699 0 0 1-22.611-9.386C3.328 1008.556 0 1000.493 0 991.96s3.328-16.596 9.386-22.611L328.25 650.484l-152.52-152.52a95.907 95.907 0 0 1-25.087-92.152 95.31 95.31 0 0 1 44.327-58.62l.896-.512a353.464 353.464 0 0 1 176.156-47.398c20.137 0 40.36 1.749 60.283 5.205L597.71 44.54A95.224 95.224 0 0 1 678.685.085c25.64 0 49.745 9.983 67.877 28.073l249.195 249.195a95.224 95.224 0 0 1 25.897 88.74 95.139 95.139 0 0 1-42.152 60.154L719.513 591.695a352.227 352.227 0 0 1-42.663 237.292A95.395 95.395 0 0 1 594 876.514a95.523 95.523 0 0 1-67.963-28.2L373.43 695.706 54.61 1014.614a31.912 31.912 0 0 1-22.612 9.343zm340.025-660.68c-50.64 0-100.685 13.566-144.798 39.207a31.57 31.57 0 0 0-14.676 19.497 31.699 31.699 0 0 0 8.362 30.675L571.344 803.09c6.059 6.059 14.122 9.386 22.697 9.386a31.699 31.699 0 0 0 27.56-15.785 287.421 287.421 0 0 0 31.06-212.676 31.997 31.997 0 0 1 13.907-34.471l278.59-177.266a31.57 31.57 0 0 0 14.037-20.051 31.699 31.699 0 0 0-8.618-29.566l-249.28-249.28a31.912 31.912 0 0 0-49.618 5.418l-177.308 278.59a31.827 31.827 0 0 1-34.472 13.908 293.778 293.778 0 0 0-67.877-8.02z" }) });
 }
-function Ye() {
-  return te(() => {
+var Y;
+((e) => {
+  function t(r) {
+    return r.charAt(0).toUpperCase() + r.slice(1);
+  }
+  e.capitalize = t;
+})(Y || (Y = {}));
+const Ke = Y;
+function qe() {
+  return J(() => {
     const e = "crono-box";
     let t = document.getElementById(e);
     return t || (t = document.createElement("div"), t.id = e, document.body.appendChild(t)), t;
   }, []);
 }
-function Ze(e) {
-  return /* @__PURE__ */ p(R, { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ p("path", { d: "M4.238 2.988a1.25 1.25 0 0 0-.87 2.147L10.231 12l-6.87 6.87a1.251 1.251 0 1 0 1.769 1.769L12 13.768l6.865 6.865a1.25 1.25 0 1 0 1.768-1.768L13.768 12l6.857-6.857a1.25 1.25 0 1 0-1.768-1.768L12 10.232 5.135 3.367a1.25 1.25 0 0 0-.897-.379z" }) });
-}
-function Pe(e) {
-  return /* @__PURE__ */ p(R, { viewBox: "0 0 488.4 488.4", ...e, children: /* @__PURE__ */ p("path", { d: "M0 203.25c0 112.1 91.2 203.2 203.2 203.2 51.6 0 98.8-19.4 134.7-51.2l129.5 129.5c2.4 2.4 5.5 3.6 8.7 3.6s6.3-1.2 8.7-3.6c4.8-4.8 4.8-12.5 0-17.3l-129.6-129.5c31.8-35.9 51.2-83 51.2-134.7C406.4 91.15 315.2.05 203.2.05S0 91.15 0 203.25zm381.9 0c0 98.5-80.2 178.7-178.7 178.7s-178.7-80.2-178.7-178.7 80.2-178.7 178.7-178.7 178.7 80.1 178.7 178.7z" }) });
+function Xe(e) {
+  return /* @__PURE__ */ h(O, { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ h("path", { d: "M4.238 2.988a1.25 1.25 0 0 0-.87 2.147L10.231 12l-6.87 6.87a1.251 1.251 0 1 0 1.769 1.769L12 13.768l6.865 6.865a1.25 1.25 0 1 0 1.768-1.768L13.768 12l6.857-6.857a1.25 1.25 0 1 0-1.768-1.768L12 10.232 5.135 3.367a1.25 1.25 0 0 0-.897-.379z" }) });
 }
-var Q;
+var P;
 ((e) => {
   function t(o) {
     const i = Array.from(o.elements).reduce(
       (n, u) => {
-        const l = u.name;
-        return l && (n[l] || (n[l] = []), n[l].push(u)), n;
+        const s = u.name;
+        return s && (n[s] || (n[s] = []), n[s].push(u)), n;
       },
       {}
     );
-    return Object.entries(i).reduce((n, [u, l]) => {
-      if (l.length === 1) {
-        const f = l[0];
-        r(n, u, f.type === "checkbox" || f.type === "radio" ? f.checked : f.value);
+    return Object.entries(i).reduce((n, [u, s]) => {
+      if (s.length === 1) {
+        const d = s[0];
+        r(n, u, d.type === "checkbox" || d.type === "radio" ? d.checked : d.value);
       } else {
-        const f = l.reduce((b, s) => (s.type === "checkbox" || s.type === "radio" ? s.checked && b.push(s.value) : b.push(s.value), b), []);
-        r(n, u, f);
+        const d = s.reduce((b, l) => (l.type === "checkbox" || l.type === "radio" ? l.checked && b.push(l.value) : b.push(l.value), b), []);
+        r(n, u, d);
       }
       return n;
     }, {});
@@ -2301,51 +2480,42 @@ var Q;
   function r(o, i, n) {
     if (i.includes(".")) {
       const u = i.split(".");
-      let l = o;
-      u.forEach((f, b) => {
+      let s = o;
+      u.forEach((d, b) => {
         if (u.length > b + 1) {
-          const s = f.match(/^(.+)\[(\d)\]$/);
-          if (s) {
-            const [, g, h] = s;
-            l[g] = l[g] || [], l[g][h] = l[g][h] || {}, l = l[g][h];
+          const l = d.match(/^(.+)\[(\d)\]$/);
+          if (l) {
+            const [, g, p] = l;
+            s[g] = s[g] || [], s[g][p] = s[g][p] || {}, s = s[g][p];
           } else
-            l[f] = l[f] || {}, l = l[f];
+            s[d] = s[d] || {}, s = s[d];
         } else
-          l[f] = n;
+          s[d] = n;
       });
     } else
       o[i] = n;
   }
-})(Q || (Q = {}));
-const Je = Q;
-var ee;
-((e) => {
-  function t(r) {
-    return r.charAt(0).toUpperCase() + r.slice(1);
-  }
-  e.capitalize = t;
-})(ee || (ee = {}));
-const Qe = ee;
+})(P || (P = {}));
+const Ze = P;
 export {
-  We as A,
-  Se as B,
-  Ze as C,
-  Ke as D,
-  Ge as F,
-  qe as G,
+  le as B,
+  Xe as C,
+  Ue as D,
+  He as E,
+  ke as F,
+  Ge as G,
   C as O,
-  Xe as P,
-  Pe as S,
-  He as T,
+  We as P,
+  De as S,
+  Le as T,
   y as V,
-  Me as a,
-  Ue as b,
-  ve as c,
-  W as d,
-  Je as e,
-  Qe as f,
-  Ye as g,
-  ue as h,
-  De as m,
-  ke as u
+  Ce as a,
+  _e as b,
+  ue as c,
+  Ze as d,
+  Ke as e,
+  qe as f,
+  oe as g,
+  Me as m,
+  Ie as u
 };