@cronocode/react-box 3.1.13 → 3.2.1

package/core.mjs

@@ -1,18 +1,18 @@
-import Ce, { useContext as we, useState as ge, useLayoutEffect as U, useMemo as ne, useEffect as fe, useRef as xe } from "react";
-import { jsx as S } from "react/jsx-runtime";
-import _ from "./components/baseSvg.mjs";
-import Ne from "./box.mjs";
-function me(...e) {
-  return e.reduce((r, a) => a ? typeof a == "string" ? (r.push(a), r) : Array.isArray(a) ? (r.push(...me(...a)), r) : (Object.entries(a).forEach(([o, t]) => {
+import we, { useContext as xe, useState as Z, useRef as fe, useCallback as Ne, useLayoutEffect as B, useMemo as se, useEffect as me } from "react";
+import { jsx as z } from "react/jsx-runtime";
+import H from "./components/baseSvg.mjs";
+import Fe from "./box.mjs";
+function ye(...e) {
+  return e.reduce((r, a) => a ? typeof a == "string" ? (r.push(a), r) : Array.isArray(a) ? (r.push(...ye(...a)), r) : (Object.entries(a).forEach(([o, t]) => {
     t && r.push(o);
   }), r) : r, []);
 }
-const Z = 4;
-var l;
+const Q = 4;
+var n;
 ((e) => {
   ((r) => {
-    function a(t, n) {
-      return `${t}${n.replace("/", "-")}`;
+    function a(t, l) {
+      return `${t}${l.replace("/", "-")}`;
     }
     r.fraction = a;
     function o(t) {
@@ -20,61 +20,61 @@ var l;
     }
     r.svg = o;
   })(e.ClassName || (e.ClassName = {})), ((r) => {
-    function a(x) {
-      return `${x / Z}rem`;
+    function a(C) {
+      return `${C / Q}rem`;
     }
     r.rem = a;
-    function o(x) {
-      return `${x}px`;
+    function o(C) {
+      return `${C}px`;
     }
     r.px = o;
-    function t(x) {
-      const [C, R] = x.split("/");
-      return `${+C / +R * 100}%`;
+    function t(C) {
+      const [w, R] = C.split("/");
+      return `${+w / +R * 100}%`;
     }
     r.fraction = t;
-    function n(x, C) {
-      switch (C) {
+    function l(C, w) {
+      switch (w) {
         case "fit":
           return "100%";
         case "fit-screen":
-          return x.toLocaleLowerCase().includes("height") ? "100vh" : "100vw";
+          return C.toLocaleLowerCase().includes("height") ? "100vh" : "100vw";
         default:
-          return C;
+          return w;
       }
     }
-    r.widthHeight = n;
-    function s(x) {
-      return (C, R) => `var(--${x}${R});`;
+    r.widthHeight = l;
+    function u(C) {
+      return (w, R) => `var(--${C}${R});`;
     }
-    r.variables = s;
-    function c(x) {
-      return (C, R) => `var(--${x}${R});`;
+    r.variables = u;
+    function c(C) {
+      return (w, R) => `var(--${C}${R});`;
     }
     r.svgVariables = c;
-    function u(x, C) {
-      return `repeat(${C},minmax(0,1fr))`;
+    function i(C, w) {
+      return `repeat(${w},minmax(0,1fr))`;
     }
-    r.gridColumns = u;
-    function m(x, C) {
-      return C === "full-row" ? "1/-1" : `span ${C}/span ${C}`;
+    r.gridColumns = i;
+    function m(C, w) {
+      return w === "full-row" ? "1/-1" : `span ${w}/span ${w}`;
     }
     r.gridColumn = m;
-    function f(x, C) {
-      return `${C}ms`;
+    function y(C, w) {
+      return `${w}ms`;
     }
-    r.ms = f;
-    function y(x, C) {
-      return `${C}deg`;
+    r.ms = y;
+    function d(C, w) {
+      return `${w}deg`;
     }
-    r.rotate = y;
-    function z(x, C) {
-      return C === "xAxis" ? "-1 1" : "1 -1";
+    r.rotate = d;
+    function V(C, w) {
+      return w === "xAxis" ? "-1 1" : "1 -1";
     }
-    r.flip = z;
+    r.flip = V;
   })(e.Value || (e.Value = {}));
-})(l || (l = {}));
-var Q;
+})(n || (n = {}));
+var J;
 ((e) => {
   e.colors = {
     currentColor: "currentColor",
@@ -402,30 +402,30 @@ var Q;
     inherit: "inherit",
     none: "none"
   }, ...e.colors, ...e.bgImages, ...e.shadows }, o = {}, t = {};
-  let n = {};
-  function s(y) {
-    return y in o || (y in n ? (t[y] = n[y], o[y] = n[y]) : y in a ? (t[y] = a[y], o[y] = a[y]) : (t[y] = y, o[y] = y)), `var(--${y})`;
+  let l = {};
+  function u(d) {
+    return d in o || (d in l ? (t[d] = l[d], o[d] = l[d]) : d in a ? (t[d] = a[d], o[d] = a[d]) : (t[d] = d, o[d] = d)), `var(--${d})`;
   }
-  e.getVariableValue = s;
+  e.getVariableValue = u;
   function c() {
-    return Object.entries(o).map(([y, z]) => `--${y}: ${z};`).join("");
+    return Object.entries(o).map(([d, V]) => `--${d}: ${V};`).join("");
   }
   e.generateVariables = c;
-  function u() {
-    const y = { ...t };
-    return Object.keys(t).forEach((z) => delete t[z]), y;
+  function i() {
+    const d = { ...t };
+    return Object.keys(t).forEach((V) => delete t[V]), d;
   }
-  e.getPendingVariables = u;
+  e.getPendingVariables = i;
   function m() {
     return Object.keys(t).length > 0;
   }
   e.hasPendingVariables = m;
-  function f(y) {
-    n = y;
+  function y(d) {
+    l = d;
   }
-  e.setUserVariables = f;
-})(Q || (Q = {}));
-const i = Q, B = {
+  e.setUserVariables = y;
+})(J || (J = {}));
+const s = J, T = {
   /** The appearance CSS property is used to display UI elements with platform-specific styling, based on the operating system's theme. */
   appearance: [
     {
@@ -437,7 +437,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-width",
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The border-width shorthand CSS property sets the width of an element's left and right border. */
@@ -445,7 +445,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-inline-width",
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The border-width shorthand CSS property sets the width of an element's top and bottom border. */
@@ -453,7 +453,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-block-width",
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The border-top-width CSS property sets the width of the top border of an element. */
@@ -461,7 +461,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-top-width",
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The border-right-width CSS property sets the width of the right border of an element. */
@@ -469,7 +469,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-right-width",
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The border-bottom-width CSS property sets the width of the bottom border of an element. */
@@ -477,7 +477,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-bottom-width",
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The border-left-width CSS property sets the width of the left border of an element. */
@@ -485,7 +485,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-left-width",
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The border-style shorthand CSS property sets the line style for all four sides of an element's border. */
@@ -500,7 +500,7 @@ const i = Q, B = {
     {
       styleName: "border-radius",
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-top-radius CSS property rounds the top corners of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -508,7 +508,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: ["border-top-left-radius", "border-top-right-radius"],
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-right-radius CSS property rounds the right corners of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -516,7 +516,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: ["border-top-right-radius", "border-bottom-right-radius"],
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-bottom-radius CSS property rounds the bottom corners of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -524,7 +524,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: ["border-bottom-left-radius", "border-bottom-right-radius"],
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-left-radius CSS property rounds the left corners of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -532,7 +532,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: ["border-top-left-radius", "border-bottom-left-radius"],
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -540,7 +540,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-top-left-radius",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-top-right-radius CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -548,7 +548,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-top-right-radius",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-bottom-right-radius CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -556,7 +556,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-bottom-right-radius",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The border-bottom-left-radius CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner. */
@@ -564,7 +564,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "border-bottom-left-radius",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     }
   ],
   /** The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements. */
@@ -577,82 +577,82 @@ const i = Q, B = {
   top: [
     {
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.negativePercentages,
-      valueFormat: l.Value.fraction
+      values: s.negativePercentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The right CSS property participates in specifying the horizontal position of a positioned element. This inset property has no effect on non-positioned elements. */
   right: [
     {
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.negativePercentages,
-      valueFormat: l.Value.fraction
+      values: s.negativePercentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The bottom CSS property participates in setting the vertical position of a positioned element. This inset property has no effect on non-positioned elements. */
   bottom: [
     {
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.negativePercentages,
-      valueFormat: l.Value.fraction
+      values: s.negativePercentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The left CSS property participates in specifying the horizontal position of a positioned element. This inset property has no effect on non-positioned elements. */
   left: [
     {
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.negativePercentages,
-      valueFormat: l.Value.fraction
+      values: s.negativePercentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the same multi-value syntax of the margin shorthand. */
   inset: [
     {
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The `box-sizing` CSS property sets how the total width and height of an element is calculated. */
@@ -856,10 +856,10 @@ const i = Q, B = {
   gap: [
     {
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The row-gap CSS property sets the size of the gap (gutter) between an element's rows. */
@@ -867,11 +867,11 @@ const i = Q, B = {
     {
       styleName: "row-gap",
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       styleName: "row-gap",
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The column-gap CSS property sets the size of the gap (gutter) between an element's columns. */
@@ -879,11 +879,11 @@ const i = Q, B = {
     {
       styleName: "column-gap",
       values: 0,
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       styleName: "column-gap",
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order. Items not given an explicit order value are assigned the default value of 0. */
@@ -895,7 +895,7 @@ const i = Q, B = {
   ],
   /** The height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines the height of the border area. */
   height: [
-    { values: 0, valueFormat: l.Value.rem },
+    { values: 0, valueFormat: n.Value.rem },
     {
       values: ["fit"],
       valueFormat: () => "100%"
@@ -905,19 +905,19 @@ const i = Q, B = {
       valueFormat: () => "100vh"
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
       values: ["auto", "fit-content", "max-content", "min-content"]
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height. */
   minHeight: [
-    { styleName: "min-height", values: 0, valueFormat: l.Value.rem },
+    { styleName: "min-height", values: 0, valueFormat: n.Value.rem },
     {
       styleName: "min-height",
       values: ["fit"],
@@ -930,8 +930,8 @@ const i = Q, B = {
     },
     {
       styleName: "min-height",
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
       styleName: "min-height",
@@ -939,12 +939,12 @@ const i = Q, B = {
     },
     {
       styleName: "min-height",
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height. */
   maxHeight: [
-    { styleName: "max-height", values: 0, valueFormat: l.Value.rem },
+    { styleName: "max-height", values: 0, valueFormat: n.Value.rem },
     {
       styleName: "max-height",
       values: ["fit"],
@@ -957,8 +957,8 @@ const i = Q, B = {
     },
     {
       styleName: "max-height",
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
       styleName: "max-height",
@@ -966,12 +966,12 @@ const i = Q, B = {
     },
     {
       styleName: "max-height",
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The width CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area. */
   width: [
-    { values: 0, valueFormat: l.Value.rem },
+    { values: 0, valueFormat: n.Value.rem },
     {
       values: ["fit"],
       valueFormat: () => "100%"
@@ -981,19 +981,19 @@ const i = Q, B = {
       valueFormat: () => "100vw"
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
       values: ["auto", "fit-content", "max-content", "min-content"]
     },
     {
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width. */
   minWidth: [
-    { styleName: "min-width", values: 0, valueFormat: l.Value.rem },
+    { styleName: "min-width", values: 0, valueFormat: n.Value.rem },
     {
       styleName: "min-width",
       values: ["fit"],
@@ -1006,8 +1006,8 @@ const i = Q, B = {
     },
     {
       styleName: "min-width",
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
       styleName: "min-width",
@@ -1015,12 +1015,12 @@ const i = Q, B = {
     },
     {
       styleName: "min-width",
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width. */
   maxWidth: [
-    { styleName: "max-width", values: 0, valueFormat: l.Value.rem },
+    { styleName: "max-width", values: 0, valueFormat: n.Value.rem },
     {
       styleName: "max-width",
       values: ["fit"],
@@ -1033,8 +1033,8 @@ const i = Q, B = {
     },
     {
       styleName: "max-width",
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
       styleName: "max-width",
@@ -1042,7 +1042,7 @@ const i = Q, B = {
     },
     {
       styleName: "max-width",
-      values: i.percentString
+      values: s.percentString
     }
   ],
   /** The letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing causes characters to spread farther apart, while negative values of letter-spacing bring characters closer together. */
@@ -1050,7 +1050,7 @@ const i = Q, B = {
     {
       styleName: "letter-spacing",
       values: 0,
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The line-height CSS property sets the height of a line box in horizontal writing modes. In vertical writing modes, it sets the width of a line box. It's commonly used to set the distance between lines of text. On block-level elements in horizontal writing modes, it specifies the preferred height of line boxes within the element, and on non-replaced inline elements, it specifies the height that is used to calculate line box height. */
@@ -1058,7 +1058,7 @@ const i = Q, B = {
     {
       styleName: "line-height",
       values: 0,
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     },
     {
       styleName: "line-height",
@@ -1078,7 +1078,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "margin",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       values: ["auto"],
@@ -1086,11 +1086,11 @@ const i = Q, B = {
     },
     {
       styleName: "margin",
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "margin"
     }
   ],
@@ -1099,7 +1099,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "margin-inline",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       values: ["auto"],
@@ -1107,11 +1107,11 @@ const i = Q, B = {
     },
     {
       styleName: "margin-inline",
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "margin-inline"
     }
   ],
@@ -1120,7 +1120,7 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "margin-block",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       values: ["auto"],
@@ -1128,11 +1128,11 @@ const i = Q, B = {
     },
     {
       styleName: "margin-block",
-      values: i.percentages,
-      valueFormat: l.Value.fraction
+      values: s.percentages,
+      valueFormat: n.Value.fraction
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "margin-block"
     }
   ],
@@ -1141,19 +1141,19 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "margin-top",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       values: ["auto"],
       styleName: "margin-top"
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "margin-top"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "margin-top"
     }
   ],
@@ -1162,19 +1162,19 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "margin-right",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       values: ["auto"],
       styleName: "margin-right"
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "margin-right"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "margin-right"
     }
   ],
@@ -1183,19 +1183,19 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "margin-bottom",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       values: ["auto"],
       styleName: "margin-bottom"
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "margin-bottom"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "margin-bottom"
     }
   ],
@@ -1204,19 +1204,19 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "margin-left",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
       values: ["auto"],
       styleName: "margin-left"
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "margin-left"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "margin-left"
     }
   ],
@@ -1225,15 +1225,15 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "padding",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "padding"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "padding"
     }
   ],
@@ -1242,15 +1242,15 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "padding-inline",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "padding-inline"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "padding-inline"
     }
   ],
@@ -1259,15 +1259,15 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "padding-block",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "padding-block"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "padding-block"
     }
   ],
@@ -1276,15 +1276,15 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "padding-top",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "padding-top"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "padding-top"
     }
   ],
@@ -1293,15 +1293,15 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "padding-right",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "padding-right"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "padding-right"
     }
   ],
@@ -1310,15 +1310,15 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "padding-bottom",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "padding-bottom"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "padding-bottom"
     }
   ],
@@ -1327,15 +1327,15 @@ const i = Q, B = {
     {
       values: 0,
       styleName: "padding-left",
-      valueFormat: l.Value.rem
+      valueFormat: n.Value.rem
     },
     {
-      values: i.percentages,
-      valueFormat: l.Value.fraction,
+      values: s.percentages,
+      valueFormat: n.Value.fraction,
       styleName: "padding-left"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       styleName: "padding-left"
     }
   ],
@@ -1357,7 +1357,7 @@ const i = Q, B = {
     {
       styleName: "outline-width",
       values: 0,
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The outline-style CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border. */
@@ -1372,7 +1372,7 @@ const i = Q, B = {
     {
       styleName: "outline-offset",
       values: 0,
-      valueFormat: l.Value.px
+      valueFormat: n.Value.px
     }
   ],
   /** The overflow CSS shorthand property sets the desired behavior when content does not fit in the element's padding box (overflows) in the horizontal and/or vertical direction. */
@@ -1588,14 +1588,14 @@ const i = Q, B = {
   /** The color CSS property sets the foreground color value of an element's text and text decorations, and sets the currentcolor value.  */
   color: [
     {
-      values: i.colorValues,
+      values: s.colorValues,
       valueFormat: (e, r) => r(e)
     }
   ],
   /** The background-color CSS property sets the background color of an element. */
   bgColor: [
     {
-      values: i.colorValues,
+      values: s.colorValues,
       valueFormat: (e, r) => r(e),
       styleName: "background-color"
     }
@@ -1603,7 +1603,7 @@ const i = Q, B = {
   /** The border-color shorthand CSS property sets the color of an element's border. */
   borderColor: [
     {
-      values: i.colorValues,
+      values: s.colorValues,
       valueFormat: (e, r) => r(e),
       styleName: "border-color"
     }
@@ -1611,7 +1611,7 @@ const i = Q, B = {
   /** The outline-color CSS property sets the color of an element's outline. */
   outlineColor: [
     {
-      values: i.colorValues,
+      values: s.colorValues,
       valueFormat: (e, r) => r(e),
       styleName: "outline-color"
     }
@@ -1619,21 +1619,21 @@ const i = Q, B = {
   /** 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: i.colorValues,
+      values: s.colorValues,
       valueFormat: (e, r) => r(e)
     }
   ],
   /** The stroke CSS property defines the color or SVG paint server used to draw an element's stroke. */
   stroke: [
     {
-      values: i.colorValues,
+      values: s.colorValues,
       valueFormat: (e, r) => r(e)
     }
   ],
   /** The background-image CSS property sets one or more background images on an element. */
   bgImage: [
     {
-      values: i.bgImageValues,
+      values: s.bgImageValues,
       valueFormat: (e, r) => r(e),
       styleName: "background-image"
     }
@@ -1641,7 +1641,7 @@ const i = Q, B = {
   /** The box-shadow CSS property adds shadow effects around an element's frame */
   shadow: [
     {
-      values: i.shadowValues,
+      values: s.shadowValues,
       valueFormat: (e, r) => r(e),
       styleName: "box-shadow"
     }
@@ -1650,21 +1650,21 @@ const i = Q, B = {
   translateX: [
     {
       values: 0,
-      valueFormat: (e) => `translateX(${e / Z}rem)`,
+      valueFormat: (e) => `translateX(${e / Q}rem)`,
       styleName: "transform"
     },
     {
-      values: i.percentages,
-      valueFormat: (e) => `translateX(${l.Value.fraction(e)})`,
+      values: s.percentages,
+      valueFormat: (e) => `translateX(${n.Value.fraction(e)})`,
       styleName: "transform"
     },
     {
-      values: i.negativePercentages,
-      valueFormat: (e) => `translateX(${l.Value.fraction(e)})`,
+      values: s.negativePercentages,
+      valueFormat: (e) => `translateX(${n.Value.fraction(e)})`,
       styleName: "transform"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       valueFormat: (e) => `translateX(${e})`,
       styleName: "transform"
     }
@@ -1673,21 +1673,21 @@ const i = Q, B = {
   translateY: [
     {
       values: 0,
-      valueFormat: (e) => `translateY(${e / Z}rem)`,
+      valueFormat: (e) => `translateY(${e / Q}rem)`,
       styleName: "transform"
     },
     {
-      values: i.percentages,
-      valueFormat: (e) => `translateY(${l.Value.fraction(e)})`,
+      values: s.percentages,
+      valueFormat: (e) => `translateY(${n.Value.fraction(e)})`,
       styleName: "transform"
     },
     {
-      values: i.negativePercentages,
-      valueFormat: (e) => `translateY(${l.Value.fraction(e)})`,
+      values: s.negativePercentages,
+      valueFormat: (e) => `translateY(${n.Value.fraction(e)})`,
       styleName: "transform"
     },
     {
-      values: i.percentString,
+      values: s.percentString,
       valueFormat: (e) => `translateY(${e})`,
       styleName: "transform"
     }
@@ -1705,7 +1705,7 @@ const i = Q, B = {
       styleName: "backdrop-filter"
     }
   ]
-}, ye = {
+}, be = {
   hover: ":hover",
   focus: ":focus-within",
   hasFocus: ":has(:focus)",
@@ -1727,14 +1727,14 @@ const i = Q, B = {
   required: ":required",
   disabled: "[disabled]",
   selected: '[aria-selected="true"]'
-}, Fe = {
+}, Ve = {
   theme: ""
-}, K = { ...ye, ...W, ...Fe }, be = Object.entries(K).reduce(
+}, K = { ...be, ...W, ...Ve }, he = Object.entries(K).reduce(
   (e, [r], a) => (e[r] = Math.pow(2, a), e),
   {}
 ), Y = Object.entries(K).reduce(
   (e, [r]) => {
-    const a = be[r];
+    const a = he[r];
     return Object.entries(e).forEach(([o, t]) => {
       e[+o + a] = [...t, r];
     }), e;
@@ -1746,7 +1746,7 @@ const i = Q, B = {
   activeGroup: "active",
   disabledGroup: "disabled",
   selectedGroup: "selected"
-}, se = {
+}, ue = {
   theme: "theme"
 }, P = {
   /** Styles applied for small screens and larger. >= 640 */
@@ -1760,34 +1760,34 @@ const i = Q, B = {
   /** Styles applied for 2x extra-large screens and larger. >= 1536 */
   xxl: 1536
 };
-var J;
+var ee;
 ((e) => {
-  function r(n, s, c) {
-    const u = { ...n }, m = u.props || {};
-    return s.forEach((f) => {
-      f in u && (m[f] = u[f], delete u[f]);
-    }), c && Object.entries(c).forEach(([f, y]) => {
-      m[f] = y;
-    }), u.props = m, u;
+  function r(l, u, c) {
+    const i = { ...l }, m = i.props || {};
+    return u.forEach((y) => {
+      y in i && (m[y] = i[y], delete i[y]);
+    }), c && Object.entries(c).forEach(([y, d]) => {
+      m[y] = d;
+    }), i.props = m, i;
   }
   e.buildProps = r;
-  function a(n) {
-    return !!n && typeof n == "object";
+  function a(l) {
+    return !!l && typeof l == "object";
   }
   e.isObject = a;
-  function o(...n) {
-    return n.reduce((s, c) => (Object.keys(c ?? {}).forEach((u) => {
-      const m = s[u], f = c[u];
-      a(f) && "clean" in f && f.clean ? s[u] = f : u in W && typeof f == "boolean" || (u in W && Array.isArray(f) ? s[u] = o(m, f[1] ?? {}) : Array.isArray(m) && Array.isArray(f) ? s[u] = m.concat(...f) : a(m) && a(f) ? s[u] = o(m, f) : s[u] = f);
-    }), s), {});
+  function o(...l) {
+    return l.reduce((u, c) => (Object.keys(c ?? {}).forEach((i) => {
+      const m = u[i], y = c[i];
+      a(y) && "clean" in y && y.clean ? u[i] = y : i in W && typeof y == "boolean" || (i in W && Array.isArray(y) ? u[i] = o(m, y[1] ?? {}) : Array.isArray(m) && Array.isArray(y) ? u[i] = m.concat(...y) : a(m) && a(y) ? u[i] = o(m, y) : u[i] = y);
+    }), u), {});
   }
   e.mergeDeep = o;
-  function t(n, s) {
-    return n in s;
+  function t(l, u) {
+    return l in u;
   }
   e.isKeyOf = t;
-})(J || (J = {}));
-const k = J, ue = {
+})(ee || (ee = {}));
+const k = ee, ce = {
   h1: {
     styles: { fontSize: 14 * 2.5 }
   },
@@ -2910,62 +2910,94 @@ const k = J, ue = {
     }
   }
 };
-function Ve(e) {
+function Se(e) {
   const r = { ...e };
   for (const [a, o] of Object.entries(r)) {
     if (!o.extends) continue;
     const t = r[o.extends];
     if (!t) continue;
-    const { extends: n, ...s } = o;
-    r[a] = k.mergeDeep({}, t, s);
+    const { extends: l, ...u } = o;
+    r[a] = k.mergeDeep({}, t, u);
   }
   return r;
 }
-var ee;
+var re;
 ((e) => {
-  function r(o, t, n) {
-    return i.setUserVariables(o), Object.entries(t).forEach(([s, c]) => {
-      B[s] = c;
-    }), Object.entries(n).forEach(([s, c]) => {
-      const u = B[s];
-      B[s] = u ? [...c, ...u] : c;
-    }), { extendedProps: t, extendedPropTypes: n };
+  function r(o, t, l) {
+    return s.setUserVariables(o), Object.entries(t).forEach(([u, c]) => {
+      T[u] = c;
+    }), Object.entries(l).forEach(([u, c]) => {
+      const i = T[u];
+      T[u] = i ? [...c, ...i] : c;
+    }), { extendedProps: t, extendedPropTypes: l };
   }
-  e.extend = r, e.componentsStyles = ue;
+  e.extend = r, e.componentsStyles = ce;
   function a(o) {
-    return e.componentsStyles = Ve(k.mergeDeep(ue, o)), o;
+    return e.componentsStyles = Se(k.mergeDeep(ce, o)), o;
   }
   e.components = a;
-})(ee || (ee = {}));
-const $e = ee, re = Ce.createContext({ theme: "", setTheme: () => {
+})(re || (re = {}));
+const $e = re, te = we.createContext({ theme: "", setTheme: () => {
 } });
-function te(e) {
-  const { children: r, theme: a, use: o = "local" } = e, [t, n] = ge(a ?? "light");
-  return U(() => {
-    if (a !== void 0) return;
-    const s = window.matchMedia("(prefers-color-scheme: dark)");
-    n(s.matches ? "dark" : "light");
-    const c = (u) => {
-      n(u.matches ? "dark" : "light");
+function oe(e) {
+  const { children: r, theme: a, use: o = "local", storageKey: t } = e, [l, u] = Z(a ?? "light"), [c, i] = Z(a !== void 0), m = fe(null), y = Ne(
+    (d) => {
+      if (d === null) {
+        if (t)
+          try {
+            localStorage.removeItem(t);
+          } catch {
+          }
+        i(!1);
+      } else {
+        if (t)
+          try {
+            localStorage.setItem(t, d);
+          } catch {
+          }
+        u(d), i(!0);
+      }
+    },
+    [t]
+  );
+  return B(() => {
+    a !== void 0 ? (u(a), i(!0)) : i(!1);
+  }, [a]), B(() => {
+    if (c) return;
+    if (t)
+      try {
+        const C = localStorage.getItem(t);
+        if (C) {
+          u(C), i(!0);
+          return;
+        }
+      } catch {
+      }
+    const d = window.matchMedia("(prefers-color-scheme: dark)");
+    u(d.matches ? "dark" : "light");
+    const V = (C) => {
+      u(C.matches ? "dark" : "light");
     };
-    return s.addEventListener("change", c), () => s.removeEventListener("change", c);
-  }, [a]), U(() => {
+    return d.addEventListener("change", V), () => d.removeEventListener("change", V);
+  }, [c, t]), B(() => {
     if (o === "local") return;
-    const s = document.documentElement;
-    return s.classList.add(t), () => {
-      s.classList.remove(t);
+    const d = document.documentElement;
+    return d.classList.add(l), d.setAttribute("data-theme", l), () => {
+      d.classList.remove(l), d.removeAttribute("data-theme");
     };
-  }, [t, o]), o === "local" ? /* @__PURE__ */ S(re.Provider, { value: { theme: t, setTheme: n }, children: /* @__PURE__ */ S(Ne, { className: t, children: r }) }) : /* @__PURE__ */ S(re.Provider, { value: { theme: t, setTheme: n }, children: r });
+  }, [l, o]), B(() => {
+    o !== "local" || !m.current || m.current.setAttribute("data-theme", l);
+  }, [l, o]), o === "local" ? /* @__PURE__ */ z(te.Provider, { value: { theme: l, setTheme: y }, children: /* @__PURE__ */ z(Fe, { ref: m, className: l, children: r }) }) : /* @__PURE__ */ z(te.Provider, { value: { theme: l, setTheme: y }, children: r });
 }
 ((e) => {
   function r() {
-    const { theme: a, setTheme: o } = we(re);
+    const { theme: a, setTheme: o } = xe(te);
     return [a, o];
   }
   e.useTheme = r;
-})(te || (te = {}));
-const Se = te;
-class ze {
+})(oe || (oe = {}));
+const ze = oe;
+class ke {
   constructor() {
     this._index = 0, this._cache = {};
   }
@@ -2973,99 +3005,99 @@ class ze {
     return this._cache[r] || (this._cache[r] = this.getByIndex(this._index++)), this._cache[r];
   }
   getByIndex(r) {
-    const { first: a, next: o } = ke, t = r - a.length;
+    const { first: a, next: o } = Re, t = r - a.length;
     if (t < 0)
       return a[r];
-    const n = Math.floor(t / o.length), s = t - n * o.length;
-    return this.getByIndex(n) + o[s];
+    const l = Math.floor(t / o.length), u = t - l * o.length;
+    return this.getByIndex(l) + o[u];
   }
 }
-const ke = {
+const Re = {
   first: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
   next: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
 };
-function Re(e) {
+function Ae(e) {
   const { clean: r, component: a, variant: o } = e;
-  return ne(() => {
+  return se(() => {
     if (r) return;
     const t = a?.split(".");
     if (!t) return;
-    const n = t.reduce((u, m, f) => f === 0 ? $e.componentsStyles[m] : u?.children?.[m], void 0);
-    if (!n) return;
-    if (!o) return n.styles;
-    const s = me(o);
-    if (s.length === 0) return n.styles;
-    const c = k.mergeDeep(...s.map((u) => n.variants?.[u]));
-    return n.styles ? k.mergeDeep(n.styles, c) : c;
+    const l = t.reduce((i, m, y) => y === 0 ? $e.componentsStyles[m] : i?.children?.[m], void 0);
+    if (!l) return;
+    if (!o) return l.styles;
+    const u = ye(o);
+    if (u.length === 0) return l.styles;
+    const c = k.mergeDeep(...u.map((i) => l.variants?.[i]));
+    return l.styles ? k.mergeDeep(l.styles, c) : c;
   }, [r, a, o]);
 }
-const Ae = new ze(), Oe = typeof window < "u" && typeof window.document < "u", M = typeof process == "object" && process.env?.NODE_ENV === "test", Ee = Oe && !M ? U : fe, he = "_b", L = "_s";
-function He(e, r) {
-  const a = Re(e), o = ne(() => a ? k.mergeDeep(a, e) : e, [e, a]), t = [r ? L : he];
-  return T.addClassNames(o, t, []), Ee(() => {
-    T.flush();
+const Oe = new ke(), Ie = typeof window < "u" && typeof window.document < "u", G = typeof process == "object" && process.env?.NODE_ENV === "test", Ee = Ie && !G ? B : me, ve = "_b", L = "_s";
+function Me(e, r) {
+  const a = Ae(e), o = se(() => a ? k.mergeDeep(a, e) : e, [e, a]), t = [r ? L : ve];
+  return _.addClassNames(o, t, []), Ee(() => {
+    _.flush();
   }, [o]), t;
 }
-var T;
+var _;
 ((e) => {
   let r = !0, a = !1;
-  const o = /* @__PURE__ */ new Set(), t = [], n = [];
-  let s = 0;
-  const c = Object.keys(B).reduce((b, h, w) => (b[h] = w, b), {});
-  let u = {};
-  function m(b, h, w, p, g) {
-    Object.entries(b).forEach(([v, d]) => {
-      if (d != null)
-        if (k.isKeyOf(v, B))
-          x(v, d, h, w, p, g);
-        else if (k.isKeyOf(v, ye))
-          m(d, h, [...w, v], p, g);
+  const o = /* @__PURE__ */ new Set(), t = [], l = [];
+  let u = 0;
+  const c = Object.keys(T).reduce((b, h, x) => (b[h] = x, b), {});
+  let i = {};
+  function m(b, h, x, p, f) {
+    Object.entries(b).forEach(([v, g]) => {
+      if (g != null)
+        if (k.isKeyOf(v, T))
+          C(v, g, h, x, p, f);
+        else if (k.isKeyOf(v, be))
+          m(g, h, [...x, v], p, f);
         else if (k.isKeyOf(v, W)) {
-          if (Array.isArray(d)) {
-            const [N, F] = d;
-            m(F, h, [...w, v], p, g);
+          if (Array.isArray(g)) {
+            const [N, F] = g;
+            m(F, h, [...x, v], p, f);
           }
-          k.isObject(d) && m(d, h, [...w, v], p, g);
-        } else k.isKeyOf(v, P) ? m(d, h, w, v, g) : k.isKeyOf(v, D) ? Object.entries(d).forEach(([N, F]) => {
-          m(F, h, [...w, D[v]], p, N);
-        }) : k.isKeyOf(v, se) && Object.entries(d).forEach(([N, F]) => {
-          const $ = [...w, se[v]];
-          Object.entries(F).forEach(([V, E]) => {
-            k.isKeyOf(V, D) ? Object.entries(E).forEach(([G, A]) => {
+          k.isObject(g) && m(g, h, [...x, v], p, f);
+        } else k.isKeyOf(v, P) ? m(g, h, x, v, f) : k.isKeyOf(v, D) ? Object.entries(g).forEach(([N, F]) => {
+          m(F, h, [...x, D[v]], p, N);
+        }) : k.isKeyOf(v, ue) && Object.entries(g).forEach(([N, F]) => {
+          const $ = [...x, ue[v]];
+          Object.entries(F).forEach(([S, I]) => {
+            k.isKeyOf(S, D) ? Object.entries(I).forEach(([U, A]) => {
               m(
                 A,
                 h,
-                [...$, D[V]],
+                [...$, D[S]],
                 p,
                 // Use | as separator to distinguish theme from group name
-                `${N}|${G}`
+                `${N}|${U}`
               );
-            }) : m({ [V]: E }, h, $, p, N);
+            }) : m({ [S]: I }, h, $, p, N);
           });
         });
     });
   }
   e.addClassNames = m;
-  function f() {
-    const b = i.hasPendingVariables();
+  function y() {
+    const b = s.hasPendingVariables();
     if (!r && !b) return;
     console.debug("\x1B[36m%s\x1B[0m", "[react-box]: flush");
-    const h = q(), w = h.sheet;
+    const h = q(), x = h.sheet;
     if (a) {
-      if (i.hasPendingVariables()) {
-        const p = i.getPendingVariables(), g = `:root{${Object.entries(p).map(([v, d]) => `--${v}: ${d};`).join("")}}`;
-        if (w && !M)
+      if (s.hasPendingVariables()) {
+        const p = s.getPendingVariables(), f = `:root{${Object.entries(p).map(([v, g]) => `--${v}: ${g};`).join("")}}`;
+        if (x && !G)
           try {
-            w.insertRule(g, 0), s++;
+            x.insertRule(f, 0), u++;
           } catch {
           }
         else
-          h.textContent = g + `
+          h.textContent = f + `
 ` + h.textContent;
       }
     } else {
       const p = [
-        `:root{${i.generateVariables()}}`,
+        `:root{${s.generateVariables()}}`,
         ":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;}",
@@ -3074,14 +3106,14 @@ var T;
         "button{color: inherit;}",
         'input[type="number"]{-moz-appearance: textfield;}',
         'input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}',
-        `.${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;}`,
+        `.${ve}{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;}`,
         `.${L}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;transition: all var(--svgTransitionTime);}`,
         `.${L} path,.${L} circle,.${L} rect,.${L} line {transition: all var(--svgTransitionTime);}`
       ];
-      if (w && !M)
-        for (const g of p)
+      if (x && !G)
+        for (const f of p)
           try {
-            w.insertRule(g, s), s++;
+            x.insertRule(f, u), u++;
           } catch {
           }
       else
@@ -3090,19 +3122,19 @@ var T;
       a = !0;
     }
     if (t.length > 0) {
-      if (t.sort((p, g) => p[1] - g[1] || p[0] - g[0]), w && !M)
-        for (const [p, g, v] of t) {
-          const d = g * 1e5 + p;
-          let N = n.length;
-          for (let F = 0; F < n.length; F++)
-            if (d < n[F]) {
+      if (t.sort((p, f) => p[1] - f[1] || p[0] - f[0]), x && !G)
+        for (const [p, f, v] of t) {
+          const g = f * 1e5 + p;
+          let N = l.length;
+          for (let F = 0; F < l.length; F++)
+            if (g < l[F]) {
               N = F;
               break;
             }
           try {
-            w.insertRule(v, s + N), n.splice(N, 0, d);
+            x.insertRule(v, u + N), l.splice(N, 0, g);
           } catch {
-            w.insertRule(v, w.cssRules.length), n.push(d);
+            x.insertRule(v, x.cssRules.length), l.push(g);
           }
         }
       else
@@ -3111,65 +3143,65 @@ var T;
     }
     r = !1;
   }
-  e.flush = f;
-  function y(b, h, w, p, g) {
-    const d = B[b].find((V) => Array.isArray(V.values) ? V.values.includes(h) : typeof h == typeof V.values);
-    if (!d) return null;
-    const N = c[b] ?? 0, F = P[p] ?? 0, $ = C(
+  e.flush = y;
+  function d(b, h, x, p, f) {
+    const g = T[b].find((S) => Array.isArray(S.values) ? S.values.includes(h) : typeof h == typeof S.values);
+    if (!g) return null;
+    const N = c[b] ?? 0, F = P[p] ?? 0, $ = w(
       b,
       h,
-      w,
+      x,
       p,
-      g
+      f
     );
-    if (g) {
-      const V = Y[w], E = V.includes("theme"), A = (E ? V.filter((O) => O !== "theme") : V).map((O) => K[O]).join(""), I = g.includes("|");
-      let j;
-      if (I) {
-        const [O, X] = g.split("|");
-        j = `.${O} .${X}${A} .${$}`;
-      } else E ? j = `.${g} .${$}${A}` : j = `.${g}${A} .${$}`;
-      const ve = d.selector?.(j, "") ?? j, pe = Array.isArray(d.styleName) ? d.styleName : [d.styleName ?? b], ie = `${ve}{${pe.map((O) => {
-        const X = d.valueFormat?.(h, i.getVariableValue, O) ?? h;
+    if (f) {
+      const S = Y[x], I = S.includes("theme"), A = (I ? S.filter((O) => O !== "theme") : S).map((O) => K[O]).join(""), j = f.includes("|");
+      let E;
+      if (j) {
+        const [O, X] = f.split("|");
+        E = `.${O} .${X}${A} .${$}`;
+      } else I ? E = `.${f} .${$}${A}` : E = `.${f}${A} .${$}`;
+      const pe = g.selector?.(E, "") ?? E, Ce = Array.isArray(g.styleName) ? g.styleName : [g.styleName ?? b], ie = `${pe}{${Ce.map((O) => {
+        const X = g.valueFormat?.(h, s.getVariableValue, O) ?? h;
         return `${O}:${X}`;
       }).join(";")}}`;
       return p !== "normal" ? { rule: `@media(min-width: ${P[p]}px){${ie}}`, sortIndex: N, breakpointOrder: F } : { rule: ie, sortIndex: N, breakpointOrder: F };
     } else {
-      const V = Y[w].map((I) => K[I]).join(""), E = d.selector?.(`.${$}`, V) ?? `.${$}${V}`, G = Array.isArray(d.styleName) ? d.styleName : [d.styleName ?? b], A = `${E}{${G.map((I) => {
-        const j = d.valueFormat?.(h, i.getVariableValue, I) ?? h;
-        return `${I}:${j}`;
+      const S = Y[x].map((j) => K[j]).join(""), I = g.selector?.(`.${$}`, S) ?? `.${$}${S}`, U = Array.isArray(g.styleName) ? g.styleName : [g.styleName ?? b], A = `${I}{${U.map((j) => {
+        const E = g.valueFormat?.(h, s.getVariableValue, j) ?? h;
+        return `${j}:${E}`;
       }).join(";")}}`;
       return p !== "normal" ? { rule: `@media(min-width: ${P[p]}px){${A}}`, sortIndex: N, breakpointOrder: F } : { rule: A, sortIndex: N, breakpointOrder: F };
     }
   }
-  function z() {
-    u = {}, o.clear(), t.length = 0, n.length = 0, s = 0, a = !1;
+  function V() {
+    i = {}, o.clear(), t.length = 0, l.length = 0, u = 0, a = !1;
   }
-  e.clear = z;
-  function x(b, h, w, p, g = "normal", v) {
+  e.clear = V;
+  function C(b, h, x, p, f = "normal", v) {
     if (h == null) return;
-    const d = p.reduce(($, V) => $ + be[V], 0), N = C(b, h, d, g, v), F = `${g}-${d}-${b}-${h}-${v ?? ""}`;
+    const g = p.reduce(($, S) => $ + he[S], 0), N = w(b, h, g, f, v), F = `${f}-${g}-${b}-${h}-${v ?? ""}`;
     if (!o.has(F)) {
       o.add(F);
-      const $ = y(b, h, d, g, v);
-      $ && (t.push([$.sortIndex, $.breakpointOrder, $.rule]), r = !0), u[g] ? u[g][d] ? u[g][d][b] || (u[g][d][b] = /* @__PURE__ */ new Set()) : u[g][d] = { [b]: /* @__PURE__ */ new Set() } : u[g] = { [d]: { [b]: /* @__PURE__ */ new Set() } }, v ? (u[g][d].__parents ? u[g][d].__parents[v] ? u[g][d].__parents[v][b] || (u[g][d].__parents[v][b] = /* @__PURE__ */ new Set()) : u[g][d].__parents[v] = { [b]: /* @__PURE__ */ new Set() } : u[g][d].__parents = { [v]: { [b]: /* @__PURE__ */ new Set() } }, u[g][d].__parents[v][b].add(h)) : u[g][d][b].add(h);
+      const $ = d(b, h, g, f, v);
+      $ && (t.push([$.sortIndex, $.breakpointOrder, $.rule]), r = !0), i[f] ? i[f][g] ? i[f][g][b] || (i[f][g][b] = /* @__PURE__ */ new Set()) : i[f][g] = { [b]: /* @__PURE__ */ new Set() } : i[f] = { [g]: { [b]: /* @__PURE__ */ new Set() } }, v ? (i[f][g].__parents ? i[f][g].__parents[v] ? i[f][g].__parents[v][b] || (i[f][g].__parents[v][b] = /* @__PURE__ */ new Set()) : i[f][g].__parents[v] = { [b]: /* @__PURE__ */ new Set() } : i[f][g].__parents = { [v]: { [b]: /* @__PURE__ */ new Set() } }, i[f][g].__parents[v][b].add(h)) : i[f][g][b].add(h);
     }
-    w.push(N);
+    x.push(N);
   }
-  function C(b, h, w, p, g) {
-    const v = Y[w], d = `${p === "normal" ? "" : `${p}-`}${v.map((N) => `${N}-`).join("")}${g ? `${g}-` : ""}${b}-${h}`;
-    return M ? d : Ae.getIdentity(d);
+  function w(b, h, x, p, f) {
+    const v = Y[x], g = `${p === "normal" ? "" : `${p}-`}${v.map((N) => `${N}-`).join("")}${f ? `${f}-` : ""}${b}-${h}`;
+    return G ? g : Oe.getIdentity(g);
   }
   const R = "crono-styles";
   function q() {
     let b = document.getElementById(R);
     return b || (b = document.createElement("style"), b.setAttribute("id", R), b.setAttribute("type", "text/css"), document.head.insertBefore(b, document.head.firstChild)), b;
   }
-})(T || (T = {}));
-var ce;
+})(_ || (_ = {}));
+var de;
 ((e) => {
-  e.flush = T.flush, e.clear = T.clear;
-})(ce || (ce = {}));
+  e.flush = _.flush, e.clear = _.clear;
+})(de || (de = {}));
 Array.prototype.removeBy || (Array.prototype.removeBy = function(e) {
   return this.filter((r) => !e(r));
 });
@@ -3185,8 +3217,8 @@ Array.prototype.sumBy || (Array.prototype.sumBy = function(e, r = 0) {
 });
 Array.prototype.sortBy || (Array.prototype.sortBy = function(e, r) {
   return [...this].sort((o, t) => {
-    const n = e(o), s = e(t);
-    return n < s ? r === "DESC" ? 1 : -1 : n > s ? r === "DESC" ? -1 : 1 : 0;
+    const l = e(o), u = e(t);
+    return l < u ? r === "DESC" ? 1 : -1 : l > u ? r === "DESC" ? -1 : 1 : 0;
   });
 });
 Array.prototype.maxBy || (Array.prototype.maxBy = function(e) {
@@ -3202,51 +3234,51 @@ Array.prototype.toRecord || (Array.prototype.toRecord = function(e) {
     (r, a) => {
       const o = e(a);
       if (!o) return r;
-      const [t, n] = o;
-      return r[t] = n, r;
+      const [t, l] = o;
+      return r[t] = l, r;
     },
     {}
   );
 });
 Array.prototype.groupBy || (Array.prototype.groupBy = function(e, r = !1) {
-  const a = this.reduce((o, t, n) => {
-    const s = e(t, n);
-    return r && typeof s != "number" && !s || (o.has(s) === !1 && o.set(s, []), o.get(s)?.push(t)), o;
+  const a = this.reduce((o, t, l) => {
+    const u = e(t, l);
+    return r && typeof u != "number" && !u || (o.has(u) === !1 && o.set(u, []), o.get(u)?.push(t)), o;
   }, /* @__PURE__ */ new Map());
   return Array.from(a, ([o, t]) => ({ key: o, values: t }));
 });
-function Me(e) {
-  const { node: r = null, event: a = "click", hideOnScroll: o = !1, hideOnResize: t = !1, hideOnEscape: n = !0 } = e ?? {}, [s, c] = ge(!1), u = xe(null);
-  return fe(() => {
-    function m(C) {
-      (r ?? u.current)?.contains(C.target) === !1 && c(!1);
+function Ge(e) {
+  const { node: r = null, event: a = "click", hideOnScroll: o = !1, hideOnResize: t = !1, hideOnEscape: l = !0 } = e ?? {}, [u, c] = Z(!1), i = fe(null);
+  return me(() => {
+    function m(w) {
+      (r ?? i.current)?.contains(w.target) === !1 && c(!1);
     }
-    function f() {
+    function y() {
       c(!1);
     }
-    function y(C) {
-      (r ?? u.current)?.contains(C.target) === !1 && c(!1);
+    function d(w) {
+      (r ?? i.current)?.contains(w.target) === !1 && c(!1);
     }
-    function z(C) {
-      C.key === "Escape" && c(!1);
+    function V(w) {
+      w.key === "Escape" && c(!1);
     }
-    const x = new AbortController();
-    return s && (window.addEventListener(a, m, x), n && window.addEventListener("keydown", z, x), t && window.addEventListener("resize", f, x), o && window.addEventListener("scroll", y, { signal: x.signal, capture: !0 })), () => {
-      x.abort();
+    const C = new AbortController();
+    return u && (window.addEventListener(a, m, C), l && window.addEventListener("keydown", V, C), t && window.addEventListener("resize", y, C), o && window.addEventListener("scroll", d, { signal: C.signal, capture: !0 })), () => {
+      C.abort();
     };
-  }, [r, s]), [s, c, u];
+  }, [r, u]), [u, c, i];
 }
 const je = {
   selected: "aria-selected"
 };
-var de;
+var ge;
 ((e) => {
   function r(a, o, t) {
     a !== void 0 && a != null && (t[je[o] ?? o] = Array.isArray(a) ? a[0] : a);
   }
   e.assignBooleanProp = r;
-})(de || (de = {}));
-function Ge(e) {
+})(ge || (ge = {}));
+function Ue(e) {
   let r;
   return Object.defineProperty({
     clear() {
@@ -3256,22 +3288,22 @@ function Ge(e) {
     get: () => (r === void 0 && (r = e()), r)
   });
 }
-function Ie(e, r) {
+function Le(e, r) {
   if (!e) return { score: 1, matches: [] };
   if (!r) return null;
   const a = e.toLowerCase(), o = r.toLowerCase();
-  let t = 0, n = 0;
-  const s = [];
-  let c = -1, u = 0, m = 0;
-  for (; t < a.length && n < o.length; )
-    a[t] === o[n] ? (c === -1 && (c = n), t++, m++, u += m, (n === 0 || /\s|_|-/.test(r[n - 1])) && (u += 5), e[t - 1] === r[n] && (u += 1)) : (c !== -1 && (s.push([c, n]), c = -1), m = 0), n++;
-  return c !== -1 && s.push([c, n]), t < a.length ? null : (u = u / r.length, { score: u, matches: s });
+  let t = 0, l = 0;
+  const u = [];
+  let c = -1, i = 0, m = 0;
+  for (; t < a.length && l < o.length; )
+    a[t] === o[l] ? (c === -1 && (c = l), t++, m++, i += m, (l === 0 || /\s|_|-/.test(r[l - 1])) && (i += 5), e[t - 1] === r[l] && (i += 1)) : (c !== -1 && (u.push([c, l]), c = -1), m = 0), l++;
+  return c !== -1 && u.push([c, l]), t < a.length ? null : (i = i / r.length, { score: i, matches: u });
 }
 function De(e, r) {
-  return Ie(e, r) !== null;
+  return Le(e, r) !== null;
 }
 function Pe(e) {
-  return /* @__PURE__ */ S(_, { viewBox: "4 2 16 18", width: "1rem", fill: "currentColor", ...e, children: /* @__PURE__ */ S(
+  return /* @__PURE__ */ z(H, { viewBox: "4 2 16 18", width: "1rem", fill: "currentColor", ...e, children: /* @__PURE__ */ z(
     "path",
     {
       fillRule: "evenodd",
@@ -3280,43 +3312,43 @@ function Pe(e) {
     }
   ) });
 }
-var oe;
+var ae;
 ((e) => {
   function r(a, o = 300) {
-    let t = !1, n;
-    return (...s) => {
+    let t = !1, l;
+    return (...u) => {
       if (t) {
-        n = s;
+        l = u;
         return;
       }
-      a(...s), t = !0, setTimeout(() => {
-        t = !1, n && a(...n);
+      a(...u), t = !0, setTimeout(() => {
+        t = !1, l && a(...l);
       }, o);
     };
   }
   e.throttle = r;
-})(oe || (oe = {}));
-const Ue = oe, H = /* @__PURE__ */ new Map();
-function We() {
-  const [e] = Se.useTheme(), r = ne(() => {
+})(ae || (ae = {}));
+const We = ae, M = /* @__PURE__ */ new Map();
+function Ke() {
+  const [e] = ze.useTheme(), r = se(() => {
     const a = "crono-box";
     let o = document.getElementById(a);
     return o || (o = document.createElement("div"), o.id = a, document.body.appendChild(o)), o;
   }, []);
-  return U(() => {
+  return B(() => {
     if (!e) return;
-    const a = H.get(e) ?? 0;
-    return H.set(e, a + 1), a === 0 && r.classList.add(e), () => {
-      const t = (H.get(e) ?? 1) - 1;
-      t <= 0 ? (H.delete(e), r.classList.remove(e)) : H.set(e, t);
+    const a = M.get(e) ?? 0;
+    return M.set(e, a + 1), a === 0 && r.classList.add(e), () => {
+      const t = (M.get(e) ?? 1) - 1;
+      t <= 0 ? (M.delete(e), r.classList.remove(e)) : M.set(e, t);
     };
   }, [r, e]), r;
 }
-function Ke(e) {
-  return /* @__PURE__ */ S(_, { ...e, children: /* @__PURE__ */ S("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" }) });
-}
 function qe(e) {
-  return /* @__PURE__ */ S(_, { viewBox: "0 0 16 16", width: "18", ...e, children: /* @__PURE__ */ S(
+  return /* @__PURE__ */ z(H, { ...e, children: /* @__PURE__ */ z("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" }) });
+}
+function Xe(e) {
+  return /* @__PURE__ */ z(H, { viewBox: "0 0 16 16", width: "18", ...e, children: /* @__PURE__ */ z(
     "path",
     {
       strokeWidth: 4,
@@ -3324,85 +3356,85 @@ function qe(e) {
     }
   ) });
 }
-function Xe(e) {
-  return /* @__PURE__ */ S(_, { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ S("path", { d: "M3 5h8v2H3V5zm0 6h8v2H3v-2zm0 6h8v2H3v-2zm12-12h6v6h-6V5zm1 1v4h4V6h-4zm-1 7h6v6h-6v-6zm1 1v4h4v-4h-4z" }) });
-}
 function Ye(e) {
-  return /* @__PURE__ */ S(_, { viewBox: "0 0 1024 1024", ...e, children: /* @__PURE__ */ S("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" }) });
+  return /* @__PURE__ */ z(H, { viewBox: "0 0 24 24", ...e, children: /* @__PURE__ */ z("path", { d: "M3 5h8v2H3V5zm0 6h8v2H3v-2zm0 6h8v2H3v-2zm12-12h6v6h-6V5zm1 1v4h4V6h-4zm-1 7h6v6h-6v-6zm1 1v4h4v-4h-4z" }) });
 }
-var ae;
+function Ze(e) {
+  return /* @__PURE__ */ z(H, { viewBox: "0 0 1024 1024", ...e, children: /* @__PURE__ */ z("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" }) });
+}
+var le;
 ((e) => {
   function r(a) {
     return a.charAt(0).toUpperCase() + a.slice(1);
   }
   e.capitalize = r;
-})(ae || (ae = {}));
-const Ze = ae;
-function Qe(e) {
-  return /* @__PURE__ */ S(_, { viewBox: "0 0 488.4 488.4", ...e, children: /* @__PURE__ */ S("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" }) });
+})(le || (le = {}));
+const Qe = le;
+function Je(e) {
+  return /* @__PURE__ */ z(H, { viewBox: "0 0 488.4 488.4", ...e, children: /* @__PURE__ */ z("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" }) });
 }
-var le;
+var ne;
 ((e) => {
   function r(o) {
     const t = Array.from(o.elements).reduce(
-      (n, s) => {
-        const c = s.name;
-        return c && (n[c] || (n[c] = []), n[c].push(s)), n;
+      (l, u) => {
+        const c = u.name;
+        return c && (l[c] || (l[c] = []), l[c].push(u)), l;
       },
       {}
     );
-    return Object.entries(t).reduce((n, [s, c]) => {
+    return Object.entries(t).reduce((l, [u, c]) => {
       if (c.length === 1) {
-        const u = c[0];
-        a(n, s, u.type === "checkbox" || u.type === "radio" ? u.checked : u.value);
+        const i = c[0];
+        a(l, u, i.type === "checkbox" || i.type === "radio" ? i.checked : i.value);
       } else {
-        const u = c.reduce((m, f) => (f.type === "checkbox" || f.type === "radio" ? f.checked && m.push(f.value) : m.push(f.value), m), []);
-        a(n, s, u);
+        const i = c.reduce((m, y) => (y.type === "checkbox" || y.type === "radio" ? y.checked && m.push(y.value) : m.push(y.value), m), []);
+        a(l, u, i);
       }
-      return n;
+      return l;
     }, {});
   }
   e.getFormEntries = r;
-  function a(o, t, n) {
+  function a(o, t, l) {
     if (t.includes(".")) {
-      const s = t.split(".");
+      const u = t.split(".");
       let c = o;
-      s.forEach((u, m) => {
-        if (s.length > m + 1) {
-          const f = u.match(/^(.+)\[(\d)\]$/);
-          if (f) {
-            const [, y, z] = f;
-            c[y] = c[y] || [], c[y][z] = c[y][z] || {}, c = c[y][z];
+      u.forEach((i, m) => {
+        if (u.length > m + 1) {
+          const y = i.match(/^(.+)\[(\d)\]$/);
+          if (y) {
+            const [, d, V] = y;
+            c[d] = c[d] || [], c[d][V] = c[d][V] || {}, c = c[d][V];
           } else
-            c[u] = c[u] || {}, c = c[u];
+            c[i] = c[i] || {}, c = c[i];
         } else
-          c[u] = n;
+          c[i] = l;
       });
     } else
-      o[t] = n;
+      o[t] = l;
   }
-})(le || (le = {}));
-const Je = le;
+})(ne || (ne = {}));
+const er = ne;
 export {
-  de as B,
-  qe as D,
+  ge as B,
+  Xe as D,
   Pe as E,
-  Ue as F,
-  Xe as G,
+  We as F,
+  Ye as G,
   k as O,
-  Ye as P,
-  Ke as S,
-  Se as T,
-  i as V,
+  Ze as P,
+  qe as S,
+  ze as T,
+  s as V,
   $e as a,
-  Me as b,
-  me as c,
-  Qe as d,
-  Je as e,
+  Ge as b,
+  ye as c,
+  Je as d,
+  er as e,
   De as f,
-  Ze as g,
-  We as h,
-  ce as i,
-  Ge as m,
-  He as u
+  Qe as g,
+  Ke as h,
+  de as i,
+  Ue as m,
+  Me as u
 };