@photonix/basic 1.7.0 → 1.7.1

package/dist/index.js

@@ -37792,13 +37792,13 @@ var ra = i.forwardRef(
     onClick: h,
     ...d
   }, s2) => {
-    const p = o !== void 0, [u, m] = i.useState(n), [y6, b] = i.useState(false), v = i.useRef(null), _ = p ? o : u, L = r2, k6 = !r2 && _, S = !r2 && !_, w = l === "small" ? 20 : 24, T = (z) => {
+    const p = o !== void 0, [u, m] = i.useState(n), [y6, b] = i.useState(false), v = i.useRef(null), _ = p ? o : u, L = r2, k6 = !r2 && _, S = !r2 && !_, w = l === "small" ? 20 : 24, T = (W) => {
       if (f) return;
       v.current && clearTimeout(v.current), b(true), v.current = setTimeout(() => {
         b(false);
       }, 400);
-      const W = r2 ? true : !_;
-      p || m(W), C && C(W), h && h(z);
+      const P6 = r2 ? true : !_;
+      p || m(P6), C && C(P6), h && h(W);
     };
     i.useEffect(() => () => {
       v.current && clearTimeout(v.current);
@@ -38093,7 +38093,7 @@ var Pa = ({
 }) => {
   const M = C === "checkbox", N = (!!_ || M) && !L, H = () => {
     L || (M && m?.(!u), _?.());
-  }, z = () => {
+  }, W = () => {
     if (n === "none") return null;
     switch (n) {
       case "icon":
@@ -38120,15 +38120,15 @@ var Pa = ({
       default:
         return null;
     }
-  }, W = () => {
-    const V = o !== void 0;
+  }, P6 = () => {
+    const A = o !== void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: De.listItemBody, children: [
       /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: De.listItemContent, children: t }),
-      a2 && !V && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: [
+      a2 && !A && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: [
         De.listItemDescription,
         S && De.listItemDescriptionMultiline
       ].filter(Boolean).join(" "), children: a2 }),
-      V && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(en, { value: o, className: De.listItemProgress })
+      A && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(en, { value: o, className: De.listItemProgress })
     ] });
   }, G = () => {
     if (C === "none") return null;
@@ -38170,15 +38170,15 @@ var Pa = ({
       case "check":
         return y6 ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: De.listItemTrailingCheck, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CheckSmallOutline, { size: 24 }) }) : null;
       case "actions":
-        return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: De.listItemTrailingActions, children: b.slice(0, 3).map((V, I) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: De.listItemTrailingActions, children: b.slice(0, 3).map((A, I) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
           ge,
           {
-            icon: V,
+            icon: A,
             variant: "tertiary",
             size: "medium",
             className: De.listItemActionButton,
-            onClick: ($) => {
-              $.stopPropagation(), v?.(I);
+            onClick: (K) => {
+              K.stopPropagation(), v?.(I);
             },
             disabled: L,
             "aria-label": `Action ${I + 1}`
@@ -38208,13 +38208,13 @@ var Pa = ({
       onClick: H,
       role: N ? "button" : void 0,
       tabIndex: N ? 0 : void 0,
-      onKeyDown: (V) => {
-        N && (V.key === "Enter" || V.key === " ") && (V.preventDefault(), H());
+      onKeyDown: (A) => {
+        N && (A.key === "Enter" || A.key === " ") && (A.preventDefault(), H());
       },
       ...T,
       children: [
-        z(),
         W(),
+        P6(),
         G()
       ]
     }
@@ -38666,45 +38666,45 @@ var Qt = (0, import_react65.forwardRef)(({
   autoHide: s2 = true,
   onScroll: p
 }, u) => {
-  const m = (0, import_react65.useRef)(null), y6 = (0, import_react65.useRef)(null), b = (0, import_react65.useRef)(null), [v, _] = (0, import_react65.useState)(0), [L, k6] = (0, import_react65.useState)(0), [S, w] = (0, import_react65.useState)(false), [T, M] = (0, import_react65.useState)(false), [N, H] = (0, import_react65.useState)(0), [z, W] = (0, import_react65.useState)(0), [G, E] = (0, import_react65.useState)(false), [J, V] = (0, import_react65.useState)(false), [I, $] = (0, import_react65.useState)(false), x6 = (0, import_react65.useRef)({ y: 0, scrollTop: 0 }), D = (0, import_react65.useRef)({ x: 0, scrollLeft: 0 }), F = (0, import_react65.useCallback)(() => {
-    const Z = m.current;
-    if (!Z) return;
-    const { scrollHeight: ce, clientHeight: xe, scrollTop: we, scrollWidth: te, clientWidth: ae, scrollLeft: le } = Z, Y = ce > xe + 1;
+  const m = (0, import_react65.useRef)(null), y6 = (0, import_react65.useRef)(null), b = (0, import_react65.useRef)(null), [v, _] = (0, import_react65.useState)(0), [L, k6] = (0, import_react65.useState)(0), [S, w] = (0, import_react65.useState)(false), [T, M] = (0, import_react65.useState)(false), [N, H] = (0, import_react65.useState)(0), [W, P6] = (0, import_react65.useState)(0), [G, E] = (0, import_react65.useState)(false), [J, A] = (0, import_react65.useState)(false), [I, K] = (0, import_react65.useState)(false), x6 = (0, import_react65.useRef)({ y: 0, scrollTop: 0 }), D = (0, import_react65.useRef)({ x: 0, scrollLeft: 0 }), F = (0, import_react65.useCallback)(() => {
+    const z = m.current;
+    if (!z) return;
+    const { scrollHeight: ce, clientHeight: xe, scrollTop: we, scrollWidth: te, clientWidth: ae, scrollLeft: le } = z, Y = ce > xe + 1;
     if (w(Y), Y) {
       const ie = y6.current ? y6.current.clientHeight : xe, R = 4, X = Math.max(0, ie - R * 2), j = Math.max(xe / ce * X, 30);
       _(j);
-      const A = ce - xe, ne = X - j;
-      k6(R + we / A * ne);
+      const V = ce - xe, ne = X - j;
+      k6(R + we / V * ne);
     }
     const ee = te > ae + 1;
     if (E(ee), ee) {
       const ie = b.current ? b.current.clientWidth : ae, R = 4, X = Math.max(0, ie - R * 2), j = Math.max(ae / te * X, 30);
       H(j);
-      const A = te - ae, ne = X - j;
-      W(R + le / A * ne);
+      const V = te - ae, ne = X - j;
+      P6(R + le / V * ne);
     }
   }, []);
   (0, import_react65.useEffect)(() => {
     if (S || G) {
-      const Z = setTimeout(F, 0);
-      return () => clearTimeout(Z);
+      const z = setTimeout(F, 0);
+      return () => clearTimeout(z);
     }
   }, [S, G, F]), (0, import_react65.useImperativeHandle)(u, () => ({
     contentElement: m.current,
-    scrollTo: (Z) => {
-      m.current?.scrollTo(Z);
+    scrollTo: (z) => {
+      m.current?.scrollTo(z);
     }
   }), []);
-  const K = (0, import_react65.useCallback)((Z) => {
-    F(), p?.(Z);
-  }, [F, p]), de = (0, import_react65.useCallback)((Z) => {
-    Z.preventDefault(), Z.stopPropagation(), M(true), x6.current = { y: Z.clientY, scrollTop: m.current?.scrollTop || 0 };
-  }, []), O6 = (0, import_react65.useCallback)((Z) => {
-    Z.preventDefault(), Z.stopPropagation(), V(true), D.current = { x: Z.clientX, scrollLeft: m.current?.scrollLeft || 0 };
+  const Q = (0, import_react65.useCallback)((z) => {
+    F(), p?.(z);
+  }, [F, p]), de = (0, import_react65.useCallback)((z) => {
+    z.preventDefault(), z.stopPropagation(), M(true), x6.current = { y: z.clientY, scrollTop: m.current?.scrollTop || 0 };
+  }, []), O6 = (0, import_react65.useCallback)((z) => {
+    z.preventDefault(), z.stopPropagation(), A(true), D.current = { x: z.clientX, scrollLeft: m.current?.scrollLeft || 0 };
   }, []);
   (0, import_react65.useEffect)(() => {
     if (!T && !J) return;
-    const Z = (xe) => {
+    const z = (xe) => {
       const we = m.current;
       if (we) {
         if (T) {
@@ -38717,36 +38717,36 @@ var Qt = (0, import_react65.forwardRef)(({
         }
       }
     }, ce = () => {
-      M(false), V(false);
+      M(false), A(false);
     };
-    return document.addEventListener("mousemove", Z), document.addEventListener("mouseup", ce), () => {
-      document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", ce);
+    return document.addEventListener("mousemove", z), document.addEventListener("mouseup", ce), () => {
+      document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", ce);
     };
   }, [T, J, v, N]);
-  const q = (0, import_react65.useCallback)((Z) => {
-    const ce = m.current, xe = Z.currentTarget;
+  const q = (0, import_react65.useCallback)((z) => {
+    const ce = m.current, xe = z.currentTarget;
     if (!ce) return;
-    const we = xe.getBoundingClientRect(), te = Z.clientY - we.top, { scrollHeight: ae, clientHeight: le } = ce, Y = 4, ee = ae - le, ie = te - v / 2 - Y, R = xe.clientHeight - Y * 2 - v;
+    const we = xe.getBoundingClientRect(), te = z.clientY - we.top, { scrollHeight: ae, clientHeight: le } = ce, Y = 4, ee = ae - le, ie = te - v / 2 - Y, R = xe.clientHeight - Y * 2 - v;
     ce.scrollTop = Math.max(0, Math.min(1, ie / R)) * ee;
-  }, [v]), re2 = (0, import_react65.useCallback)((Z) => {
-    const ce = m.current, xe = Z.currentTarget;
+  }, [v]), re2 = (0, import_react65.useCallback)((z) => {
+    const ce = m.current, xe = z.currentTarget;
     if (!ce) return;
-    const we = xe.getBoundingClientRect(), te = Z.clientX - we.left, { scrollWidth: ae, clientWidth: le } = ce, Y = 4, ee = ae - le, ie = te - N / 2 - Y, R = xe.clientWidth - Y * 2 - N;
+    const we = xe.getBoundingClientRect(), te = z.clientX - we.left, { scrollWidth: ae, clientWidth: le } = ce, Y = 4, ee = ae - le, ie = te - N / 2 - Y, R = xe.clientWidth - Y * 2 - N;
     ce.scrollLeft = Math.max(0, Math.min(1, ie / R)) * ee;
   }, [N]);
   (0, import_react65.useEffect)(() => {
     F();
-    const Z = new ResizeObserver(F);
-    return m.current && Z.observe(m.current), () => Z.disconnect();
+    const z = new ResizeObserver(F);
+    return m.current && z.observe(m.current), () => z.disconnect();
   }, [F]);
-  const P6 = !s2 || I || T || J, U = a2 === "sm" ? "Small" : "Medium", ue = r2 ? { flex: 1, minHeight: 0, minWidth: 0, height: "100%", ...n && { maxWidth: n } } : { height: o, maxWidth: n }, he = r2 ? { height: "100%", ...n && { maxWidth: n } } : { maxHeight: o, maxWidth: n };
+  const Z = !s2 || I || T || J, U = a2 === "sm" ? "Small" : "Medium", ue = r2 ? { flex: 1, minHeight: 0, minWidth: 0, height: "100%", ...n && { maxWidth: n } } : { height: o, maxWidth: n }, he = r2 ? { height: "100%", ...n && { maxWidth: n } } : { maxHeight: o, maxWidth: n };
   return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
     "div",
     {
       className: `phx-custom-scrollbar ${rt.customScrollbarRoot} ${r2 ? rt.customScrollbarFill : ""} ${l || ""}`,
       style: ue,
-      onMouseEnter: () => $(true),
-      onMouseLeave: () => $(false),
+      onMouseEnter: () => K(true),
+      onMouseLeave: () => K(false),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
           "div",
@@ -38754,7 +38754,7 @@ var Qt = (0, import_react65.forwardRef)(({
             ref: m,
             className: `${rt.customScrollbarContent} ${c2 || ""}`,
             style: he,
-            onScroll: K,
+            onScroll: Q,
             children: t
           }
         ),
@@ -38762,7 +38762,7 @@ var Qt = (0, import_react65.forwardRef)(({
           "div",
           {
             ref: y6,
-            className: `${rt.customScrollbarTrackVertical} ${rt[`customScrollbarTrack${U}`]} ${P6 ? rt.customScrollbarTrackVisible : ""} ${f || ""}`,
+            className: `${rt.customScrollbarTrackVertical} ${rt[`customScrollbarTrack${U}`]} ${Z ? rt.customScrollbarTrackVisible : ""} ${f || ""}`,
             style: C,
             onClick: q,
             children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
@@ -38782,7 +38782,7 @@ var Qt = (0, import_react65.forwardRef)(({
           "div",
           {
             ref: b,
-            className: `${rt.customScrollbarTrackHorizontal} ${rt[`customScrollbarTrack${U}`]} ${P6 ? rt.customScrollbarTrackVisible : ""} ${h || ""}`,
+            className: `${rt.customScrollbarTrackHorizontal} ${rt[`customScrollbarTrack${U}`]} ${Z ? rt.customScrollbarTrackVisible : ""} ${h || ""}`,
             style: d,
             onClick: re2,
             children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
@@ -38791,7 +38791,7 @@ var Qt = (0, import_react65.forwardRef)(({
                 className: `${rt.customScrollbarThumbHorizontal} ${rt[`customScrollbarThumb${U}`]} ${J ? rt.customScrollbarThumbHorizontalDragging : ""}`,
                 style: {
                   width: N,
-                  transform: `translateX(${z}px)`
+                  transform: `translateX(${W}px)`
                 },
                 onMouseDown: O6
               }
@@ -38910,17 +38910,17 @@ function rn(t, a2, o, n = {}) {
           u.current();
           return;
         }
-        const T = a2.current?.getBoundingClientRect(), M = w.bottom - L.bottom, N = L.top - w.top, H = 8, z = w.left + w.padding, W = w.right - w.padding;
+        const T = a2.current?.getBoundingClientRect(), M = w.bottom - L.bottom, N = L.top - w.top, H = 8, W = w.left + w.padding, P6 = w.right - w.padding;
         let G = "bottom";
         if (M < r2 && N > M && (G = "top"), d(G), c2 === "fixed") {
-          let E = L.left, J, V;
-          T && (E + T.width > W && (E = Math.max(z, W - T.width)), E < z && (E = z)), G === "bottom" ? J = L.bottom + H : V = k6 - L.top + H, y6({ top: J, bottom: V, left: E }), p("left");
+          let E = L.left, J, A;
+          T && (E + T.width > P6 && (E = Math.max(W, P6 - T.width)), E < W && (E = W)), G === "bottom" ? J = L.bottom + H : A = k6 - L.top + H, y6({ top: J, bottom: A, left: E }), p("left");
         } else {
           let E = 0;
           const J = "left";
           if (T) {
-            const V = L.left, I = V + T.width;
-            I > W && (E = -(I - W)), V + E < z && (E = z - L.left);
+            const A = L.left, I = A + T.width;
+            I > P6 && (E = -(I - P6)), A + E < W && (E = W - L.left);
           }
           y6({ horizontalOffset: E }), p(J);
         }
@@ -39050,8 +39050,8 @@ var Fa = i.forwardRef(
     }), L = i.useRef(null);
     i.useEffect(() => {
       if (!o || l) return;
-      const H = (z) => {
-        (z.metaKey || z.ctrlKey) && z.key.toLowerCase() === "k" && (z.preventDefault(), L.current?.focus());
+      const H = (W) => {
+        (W.metaKey || W.ctrlKey) && W.key.toLowerCase() === "k" && (W.preventDefault(), L.current?.focus());
       };
       return window.addEventListener("keydown", H), () => window.removeEventListener("keydown", H);
     }, [o, l]), i.useImperativeHandle(m, () => L.current);
@@ -39216,7 +39216,7 @@ var vo = i.forwardRef(
     }, [w]), i.useEffect(() => {
       if (s2 !== void 0 || !h || !b.current || a2 !== "large") return;
       const x6 = Y1(b.current), D = 50, F = () => {
-        const K = x6 === window ? window.scrollY : x6.scrollTop, de = Math.min(1, Math.max(0, K / D));
+        const Q = x6 === window ? window.scrollY : x6.scrollTop, de = Math.min(1, Math.max(0, Q / D));
         N(de);
       };
       return x6.addEventListener("scroll", F, { passive: true }), F(), () => x6.removeEventListener("scroll", F);
@@ -39224,8 +39224,8 @@ var vo = i.forwardRef(
       if (a2 !== "large" || w) return;
       const x6 = requestAnimationFrame(() => {
         if (v.current) {
-          const D = 1 - H * 0.15, F = 1 - H, K = H * -10;
-          v.current.style.transform = `scale(${D}) translateY(${K}px)`, v.current.style.opacity = String(F), v.current.style.maxHeight = H > 0.8 ? "0px" : "100px", v.current.style.visibility = H >= 1 ? "hidden" : "visible";
+          const D = 1 - H * 0.15, F = 1 - H, Q = H * -10;
+          v.current.style.transform = `scale(${D}) translateY(${Q}px)`, v.current.style.opacity = String(F), v.current.style.maxHeight = H > 0.8 ? "0px" : "100px", v.current.style.visibility = H >= 1 ? "hidden" : "visible";
         }
         if (_.current) {
           const D = H, F = (1 - H) * 8;
@@ -39245,22 +39245,22 @@ var vo = i.forwardRef(
       });
       return () => cancelAnimationFrame(x6);
     }, [H, a2, w]);
-    const z = () => {
+    const W = () => {
       T(true);
-    }, W = () => {
+    }, P6 = () => {
       setTimeout(() => T(false), 150);
     }, G = () => {
       T(false), k6.current?.blur();
-    }, E = h && H > 0.1, J = d ?? E, V = !t && l, I = [
+    }, E = h && H > 0.1, J = d ?? E, A = !t && l, I = [
       "phx-app-bar",
       ze.appBarRoot,
       h && ze.appBarSticky,
       J && ze.appBarElevated,
       a2 === "large" ? ze.appBarSizeLarge : ze.appBarSizeMedium,
       w && ze.appBarSearchFocusMode,
-      V && ze.appBarSearchOnlyMode,
+      A && ze.appBarSearchOnlyMode,
       m
-    ].filter(Boolean).join(" "), $ = [
+    ].filter(Boolean).join(" "), K = [
       ze.appBarTitleSmall,
       !o && !p && ze.appBarTitleSmallNoBack,
       a2 === "medium" && ze.appBarTitleSmallVisible
@@ -39285,7 +39285,7 @@ var vo = i.forwardRef(
             placeholder: c2,
             value: f,
             onChange: C,
-            onBlur: W,
+            onBlur: P6,
             showClear: true
           }
         ) })
@@ -39301,7 +39301,7 @@ var vo = i.forwardRef(
             "aria-label": "Go back"
           }
         ) }),
-        t && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("h1", { ref: _, className: $, children: t }),
+        t && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("h1", { ref: _, className: K, children: t }),
         /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ze.appBarSpacer }),
         u ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ze.appBarTrailing, children: u }) : r2.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ze.appBarActions, children: r2.map((x6, D) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: ze.appBarAction, children: x6 }, D)) }) : null
       ] }),
@@ -39315,7 +39315,7 @@ var vo = i.forwardRef(
             placeholder: c2,
             value: f,
             onChange: C,
-            onFocus: z,
+            onFocus: W,
             showClear: true
           }
         ) })
@@ -39457,7 +39457,7 @@ function Xt() {
 function Zt(...t) {
   return Xt(t);
 }
-function Q(t, a2, o = (n) => String(n)) {
+function $(t, a2, o = (n) => String(n)) {
   if (a2 === void 0) return {};
   const n = {};
   if (typeof a2 == "object" && a2 !== null && !Array.isArray(a2))
@@ -39520,28 +39520,28 @@ var Lo = i.forwardRef(
     maxH: M,
     position: N,
     top: H,
-    right: z,
-    bottom: W,
+    right: W,
+    bottom: P6,
     left: G,
     inset: E,
     zIndex: J,
-    overflow: V,
+    overflow: A,
     overflowX: I,
-    overflowY: $,
+    overflowY: K,
     aspectRatio: x6,
     // Flexbox
     flexDirection: D,
     flexWrap: F,
-    flex: K,
+    flex: Q,
     flexGrow: de,
     flexShrink: O6,
     flexBasis: q,
     order: re2,
-    gap: P6,
+    gap: Z,
     columnGap: U,
     rowGap: ue,
     alignItems: he,
-    alignContent: Z,
+    alignContent: z,
     alignSelf: ce,
     justifyContent: xe,
     justifyItems: we,
@@ -39555,7 +39555,7 @@ var Lo = i.forwardRef(
     opacity: R,
     border: X,
     borderWidth: j,
-    borderStyle: A,
+    borderStyle: V,
     borderColor: ne,
     // Typography
     textAlign: se,
@@ -39573,75 +39573,75 @@ var Lo = i.forwardRef(
     ...rr
   }, ir) => {
     const lr = t || "div", Ct = (Ee) => typeof Ee == "number" ? `${Ee}px` : Ee, $e = (Ee) => Ee === "auto" ? "auto" : ec(Ee), sr = (Ee) => tc(Ee), cr = (Ee) => ac(Ee), dr = (Ee) => K0(Ee), ur = (Ee) => $0(Ee), hr = (Ee) => typeof Ee == "boolean" ? Ee ? "wrap" : "nowrap" : Ee, pr = {
-      ...Q("p", r2, $e),
-      ...Q("px", l, $e),
-      ...Q("py", c2, $e),
-      ...Q("pt", f, $e),
-      ...Q("pb", C, $e),
-      ...Q("pl", h, $e),
-      ...Q("pr", d, $e),
-      ...Q("m", s2, $e),
-      ...Q("mx", p, $e),
-      ...Q("my", u, $e),
-      ...Q("mt", m, $e),
-      ...Q("mb", y6, $e),
-      ...Q("ml", b, $e),
-      ...Q("mr", v, $e),
-      ...Q("display", _),
-      ...Q("aspectRatio", x6),
-      ...Q("w", L, Ct),
-      ...Q("h", k6, Ct),
-      ...Q("minW", S, Ct),
-      ...Q("minH", w, Ct),
-      ...Q("maxW", T, Ct),
-      ...Q("maxH", M, Ct),
-      ...Q("position", N),
-      ...Q("top", H, Ct),
-      ...Q("right", z, Ct),
-      ...Q("bottom", W, Ct),
-      ...Q("left", G, Ct),
-      ...Q("inset", E, Ct),
-      ...Q("zIndex", J),
-      ...Q("overflow", V),
-      ...Q("overflowX", I),
-      ...Q("overflowY", $),
-      ...Q("flexDirection", D),
-      ...Q("flexWrap", F, hr),
-      ...Q("flex", K),
-      ...Q("flexGrow", de),
-      ...Q("flexShrink", O6),
-      ...Q("flexBasis", q, Ct),
-      ...Q("order", re2),
-      ...Q("gap", P6, $e),
-      ...Q("columnGap", U, $e),
-      ...Q("rowGap", ue, $e),
-      ...Q("alignItems", he, (Ee) => ic[Ee] || Ee),
-      ...Q("alignContent", Z),
-      ...Q("alignSelf", ce, (Ee) => Ee === "start" ? "flex-start" : Ee === "end" ? "flex-end" : Ee),
-      ...Q("justifyContent", xe, (Ee) => lc[Ee] || Ee),
-      ...Q("justifyItems", we),
-      ...Q("placeItems", te),
-      ...Q("placeContent", ae),
-      ...Q("page-bg", Y, ur),
-      ...Q("box-bg", le, dr),
-      ...Q("box-borderRadius", ee, sr),
-      ...Q("box-shadow", ie, cr),
-      ...Q("box-opacity", R),
-      ...Q("box-border", X),
-      ...Q("box-borderWidth", j, nc),
-      ...Q("box-borderStyle", A),
-      ...Q("box-borderColor", ne),
+      ...$("p", r2, $e),
+      ...$("px", l, $e),
+      ...$("py", c2, $e),
+      ...$("pt", f, $e),
+      ...$("pb", C, $e),
+      ...$("pl", h, $e),
+      ...$("pr", d, $e),
+      ...$("m", s2, $e),
+      ...$("mx", p, $e),
+      ...$("my", u, $e),
+      ...$("mt", m, $e),
+      ...$("mb", y6, $e),
+      ...$("ml", b, $e),
+      ...$("mr", v, $e),
+      ...$("display", _),
+      ...$("aspectRatio", x6),
+      ...$("w", L, Ct),
+      ...$("h", k6, Ct),
+      ...$("minW", S, Ct),
+      ...$("minH", w, Ct),
+      ...$("maxW", T, Ct),
+      ...$("maxH", M, Ct),
+      ...$("position", N),
+      ...$("top", H, Ct),
+      ...$("right", W, Ct),
+      ...$("bottom", P6, Ct),
+      ...$("left", G, Ct),
+      ...$("inset", E, Ct),
+      ...$("zIndex", J),
+      ...$("overflow", A),
+      ...$("overflowX", I),
+      ...$("overflowY", K),
+      ...$("flexDirection", D),
+      ...$("flexWrap", F, hr),
+      ...$("flex", Q),
+      ...$("flexGrow", de),
+      ...$("flexShrink", O6),
+      ...$("flexBasis", q, Ct),
+      ...$("order", re2),
+      ...$("gap", Z, $e),
+      ...$("columnGap", U, $e),
+      ...$("rowGap", ue, $e),
+      ...$("alignItems", he, (Ee) => ic[Ee] || Ee),
+      ...$("alignContent", z),
+      ...$("alignSelf", ce, (Ee) => Ee === "start" ? "flex-start" : Ee === "end" ? "flex-end" : Ee),
+      ...$("justifyContent", xe, (Ee) => lc[Ee] || Ee),
+      ...$("justifyItems", we),
+      ...$("placeItems", te),
+      ...$("placeContent", ae),
+      ...$("page-bg", Y, ur),
+      ...$("box-bg", le, dr),
+      ...$("box-borderRadius", ee, sr),
+      ...$("box-shadow", ie, cr),
+      ...$("box-opacity", R),
+      ...$("box-border", X),
+      ...$("box-borderWidth", j, nc),
+      ...$("box-borderStyle", V),
+      ...$("box-borderColor", ne),
       // Could map to color vars if needed, currently string
-      ...Q("textAlign", se),
-      ...Q("fontSize", Ce),
-      ...Q("fontWeight", be),
-      ...Q("lineHeight", ke),
-      ...Q("box-color", Be),
-      ...Q("cursor", Ge),
-      ...Q("pointerEvents", Je),
-      ...Q("userSelect", ft),
-      ...Q("transform", ln2),
-      ...Q("transition", or)
+      ...$("textAlign", se),
+      ...$("fontSize", Ce),
+      ...$("fontWeight", be),
+      ...$("lineHeight", ke),
+      ...$("box-color", Be),
+      ...$("cursor", Ge),
+      ...$("pointerEvents", Je),
+      ...$("userSelect", ft),
+      ...$("transform", ln2),
+      ...$("transition", or)
     }, mr = {
       ...n,
       ...pr
@@ -40288,23 +40288,23 @@ var Ha = i.forwardRef(
         if (o === "single")
           r2?.(x6);
         else {
-          const F = u.includes(x6) ? u.filter((K) => K !== x6) : [...u, x6];
+          const F = u.includes(x6) ? u.filter((Q) => Q !== x6) : [...u, x6];
           r2?.(F);
         }
     }, b = (x6) => u.includes(x6), [v, _] = i.useState(false), [L, k6] = i.useState(false), S = i.useRef(null), w = i.useCallback(() => {
       const x6 = S.current;
       if (!x6) return;
-      const D = x6.scrollTop, F = x6.scrollHeight, K = x6.clientHeight;
-      _(D > 10), k6(D + K < F - 10);
+      const D = x6.scrollTop, F = x6.scrollHeight, Q = x6.clientHeight;
+      _(D > 10), k6(D + Q < F - 10);
     }, []);
     i.useEffect(() => {
       w();
     }, [m, w]);
-    const T = 40, M = typeof l == "number" ? l : parseInt(l) || 400, { virtualItems: N, totalHeight: H, onScroll: z, isVirtual: W } = C1({
+    const T = 40, M = typeof l == "number" ? l : parseInt(l) || 400, { virtualItems: N, totalHeight: H, onScroll: W, isVirtual: P6 } = C1({
       itemCount: m.length,
       itemHeight: T,
       containerHeight: M
-    }), [G, E] = i.useState(-1), [J, V] = i.useState(false);
+    }), [G, E] = i.useState(-1), [J, A] = i.useState(false);
     i.useEffect(() => {
       if (m.length === 0) {
         E(-1);
@@ -40320,15 +40320,15 @@ var Ha = i.forwardRef(
       E((x6) => x6 >= m.length ? -1 : x6);
     }, [m, a2, o]), i.useEffect(() => {
       if (G !== -1 && S.current) {
-        const x6 = G * T, D = x6 + T, F = S.current, K = F.scrollTop, de = F.clientHeight;
-        x6 < K ? F.scrollTop = x6 : D > K + de && (F.scrollTop = D - de);
+        const x6 = G * T, D = x6 + T, F = S.current, Q = F.scrollTop, de = F.clientHeight;
+        x6 < Q ? F.scrollTop = x6 : D > Q + de && (F.scrollTop = D - de);
       }
     }, [G, T]);
     const I = i.useCallback((x6) => {
-      w(), W && z(x6);
-    }, [w, W, z]), $ = (x6) => {
+      w(), P6 && W(x6);
+    }, [w, P6, W]), K = (x6) => {
       if (m.length === 0) return;
-      ["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(x6.key) && V(true);
+      ["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(x6.key) && A(true);
       const D = x6.target.tagName === "INPUT";
       if (x6.key === "ArrowDown")
         x6.preventDefault(), E((F) => Math.min(F + 1, m.length - 1));
@@ -40352,8 +40352,8 @@ var Ha = i.forwardRef(
         ref: h,
         className: ["phx-dropdown-list", Te.dropdownListRoot, f].filter(Boolean).join(" "),
         style: C,
-        onKeyDown: $,
-        onMouseMove: () => V(false),
+        onKeyDown: K,
+        onMouseMove: () => A(false),
         children: [
           p && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Te.dropdownListSearchWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
             Fa,
@@ -40380,10 +40380,10 @@ var Ha = i.forwardRef(
                 tabIndex: 0,
                 "aria-activedescendant": G !== -1 ? `dropdown-item-${m[G]?.value}` : void 0,
                 onScroll: I,
-                children: m.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Te.dropdownListEmptyState, children: "No results found" }) : W ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { style: { height: H, position: "relative" }, children: N.map(({ index: x6, style: D }) => {
+                children: m.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Te.dropdownListEmptyState, children: "No results found" }) : P6 ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { style: { height: H, position: "relative" }, children: N.map(({ index: x6, style: D }) => {
                   const F = m[x6];
                   if (!F) return null;
-                  const K = x6 === G;
+                  const Q = x6 === G;
                   return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { style: D, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
                     "div",
                     {
@@ -40399,7 +40399,7 @@ var Ha = i.forwardRef(
                           className: [
                             Te.dropdownListItem,
                             b(F.value) && Te.dropdownListItemSelected,
-                            K && J && Te.dropdownListItemFocused,
+                            Q && J && Te.dropdownListItemFocused,
                             F.disabled && Te.dropdownListItemDisabled
                           ].filter(Boolean).join(" "),
                           onClick: () => y6(F.value, F.disabled),
@@ -40702,11 +40702,11 @@ var Ta = ({
     o && o(subMonths(a2, 1));
   }, N = () => {
     o && o(addMonths(a2, 1));
-  }, H = (O6) => !!(h && isBefore(O6, h) && !isSameDay(O6, h) || d && isAfter(O6, d) && !isSameDay(O6, d)), z = (O6) => {
+  }, H = (O6) => !!(h && isBefore(O6, h) && !isSameDay(O6, h) || d && isAfter(O6, d) && !isSameDay(O6, d)), W = (O6) => {
     H(O6) || (f?.(O6), n === "range" && (!l || l && c2 ? C?.(O6, void 0) : isBefore(O6, l) ? C?.(O6, l) : C?.(l, O6)));
-  }, [W, G] = i.useState("day"), E = i.useRef(null), J = i.useRef(null), V = () => {
-    G(W === "day" ? "monthYear" : "day");
-  }, I = i.useMemo(() => Array.from({ length: 200 }, (O6, q) => 1900 + q), []), $ = [
+  }, [P6, G] = i.useState("day"), E = i.useRef(null), J = i.useRef(null), A = () => {
+    G(P6 === "day" ? "monthYear" : "day");
+  }, I = i.useMemo(() => Array.from({ length: 200 }, (O6, q) => 1900 + q), []), K = [
     "January",
     "February",
     "March",
@@ -40723,16 +40723,16 @@ var Ta = ({
   i.useEffect(() => {
     D(a2);
   }, [a2]);
-  const F = i.useRef(null), K = (O6, q) => {
-    const re2 = O6.currentTarget, P6 = 48, U = re2.scrollTop, ue = Math.round(U / P6), he = new Date(x6);
+  const F = i.useRef(null), Q = (O6, q) => {
+    const re2 = O6.currentTarget, Z = 48, U = re2.scrollTop, ue = Math.round(U / Z), he = new Date(x6);
     if (q === "month") {
-      const Z = Math.max(0, Math.min(11, ue));
-      if (Z !== x6.getMonth())
-        he.setMonth(Z), D(he);
+      const z = Math.max(0, Math.min(11, ue));
+      if (z !== x6.getMonth())
+        he.setMonth(z), D(he);
       else
         return;
     } else {
-      const Z = Math.max(0, Math.min(I.length - 1, ue)), ce = I[Z];
+      const z = Math.max(0, Math.min(I.length - 1, ue)), ce = I[z];
       if (ce !== void 0 && ce !== x6.getFullYear())
         he.setFullYear(ce), D(he);
       else
@@ -40748,7 +40748,7 @@ var Ta = ({
     }
   };
   return i.useEffect(() => {
-    W === "monthYear" && requestAnimationFrame(() => {
+    P6 === "monthYear" && requestAnimationFrame(() => {
       if (E.current) {
         const O6 = E.current.children[a2.getMonth()];
         O6 && O6.scrollIntoView({ block: "center", behavior: "instant" });
@@ -40758,7 +40758,7 @@ var Ta = ({
         O6 && O6.scrollIntoView({ block: "center", behavior: "instant" });
       }
     });
-  }, [W, a2]), W === "monthYear" ? /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: ["phx-calendar", Me.calendarRoot, !u && Me.calendarNoShadow, t].filter(Boolean).join(" "), children: [
+  }, [P6, a2]), P6 === "monthYear" ? /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: ["phx-calendar", Me.calendarRoot, !u && Me.calendarNoShadow, t].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Me.calendarHeader, children: [
       /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
         ge,
@@ -40777,7 +40777,7 @@ var Ta = ({
           variant: "tertiary",
           size: "medium",
           trailingIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(ChevronDownSmallFilled, { size: 20, style: { transform: "rotate(180deg)" } }),
-          onClick: V,
+          onClick: A,
           children: format(x6, "MMMM yyyy")
         }
       ) }),
@@ -40800,8 +40800,8 @@ var Ta = ({
         {
           className: `${Me.calendarPickerColumn} scrollbarHidden`,
           ref: E,
-          onScroll: (O6) => K(O6, "month"),
-          children: $.map((O6, q) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+          onScroll: (O6) => Q(O6, "month"),
+          children: K.map((O6, q) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
             "button",
             {
               type: "button",
@@ -40822,7 +40822,7 @@ var Ta = ({
         {
           className: `${Me.calendarPickerColumn} scrollbarHidden`,
           ref: J,
-          onScroll: (O6) => K(O6, "year"),
+          onScroll: (O6) => Q(O6, "year"),
           children: I.map((O6, q) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
             "button",
             {
@@ -40860,7 +40860,7 @@ var Ta = ({
           variant: "tertiary",
           size: "medium",
           trailingIcon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(ChevronDownSmallFilled, { size: 20 }),
-          onClick: V,
+          onClick: A,
           children: format(a2, "MMMM yyyy")
         }
       ) }),
@@ -40879,7 +40879,7 @@ var Ta = ({
     /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Me.calendarGrid, children: [
       !b && T.map((O6) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Me.calendarDayName, children: O6 }, O6)),
       w.map((O6) => {
-        const q = isSameMonth(O6, v), re2 = H(O6), P6 = r2 ? isSameDay(O6, r2) : false, U = isToday(O6), ue = l ? isSameDay(O6, l) : false, he = c2 ? isSameDay(O6, c2) : false, Z = l && c2 ? isWithinInterval(O6, { start: l, end: c2 }) && !ue && !he : false, ce = Z && isSameDay(O6, _) && c2 && isAfter(c2, O6), xe = Z && isSameDay(O6, v) && l && isBefore(l, O6);
+        const q = isSameMonth(O6, v), re2 = H(O6), Z = r2 ? isSameDay(O6, r2) : false, U = isToday(O6), ue = l ? isSameDay(O6, l) : false, he = c2 ? isSameDay(O6, c2) : false, z = l && c2 ? isWithinInterval(O6, { start: l, end: c2 }) && !ue && !he : false, ce = z && isSameDay(O6, _) && c2 && isAfter(c2, O6), xe = z && isSameDay(O6, v) && l && isBefore(l, O6);
         return q ? /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
           "div",
           {
@@ -40889,13 +40889,13 @@ var Ta = ({
               re2 && Me.calendarDisabled,
               ue && Me.calendarRangeStart,
               he && Me.calendarRangeEnd,
-              Z && Me.calendarInRange,
+              z && Me.calendarInRange,
               xe && Me.calendarFadeStart,
               ce && Me.calendarFadeEnd
             ].filter(Boolean).join(" "),
-            onClick: () => z(O6),
+            onClick: () => W(O6),
             children: [
-              (Z || ue || he) && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Me.calendarRangeBackground }),
+              (z || ue || he) && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Me.calendarRangeBackground }),
               /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
                 "button",
                 {
@@ -40903,7 +40903,7 @@ var Ta = ({
                   className: [
                     Me.calendarDayButton,
                     re2 && Me.calendarDisabled,
-                    P6 && Me.calendarSelected,
+                    Z && Me.calendarSelected,
                     U && Me.calendarToday
                   ].filter(Boolean).join(" "),
                   tabIndex: re2 ? -1 : 0,
@@ -41496,8 +41496,8 @@ var _8 = i.forwardRef(
       if (!r2) return;
       const T = _.current;
       if (!T) return;
-      const N = ((W) => {
-        let G = W.parentElement;
+      const N = ((P6) => {
+        let G = P6.parentElement;
         for (; G; ) {
           const E = window.getComputedStyle(G);
           if (/(auto|scroll)/.test(E.overflow + E.overflowY))
@@ -41507,13 +41507,13 @@ var _8 = i.forwardRef(
         return null;
       })(T), H = () => {
         if (!T) return;
-        const W = T.getBoundingClientRect(), G = N ? N.getBoundingClientRect() : { top: 0 }, E = W.top <= G.top + 1;
+        const P6 = T.getBoundingClientRect(), G = N ? N.getBoundingClientRect() : { top: 0 }, E = P6.top <= G.top + 1;
         y6(E);
       };
       H();
-      const z = N || window;
-      return z.addEventListener("scroll", H, { passive: true }), window.addEventListener("resize", H), () => {
-        z.removeEventListener("scroll", H), window.removeEventListener("resize", H);
+      const W = N || window;
+      return W.addEventListener("scroll", H, { passive: true }), window.addEventListener("resize", H), () => {
+        W.removeEventListener("scroll", H), window.removeEventListener("resize", H);
       };
     }, [r2]);
     const S = i.useCallback((T) => {
@@ -41812,7 +41812,7 @@ var U8 = i.forwardRef(
     ...h
   }, d) => {
     const u = {
-      ...Q("maxW", o ? "full" : a2 || t, (y6) => typeof y6 == "string" && jn[y6] ? jn[y6] : typeof y6 == "number" ? `${y6}px` : y6)
+      ...$("maxW", o ? "full" : a2 || t, (y6) => typeof y6 == "string" && jn[y6] ? jn[y6] : typeof y6 == "number" ? `${y6}px` : y6)
     }, m = Zt(
       "phx-container",
       q8.containerRoot,
@@ -42076,35 +42076,35 @@ var ma = i.forwardRef(
     } = t, [k6, S] = i.useState(false), [w, T] = i.useState(false), M = u === "multi" ? t.defaultValue || [] : t.defaultValue || "", [N, H] = ia({
       value: t.value,
       defaultValue: M,
-      onChange: (Z) => {
-        t.onChange?.(Z);
+      onChange: (z) => {
+        t.onChange?.(z);
       }
-    }), z = i.useRef(null), W = i.useRef(null), G = i.useRef(null), { style: E } = rn(W, G, k6, {
+    }), W = i.useRef(null), P6 = i.useRef(null), G = i.useRef(null), { style: E } = rn(P6, G, k6, {
       margin: 32,
       strategy: m ? "fixed" : "absolute",
       matchTriggerWidth: b,
       onClose: () => S(false)
     }), J = N ?? (u === "multi" ? [] : "");
-    let V;
-    u === "multi" ? V = Array.isArray(J) && J.length > 0 : V = J !== "" && J !== void 0 && (Array.isArray(J) ? J.length > 0 : true);
-    const I = u === "multi" ? t.defaultValue || [] : t.defaultValue || "", $ = u === "multi" ? JSON.stringify(J) !== JSON.stringify(I) : J !== I, x6 = d && V && $ && w && !h, F = (() => {
+    let A;
+    u === "multi" ? A = Array.isArray(J) && J.length > 0 : A = J !== "" && J !== void 0 && (Array.isArray(J) ? J.length > 0 : true);
+    const I = u === "multi" ? t.defaultValue || [] : t.defaultValue || "", K = u === "multi" ? JSON.stringify(J) !== JSON.stringify(I) : J !== I, x6 = d && A && K && w && !h, F = (() => {
       if (u === "multi") {
-        const Z = J;
-        return Z.length === 0 ? "" : Z.length === 1 ? C.find((xe) => xe.value === Z[0])?.label || "" : `${Z.length} selected`;
+        const z = J;
+        return z.length === 0 ? "" : z.length === 1 ? C.find((xe) => xe.value === z[0])?.label || "" : `${z.length} selected`;
       } else
         return C.find((ce) => ce.value === J)?.label || "";
-    })(), K = u === "single" && C.find((Z) => Z.value === J)?.icon || c2, de = o && n === "inside", O6 = o && n === "outside", q = n === "outside", re2 = () => {
+    })(), Q = u === "single" && C.find((z) => z.value === J)?.icon || c2, de = o && n === "inside", O6 = o && n === "outside", q = n === "outside", re2 = () => {
       h || S(!k6);
-    }, P6 = (Z) => {
+    }, Z = (z) => {
       if (u === "multi") {
-        const ce = Array.isArray(Z) ? Z : [Z];
+        const ce = Array.isArray(z) ? z : [z];
         H(ce);
       } else {
-        const ce = Array.isArray(Z) ? Z[0] || "" : Z;
+        const ce = Array.isArray(z) ? z[0] || "" : z;
         H(ce), S(false);
       }
-    }, U = (Z) => {
-      if (Z && Z.stopPropagation(), u === "multi") {
+    }, U = (z) => {
+      if (z && z.stopPropagation(), u === "multi") {
         const ce = t.defaultValue || [];
         H(ce);
       } else {
@@ -42113,23 +42113,23 @@ var ma = i.forwardRef(
       }
     };
     In(
-      m ? G : z,
+      m ? G : W,
       () => S(false),
       k6,
-      [W]
+      [P6]
     ), i.useEffect(() => {
-      const Z = (ce) => {
+      const z = (ce) => {
         ce.key === "Escape" && S(false);
       };
-      return k6 && document.addEventListener("keydown", Z), () => {
-        document.removeEventListener("keydown", Z);
+      return k6 && document.addEventListener("keydown", z), () => {
+        document.removeEventListener("keydown", z);
       };
     }, [k6]);
-    const ue = C.map((Z) => ({
-      value: Z.value,
-      label: Z.label,
-      icon: Z.icon,
-      disabled: Z.disabled
+    const ue = C.map((z) => ({
+      value: z.value,
+      label: z.label,
+      icon: z.icon,
+      disabled: z.disabled
     })), he = /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       "div",
       {
@@ -42138,7 +42138,7 @@ var ma = i.forwardRef(
         style: {
           ...E,
           right: E.left ? "auto" : void 0,
-          minWidth: m ? W.current?.offsetWidth : "100%",
+          minWidth: m ? P6.current?.offsetWidth : "100%",
           width: b ? m ? void 0 : "100%" : "auto"
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
@@ -42147,12 +42147,12 @@ var ma = i.forwardRef(
             items: ue,
             value: J,
             mode: u,
-            onChange: P6,
+            onChange: Z,
             maxHeight: 300,
-            ref: (Z) => {
-              k6 && Z && setTimeout(() => {
-                const ce = Z.querySelector('input[type="search"]');
-                ce ? ce.focus() : Z.querySelector('[role="listbox"]')?.focus();
+            ref: (z) => {
+              k6 && z && setTimeout(() => {
+                const ce = z.querySelector('input[type="search"]');
+                ce ? ce.focus() : z.querySelector('[role="listbox"]')?.focus();
               }, 0);
             }
           }
@@ -42162,8 +42162,8 @@ var ma = i.forwardRef(
     return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
       "div",
       {
-        ref: (Z) => {
-          z.current = Z, typeof a2 == "function" ? a2(Z) : a2 && (a2.current = Z);
+        ref: (z) => {
+          W.current = z, typeof a2 == "function" ? a2(z) : a2 && (a2.current = z);
         },
         className: Xt(
           "phx-dropdown",
@@ -42180,12 +42180,12 @@ var ma = i.forwardRef(
             Ve.dropdownLabelOutside,
             y6 === "medium" && Ve.dropdownLabelOutsideMedium
           ), children: o }),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Ve.dropdownTriggerWrapper, ref: W, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Ve.dropdownTriggerWrapper, ref: P6, children: [
             L ? L({
               onClick: re2,
               value: J,
               isOpen: k6,
-              ref: W
+              ref: P6
             }) : /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
               "div",
               {
@@ -42200,18 +42200,18 @@ var ma = i.forwardRef(
                 ),
                 onClick: re2,
                 children: [
-                  q && K && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: Ve.dropdownLeadingIcon, children: K }),
+                  q && Q && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: Ve.dropdownLeadingIcon, children: Q }),
                   /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Ve.dropdownTriggerContent, children: [
                     de && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: Xt(
                       Ve.dropdownInlineLabel,
-                      V && Ve.dropdownInlineLabelShrunk
+                      A && Ve.dropdownInlineLabelShrunk
                     ), children: o }),
                     /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: Xt(
                       Ve.dropdownValueText,
                       de && Ve.dropdownValueTextWithInlineLabel,
-                      !V && Ve.dropdownValueTextPlaceholder,
-                      de && V && Ve.dropdownValueTextVisible
-                    ), children: V ? F : de ? "" : f })
+                      !A && Ve.dropdownValueTextPlaceholder,
+                      de && A && Ve.dropdownValueTextVisible
+                    ), children: A ? F : de ? "" : f })
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Xt(Ve.dropdownTrailing, !d && Ve.dropdownTrailingCompact), children: [
                     x6 && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
@@ -42409,7 +42409,7 @@ function Do({
   flush: T = false,
   rowActions: M
 }) {
-  const N = a2.map((R) => On(R, o)), H = N.length > 0 && N.every((R) => r2.includes(R)), z = N.some((R) => r2.includes(R)) && !H, W = () => {
+  const N = a2.map((R) => On(R, o)), H = N.length > 0 && N.every((R) => r2.includes(R)), W = N.some((R) => r2.includes(R)) && !H, P6 = () => {
     l && l(H ? [] : N);
   }, G = (R) => {
     l && (r2.includes(R) ? l(r2.filter((X) => X !== R)) : l([...r2, R]));
@@ -42418,8 +42418,8 @@ function Do({
     let X = "asc";
     c2 === R && (f === "asc" ? X = "desc" : f === "desc" && (X = null)), C(R, X);
   }, J = t.filter((R) => R.sticky);
-  let V = n ? 48 : 0;
-  const I = n || J.length > 0, $ = b ? "small" : _, x6 = oe[`dataTable${$.charAt(0).toUpperCase() + $.slice(1)}`], [D, F] = i.useState({}), K = i.useRef(null), [de, O6] = i.useState(null), q = i.useRef(null), re2 = i.useRef(null), [P6, U] = i.useState(false), [ue, he] = i.useState(false), [Z, ce] = i.useState(null), [xe, we] = i.useState(false), te = i.useMemo(() => {
+  let A = n ? 48 : 0;
+  const I = n || J.length > 0, K = b ? "small" : _, x6 = oe[`dataTable${K.charAt(0).toUpperCase() + K.slice(1)}`], [D, F] = i.useState({}), Q = i.useRef(null), [de, O6] = i.useState(null), q = i.useRef(null), re2 = i.useRef(null), [Z, U] = i.useState(false), [ue, he] = i.useState(false), [z, ce] = i.useState(null), [xe, we] = i.useState(false), te = i.useMemo(() => {
     if (M) return null;
     const R = t[t.length - 1];
     return !R || R.cellVariant !== "actions" ? null : R;
@@ -42433,8 +42433,8 @@ function Do({
   }, [te, M]), le = !!ae, Y = !!M || !!te && ue, ee = i.useCallback(() => {
     const R = re2.current?.contentElement || q.current;
     if (R) {
-      const { scrollLeft: X, scrollWidth: j, clientWidth: A } = R;
-      if (U(X > 0), he(X < j - A - 2), X <= 0) {
+      const { scrollLeft: X, scrollWidth: j, clientWidth: V } = R;
+      if (U(X > 0), he(X < j - V - 2), X <= 0) {
         ce(null), we(false);
         return;
       }
@@ -42464,7 +42464,7 @@ function Do({
     R.preventDefault(), R.stopPropagation();
     const j = R.target.closest("th");
     if (!j) return;
-    const A = j.getBoundingClientRect().width, ne = j.parentElement;
+    const V = j.getBoundingClientRect().width, ne = j.parentElement;
     if (ne) {
       const be = Array.from(ne.children), ke = {};
       t.forEach((Be, Ge) => {
@@ -42475,16 +42475,16 @@ function Do({
         ...ke
       }));
     }
-    K.current = { startX: R.clientX, startWidth: A, colKey: X }, O6(X);
+    Q.current = { startX: R.clientX, startWidth: V, colKey: X }, O6(X);
     const se = (be) => {
-      if (!K.current) return;
-      const { startX: ke, startWidth: Be, colKey: Ge } = K.current, Je = be.clientX - ke, ft = Math.max(50, Be + Je);
+      if (!Q.current) return;
+      const { startX: ke, startWidth: Be, colKey: Ge } = Q.current, Je = be.clientX - ke, ft = Math.max(50, Be + Je);
       F((ln2) => ({
         ...ln2,
         [Ge]: ft
       }));
     }, Ce = () => {
-      K.current = null, O6(null), document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", Ce), document.body.style.cursor = "";
+      Q.current = null, O6(null), document.removeEventListener("mousemove", se), document.removeEventListener("mouseup", Ce), document.body.style.cursor = "";
     };
     document.addEventListener("mousemove", se), document.addEventListener("mouseup", Ce), document.body.style.cursor = "col-resize";
   }, [t, n]);
@@ -42505,7 +42505,7 @@ function Do({
             className: [
               oe.dataTableScrollGradient,
               oe.dataTableScrollGradientLeft,
-              P6 && !I && oe.dataTableScrollGradientVisible
+              Z && !I && oe.dataTableScrollGradientVisible
             ].filter(Boolean).join(" ")
           }
         ),
@@ -42525,7 +42525,7 @@ function Do({
             ref: re2,
             className: [
               oe.dataTableContainer,
-              P6 && oe.dataTableScrolled
+              Z && oe.dataTableScrolled
             ].filter(Boolean).join(" "),
             maxHeight: p,
             onScroll: ee,
@@ -42579,32 +42579,32 @@ function Do({
                             ra,
                             {
                               checked: H,
-                              indeterminate: z,
-                              onChange: W,
+                              indeterminate: W,
+                              onChange: P6,
                               "aria-label": "Select all rows"
                             }
                           )
                         }
                       ),
                       t.map((R, X) => {
-                        const j = c2 === R.key, A = R.sticky;
+                        const j = c2 === R.key, V = R.sticky;
                         let ne;
-                        return A && (ne = V, V += parseInt(R.width || "150", 10)), /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
+                        return V && (ne = A, A += parseInt(R.width || "150", 10)), /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
                           "th",
                           {
                             className: [
                               "phx-data-table-head-cell",
                               oe.dataTableHeadCell,
                               R.sortable && oe.dataTableThSortable,
-                              A && oe.dataTableThSticky,
-                              A && X === Z && oe.dataTableThStickyLast,
+                              V && oe.dataTableThSticky,
+                              V && X === z && oe.dataTableThStickyLast,
                               R.align && oe[`dataTableThAlign${R.align.charAt(0).toUpperCase() + R.align.slice(1)}`]
                             ].filter(Boolean).join(" "),
                             style: {
                               width: D[R.key] ?? R.width,
                               // Enforce minWidth from state if resizing/resized to prevent shrinking
-                              minWidth: D[R.key] ?? R.minWidth ?? (A ? R.width : void 0),
-                              ...A && { left: ne }
+                              minWidth: D[R.key] ?? R.minWidth ?? (V ? R.width : void 0),
+                              ...V && { left: ne }
                             },
                             onClick: R.sortable ? () => E(R.key) : void 0,
                             "aria-sort": j ? f === "asc" ? "ascending" : "descending" : void 0,
@@ -42652,7 +42652,7 @@ function Do({
                       le && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("th", { style: { padding: 0, width: 0, border: "none" } })
                     ] }) }),
                     /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("tbody", { className: ["phx-data-table-body", oe.dataTableBody].filter(Boolean).join(" "), children: a2.map((R, X) => {
-                      const j = On(R, o), A = r2.includes(j);
+                      const j = On(R, o), V = r2.includes(j);
                       let ne = n ? 48 : 0;
                       return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
                         "tr",
@@ -42661,7 +42661,7 @@ function Do({
                             "phx-data-table-row",
                             oe.dataTableRow,
                             m && oe.dataTableRowHoverable,
-                            A && oe.dataTableRowSelected,
+                            V && oe.dataTableRowSelected,
                             w && oe.dataTableRowClickable,
                             le && oe.dataTableRowWithActions,
                             Y && oe.dataTableRowWithActionsActive
@@ -42682,7 +42682,7 @@ function Do({
                                 children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
                                   ra,
                                   {
-                                    checked: A,
+                                    checked: V,
                                     onChange: () => G(j),
                                     "aria-label": `Select row ${j}`
                                   }
@@ -42699,7 +42699,7 @@ function Do({
                                     "phx-data-table-body-cell",
                                     oe.dataTableBodyCell,
                                     ke && oe.dataTableTdSticky,
-                                    ke && Ce === Z && oe.dataTableTdStickyLast,
+                                    ke && Ce === z && oe.dataTableTdStickyLast,
                                     se.align && oe[`dataTableTdAlign${se.align.charAt(0).toUpperCase() + se.align.slice(1)}`],
                                     se.cellVariant === "avatar" && oe.dataTableTdWithAvatar,
                                     se.cellVariant === "actions" && oe.dataTableTdWithActions,
@@ -42833,45 +42833,45 @@ var vu = i.forwardRef(
       value: c2,
       defaultValue: f,
       onChange: C
-    }), z = typeof m == "string" ? m : "dd/MM/yyyy", [W, G] = i.useState(() => c2 ? format(c2, z) : f ? format(f, z) : ""), E = i.useMemo(() => {
-      const Y = z.match(/[A-Za-z]+/g) ?? [], ee = z.split(/[A-Za-z]+/).slice(1, -1), ie = Y.length > 0 && Y.every((A) => {
-        const ne = A[0]?.toLowerCase();
-        return !(!ne || !["d", "m", "y"].includes(ne) || !A.split("").every((se) => se.toLowerCase() === ne) || (ne === "d" || ne === "m") && A.length > 2 || ne === "y" && A.length > 4);
-      }), R = Y.map((A) => A.length), X = R.reduce((A, ne) => A + ne, 0), j = ie && ee.length > 0;
+    }), W = typeof m == "string" ? m : "dd/MM/yyyy", [P6, G] = i.useState(() => c2 ? format(c2, W) : f ? format(f, W) : ""), E = i.useMemo(() => {
+      const Y = W.match(/[A-Za-z]+/g) ?? [], ee = W.split(/[A-Za-z]+/).slice(1, -1), ie = Y.length > 0 && Y.every((V) => {
+        const ne = V[0]?.toLowerCase();
+        return !(!ne || !["d", "m", "y"].includes(ne) || !V.split("").every((se) => se.toLowerCase() === ne) || (ne === "d" || ne === "m") && V.length > 2 || ne === "y" && V.length > 4);
+      }), R = Y.map((V) => V.length), X = R.reduce((V, ne) => V + ne, 0), j = ie && ee.length > 0;
       return {
         groupLengths: R,
         separators: ee,
         totalDigits: X,
         canAutoFormat: j
       };
-    }, [z]), J = i.useRef(null), V = i.useRef(null), I = i.useRef(null);
+    }, [W]), J = i.useRef(null), A = i.useRef(null), I = i.useRef(null);
     i.useRef(null);
-    const { style: $ } = rn(V, I, L, {
+    const { style: K } = rn(A, I, L, {
       minHeight: 400,
       margin: 32,
       strategy: y6 ? "fixed" : "absolute",
       onClose: () => k6(false)
-    }), x6 = N, D = x6 != null, F = W.trim().length > 0, [K, de] = i.useState(
+    }), x6 = N, D = x6 != null, F = P6.trim().length > 0, [Q, de] = i.useState(
       x6 || /* @__PURE__ */ new Date()
     );
     i.useEffect(() => {
       L && x6 && de(x6);
     }, [L, x6]), i.useEffect(() => {
-      T || G(D ? format(x6, z) : "");
-    }, [x6, z, D, T]);
+      T || G(D ? format(x6, W) : "");
+    }, [x6, W, D, T]);
     const O6 = () => {
       h || k6(!L);
     }, q = (Y) => {
-      H(Y), G(format(Y, z)), k6(false);
+      H(Y), G(format(Y, W)), k6(false);
     }, re2 = (Y) => {
       Y.preventDefault(), Y.stopPropagation(), H(void 0), G("");
-    }, P6 = i.useCallback((Y) => !(p && isBefore(Y, p) && !isSameDay(Y, p) || u && isAfter(Y, u) && !isSameDay(Y, u)), [p, u]), U = i.useCallback((Y) => {
+    }, Z = i.useCallback((Y) => !(p && isBefore(Y, p) && !isSameDay(Y, p) || u && isAfter(Y, u) && !isSameDay(Y, u)), [p, u]), U = i.useCallback((Y) => {
       const ee = Y.trim();
-      if (!ee || !isMatch(ee, z)) return;
-      const ie = parse(ee, z, /* @__PURE__ */ new Date());
-      if (isValid(ie) && P6(ie))
+      if (!ee || !isMatch(ee, W)) return;
+      const ie = parse(ee, W, /* @__PURE__ */ new Date());
+      if (isValid(ie) && Z(ie))
         return ie;
-    }, [z, P6]), ue = i.useCallback((Y) => {
+    }, [W, Z]), ue = i.useCallback((Y) => {
       if (!E.canAutoFormat) return Y;
       const ee = Y.replace(/\D/g, "").slice(0, E.totalDigits);
       if (!ee) return "";
@@ -42879,9 +42879,9 @@ var vu = i.forwardRef(
       for (let X = 0; X < E.groupLengths.length; X += 1) {
         const j = E.groupLengths[X];
         if (j === void 0) break;
-        const A = ee.slice(R, R + j);
-        if (!A) break;
-        if (ie += A, R += A.length, A.length === j && X < E.separators.length) {
+        const V = ee.slice(R, R + j);
+        if (!V) break;
+        if (ie += V, R += V.length, V.length === j && X < E.separators.length) {
           const ne = E.separators[X];
           ne && (ie += ne);
         }
@@ -42892,46 +42892,46 @@ var vu = i.forwardRef(
       const ee = Y.target, ie = ee.selectionStart ?? 0, R = ee.value, X = ue(R);
       G(X);
       const j = R.slice(0, ie).replace(/\D/g, "").length;
-      let A = 0, ne = 0;
+      let V = 0, ne = 0;
       for (let Ce = 0; Ce < X.length && ne !== j; Ce++)
-        /\d/.test(X[Ce]) && ne++, A = Ce + 1;
-      for (; A < X.length && /\D/.test(X[A]); )
-        A++;
+        /\d/.test(X[Ce]) && ne++, V = Ce + 1;
+      for (; V < X.length && /\D/.test(X[V]); )
+        V++;
       if (requestAnimationFrame(() => {
-        ee.setSelectionRange(A, A);
+        ee.setSelectionRange(V, V);
       }), !X.trim()) {
         H(void 0);
         return;
       }
       const se = U(X);
       se && (H(se), de(se));
-    }, Z = () => {
+    }, z = () => {
       h || (M(true), k6(true));
     }, ce = () => {
-      if (M(false), !W.trim()) {
+      if (M(false), !P6.trim()) {
         H(void 0), G("");
         return;
       }
-      const Y = U(W);
+      const Y = U(P6);
       if (Y) {
-        const ee = format(Y, z);
-        ee !== W && G(ee), H(Y);
+        const ee = format(Y, W);
+        ee !== P6 && G(ee), H(Y);
         return;
       }
-      G(D ? format(x6, z) : "");
+      G(D ? format(x6, W) : "");
     }, xe = (Y) => {
       if (Y.key === "Enter") {
-        const X = U(W);
-        X && (H(X), G(format(X, z)), k6(false));
+        const X = U(P6);
+        X && (H(X), G(format(X, W)), k6(false));
         return;
       }
       const ee = Y.currentTarget, ie = ee.selectionStart ?? 0, R = ee.selectionEnd ?? 0;
       if (ie === R) {
         if (Y.key === "Backspace" && ie > 0) {
-          const X = W[ie - 1];
+          const X = P6[ie - 1];
           if (X !== void 0 && /\D/.test(X)) {
             Y.preventDefault();
-            const j = W.slice(0, ie - 1), A = W.slice(ie), se = j.replace(/\D+$/, "").slice(0, -1), Ce = se + A, be = ue(Ce);
+            const j = P6.slice(0, ie - 1), V = P6.slice(ie), se = j.replace(/\D+$/, "").slice(0, -1), Ce = se + V, be = ue(Ce);
             G(be);
             const ke = se.replace(/\D/g, "").length;
             let Be = 0, Ge = 0;
@@ -42946,11 +42946,11 @@ var vu = i.forwardRef(
               Je && (H(Je), de(Je));
             }
           }
-        } else if (Y.key === "Delete" && ie < W.length) {
-          const X = W[ie];
+        } else if (Y.key === "Delete" && ie < P6.length) {
+          const X = P6[ie];
           if (X !== void 0 && /\D/.test(X)) {
             Y.preventDefault();
-            const j = W.slice(0, ie), ne = W.slice(ie).replace(/^\D+/, "").slice(1), se = j + ne, Ce = ue(se);
+            const j = P6.slice(0, ie), ne = P6.slice(ie).replace(/^\D+/, "").slice(1), se = j + ne, Ce = ue(se);
             G(Ce);
             const be = j.replace(/\D/g, "").length;
             let ke = 0, Be = 0;
@@ -42990,7 +42990,7 @@ var vu = i.forwardRef(
         style: { ...s2, width: v },
         children: [
           te && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("label", { className: [je.datePickerLabel, je.datePickerLabelOutside].join(" "), children: t }),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: je.datePickerTriggerWrapper, ref: V, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: je.datePickerTriggerWrapper, ref: A, children: [
             /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
               "div",
               {
@@ -43029,9 +43029,9 @@ var vu = i.forwardRef(
                           we && ae && je.datePickerInputVisible
                         ].filter(Boolean).join(" "),
                         placeholder: we ? "" : l,
-                        value: W,
+                        value: P6,
                         onChange: he,
-                        onFocus: Z,
+                        onFocus: z,
                         onBlur: ce,
                         onKeyDown: xe,
                         onClick: (Y) => {
@@ -43067,14 +43067,14 @@ var vu = i.forwardRef(
                   ref: I,
                   className: je.datePickerPopover,
                   style: {
-                    ...$,
-                    right: $.left ? "auto" : void 0,
+                    ...K,
+                    right: K.left ? "auto" : void 0,
                     width: "auto"
                   },
                   children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
                     Ta,
                     {
-                      month: K,
+                      month: Q,
                       onMonthChange: de,
                       selectedDate: x6,
                       onDayClick: q,
@@ -43197,32 +43197,32 @@ var x7 = i.forwardRef(
       t ? (T.current = document.activeElement, y6?.current && y6.current.focus()) : T.current && (T.current.focus(), T.current = null);
     }, [t, y6]), i.useEffect(() => {
       if (!t || !m) return;
-      const V = (I) => {
+      const A = (I) => {
         I.key === "Escape" && a2?.();
       };
-      return document.addEventListener("keydown", V), () => document.removeEventListener("keydown", V);
+      return document.addEventListener("keydown", A), () => document.removeEventListener("keydown", A);
     }, [t, m, a2]), Co(t);
     const M = i.useCallback(() => {
-      const V = v.current;
-      if (!V) return;
-      const { scrollTop: I, scrollHeight: $, clientHeight: x6 } = V, D = $ > x6, F = I <= 1, K = I + x6 >= $ - 1;
-      k6(D && !F), w(D && !K);
+      const A = v.current;
+      if (!A) return;
+      const { scrollTop: I, scrollHeight: K, clientHeight: x6 } = A, D = K > x6, F = I <= 1, Q = I + x6 >= K - 1;
+      k6(D && !F), w(D && !Q);
     }, []);
     i.useEffect(() => {
       t && requestAnimationFrame(M);
     }, [t, d, M]);
-    const N = i.useCallback((V) => {
-      _.current = V, typeof b == "function" ? b(V) : b && (b.current = V);
+    const N = i.useCallback((A) => {
+      _.current = A, typeof b == "function" ? b(A) : b && (b.current = A);
     }, [b]);
     if (!t) return null;
-    const H = (V) => {
-      u && V.target === V.currentTarget && a2?.();
-    }, z = {
+    const H = (A) => {
+      u && A.target === A.currentTarget && a2?.();
+    }, W = {
       small: ve.dialogSizeSmall,
       medium: ve.dialogSizeMedium,
       large: ve.dialogSizeLarge,
       xlarge: ve.dialogSizeXlarge
-    }[r2], W = {
+    }[r2], P6 = {
       center: ve.dialogHeaderCenter,
       left: ve.dialogHeaderLeft
     }[l], G = {
@@ -43231,22 +43231,22 @@ var x7 = i.forwardRef(
       withCheckbox: ve.dialogFooterWithCheckbox
     }[f], E = () => {
       if (C.length === 0 && !h) return null;
-      const V = /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+      const A = /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
         "div",
         {
           className: [
             ve.dialogButtonGroup,
             f === "vertical" && ve.dialogButtonGroupVertical
           ].filter(Boolean).join(" "),
-          children: C.map(($, x6) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+          children: C.map((K, x6) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
             Oe,
             {
-              variant: $.variant || (x6 === C.length - 1 ? "primary" : "secondary"),
-              onClick: $.onClick,
-              disabled: $.disabled,
-              type: $.type,
-              form: $.form,
-              children: $.label
+              variant: K.variant || (x6 === C.length - 1 ? "primary" : "secondary"),
+              onClick: K.onClick,
+              disabled: K.disabled,
+              type: K.type,
+              form: K.form,
+              children: K.label
             },
             x6
           ))
@@ -43265,8 +43265,8 @@ var x7 = i.forwardRef(
             label: h.label
           }
         ),
-        V
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: I, children: V });
+        A
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: I, children: A });
     }, J = /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(import_jsx_runtime181.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ve.dialogOverlay, "aria-hidden": "true" }),
       /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
@@ -43282,7 +43282,7 @@ var x7 = i.forwardRef(
             "div",
             {
               ref: N,
-              className: ["phx-dialog", ve.dialogRoot, z, p].filter(Boolean).join(" "),
+              className: ["phx-dialog", ve.dialogRoot, W, p].filter(Boolean).join(" "),
               "data-popover-surface": "dialog",
               "data-popover-surface-padding": "16",
               children: [
@@ -43291,7 +43291,7 @@ var x7 = i.forwardRef(
                   {
                     className: [
                       ve.dialogHeader,
-                      W,
+                      P6,
                       c2 && ve.dialogHeaderWithClose,
                       L && ve.dialogHeaderWithDivider
                     ].filter(Boolean).join(" "),
@@ -43565,14 +43565,14 @@ var jo = i.forwardRef(
   }, m) => {
     const b = {
       // Grid Template Columns (handled by columns or templateColumns)
-      ...Q("gridTC", t, (v) => typeof v == "number" ? `repeat(${v}, minmax(0, 1fr))` : v),
-      ...Q("gridTC", r2),
+      ...$("gridTC", t, (v) => typeof v == "number" ? `repeat(${v}, minmax(0, 1fr))` : v),
+      ...$("gridTC", r2),
       // Overrides columns if both exist
-      ...Q("gridTR", l),
-      ...Q("gridTA", c2),
-      ...Q("gridAR", f),
-      ...Q("gridAC", C),
-      ...Q("gridAF", h)
+      ...$("gridTR", l),
+      ...$("gridTA", c2),
+      ...$("gridAR", f),
+      ...$("gridAC", C),
+      ...$("gridAF", h)
       // Layout (handled by Box but Grid overrides gap specific handling if needed? 
       // Box handles gap, but Grid might need specific grid-gap aliases if not standard shorthand?)
       // standard 'gap' works for grid too.
@@ -43628,11 +43628,11 @@ var hm = i.forwardRef(
       ...p(t),
       ...u(a2),
       // Explicit colStart/colEnd overrule span defaults
-      ...Q("gridCS", o),
-      ...Q("gridCE", n),
-      ...Q("gridRS", r2),
-      ...Q("gridRE", l),
-      ...Q("gridArea", c2)
+      ...$("gridCS", o),
+      ...$("gridCE", n),
+      ...$("gridRS", r2),
+      ...$("gridRE", l),
+      ...$("gridArea", c2)
     };
     return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       Fe,
@@ -43905,13 +43905,13 @@ var Tf = i.forwardRef(
     style: T,
     ...M
   }, N) => {
-    const [H, z] = ia({
+    const [H, W] = ia({
       value: t,
       defaultValue: a2,
       onChange: o
-    }), W = i.useRef(null), [G, E] = i.useState(false), [J, V] = i.useState(0), [I, $] = i.useState([]), [x6, D] = i.useState(""), [F, K] = i.useState(""), de = i.useRef(""), O6 = i.useRef(null), q = i.useRef(null), re2 = i.useRef(null), P6 = i.useRef(null), U = i.useRef(null), ue = i.useRef(null);
+    }), P6 = i.useRef(null), [G, E] = i.useState(false), [J, A] = i.useState(0), [I, K] = i.useState([]), [x6, D] = i.useState(""), [F, Q] = i.useState(""), de = i.useRef(""), O6 = i.useRef(null), q = i.useRef(null), re2 = i.useRef(null), Z = i.useRef(null), U = i.useRef(null), ue = i.useRef(null);
     i.useEffect(() => {
-      const j = W.current;
+      const j = P6.current;
       j && (j.style.height = "auto", j.style.height = `${j.scrollHeight}px`);
     }, [H]), i.useEffect(() => () => {
       ce();
@@ -43923,11 +43923,11 @@ var Tf = i.forwardRef(
         return;
       }
       try {
-        const A = await navigator.mediaDevices.getUserMedia({ audio: true });
-        P6.current = A;
+        const V = await navigator.mediaDevices.getUserMedia({ audio: true });
+        Z.current = V;
         const ne = new AudioContext();
         q.current = ne;
-        const se = ne.createMediaStreamSource(A), Ce = ne.createAnalyser();
+        const se = ne.createMediaStreamSource(V), Ce = ne.createAnalyser();
         Ce.fftSize = 256, se.connect(Ce), re2.current = Ce;
         const be = new j();
         be.continuous = true, be.interimResults = true, be.lang = C, be.onresult = (ke) => {
@@ -43936,7 +43936,7 @@ var Tf = i.forwardRef(
             const ft = ke.results[Je];
             ft && ft[0] && (ft.isFinal ? Be += ft[0].transcript : Ge += ft[0].transcript);
           }
-          Be && D((Je) => Je + Be), K(Ge);
+          Be && D((Je) => Je + Be), Q(Ge);
         }, be.onerror = (ke) => {
           console.error("Speech recognition error:", ke);
         }, be.onend = () => {
@@ -43945,42 +43945,42 @@ var Tf = i.forwardRef(
               O6.current.start();
             } catch {
             }
-        }, O6.current = be, be.start(), de.current = H || "", E(true), V(0), $([]), D(""), K(""), U.current = setInterval(() => {
-          V((ke) => ke + 1);
+        }, O6.current = be, be.start(), de.current = H || "", E(true), A(0), K([]), D(""), Q(""), U.current = setInterval(() => {
+          A((ke) => ke + 1);
         }, 1e3), ue.current = setInterval(() => {
-          Z();
+          z();
         }, xf);
-      } catch (A) {
-        console.error("Failed to start recording:", A);
+      } catch (V) {
+        console.error("Failed to start recording:", V);
       }
-    }, Z = () => {
+    }, z = () => {
       if (!re2.current) return;
-      const j = re2.current, A = new Uint8Array(j.frequencyBinCount);
-      j.getByteFrequencyData(A);
+      const j = re2.current, V = new Uint8Array(j.frequencyBinCount);
+      j.getByteFrequencyData(V);
       let ne = 0;
-      for (let Ce = 0; Ce < A.length; Ce++)
-        (A[Ce] ?? 0) > ne && (ne = A[Ce] ?? 0);
+      for (let Ce = 0; Ce < V.length; Ce++)
+        (V[Ce] ?? 0) > ne && (ne = V[Ce] ?? 0);
       const se = ne / 255;
-      $((Ce) => Ce.length >= $n ? Ce : [...Ce, se]);
+      K((Ce) => Ce.length >= $n ? Ce : [...Ce, se]);
     }, ce = () => {
-      ue.current && (clearInterval(ue.current), ue.current = null), U.current && (clearInterval(U.current), U.current = null), O6.current && (O6.current.abort(), O6.current = null), q.current && q.current.state !== "closed" && q.current.close(), P6.current && (P6.current.getTracks().forEach((j) => j.stop()), P6.current = null), E(false);
+      ue.current && (clearInterval(ue.current), ue.current = null), U.current && (clearInterval(U.current), U.current = null), O6.current && (O6.current.abort(), O6.current = null), q.current && q.current.state !== "closed" && q.current.close(), Z.current && (Z.current.getTracks().forEach((j) => j.stop()), Z.current = null), E(false);
     }, xe = () => {
       G || he();
     }, we = () => {
-      ce(), $([]), V(0), D(""), K(""), z(de.current);
+      ce(), K([]), A(0), D(""), Q(""), W(de.current);
     }, te = () => {
       const j = x6 + F;
-      ce(), $([]), V(0);
-      const A = de.current.trim() ? " " : "", ne = de.current + A + j;
-      z(ne.trim()), D(""), K("");
+      ce(), K([]), A(0);
+      const V = de.current.trim() ? " " : "", ne = de.current + V + j;
+      W(ne.trim()), D(""), Q("");
     }, ae = (j) => {
-      const A = c2.filter((ne) => ne.id !== j);
-      f?.(A);
+      const V = c2.filter((ne) => ne.id !== j);
+      f?.(V);
     }, le = (j) => {
       j.key === "Enter" && !j.shiftKey && (j.preventDefault(), Y());
     }, Y = () => {
-      const j = H?.trim(), A = c2.length > 0;
-      (j || A) && (r2?.(H || "", c2.length > 0 ? c2 : void 0), t === void 0 && z(""), c2.length > 0 && f?.([]));
+      const j = H?.trim(), V = c2.length > 0;
+      (j || V) && (r2?.(H || "", c2.length > 0 ? c2 : void 0), t === void 0 && W(""), c2.length > 0 && f?.([]));
     }, ie = H && H.length > 0 || c2.length > 0, R = Math.max(0, $n - I.length), X = x6 + F;
     return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       "div",
@@ -44010,8 +44010,8 @@ var Tf = i.forwardRef(
               }
             ) }),
             /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Ne.promptFieldWaveform, children: [
-              [...Array(R)].map((j, A) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Ne.promptFieldWaveBarInactive }, `inactive-${A}`)),
-              I.map((j, A) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+              [...Array(R)].map((j, V) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Ne.promptFieldWaveBarInactive }, `inactive-${V}`)),
+              I.map((j, V) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
                 "div",
                 {
                   className: Ne.promptFieldWaveBarLive,
@@ -44019,7 +44019,7 @@ var Tf = i.forwardRef(
                     height: `${Math.max(4, j * 20)}px`
                   }
                 },
-                `recorded-${A}`
+                `recorded-${V}`
               ))
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Ne.promptFieldRightActions, children: [
@@ -44062,11 +44062,11 @@ var Tf = i.forwardRef(
             /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
               "textarea",
               {
-                ref: W,
+                ref: P6,
                 className: Ne.promptFieldTextarea,
                 placeholder: n,
                 value: H || "",
-                onChange: (j) => z(j.target.value),
+                onChange: (j) => W(j.target.value),
                 onKeyDown: le,
                 disabled: L,
                 rows: 1
@@ -45096,19 +45096,19 @@ var FC = i.forwardRef(
   }
 );
 FC.displayName = "SelectCheck";
-var DC = "_sheetOverlay_1ghml_63";
-var PC = "_sheetOverlayClosing_1ghml_76";
-var ZC = "_sheetPanel_1ghml_89";
-var zC = "_sheetPanelClosing_1ghml_105";
-var WC = "_sheetPanelResponsive_1ghml_128";
-var GC = "_sheetPanelFullHeight_1ghml_149";
-var jC = "_sheetHeader_1ghml_157";
-var OC = "_sheetContent_1ghml_163";
-var qC = "_sheetContentNoPadding_1ghml_170";
-var UC = "_sheetFooter_1ghml_175";
-var JC = "_sheetFooterElevatedGradient_1ghml_188";
-var XC = "_sheetGrabber_1ghml_203";
-var YC = "_sheetGrabberBar_1ghml_214";
+var DC = "_sheetOverlay_r0hhh_63";
+var PC = "_sheetOverlayClosing_r0hhh_76";
+var ZC = "_sheetPanel_r0hhh_89";
+var zC = "_sheetPanelClosing_r0hhh_105";
+var WC = "_sheetPanelResponsive_r0hhh_128";
+var GC = "_sheetPanelFullHeight_r0hhh_149";
+var jC = "_sheetHeader_r0hhh_164";
+var OC = "_sheetContent_r0hhh_170";
+var qC = "_sheetContentNoPadding_r0hhh_177";
+var UC = "_sheetFooter_r0hhh_182";
+var JC = "_sheetFooterElevatedGradient_r0hhh_195";
+var XC = "_sheetGrabber_r0hhh_210";
+var YC = "_sheetGrabberBar_r0hhh_221";
 var dt = {
   sheetOverlay: DC,
   sheetOverlayClosing: PC,
@@ -45147,7 +45147,7 @@ var Fn = i.forwardRef(
     style: s2,
     ...p
   }, u) => {
-    const [m, y6] = i.useState(n), [b, v] = i.useState(false), [_, L] = i.useState(false), [k6, S] = i.useState(false), [w, T] = i.useState(false), [M, N] = i.useState(0), H = i.useRef(null), z = 50;
+    const [m, y6] = i.useState(n), [b, v] = i.useState(false), [_, L] = i.useState(false), [k6, S] = i.useState(false), [w, T] = i.useState(false), [M, N] = i.useState(0), H = i.useRef(null), W = 50;
     i.useEffect(() => {
       if (n)
         y6(true), v(false);
@@ -45161,22 +45161,22 @@ var Fn = i.forwardRef(
     }, [n, m]), Co(m), i.useEffect(() => {
       const J = H.current;
       if (!J || !m) return;
-      const V = () => {
-        const { scrollTop: I, scrollHeight: $, clientHeight: x6 } = J, D = $ > x6;
+      const A = () => {
+        const { scrollTop: I, scrollHeight: K, clientHeight: x6 } = J, D = K > x6;
         S(I > 0);
-        const F = Math.ceil(I + x6) >= $;
+        const F = Math.ceil(I + x6) >= K;
         T(D && !F);
-        const K = Math.min(1, Math.max(0, I / z));
-        N(K);
+        const Q = Math.min(1, Math.max(0, I / W));
+        N(Q);
       };
-      return V(), J.addEventListener("scroll", V, { passive: true }), () => J.removeEventListener("scroll", V);
+      return A(), J.addEventListener("scroll", A, { passive: true }), () => J.removeEventListener("scroll", A);
     }, [m]), i.useEffect(() => {
       if (n && H.current && c2 === "auto") {
-        const J = H.current.scrollHeight, V = window.innerHeight;
-        J > V * 0.6 ? L(true) : L(false);
+        const J = H.current.scrollHeight, A = window.innerHeight;
+        J > A * 0.6 ? L(true) : L(false);
       } else n || L(false);
     }, [n, c2, a2]);
-    const W = l === "auto", G = W ? void 0 : KC[l], E = (J) => {
+    const P6 = l === "auto", G = P6 ? void 0 : KC[l], E = (J) => {
       J.target === J.currentTarget && r2 && r2();
     };
     return Bn(() => {
@@ -45198,7 +45198,7 @@ var Fn = i.forwardRef(
             className: [
               "phx-sheet",
               dt.sheetPanel,
-              W && dt.sheetPanelResponsive,
+              P6 && dt.sheetPanelResponsive,
               (c2 === "full" || _) && dt.sheetPanelFullHeight,
               b && dt.sheetPanelClosing,
               d
@@ -45665,37 +45665,37 @@ var Kb = i.forwardRef(
       left: 0,
       width: 0,
       opacity: 0
-    }), [v, _] = i.useState(false), [L, k6] = i.useState(false), [S, w] = i.useState(false), T = c2 !== void 0 ? c2 : S, M = i.useRef([]), N = i.useRef([]), H = i.useRef(null), z = i.useRef(null), W = u === "auto", G = i.useCallback(() => {
+    }), [v, _] = i.useState(false), [L, k6] = i.useState(false), [S, w] = i.useState(false), T = c2 !== void 0 ? c2 : S, M = i.useRef([]), N = i.useRef([]), H = i.useRef(null), W = i.useRef(null), P6 = u === "auto", G = i.useCallback(() => {
       const I = H.current;
       if (I) {
-        if (!W) {
+        if (!P6) {
           _(false), k6(false);
           return;
         }
-        const { scrollLeft: $, scrollWidth: x6, clientWidth: D } = I, F = x6 - D, K = F > 2;
-        _(K && $ > 1), k6(K && $ < F - 1);
-      }
-    }, [W]), E = (I) => {
-      const $ = H.current;
-      if ($) {
-        const x6 = $.clientWidth * 0.8;
-        $.scrollBy({
+        const { scrollLeft: K, scrollWidth: x6, clientWidth: D } = I, F = x6 - D, Q = F > 2;
+        _(Q && K > 1), k6(Q && K < F - 1);
+      }
+    }, [P6]), E = (I) => {
+      const K = H.current;
+      if (K) {
+        const x6 = K.clientWidth * 0.8;
+        K.scrollBy({
           left: I === "left" ? -x6 : x6,
           behavior: "smooth"
         });
       }
     };
     i.useEffect(() => {
-      const I = t.findIndex((D) => D.id === a2), $ = M.current[I], x6 = N.current[I];
-      if ($ && x6) {
+      const I = t.findIndex((D) => D.id === a2), K = M.current[I], x6 = N.current[I];
+      if (K && x6) {
         if (b({
-          left: $.offsetLeft + (s2 === "pill" ? 0 : x6.offsetLeft + Xb),
-          width: s2 === "pill" ? $.offsetWidth : x6.offsetWidth - Yb,
+          left: K.offsetLeft + (s2 === "pill" ? 0 : x6.offsetLeft + Xb),
+          width: s2 === "pill" ? K.offsetWidth : x6.offsetWidth - Yb,
           opacity: 1,
-          ...s2 === "pill" && { height: $.offsetHeight }
-        }), W && H.current) {
+          ...s2 === "pill" && { height: K.offsetHeight }
+        }), P6 && H.current) {
           const D = H.current;
-          D.scrollWidth > D.clientWidth + 2 && $.scrollIntoView({
+          D.scrollWidth > D.clientWidth + 2 && K.scrollIntoView({
             behavior: "smooth",
             block: "nearest",
             inline: "center"
@@ -45703,21 +45703,21 @@ var Kb = i.forwardRef(
         }
       } else
         b((D) => ({ ...D, opacity: 0 }));
-    }, [a2, t, s2, W]), i.useEffect(() => {
+    }, [a2, t, s2, P6]), i.useEffect(() => {
       const I = H.current;
       if (I) {
         G(), I.addEventListener("scroll", G);
-        const $ = new ResizeObserver(G);
-        return $.observe(I), () => {
-          I.removeEventListener("scroll", G), $.disconnect();
+        const K = new ResizeObserver(G);
+        return K.observe(I), () => {
+          I.removeEventListener("scroll", G), K.disconnect();
         };
       }
     }, [G, t]), i.useEffect(() => {
       if (!l) return;
-      const I = z.current;
+      const I = W.current;
       if (!I) return;
-      const x6 = ((K) => {
-        let de = K.parentElement;
+      const x6 = ((Q) => {
+        let de = Q.parentElement;
         for (; de; ) {
           const O6 = window.getComputedStyle(de);
           if (/(auto|scroll)/.test(O6.overflow + O6.overflowY))
@@ -45727,7 +45727,7 @@ var Kb = i.forwardRef(
         return null;
       })(I), D = () => {
         if (!I) return;
-        const K = I.getBoundingClientRect(), de = x6 ? x6.getBoundingClientRect() : { top: 0 }, O6 = K.top <= de.top + 1;
+        const Q = I.getBoundingClientRect(), de = x6 ? x6.getBoundingClientRect() : { top: 0 }, O6 = Q.top <= de.top + 1;
         w(O6);
       };
       D();
@@ -45737,10 +45737,10 @@ var Kb = i.forwardRef(
       };
     }, [l]);
     const J = i.useCallback((I) => {
-      z.current = I, typeof m == "function" ? m(I) : m && (m.current = I);
-    }, [m]), V = {
-      "--tabs-fade-left": W && v ? "44px" : "0px",
-      "--tabs-fade-right": W && L ? "44px" : "0px"
+      W.current = I, typeof m == "function" ? m(I) : m && (m.current = I);
+    }, [m]), A = {
+      "--tabs-fade-left": P6 && v ? "44px" : "0px",
+      "--tabs-fade-right": P6 && L ? "44px" : "0px"
     };
     return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       "div",
@@ -45758,7 +45758,7 @@ var Kb = i.forwardRef(
         ].filter(Boolean).join(" "),
         style: h,
         children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Ie.tabsScrollOuter, children: [
-          W && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+          P6 && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
             "div",
             {
               className: [
@@ -45781,7 +45781,7 @@ var Kb = i.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Ie.tabsScrollContainer, style: V, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Ie.tabsMaskWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Ie.tabsScrollContainer, style: A, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: Ie.tabsMaskWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
             "div",
             {
               ref: H,
@@ -45796,13 +45796,13 @@ var Kb = i.forwardRef(
                 "scrollbarHidden"
               ].filter(Boolean).join(" "),
               children: [
-                t.map((I, $) => {
+                t.map((I, K) => {
                   const x6 = a2 === I.id, D = !I.icon, F = !I.label;
                   return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
                     "button",
                     {
-                      ref: (K) => {
-                        M.current[$] = K;
+                      ref: (Q) => {
+                        M.current[K] = Q;
                       },
                       role: "tab",
                       type: "button",
@@ -45818,9 +45818,9 @@ var Kb = i.forwardRef(
                         n && Ie.tabsTabStacked
                       ].filter(Boolean).join(" "),
                       onClick: () => !I.disabled && o(I.id),
-                      onKeyDown: (K) => {
+                      onKeyDown: (Q) => {
                         let de = null;
-                        if (K.key === "ArrowRight" || K.key === "ArrowDown" ? (K.preventDefault(), de = ($ + 1) % t.length) : K.key === "ArrowLeft" || K.key === "ArrowUp" ? (K.preventDefault(), de = ($ - 1 + t.length) % t.length) : K.key === "Home" ? (K.preventDefault(), de = 0) : K.key === "End" ? (K.preventDefault(), de = t.length - 1) : (K.key === "Enter" || K.key === " ") && d === "manual" && (K.preventDefault(), o(I.id)), de !== null) {
+                        if (Q.key === "ArrowRight" || Q.key === "ArrowDown" ? (Q.preventDefault(), de = (K + 1) % t.length) : Q.key === "ArrowLeft" || Q.key === "ArrowUp" ? (Q.preventDefault(), de = (K - 1 + t.length) % t.length) : Q.key === "Home" ? (Q.preventDefault(), de = 0) : Q.key === "End" ? (Q.preventDefault(), de = t.length - 1) : (Q.key === "Enter" || Q.key === " ") && d === "manual" && (Q.preventDefault(), o(I.id)), de !== null) {
                           const O6 = t[de], q = M.current[de];
                           O6 && !O6.disabled && q && (q.focus(), d === "automatic" && o(O6.id));
                         }
@@ -45831,8 +45831,8 @@ var Kb = i.forwardRef(
                         "span",
                         {
                           className: Ie.tabsTabContent,
-                          ref: (K) => {
-                            N.current[$] = K;
+                          ref: (Q) => {
+                            N.current[K] = Q;
                           },
                           children: [
                             I.icon && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: Ie.tabsTabIcon, children: I.icon }),
@@ -45844,8 +45844,8 @@ var Kb = i.forwardRef(
                                   Ie.tabsTabChevron,
                                   I.chevronRotated && Ie.tabsTabChevronRotated
                                 ].filter(Boolean).join(" "),
-                                onClick: (K) => {
-                                  I.onChevronClick && (K.stopPropagation(), I.onChevronClick(K));
+                                onClick: (Q) => {
+                                  I.onChevronClick && (Q.stopPropagation(), I.onChevronClick(Q));
                                 },
                                 children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(ChevronDownSmallOutline, {})
                               }
@@ -45868,7 +45868,7 @@ var Kb = i.forwardRef(
               ]
             }
           ) }) }),
-          W && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+          P6 && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
             "div",
             {
               className: [
@@ -45955,8 +45955,8 @@ var uy = i.forwardRef(
     required: o,
     helperText: n,
     error: r2,
-    maxLength: l = 500,
-    showCount: c2 = true,
+    maxLength: l,
+    showCount: c2,
     disabled: f,
     className: C,
     style: h,
@@ -45976,14 +45976,14 @@ var uy = i.forwardRef(
       value: u,
       defaultValue: m || "",
       onChange: p
-    }), H = M, z = H?.length || 0, W = (V) => {
-      T(true), d?.(V);
-    }, G = (V) => {
-      T(false), s2?.(V);
-    }, E = (V) => {
-      const I = V.target.value;
-      l && I.length > l || N(I);
-    }, J = t && a2 === "outside";
+    }), H = M, W = H?.length || 0, P6 = c2 ?? l !== void 0, G = (I) => {
+      T(true), d?.(I);
+    }, E = (I) => {
+      T(false), s2?.(I);
+    }, J = (I) => {
+      const K = I.target.value;
+      l !== void 0 && K.length > l || N(K);
+    }, A = t && a2 === "outside";
     return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
       "div",
       {
@@ -45995,7 +45995,7 @@ var uy = i.forwardRef(
         ].filter(Boolean).join(" "),
         style: { ...h, width: _ },
         children: [
-          J && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("label", { className: Lt.textAreaOutsideLabel, children: [
+          A && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("label", { className: Lt.textAreaOutsideLabel, children: [
             t,
             o && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: Lt.textAreaRequiredIndicator, children: " *" })
           ] }),
@@ -46011,26 +46011,25 @@ var uy = i.forwardRef(
                 f && Lt.disabled
               ].filter(Boolean).join(" "),
               disabled: f,
-              onFocus: W,
-              onBlur: G,
-              onChange: E,
+              onFocus: G,
+              onBlur: E,
+              onChange: J,
               value: H,
               placeholder: y6,
               rows: b,
               style: { resize: v },
-              maxLength: l,
+              maxLength: l ?? void 0,
               ...k6
             }
           ),
-          (n || c2) && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Lt.textAreaFooter, children: [
+          (n || P6) && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: Lt.textAreaFooter, children: [
             n && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: [
               Lt.textAreaHelperText,
               r2 && Lt.textAreaErrorText
             ].filter(Boolean).join(" "), children: n }),
-            c2 && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("span", { className: Lt.textAreaCharCount, children: [
-              z,
-              "/",
-              l
+            P6 && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("span", { className: Lt.textAreaCharCount, children: [
+              W,
+              l !== void 0 ? `/${l}` : ""
             ] })
           ] })
         ]
@@ -46148,68 +46147,68 @@ var Ky = i.forwardRef(
     style: M,
     onFocus: N,
     onBlur: H,
-    onChange: z,
-    value: W,
+    onChange: W,
+    value: P6,
     defaultValue: G,
     defaultTrailingDropdownValue: E,
     placeholder: J,
-    maxLength: V,
+    maxLength: A,
     ...I
-  }, $) => {
-    const [x6, D] = i.useState(false), [F, K] = i.useState(false), [de, O6] = ia({
-      value: W,
+  }, K) => {
+    const [x6, D] = i.useState(false), [F, Q] = i.useState(false), [de, O6] = ia({
+      value: P6,
       defaultValue: G || "",
-      onChange: z
-    }), q = de, [re2, P6] = ia({
+      onChange: W
+    }), q = de, [re2, Z] = ia({
       value: d,
       defaultValue: E || "",
       onChange: s2
     }), U = i.useRef(null), ue = i.useRef(null), { style: he } = rn(U, ue, F, {
       margin: 32,
       matchTriggerWidth: true,
-      onClose: () => K(false)
-    }), Z = (A) => {
-      D(true), N?.(A);
-    }, ce = i.useMemo(() => f ? (f.startsWith("+") || /^\d+$/.test(f.replace(/[\s()]/g, ""))) && !f.includes("://") : false, [f]), xe = (A) => {
+      onClose: () => Q(false)
+    }), z = (V) => {
+      D(true), N?.(V);
+    }, ce = i.useMemo(() => f ? (f.startsWith("+") || /^\d+$/.test(f.replace(/[\s()]/g, ""))) && !f.includes("://") : false, [f]), xe = (V) => {
       if (D(false), ce && q) {
         let ne = String(q).replace(/[^0-9]/g, "");
         ne.startsWith("0") && (ne = ne.slice(1));
         const se = ne.slice(0, 15).replace(/(\d{1,3})(?=(\d{3,4})+(?!\d))/g, "$1 ").trim();
         q !== se && O6(se);
       }
-      H?.(A);
-    }, we = (A) => {
+      H?.(V);
+    }, we = (V) => {
       if (w) return;
-      let ne = A.target.value;
+      let ne = V.target.value;
       ce && (ne = ne.replace(/[^0-9]/g, "").slice(0, 15).replace(/(\d{1,3})(?=(\d{3,4})+(?!\d))/g, "$1 ").trim()), O6(ne);
-    }, te = (A) => {
-      A.preventDefault(), A.stopPropagation(), O6(""), m?.();
-    }, ae = (A) => {
-      A.key === "Enter" && A.target.blur();
-    }, le = (A) => {
-      S || (A.stopPropagation(), h ? K(!F) : p?.());
-    }, Y = (A) => {
-      const ne = Array.isArray(A) ? A[0] : A;
-      ne && P6(ne), K(false);
+    }, te = (V) => {
+      V.preventDefault(), V.stopPropagation(), O6(""), m?.();
+    }, ae = (V) => {
+      V.key === "Enter" && V.target.blur();
+    }, le = (V) => {
+      S || (V.stopPropagation(), h ? Q(!F) : p?.());
+    }, Y = (V) => {
+      const ne = Array.isArray(V) ? V[0] : V;
+      ne && Z(ne), Q(false);
     };
     i.useEffect(() => {
-      const A = (ne) => {
-        U.current && !U.current.contains(ne.target) && K(false);
+      const V = (ne) => {
+        U.current && !U.current.contains(ne.target) && Q(false);
       };
-      return F && document.addEventListener("mousedown", A), () => {
-        document.removeEventListener("mousedown", A);
+      return F && document.addEventListener("mousedown", V), () => {
+        document.removeEventListener("mousedown", V);
       };
     }, [F]);
-    const ee = t && a2 === "inside", ie = t && a2 === "outside", R = h?.map((A) => ({
-      value: A.value,
-      label: A.label,
-      icon: A.icon,
-      disabled: A.disabled
+    const ee = t && a2 === "inside", ie = t && a2 === "outside", R = h?.map((V) => ({
+      value: V.value,
+      label: V.label,
+      icon: V.icon,
+      disabled: V.disabled
     })), X = re2;
     let j = C;
     if (X && h) {
-      const A = h.find((ne) => ne.value === X);
-      A && (j = A.label);
+      const V = h.find((ne) => ne.value === X);
+      V && (j = V.label);
     }
     return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
       "div",
@@ -46244,7 +46243,7 @@ var Ky = i.forwardRef(
                 w && ye.readOnly,
                 ye[_]
               ].filter(Boolean).join(" "),
-              onClick: () => !S && !w && !x6 && $?.current?.focus(),
+              onClick: () => !S && !w && !x6 && K?.current?.focus(),
               children: [
                 !ee && c2 && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: ye.textFieldLeadingIcon, children: c2 }),
                 !ee && f && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: ye.textFieldLeadingText, children: f }),
@@ -46265,7 +46264,7 @@ var Ky = i.forwardRef(
                   /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
                     "input",
                     {
-                      ref: $,
+                      ref: K,
                       className: [
                         ye.textFieldInput,
                         ee && ye.withInlineLabel,
@@ -46273,7 +46272,7 @@ var Ky = i.forwardRef(
                       ].filter(Boolean).join(" "),
                       disabled: S,
                       readOnly: w,
-                      onFocus: Z,
+                      onFocus: z,
                       onBlur: xe,
                       onChange: we,
                       onKeyDown: ae,
@@ -46281,7 +46280,7 @@ var Ky = i.forwardRef(
                       placeholder: ee ? "" : J,
                       inputMode: ce ? "numeric" : I.inputMode,
                       pattern: ce ? "[0-9]*" : I.pattern,
-                      maxLength: V,
+                      maxLength: A,
                       ...I
                     }
                   )
@@ -46302,7 +46301,7 @@ var Ky = i.forwardRef(
                       variant: "primary",
                       shape: "pill",
                       icon: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CloseSmallOutline, {}),
-                      onMouseDown: (A) => A.preventDefault(),
+                      onMouseDown: (V) => V.preventDefault(),
                       onClick: te,
                       "aria-label": "Clear input",
                       className: ye.textFieldClearButton
@@ -46360,8 +46359,8 @@ var Ky = i.forwardRef(
                     "div",
                     {
                       className: ye.textFieldTrailingIconWrapper,
-                      onClick: (A) => {
-                        S || (A.stopPropagation(), v?.());
+                      onClick: (V) => {
+                        S || (V.stopPropagation(), v?.());
                       },
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Ka, { orientation: "vertical", className: ye.textFieldSuffixDivider }),
@@ -46373,15 +46372,15 @@ var Ky = i.forwardRef(
               ]
             }
           ),
-          (o || l && V) && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: ye.textFieldFooter, children: [
+          (o || l && A) && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: ye.textFieldFooter, children: [
             o && /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: [
               ye.textFieldHelperText,
               n && ye.errorText
             ].filter(Boolean).join(" "), children: o }),
-            l && V && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("span", { className: ye.textFieldCharacterCount, children: [
+            l && A && /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("span", { className: ye.textFieldCharacterCount, children: [
               String(q || "").length,
               "/",
-              V
+              A
             ] })
           ] })
         ]