eidotter 0.16.1 → 0.16.2

package/dist/index.es.js

@@ -307,7 +307,7 @@ const la = (t, e) => {
     "left-bottom"
   ], T = () => [...S(), F, M], U = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], E = () => [F, M, s], R = () => [Ve, "full", "auto", ...E()], z = () => [Be, "none", "subgrid", F, M], oe = () => ["auto", {
     span: ["full", Be, F, M]
-  }, Be, F, M], se = () => [Be, "auto", F, M], J = () => ["auto", "min", "max", "fr", F, M], k = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Y = () => ["auto", ...E()], Z = () => [Ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], le = () => [Ve, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...E()], de = () => [Ve, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...E()], u = () => [t, F, M], N = () => [...S(), Fr, Rr, {
+  }, Be, F, M], se = () => [Be, "auto", F, M], Z = () => ["auto", "min", "max", "fr", F, M], k = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], Y = () => ["auto", ...E()], Q = () => [Ve, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], le = () => [Ve, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...E()], de = () => [Ve, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...E()], u = () => [t, F, M], N = () => [...S(), Fr, Rr, {
     position: [F, M]
   }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -722,14 +722,14 @@ const la = (t, e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": J()
+        "auto-cols": Z()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": J()
+        "auto-rows": Z()
       }],
       /**
        * Gap
@@ -1006,7 +1006,7 @@ const la = (t, e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: Z()
+        size: Q()
       }],
       /**
        * Inline Size
@@ -1055,7 +1055,7 @@ const la = (t, e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [a, "screen", ...Z()]
+        w: [a, "screen", ...Q()]
       }],
       /**
        * Min-Width
@@ -1067,7 +1067,7 @@ const la = (t, e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...Z()
+          ...Q()
         ]
       }],
       /**
@@ -1085,7 +1085,7 @@ const la = (t, e) => {
           {
             screen: [o]
           },
-          ...Z()
+          ...Q()
         ]
       }],
       /**
@@ -1093,21 +1093,21 @@ const la = (t, e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...Z()]
+        h: ["screen", "lh", ...Q()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...Z()]
+        "min-h": ["screen", "lh", "none", ...Q()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...Z()]
+        "max-h": ["screen", "lh", ...Q()]
       }],
       // ------------------
       // --- Typography ---
@@ -2916,7 +2916,7 @@ const la = (t, e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Ga = /* @__PURE__ */ Pa(ja);
-function Q(...t) {
+function J(...t) {
   return Ga(t.filter(Boolean));
 }
 const _e = ({
@@ -2963,11 +2963,11 @@ const qa = {
   brand: "Info"
 }, Ar = {
   sm: "max-w-[350px] min-h-[40px] flex-row items-center px-2 gap-2",
-  lg: "max-w-[1020px] flex-col items-start p-4 gap-1",
+  lg: "max-w-[1020px] flex-row items-start p-4 gap-2",
   small: "max-w-[350px] min-h-[40px] flex-row items-center px-2 gap-2",
-  large: "max-w-[1020px] flex-col items-start p-4 gap-1",
+  large: "max-w-[1020px] flex-row items-start p-4 gap-2",
   floating: "max-w-[350px] min-h-[40px] flex-row items-center px-2 gap-2",
-  "full-width": "max-w-[1020px] flex-col items-start p-4 gap-1"
+  "full-width": "max-w-[1020px] flex-row items-start p-4 gap-2"
 }, Or = {
   info: "eidotter-alert--info",
   success: "eidotter-alert--success",
@@ -2988,7 +2988,7 @@ const qa = {
   return /* @__PURE__ */ I(
     "div",
     {
-      className: Q(
+      className: J(
         "relative overflow-hidden text-left w-full",
         "font-dos text-[16px]",
         "eidotter-alert",
@@ -3001,41 +3001,41 @@ const qa = {
       role: "alert",
       "data-type": e,
       children: [
-        /* @__PURE__ */ I("div", { className: "flex items-center gap-2 w-full self-stretch", children: [
-          /* @__PURE__ */ h("div", { className: Q(
-            "flex items-center justify-center flex-shrink-0 self-start mt-0.5",
-            c ? "w-5 h-5" : "w-6 h-6"
-          ), children: /* @__PURE__ */ h(
-            _e,
-            {
-              name: qa[e] || "Info",
-              size: "S",
-              "aria-label": e + " alert"
-            }
-          ) }),
-          n && /* @__PURE__ */ h("div", { className: "flex-1 leading-[140%]", children: n }),
-          i && /* @__PURE__ */ h(
-            "button",
-            {
-              className: "eidotter-alert__close",
-              onClick: s,
-              "aria-label": "Close alert",
-              children: /* @__PURE__ */ h(_e, { name: "Close", size: "S" })
-            }
-          )
+        /* @__PURE__ */ h("div", { className: J(
+          "flex items-center justify-center flex-shrink-0 self-start mt-0.5",
+          c ? "w-5 h-5" : "w-6 h-6"
+        ), children: /* @__PURE__ */ h(
+          _e,
+          {
+            name: qa[e] || "Info",
+            size: "S",
+            "aria-label": e + " alert"
+          }
+        ) }),
+        /* @__PURE__ */ I("div", { className: J("flex-1 flex flex-col gap-1 min-w-0", i && "pr-6"), children: [
+          n && /* @__PURE__ */ h("div", { className: "leading-[140%]", children: n }),
+          !c && (r || l) && /* @__PURE__ */ I("div", { className: "leading-[140%]", children: [
+            r && /* @__PURE__ */ h("span", { children: r }),
+            l && /* @__PURE__ */ h(
+              "button",
+              {
+                className: "eidotter-alert__link",
+                onClick: l,
+                "aria-label": "Click for more information",
+                children: "Click here"
+              }
+            )
+          ] })
         ] }),
-        !c && (r || l) && /* @__PURE__ */ h("div", { className: "self-stretch flex items-start pl-8 text-[14px]", children: /* @__PURE__ */ I("div", { className: "flex-1 leading-[140%] text-[var(--color-cga-amber-dim)]", children: [
-          r && /* @__PURE__ */ h("span", { children: r }),
-          l && /* @__PURE__ */ h(
-            "button",
-            {
-              className: "eidotter-alert__link",
-              onClick: l,
-              "aria-label": "Click for more information",
-              children: "Click here"
-            }
-          )
-        ] }) })
+        i && /* @__PURE__ */ h(
+          "button",
+          {
+            className: "eidotter-alert__close",
+            onClick: s,
+            "aria-label": "Close alert",
+            children: /* @__PURE__ */ h(_e, { name: "Close", size: "S" })
+          }
+        )
       ]
     }
   );
@@ -3058,7 +3058,7 @@ const qa = {
   return /* @__PURE__ */ I(
     "div",
     {
-      className: Q(
+      className: J(
         "w-full border border-dos-border-default bg-dos-bg-primary text-cga-amber font-dos",
         "eidotter-section",
         o && "eidotter-section--expanded",
@@ -3103,7 +3103,7 @@ const qa = {
   const [, r] = H(e), i = (l, o) => {
     r(o ? l : -1);
   };
-  return /* @__PURE__ */ h("div", { className: Q(
+  return /* @__PURE__ */ h("div", { className: J(
     "w-full flex flex-col items-stretch gap-2 text-left text-base font-dos text-cga-amber",
     "eidotter-accordion-fill",
     n
@@ -3898,14 +3898,14 @@ function At(t, e, n, r) {
 function Hn(t, e, n = {}) {
   let { block: r = "nearest", inline: i = "nearest" } = n;
   if (t === e) return;
-  let l = t.scrollTop, o = t.scrollLeft, a = e.getBoundingClientRect(), s = t.getBoundingClientRect(), d = window.getComputedStyle(e), c = window.getComputedStyle(t), f = document.scrollingElement || document.documentElement, p = t === f ? 0 : s.top, m = t === f ? t.clientHeight : s.bottom, v = t === f ? 0 : s.left, b = t === f ? t.clientWidth : s.right, g = parseInt(d.scrollMarginTop, 10) || 0, y = parseInt(d.scrollMarginBottom, 10) || 0, x = parseInt(d.scrollMarginLeft, 10) || 0, w = parseInt(d.scrollMarginRight, 10) || 0, S = parseInt(c.scrollPaddingTop, 10) || 0, T = parseInt(c.scrollPaddingBottom, 10) || 0, U = parseInt(c.scrollPaddingLeft, 10) || 0, A = parseInt(c.scrollPaddingRight, 10) || 0, E = parseInt(c.borderTopWidth, 10) || 0, R = parseInt(c.borderBottomWidth, 10) || 0, z = parseInt(c.borderLeftWidth, 10) || 0, oe = parseInt(c.borderRightWidth, 10) || 0, se = a.top - g, J = a.bottom + y, k = a.left - x, O = a.right + w, Y = t === f ? 0 : z + oe, Z = t === f ? 0 : E + R, le = t.offsetWidth - t.clientWidth - Y, de = t.offsetHeight - t.clientHeight - Z, u = p + E + S, N = m - R - T - de, $ = v + z + U, C = b - oe - A;
+  let l = t.scrollTop, o = t.scrollLeft, a = e.getBoundingClientRect(), s = t.getBoundingClientRect(), d = window.getComputedStyle(e), c = window.getComputedStyle(t), f = document.scrollingElement || document.documentElement, p = t === f ? 0 : s.top, m = t === f ? t.clientHeight : s.bottom, v = t === f ? 0 : s.left, b = t === f ? t.clientWidth : s.right, g = parseInt(d.scrollMarginTop, 10) || 0, y = parseInt(d.scrollMarginBottom, 10) || 0, x = parseInt(d.scrollMarginLeft, 10) || 0, w = parseInt(d.scrollMarginRight, 10) || 0, S = parseInt(c.scrollPaddingTop, 10) || 0, T = parseInt(c.scrollPaddingBottom, 10) || 0, U = parseInt(c.scrollPaddingLeft, 10) || 0, A = parseInt(c.scrollPaddingRight, 10) || 0, E = parseInt(c.borderTopWidth, 10) || 0, R = parseInt(c.borderBottomWidth, 10) || 0, z = parseInt(c.borderLeftWidth, 10) || 0, oe = parseInt(c.borderRightWidth, 10) || 0, se = a.top - g, Z = a.bottom + y, k = a.left - x, O = a.right + w, Y = t === f ? 0 : z + oe, Q = t === f ? 0 : E + R, le = t.offsetWidth - t.clientWidth - Y, de = t.offsetHeight - t.clientHeight - Q, u = p + E + S, N = m - R - T - de, $ = v + z + U, C = b - oe - A;
   c.direction === "rtl" && !Je() ? $ += le : C -= le;
-  let K = se < u || J > N, _ = k < $ || O > C;
+  let K = se < u || Z > N, _ = k < $ || O > C;
   if (K && r === "start") l += se - u;
-  else if (K && r === "center") l += (se + J) / 2 - (u + N) / 2;
-  else if (K && r === "end") l += J - N;
+  else if (K && r === "center") l += (se + Z) / 2 - (u + N) / 2;
+  else if (K && r === "end") l += Z - N;
   else if (K && r === "nearest") {
-    let G = se - u, me = J - N;
+    let G = se - u, me = Z - N;
     l += Math.abs(G) <= Math.abs(me) ? G : me;
   }
   if (_ && i === "start") o += k - $;
@@ -4693,7 +4693,7 @@ function ut(t) {
   }, [
     a,
     o
-  ]), J = B((u, N) => {
+  ]), Z = B((u, N) => {
     if (!a && o) {
       let $ = new MouseEvent("click", u);
       Cl($, N), o($r($));
@@ -4701,7 +4701,7 @@ function ut(t) {
   }, [
     a,
     o
-  ]), k = Ce(J), [O, Y] = H(!1);
+  ]), k = Ce(Z), [O, Y] = H(!1);
   ae(() => {
     let u = g.current;
     if (O) {
@@ -4731,10 +4731,10 @@ function ut(t) {
     x,
     w
   ]);
-  let [Z, le] = H(null);
+  let [Q, le] = H(null);
   ae(() => {
     let u = g.current;
-    if (Z === "pointer") {
+    if (Q === "pointer") {
       let N = (C) => {
         if (C.pointerId === u.activePointerId && u.isPressed && C.button === 0 && u.target) {
           if (j(u.target, L(C)) && u.pointerType != null) {
@@ -4751,7 +4751,7 @@ function ut(t) {
       return y(ne(u.target), "pointerup", N, !1), y(ne(u.target), "pointercancel", $, !1), () => {
         w(ne(u.target), "pointerup", N, !1), w(ne(u.target), "pointercancel", $, !1);
       };
-    } else if (Z === "mouse" && process.env.NODE_ENV === "test") {
+    } else if (Q === "mouse" && process.env.NODE_ENV === "test") {
       let N = ($) => {
         if ($.button === 0) {
           if (u.ignoreEmulatedMouseEvents) {
@@ -4764,7 +4764,7 @@ function ut(t) {
       return y(ne(u.target), "mouseup", N, !1), () => {
         w(ne(u.target), "mouseup", N, !1);
       };
-    } else if (Z === "touch" && process.env.NODE_ENV === "test") {
+    } else if (Q === "touch" && process.env.NODE_ENV === "test") {
       let N = ($) => {
         u.isPressed && j(L($), u.target) && z({
           currentTarget: u.target,
@@ -4779,7 +4779,7 @@ function ut(t) {
       };
     }
   }, [
-    Z,
+    Q,
     y,
     w
   ]);
@@ -4877,7 +4877,7 @@ function ut(t) {
         return;
       }
       let C = li($.nativeEvent, u.activePointerId), K = !0;
-      C && oi(C, $.currentTarget) && u.pointerType != null ? (A(ze(u.target, $), u.pointerType), K = T(ze(u.target, $), u.pointerType), J($.nativeEvent, u.target)) : u.isOverTarget && u.pointerType != null && (K = T(ze(u.target, $), u.pointerType, !1)), K && $.stopPropagation(), u.isPressed = !1, le(null), u.activePointerId = null, u.isOverTarget = !1, u.ignoreEmulatedMouseEvents = !0, u.target && !f && kn(u.target), x();
+      C && oi(C, $.currentTarget) && u.pointerType != null ? (A(ze(u.target, $), u.pointerType), K = T(ze(u.target, $), u.pointerType), Z($.nativeEvent, u.target)) : u.isOverTarget && u.pointerType != null && (K = T(ze(u.target, $), u.pointerType, !1)), K && $.stopPropagation(), u.isPressed = !1, le(null), u.activePointerId = null, u.isOverTarget = !1, u.ignoreEmulatedMouseEvents = !0, u.target && !f && kn(u.target), x();
     }, N.onTouchCancel = ($) => {
       j($.currentTarget, L($)) && ($.stopPropagation(), u.isPressed && R(ze(u.target, $)));
     }, N.onDragStart = ($) => {
@@ -4894,7 +4894,7 @@ function ut(t) {
     S,
     A,
     se,
-    J
+    Z
   ]);
   return W(() => {
     if (!p || process.env.NODE_ENV === "test") return;
@@ -6567,8 +6567,8 @@ function fc(t) {
     switch (k.key) {
       case "ArrowDown":
         if (n.getKeyBelow) {
-          var Y, Z, le;
-          let V = e.focusedKey != null ? (Y = n.getKeyBelow) === null || Y === void 0 ? void 0 : Y.call(n, e.focusedKey) : (Z = n.getFirstKey) === null || Z === void 0 ? void 0 : Z.call(n);
+          var Y, Q, le;
+          let V = e.focusedKey != null ? (Y = n.getKeyBelow) === null || Y === void 0 ? void 0 : Y.call(n, e.focusedKey) : (Q = n.getFirstKey) === null || Q === void 0 ? void 0 : Q.call(n);
           V == null && l && (V = (le = n.getFirstKey) === null || le === void 0 ? void 0 : le.call(n, e.focusedKey)), V != null && (k.preventDefault(), O(V));
         }
         break;
@@ -6648,10 +6648,10 @@ function fc(t) {
     left: 0
   });
   At(m, "scroll", () => {
-    var k, O, Y, Z;
+    var k, O, Y, Q;
     x.current = {
       top: (Y = (k = m.current) === null || k === void 0 ? void 0 : k.scrollTop) !== null && Y !== void 0 ? Y : 0,
-      left: (Z = (O = m.current) === null || O === void 0 ? void 0 : O.scrollLeft) !== null && Z !== void 0 ? Z : 0
+      left: (Q = (O = m.current) === null || O === void 0 ? void 0 : O.scrollLeft) !== null && Q !== void 0 ? Q : 0
     };
   });
   let w = (k) => {
@@ -6665,8 +6665,8 @@ function fc(t) {
         let de = (N) => {
           N != null && (e.setFocusedKey(N), d && !e.isSelected(N) && e.replaceSelection(N));
         }, u = k.relatedTarget;
-        var Z, le;
-        u && k.currentTarget.compareDocumentPosition(u) & Node.DOCUMENT_POSITION_FOLLOWING ? de((Z = e.lastSelectedKey) !== null && Z !== void 0 ? Z : (O = n.getLastKey) === null || O === void 0 ? void 0 : O.call(n)) : de((le = e.firstSelectedKey) !== null && le !== void 0 ? le : (Y = n.getFirstKey) === null || Y === void 0 ? void 0 : Y.call(n));
+        var Q, le;
+        u && k.currentTarget.compareDocumentPosition(u) & Node.DOCUMENT_POSITION_FOLLOWING ? de((Q = e.lastSelectedKey) !== null && Q !== void 0 ? Q : (O = n.getLastKey) === null || O === void 0 ? void 0 : O.call(n)) : de((le = e.firstSelectedKey) !== null && le !== void 0 ? le : (Y = n.getFirstKey) === null || Y === void 0 ? void 0 : Y.call(n));
       } else m.current && (m.current.scrollTop = x.current.top, m.current.scrollLeft = x.current.left);
       if (e.focusedKey != null && m.current) {
         let de = In(r, e.focusedKey);
@@ -6686,8 +6686,8 @@ function fc(t) {
       var k, O;
       let Y = (O = (k = n.getFirstKey) === null || k === void 0 ? void 0 : k.call(n)) !== null && O !== void 0 ? O : null;
       if (Y == null) {
-        let Z = ue();
-        Fl(r.current), Al(Z, null), e.collection.size > 0 && (T.current = !1);
+        let Q = ue();
+        Fl(r.current), Al(Q, null), e.collection.size > 0 && (T.current = !1);
       } else
         e.setFocusedKey(Y), T.current = !1;
     }
@@ -6708,8 +6708,8 @@ function fc(t) {
       let le = null;
       var Y;
       i === "first" && (le = (Y = (k = n.getFirstKey) === null || k === void 0 ? void 0 : k.call(n)) !== null && Y !== void 0 ? Y : null);
-      var Z;
-      i === "last" && (le = (Z = (O = n.getLastKey) === null || O === void 0 ? void 0 : O.call(n)) !== null && Z !== void 0 ? Z : null);
+      var Q;
+      i === "last" && (le = (Q = (O = n.getLastKey) === null || O === void 0 ? void 0 : O.call(n)) !== null && Q !== void 0 ? Q : null);
       let de = e.selectedKeys;
       if (de.size) {
         for (let u of de) if (e.canSelectItem(u)) {
@@ -6752,11 +6752,11 @@ function fc(t) {
   c || (z = ee(oe, z));
   let se;
   f || (se = e.focusedKey == null ? 0 : -1);
-  let J = ac(e.collection);
+  let Z = ac(e.collection);
   return {
     collectionProps: ee(z, {
       tabIndex: se,
-      "data-collection": J
+      "data-collection": Z
     })
   };
 }
@@ -6810,25 +6810,25 @@ function pc(t) {
       }));
     }
     y && i.current && p.open(i.current, u, oe.href, oe.routerOptions);
-  }, J = {
+  }, Z = {
     ref: i
   };
-  if (l ? (J.onPressStart = (u) => {
+  if (l ? (Z.onPressStart = (u) => {
     A.current = u.pointerType, R.current = E, u.pointerType === "keyboard" && (!U || vi(u.key)) && m(u);
-  }, c ? (J.onPressUp = S ? void 0 : (u) => {
+  }, c ? (Z.onPressUp = S ? void 0 : (u) => {
     u.pointerType === "mouse" && x && m(u);
-  }, J.onPress = S ? se : (u) => {
+  }, Z.onPress = S ? se : (u) => {
     u.pointerType !== "keyboard" && u.pointerType !== "mouse" && x && m(u);
-  }) : J.onPress = (u) => {
+  }) : Z.onPress = (u) => {
     if (S || T && u.pointerType !== "mouse") {
       if (u.pointerType === "keyboard" && !bi(u.key)) return;
       se(u);
     } else u.pointerType !== "keyboard" && x && m(u);
-  }) : (J.onPressStart = (u) => {
+  }) : (Z.onPressStart = (u) => {
     A.current = u.pointerType, R.current = E, z.current = S, x && (u.pointerType === "mouse" && !S || u.pointerType === "keyboard" && (!w || vi(u.key))) && m(u);
-  }, J.onPress = (u) => {
+  }, Z.onPress = (u) => {
     (u.pointerType === "touch" || u.pointerType === "pen" || u.pointerType === "virtual" || u.pointerType === "keyboard" && U && bi(u.key) || u.pointerType === "mouse" && z.current) && (U ? se(u) : x && m(u));
-  }), v["data-collection"] = sc(n.collection), v["data-key"] = r, J.preventFocusOnPress = o, o && (J = ee(J, {
+  }), v["data-collection"] = sc(n.collection), v["data-key"] = r, Z.preventFocusOnPress = o, o && (Z = ee(Z, {
     onPressStart(u) {
       u.pointerType !== "touch" && (n.setFocused(!0), n.setFocusedKey(r));
     },
@@ -6843,10 +6843,10 @@ function pc(t) {
       "onPress",
       "onPressUp",
       "onClick"
-    ]) oe[u] && (J[u] = Pt(J[u], oe[u]));
-  let { pressProps: k, isPressed: O } = ut(J), Y = T ? (u) => {
+    ]) oe[u] && (Z[u] = Pt(Z[u], oe[u]));
+  let { pressProps: k, isPressed: O } = ut(Z), Y = T ? (u) => {
     A.current === "mouse" && (u.stopPropagation(), u.preventDefault(), se(u));
-  } : void 0, { longPressProps: Z } = _d({
+  } : void 0, { longPressProps: Q } = _d({
     isDisabled: !E,
     onLongPress(u) {
       u.pointerType === "touch" && (m(u), n.setSelectionBehavior("toggle"));
@@ -6860,7 +6860,7 @@ function pc(t) {
     itemProps: ee(
       v,
       x || S || o && !s ? k : {},
-      E ? Z : {},
+      E ? Q : {},
       {
         onDoubleClick: Y,
         onDragStartCapture: le,
@@ -8125,8 +8125,8 @@ function Jc(t, e) {
   };
 }
 function Lo(t, e, n) {
-  let { isDisabled: r = !1, isReadOnly: i = !1, value: l, name: o, form: a, children: s, "aria-label": d, "aria-labelledby": c, validationState: f = "valid", isInvalid: p, onPressStart: m, onPressEnd: v, onPressChange: b, onPress: g, onPressUp: y, onClick: x } = t, w = (J) => {
-    J.stopPropagation(), e.setSelected(L(J).checked);
+  let { isDisabled: r = !1, isReadOnly: i = !1, value: l, name: o, form: a, children: s, "aria-label": d, "aria-labelledby": c, validationState: f = "valid", isInvalid: p, onPressStart: m, onPressEnd: v, onPressChange: b, onPress: g, onPressUp: y, onClick: x } = t, w = (Z) => {
+    Z.stopPropagation(), e.setSelected(L(Z).checked);
   }, S = s != null, T = d != null || c != null;
   !S && !T && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
   let { pressProps: U, isPressed: A } = ut({
@@ -8143,9 +8143,9 @@ function Lo(t, e, n) {
     onPressChange: b,
     onPressUp: y,
     onClick: x,
-    onPress(J) {
+    onPress(Z) {
       var k;
-      g == null || g(J), e.toggle(), (k = n.current) === null || k === void 0 || k.focus();
+      g == null || g(Z), e.toggle(), (k = n.current) === null || k === void 0 || k.focus();
     },
     isDisabled: r || i
   }), { focusableProps: z } = bn(t, n), oe = ee(U, z), se = be(t, {
@@ -8153,7 +8153,7 @@ function Lo(t, e, n) {
   });
   return gl(n, e.defaultSelected, e.setSelected), {
     labelProps: ee(E, {
-      onClick: (J) => J.preventDefault()
+      onClick: (Z) => Z.preventDefault()
     }),
     inputProps: ee(se, {
       "aria-invalid": p || f === "invalid" || void 0,
@@ -9725,7 +9725,7 @@ const zu = /* @__PURE__ */ te({}), Hu = /* @__PURE__ */ te(null), Uu = /* @__PUR
           o(m);
         }
       },
-      className: Q(
+      className: J(
         "inline-flex items-center justify-center relative",
         "border-2 border-solid",
         "font-dos font-dos-bold leading-none whitespace-nowrap select-none",
@@ -9745,7 +9745,7 @@ const zu = /* @__PURE__ */ te({}), Hu = /* @__PURE__ */ te(null), Uu = /* @__PUR
       ...c,
       children: [
         i && /* @__PURE__ */ h("span", { className: "eidotter-btn__loading", "aria-hidden": "true", children: "█" }),
-        /* @__PURE__ */ h("span", { className: Q(
+        /* @__PURE__ */ h("span", { className: J(
           "inline-flex items-center justify-center",
           i && "opacity-70"
         ), children: l })
@@ -9794,7 +9794,7 @@ const zu = /* @__PURE__ */ te({}), Hu = /* @__PURE__ */ te(null), Uu = /* @__PUR
     name: a,
     value: s,
     "aria-label": c || i,
-    className: Q(
+    className: J(
       "inline-flex items-center gap-2 cursor-pointer select-none group",
       "font-dos",
       o === "sm" ? "text-[14px]" : "text-[16px]",
@@ -9805,7 +9805,7 @@ const zu = /* @__PURE__ */ te({}), Hu = /* @__PURE__ */ te(null), Uu = /* @__PUR
     "data-size": o,
     ...f,
     children: ({ isSelected: p, isIndeterminate: m }) => /* @__PURE__ */ I(pt, { children: [
-      /* @__PURE__ */ h("span", { className: Q(
+      /* @__PURE__ */ h("span", { className: J(
         "eidotter-checkbox__box",
         p && "eidotter-checkbox__box--checked",
         m && "eidotter-checkbox__box--indeterminate"
@@ -9909,7 +9909,7 @@ const Of = ({
   "aria-label": p,
   ...m
 }) => {
-  const v = Math.min(80, Math.max(3, Math.floor(o))), b = Math.min(100, Math.max(0, t / e * 100)), g = Math.round(b / 100 * v), y = Q(
+  const v = Math.min(80, Math.max(3, Math.floor(o))), b = Math.min(100, Math.max(0, t / e * 100)), g = Math.round(b / 100 * v), y = J(
     "inline-flex items-center gap-2 font-dos",
     "eidotter-progress",
     Li[i] || Li.md,
@@ -9923,7 +9923,7 @@ const Of = ({
     "aria-label": p || `Progress: ${n ? "loading" : `${Math.round(b)}%`}`
   };
   n || (x["aria-valuenow"] = t, x["aria-valuemin"] = 0, x["aria-valuemax"] = e), c && (x["aria-valuetext"] = c);
-  const w = l === "bordered", S = Q(
+  const w = l === "bordered", S = J(
     "eidotter-progress__track",
     w && "eidotter-progress__track--borderless"
   );
@@ -9996,14 +9996,14 @@ const Of = ({
       isDisabled: i,
       isInvalid: c,
       isRequired: a,
-      className: Q("eidotter-text-field", "flex flex-col gap-1", l),
+      className: J("eidotter-text-field", "flex flex-col gap-1", l),
       children: [
         e && /* @__PURE__ */ h(ou, { className: "text-cga-amber font-dos text-xs uppercase tracking-wider", children: e }),
         /* @__PURE__ */ h(
           Eu,
           {
             ref: d,
-            className: Q(
+            className: J(
               "w-full bg-dos-bg-primary text-cga-amber font-dos text-base p-2",
               "border-2 border-dos-border-default outline-none box-border",
               "eidotter-input",
@@ -10166,7 +10166,7 @@ const Vf = ({
       selectedKey: r,
       defaultSelectedKey: i ?? ((b = t[0]) == null ? void 0 : b.id),
       onSelectionChange: p,
-      className: Q(
+      className: J(
         "eidotter-tabs",
         qu[e],
         Fi[n] || Fi.md,
@@ -10184,7 +10184,7 @@ const Vf = ({
                 {
                   id: g.id,
                   isDisabled: g.disabled,
-                  className: ({ isSelected: y, isDisabled: x }) => Q(
+                  className: ({ isSelected: y, isDisabled: x }) => J(
                     "eidotter-tabs__tab",
                     y && "eidotter-tabs__tab--active",
                     x && "eidotter-tabs__tab--disabled"
@@ -10231,7 +10231,7 @@ const Vf = ({
 }) => /* @__PURE__ */ I(
   "span",
   {
-    className: Q(
+    className: J(
       "inline-flex items-center justify-center",
       "font-dos font-dos-regular leading-none whitespace-nowrap select-none",
       "uppercase tracking-wider",
@@ -10269,7 +10269,7 @@ const Vf = ({
     isDisabled: r,
     name: a,
     value: s,
-    className: Q(
+    className: J(
       "inline-flex items-center gap-2 cursor-pointer outline-none font-dos group",
       "eidotter-switch",
       r && "opacity-50 cursor-not-allowed",
@@ -10279,7 +10279,7 @@ const Vf = ({
     "data-type": l,
     ...c,
     children: ({ isSelected: f }) => /* @__PURE__ */ I(pt, { children: [
-      /* @__PURE__ */ h("span", { className: Q(
+      /* @__PURE__ */ h("span", { className: J(
         "eidotter-switch__track",
         f && "eidotter-switch__track--checked",
         l === "slim" && "eidotter-switch__track--slim",
@@ -10305,7 +10305,7 @@ const Vf = ({
       "button",
       {
         type: "button",
-        className: Q(Wt, "bg-transparent border-0 cursor-pointer font-[inherit] p-0"),
+        className: J(Wt, "bg-transparent border-0 cursor-pointer font-[inherit] p-0"),
         onClick: a.onClick,
         children: d
       }
@@ -10315,7 +10315,7 @@ const Vf = ({
     "nav",
     {
       "aria-label": "Breadcrumb",
-      className: Q(
+      className: J(
         "font-dos text-xs uppercase tracking-[0.35em]",
         "eidotter-breadcrumb",
         l
@@ -10919,7 +10919,7 @@ const Ui = {
   return /* @__PURE__ */ I(
     "span",
     {
-      className: Q(
+      className: J(
         "inline-flex items-center justify-center",
         "font-dos font-dos-regular leading-none whitespace-nowrap select-none",
         "rounded-dos-sm uppercase tracking-wider",
@@ -11147,12 +11147,12 @@ const gf = ({
     selectedEntryId: l,
     defaultSelectedEntryId: o,
     onSelectEntry: a
-  }), J = q(
+  }), Z = q(
     () => bf(t, y, s),
     [t, y, s]
   ), k = S.length > 0 ? ["year", "month", "day", "hour"][S.length - 1] : null, O = q(
-    () => T && k ? hf(J, T, k) : J,
-    [J, T, k]
+    () => T && k ? hf(Z, T, k) : Z,
+    [Z, T, k]
   );
   W(() => {
     if (p || !d) return;
@@ -11180,11 +11180,11 @@ const gf = ({
   }, [p, c, E, R, se]);
   const Y = B((C) => {
     x && (A(C.periodStart, C.label), g(`Showing ${y === "year" ? "months" : y === "month" ? "days" : "hours"} in ${C.label}`));
-  }, [x, A, y]), Z = D(S.length);
+  }, [x, A, y]), Q = D(S.length);
   W(() => {
     var C;
-    if (S.length !== Z.current) {
-      Z.current = S.length;
+    if (S.length !== Q.current) {
+      Q.current = S.length;
       const K = (C = v.current) == null ? void 0 : C.querySelector('.timeline-card__trigger, .timeline-view__bucket-button, .timeline-node[role="button"]');
       K && requestAnimationFrame(() => K.focus());
     }
@@ -11281,7 +11281,7 @@ const gf = ({
         d || e();
       },
       isDismissable: !0,
-      className: ({ isEntering: d, isExiting: c }) => Q(
+      className: ({ isEntering: d, isExiting: c }) => J(
         "eidotter-modal-overlay",
         d && "eidotter-modal-overlay--entering",
         c && "eidotter-modal-overlay--exiting"
@@ -11289,7 +11289,7 @@ const gf = ({
       children: /* @__PURE__ */ h(
         Du,
         {
-          className: ({ isEntering: d, isExiting: c }) => Q(
+          className: ({ isEntering: d, isExiting: c }) => J(
             "eidotter-modal",
             d && "eidotter-modal--entering",
             c && "eidotter-modal--exiting"
@@ -11298,7 +11298,7 @@ const gf = ({
             Tu,
             {
               "aria-label": r,
-              className: Q("eidotter-modal__container outline-none", o),
+              className: J("eidotter-modal__container outline-none", o),
               children: [
                 /* @__PURE__ */ I("header", { className: "eidotter-modal__header", children: [
                   /* @__PURE__ */ h("h2", { className: "eidotter-modal__title", children: r }),
@@ -11403,7 +11403,7 @@ const Wi = {
   return /* @__PURE__ */ I(
     "div",
     {
-      className: Q(
+      className: J(
         "flex flex-col font-dos",
         "eidotter-stat",
         c.root,
@@ -11411,12 +11411,12 @@ const Wi = {
       ),
       ...a,
       children: [
-        /* @__PURE__ */ h("span", { className: Q("text-cga-amber uppercase tracking-wider leading-tight", c.label), children: t }),
-        /* @__PURE__ */ h("span", { className: Q("text-dos-text-accent font-bold leading-none tabular-nums", c.value), children: d }),
+        /* @__PURE__ */ h("span", { className: J("text-cga-amber uppercase tracking-wider leading-tight", c.label), children: t }),
+        /* @__PURE__ */ h("span", { className: J("text-dos-text-accent font-bold leading-none tabular-nums", c.value), children: d }),
         n && /* @__PURE__ */ I(
           "span",
           {
-            className: Q(
+            className: J(
               "inline-flex items-center gap-1 leading-none",
               xf[n],
               c.trend
@@ -11492,7 +11492,7 @@ const Wi = {
     "div",
     {
       ref: p,
-      className: Q(
+      className: J(
         "inline-flex flex-wrap items-center gap-1 p-1 font-dos max-w-full",
         "bg-dos-bg-secondary border border-dos-border-default rounded-dos-sm",
         "eidotter-filter-bar",
@@ -11507,7 +11507,7 @@ const Wi = {
           "button",
           {
             type: "button",
-            className: Q(
+            className: J(
               "eidotter-filter-bar__item",
               "eidotter-filter-bar__item--all",
               g && "eidotter-filter-bar__item--active"
@@ -11524,7 +11524,7 @@ const Wi = {
             "button",
             {
               type: "button",
-              className: Q(
+              className: J(
                 "eidotter-filter-bar__item",
                 R && "eidotter-filter-bar__item--active",
                 E.disabled && "eidotter-filter-bar__item--disabled"
@@ -11641,7 +11641,7 @@ const Wi = {
   {
     role: "separator",
     "aria-orientation": t,
-    className: Q(
+    className: J(
       "shrink-0 bg-dos-border-default",
       "eidotter-separator",
       Sf[t],
@@ -11680,7 +11680,7 @@ const Wi = {
   return /* @__PURE__ */ h(
     "nav",
     {
-      className: Q(
+      className: J(
         "eidotter-nav eidotter-nav--desktop",
         Zo[n],
         i
@@ -11690,7 +11690,7 @@ const Wi = {
         l,
         {
           href: o.href,
-          className: Q(
+          className: J(
             "eidotter-nav__link",
             e === o.href && "eidotter-nav__link--active"
           ),
@@ -11707,7 +11707,7 @@ const Wi = {
   className: i
 }) => {
   const [l, o] = H(!1), a = r || "a", s = B(() => o((c) => !c), []), d = B(() => o(!1), []);
-  return /* @__PURE__ */ I("div", { className: Q(
+  return /* @__PURE__ */ I("div", { className: J(
     "eidotter-nav eidotter-nav--mobile",
     Zo[n],
     i
@@ -11733,7 +11733,7 @@ const Wi = {
     /* @__PURE__ */ I(
       "nav",
       {
-        className: Q(
+        className: J(
           "eidotter-nav__panel",
           l && "eidotter-nav__panel--open"
         ),
@@ -11752,7 +11752,7 @@ const Wi = {
             a,
             {
               href: c.href,
-              className: Q(
+              className: J(
                 "eidotter-nav__link",
                 e === c.href && "eidotter-nav__link--active"
               ),
@@ -11919,7 +11919,7 @@ const Wi = {
   return /* @__PURE__ */ I(
     "footer",
     {
-      className: Q(
+      className: J(
         "font-dos text-sm py-4 px-2 text-center",
         "eidotter-footer",
         r
@@ -12143,7 +12143,7 @@ function lp(t) {
     n[r] = i.usedBy ?? [];
   return n;
 }
-const op = "0.16.1";
+const op = "0.16.2";
 export {
   Mf as AccordionFill,
   Lf as Alert,