@ahmetilhn/hanui 2.0.5 → 2.0.6

package/build/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a, jsxs as g, Fragment as fe } from "react/jsx-runtime";
-import { useContext as cn, createContext as ln, useMemo as Tt, useEffect as R, useRef as S, useCallback as z, useState as P, useLayoutEffect as Ea, memo as I, forwardRef as xe, useId as J, isValidElement as La, cloneElement as Sa, Children as dn } from "react";
+import { useContext as cn, createContext as ln, useMemo as Tt, useEffect as S, useRef as R, useCallback as z, useState as P, useLayoutEffect as Ea, memo as I, forwardRef as xe, useId as J, isValidElement as La, cloneElement as Sa, Children as dn } from "react";
 import { isClient as he, isDefined as ut, normalize as pa, isNumber as ma } from "@ahmetilhn/handy-utils";
 import { ArrowRight as _n, XLg as He, Search as Ra, CaretDownFill as Aa, CheckLg as Ht, StarFill as ea, DashLg as Ma, PlusLg as un, ExclamationCircleFill as Ft, CloudArrowUpFill as hn, XCircleFill as Ba, ExclamationTriangleFill as ra, CheckCircleFill as Fa, InfoCircleFill as Pa, CaretRightFill as Kt, CaretLeftFill as Oa, ClipboardCheckFill as pn, ClipboardFill as mn, StarHalf as bn, ArrowDownShort as gn, ArrowUpShort as fn, QuestionCircleFill as vn, TrashFill as yn } from "react-bootstrap-icons";
 import { createPortal as Et } from "react-dom";
@@ -146,7 +146,7 @@ const T = {
   /** 9,82:1 koyu zemin üzerinde. */
   dark: "#f0b429"
 }, B = (e, t) => {
-  const n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((d) => d + d).join("") : n, o = parseInt(r.slice(0, 2), 16), s = parseInt(r.slice(2, 4), 16), i = parseInt(r.slice(4, 6), 16);
+  const n = e.replace("#", ""), r = n.length === 3 ? n.split("").map((_) => _ + _).join("") : n, o = parseInt(r.slice(0, 2), 16), s = parseInt(r.slice(2, 4), 16), i = parseInt(r.slice(4, 6), 16);
   return `rgba(${o}, ${s}, ${i}, ${t})`;
 }, ie = "#000000", wn = {
   // --- Yüzey ---
@@ -549,11 +549,11 @@ const T = {
   const n = e === "dark" ? xn : wn, r = (e === "dark" ? t == null ? void 0 : t.dark : t == null ? void 0 : t.light) ?? {};
   return { ...n, ...r };
 }, kn = (e) => {
-  const t = [], n = (i, d = "  ") => Object.entries(i).map(([u, l]) => `${d}${ba}${u}: ${l};`).join(`
+  const t = [], n = (i, _ = "  ") => Object.entries(i).map(([u, d]) => `${_}${ba}${u}: ${d};`).join(`
 `), r = e.fonts ?? {}, o = Object.entries(r).filter(([, i]) => !!i);
   o.length > 0 && t.push(
     `:root {
-${o.map(([i, d]) => `  ${ba}font-${i}: ${d};`).join(`
+${o.map(([i, _]) => `  ${ba}font-${i}: ${_};`).join(`
 `)}
 }`
   );
@@ -603,10 +603,10 @@ ${n(
   r.id = ga, r.textContent = t, n || document.head.appendChild(r);
 }, Ua = ln({}), j = () => cn(Ua), ru = ({ children: e, theme: t, linkComponent: n, labels: r }) => {
   const o = Tt(() => t ? JSON.stringify(t) : "", [t]);
-  R(() => {
+  S(() => {
     Ka(t);
   }, [o]);
-  const s = S(t);
+  const s = R(t);
   s.current = t;
   const i = Tt(
     () => ({ theme: s.current, linkComponent: n, labels: r }),
@@ -644,53 +644,53 @@ ${n(
   return e === "dark" || e === "light" ? e : "system";
 }, iu = () => {
   const [e, t] = P("light"), [n, r] = P("light"), [o, s] = P(!1);
-  R(() => {
+  S(() => {
     t(In()), r(va()), s(!0);
-  }, []), R(() => {
+  }, []), S(() => {
     if (!he() || !window.matchMedia) return;
-    const l = window.matchMedia("(prefers-color-scheme: dark)"), c = () => r(va());
-    return l.addEventListener("change", c), () => l.removeEventListener("change", c);
+    const d = window.matchMedia("(prefers-color-scheme: dark)"), c = () => r(va());
+    return d.addEventListener("change", c), () => d.removeEventListener("change", c);
   }, []);
-  const i = e === "system" ? n : e, d = z((l) => {
+  const i = e === "system" ? n : e, _ = z((d) => {
     if (!he()) return;
     const c = document.documentElement;
-    c.classList.add(fa), l === "system" ? c.removeAttribute(Ve) : c.setAttribute(Ve, l), t(l), window.requestAnimationFrame(() => {
+    c.classList.add(fa), d === "system" ? c.removeAttribute(Ve) : c.setAttribute(Ve, d), t(d), window.requestAnimationFrame(() => {
       window.requestAnimationFrame(() => c.classList.remove(fa));
     });
   }, []), u = z(
-    () => d(i === "dark" ? "light" : "dark"),
-    [i, d]
+    () => _(i === "dark" ? "light" : "dark"),
+    [i, _]
   );
-  return { scheme: i, preference: e, setScheme: d, toggle: u, isReady: o };
+  return { scheme: i, preference: e, setScheme: _, toggle: u, isReady: o };
 }, ia = (e, t) => {
   typeof (e == null ? void 0 : e.scrollIntoView) == "function" && e.scrollIntoView(t);
 }, qa = ({ count: e, isOpen: t, initialIndex: n = 0, onSelect: r, onClose: o }, { hasSpaceSelect: s = !1 } = {}) => {
-  const [i, d] = P(n), u = S(null);
-  R(() => {
-    t && d(n);
-  }, [t, n]), R(() => {
-    d((c) => c >= e ? Math.max(0, e - 1) : c);
-  }, [e]), R(() => {
+  const [i, _] = P(n), u = R(null);
+  S(() => {
+    t && _(n);
+  }, [t, n]), S(() => {
+    _((c) => c >= e ? Math.max(0, e - 1) : c);
+  }, [e]), S(() => {
     var c;
     t && ia((c = u.current) == null ? void 0 : c.querySelector(`[data-index="${i}"]`), {
       block: "nearest"
     });
   }, [i, t, e]);
-  const l = z(
+  const d = z(
     (c) => {
-      const _ = e - 1;
+      const l = e - 1;
       switch (c.key) {
         case "ArrowDown":
-          c.preventDefault(), d((h) => h >= _ ? 0 : h + 1);
+          c.preventDefault(), _((h) => h >= l ? 0 : h + 1);
           break;
         case "ArrowUp":
-          c.preventDefault(), d((h) => h <= 0 ? _ : h - 1);
+          c.preventDefault(), _((h) => h <= 0 ? l : h - 1);
           break;
         case "Home":
-          c.preventDefault(), d(0);
+          c.preventDefault(), _(0);
           break;
         case "End":
-          c.preventDefault(), d(_);
+          c.preventDefault(), _(l);
           break;
         case " ":
         case "Enter": {
@@ -708,7 +708,7 @@ ${n(
     },
     [i, e, s, o, r]
   );
-  return { activeIndex: i, setActiveIndex: d, listRef: u, handleKeyDown: l };
+  return { activeIndex: i, setActiveIndex: _, listRef: u, handleKeyDown: d };
 }, Qt = {
   top: "bottom",
   bottom: "top",
@@ -720,10 +720,10 @@ ${n(
     bottom: e.top + e.height + o,
     left: e.left - t.width - o,
     right: e.left + e.width + o
-  }[n], d = s ? e.left : e.top, u = s ? e.width : e.height, l = s ? t.width : t.height, c = {
-    start: d,
-    center: d + u / 2 - l / 2,
-    end: d + u - l
+  }[n], _ = s ? e.left : e.top, u = s ? e.width : e.height, d = s ? t.width : t.height, c = {
+    start: _,
+    center: _ + u / 2 - d / 2,
+    end: _ + u - d
   }[r];
   return s ? { top: i, left: c } : { top: c, left: i };
 }, wa = (e, t, n, r, o) => ({
@@ -732,11 +732,11 @@ ${n(
   left: e.left >= r,
   right: e.left + t.width <= o.width - r
 })[n], Ut = (e, t, { side: n = "top", align: r = "center", offset: o = 8, padding: s = 8, isOpen: i }) => {
-  const [d, u] = P({
+  const [_, u] = P({
     style: { position: "fixed", top: 0, left: 0 },
     side: n,
     isPositioned: !1
-  }), l = S(0), c = z(() => {
+  }), d = R(0), c = z(() => {
     const m = e.current, x = t.current;
     if (!m || !x) return;
     const b = m.getBoundingClientRect(), p = x.getBoundingClientRect(), y = { width: window.innerWidth, height: window.innerHeight }, D = Wt(b, p, n, r, o), N = wa(D, p, n, s, y) ? n : wa(
@@ -755,56 +755,56 @@ ${n(
       side: N,
       isPositioned: !0
     });
-  }, [e, t, n, r, o, s]), _ = z(() => {
-    l.current || (l.current = window.requestAnimationFrame(() => {
-      l.current = 0, c();
+  }, [e, t, n, r, o, s]), l = z(() => {
+    d.current || (d.current = window.requestAnimationFrame(() => {
+      d.current = 0, c();
     }));
   }, [c]);
-  return (he() ? Ea : R)(() => {
+  return (he() ? Ea : S)(() => {
     if (!i) {
       u((x) => x.isPositioned ? { ...x, isPositioned: !1 } : x);
       return;
     }
-    c(), window.addEventListener("resize", _), document.addEventListener("scroll", _, !0);
-    const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(_);
+    c(), window.addEventListener("resize", l), document.addEventListener("scroll", l, !0);
+    const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(l);
     return m && t.current && m.observe(t.current), m && e.current && m.observe(e.current), () => {
-      window.removeEventListener("resize", _), document.removeEventListener("scroll", _, !0), m == null || m.disconnect(), l.current && (window.cancelAnimationFrame(l.current), l.current = 0);
+      window.removeEventListener("resize", l), document.removeEventListener("scroll", l, !0), m == null || m.disconnect(), d.current && (window.cancelAnimationFrame(d.current), d.current = 0);
     };
-  }, [i, c, _, e, t]), d;
+  }, [i, c, l, e, t]), _;
 }, Tn = (e, { rowHeight: t = 40, overscan: n = 6, isEnabled: r = !0 } = {}) => {
-  const o = S(null), [s, i] = P({
+  const o = R(null), [s, i] = P({
     start: 0,
     end: e,
     totalHeight: e * t,
     offset: 0
-  }), d = z(() => {
-    const l = o.current;
-    if (!r || !l || l.clientHeight === 0) {
-      i({ start: 0, end: e, totalHeight: e * t, offset: 0 });
-      return;
-    }
-    const c = Math.ceil(l.clientHeight / t), _ = Math.floor(l.scrollTop / t), h = Math.max(0, _ - n), m = Math.min(e, _ + c + n);
-    i({ start: h, end: m, totalHeight: e * t, offset: h * t });
+  }), _ = z(() => {
+    const d = o.current, c = !r || !d || d.clientHeight === 0 ? { start: 0, end: e, totalHeight: e * t, offset: 0 } : (() => {
+      const l = Math.ceil(d.clientHeight / t), h = Math.floor(d.scrollTop / t), m = Math.max(0, h - n), x = Math.min(e, h + l + n);
+      return { start: m, end: x, totalHeight: e * t, offset: m * t };
+    })();
+    i(
+      (l) => l.start === c.start && l.end === c.end && l.totalHeight === c.totalHeight && l.offset === c.offset ? l : c
+    );
   }, [e, r, n, t]);
-  R(() => {
-    const l = o.current;
-    if (!l) return;
-    d(), l.addEventListener("scroll", d, { passive: !0 });
-    const c = typeof ResizeObserver > "u" ? null : new ResizeObserver(d);
-    return c == null || c.observe(l), () => {
-      l.removeEventListener("scroll", d), c == null || c.disconnect();
+  S(_), S(() => {
+    const d = o.current;
+    if (!d) return;
+    d.addEventListener("scroll", _, { passive: !0 });
+    const c = typeof ResizeObserver > "u" ? null : new ResizeObserver(_);
+    return c == null || c.observe(d), () => {
+      d.removeEventListener("scroll", _), c == null || c.disconnect();
     };
-  }, [d]);
+  }, [_]);
   const u = z(
-    (l) => {
+    (d) => {
       const c = o.current;
       if (!c || !r) return;
-      const _ = l * t, h = _ + t;
-      _ < c.scrollTop ? c.scrollTop = _ : h > c.scrollTop + c.clientHeight && (c.scrollTop = h - c.clientHeight);
+      const l = d * t, h = l + t;
+      l < c.scrollTop ? c.scrollTop = l : h > c.scrollTop + c.clientHeight && (c.scrollTop = h - c.clientHeight);
     },
     [r, t]
   );
-  return { scrollRef: o, range: s, scrollToIndex: u, measure: d };
+  return { scrollRef: o, range: s, scrollToIndex: u, measure: _ };
 };
 let $t = 0, Ee = null;
 const Cn = () => /iP(hone|ad|od)/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, En = () => {
@@ -825,7 +825,7 @@ const Cn = () => /iP(hone|ad|od)/.test(navigator.platform) || navigator.platform
   const { body: e } = document, { scrollY: t } = Ee;
   e.style.overflow = Ee.overflow, e.style.position = Ee.position, e.style.top = Ee.top, e.style.width = Ee.width, e.style.paddingRight = Ee.paddingRight, document.documentElement.style.removeProperty("scrollbar-gutter"), Ee = null, window.scrollTo(0, t);
 }, qt = (e = !0) => {
-  R(() => {
+  S(() => {
     if (e)
       return En(), Ln;
   }, [e]);
@@ -843,7 +843,7 @@ const Sn = 240, Ga = () => {
 }, xa = () => {
   ht && (window.cancelAnimationFrame(ht), ht = 0);
 }, Rn = (e = !0) => {
-  R(() => {
+  S(() => {
     if (!e) return;
     const t = window.visualViewport;
     if (t)
@@ -957,11 +957,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     startIcon: o,
     endIcon: s,
     className: i,
-    children: d,
+    children: _,
     disabled: u,
-    href: l,
+    href: d,
     isExternal: c,
-    linkProps: _,
+    linkProps: l,
     testId: h,
     ...m
   }, x) => {
@@ -975,13 +975,13 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     ), p = /* @__PURE__ */ g(fe, { children: [
       n && /* @__PURE__ */ a(Xa, { size: "sm", className: $e.button__spinner, label: "" }),
       !n && o && /* @__PURE__ */ a("span", { className: $e.button__icon, children: o }),
-      /* @__PURE__ */ a("span", { className: $e.button__label, children: d }),
+      /* @__PURE__ */ a("span", { className: $e.button__label, children: _ }),
       s && /* @__PURE__ */ a("span", { className: $e.button__icon, children: s })
     ] });
-    return l && c ? /* @__PURE__ */ a(
+    return d && c ? /* @__PURE__ */ a(
       "a",
       {
-        href: l,
+        href: d,
         className: b,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -989,7 +989,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
         "data-testid": h,
         children: p
       }
-    ) : l ? /* @__PURE__ */ a(ke, { href: l, className: b, "data-testid": h, ..._, children: p }) : /* @__PURE__ */ a(
+    ) : d ? /* @__PURE__ */ a(ke, { href: d, className: b, "data-testid": h, ...l, children: p }) : /* @__PURE__ */ a(
       "button",
       {
         ref: x,
@@ -1020,11 +1020,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     className: o,
     type: s = "button",
     href: i,
-    linkProps: d,
+    linkProps: _,
     testId: u,
-    ...l
+    ...d
   }, c) => {
-    const _ = f(
+    const l = f(
       Zt.iconButton,
       Zt[`iconButton--${n}`],
       Zt[`iconButton--${r}`],
@@ -1034,11 +1034,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       ke,
       {
         href: i,
-        className: _,
+        className: l,
         "aria-label": t,
-        title: l.title,
+        title: d.title,
         "data-testid": u,
-        ...d,
+        ..._,
         children: e
       }
     ) : /* @__PURE__ */ a(
@@ -1046,10 +1046,10 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       {
         ref: c,
         type: s,
-        className: _,
+        className: l,
         "aria-label": t,
         "data-testid": u,
-        ...l,
+        ...d,
         children: e
       }
     );
@@ -1072,14 +1072,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   size: o = "md",
   className: s,
   linkProps: i,
-  ...d
+  ..._
 }) => /* @__PURE__ */ g(
   ke,
   {
     href: e,
     className: f(gt.link, gt[`link--${r}`], gt[`link--${o}`], s),
     ...i,
-    ...d,
+    ..._,
     children: [
       /* @__PURE__ */ a("span", { className: gt.link__label, children: t }),
       n && /* @__PURE__ */ a(_n, { "aria-hidden": !0, className: gt.link__arrow })
@@ -1097,30 +1097,30 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   "bubble--right": "hanui-bubble--right-EQjUT",
   "hanui-fade-in": "hanui-hanui-fade-in-wwrDx"
 }, ar = 120, nr = 500, rr = ({ content: e, children: t, side: n, position: r, openDelay: o = 300, className: s }) => {
-  const [i, d] = P(!1), u = J(), l = n ?? r ?? "top", c = S(null), _ = S(null), h = S(0), m = S(0), x = Ut(c, _, {
-    side: l,
+  const [i, _] = P(!1), u = J(), d = n ?? r ?? "top", c = R(null), l = R(null), h = R(0), m = R(0), x = Ut(c, l, {
+    side: d,
     align: "center",
     isOpen: i
   }), b = z(() => {
     h.current && window.clearTimeout(h.current), h.current = 0;
   }, []), p = z(
     (v) => {
-      b(), h.current = window.setTimeout(() => d(!0), v);
+      b(), h.current = window.setTimeout(() => _(!0), v);
     },
     [b]
   ), y = z(
     (v = ar) => {
-      b(), h.current = window.setTimeout(() => d(!1), v);
+      b(), h.current = window.setTimeout(() => _(!1), v);
     },
     [b]
   );
-  R(() => b, [b]), R(() => {
+  S(() => b, [b]), S(() => {
     if (!i) return;
     const v = ($) => {
       $.key === "Escape" && y(0);
     };
     return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
-  }, [i, y]), R(() => {
+  }, [i, y]), S(() => {
     if (!i) return;
     const v = ($) => {
       var k;
@@ -1131,7 +1131,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   const D = () => {
     m.current && window.clearTimeout(m.current), m.current = 0;
   }, N = (v) => {
-    v.pointerType !== "mouse" && (m.current = window.setTimeout(() => d(!0), nr));
+    v.pointerType !== "mouse" && (m.current = window.setTimeout(() => _(!0), nr));
   };
   return /* @__PURE__ */ g(fe, { children: [
     /* @__PURE__ */ a(
@@ -1158,7 +1158,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       /* @__PURE__ */ a(
         "span",
         {
-          ref: _,
+          ref: l,
           id: u,
           role: "tooltip",
           className: f(Rt.bubble, Rt[`bubble--${x.side}`]),
@@ -1197,7 +1197,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   className: s,
   testId: i
 }) => {
-  const d = J(), u = S(null), l = S(null), c = S(null), _ = S({ text: "", at: 0 }), [h, m] = P(!1), [x, b] = P(0), p = Ut(u, l, { side: r, align: o, isOpen: h }), y = cr(t), D = z(
+  const _ = J(), u = R(null), d = R(null), c = R(null), l = R({ text: "", at: 0 }), [h, m] = P(!1), [x, b] = P(0), p = Ut(u, d, { side: r, align: o, isOpen: h }), y = cr(t), D = z(
     (w) => {
       y.length !== 0 && (c.current = pt(), b(w === "first" ? y[0] : y[y.length - 1]), m(!0));
     },
@@ -1206,15 +1206,15 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     var w;
     m(!1), (w = c.current) == null || w.call(c), c.current = null;
   }, []);
-  R(() => {
+  S(() => {
     var w, M;
-    h && ((M = (w = l.current) == null ? void 0 : w.querySelector(`[data-index="${x}"]`)) == null || M.focus({ preventScroll: !0 }));
-  }, [h, x]), R(() => {
+    h && ((M = (w = d.current) == null ? void 0 : w.querySelector(`[data-index="${x}"]`)) == null || M.focus({ preventScroll: !0 }));
+  }, [h, x]), S(() => {
     if (!h) return;
     const w = (M) => {
       var W, Z;
       const U = M.target;
-      (W = l.current) != null && W.contains(U) || (Z = u.current) != null && Z.contains(U) || N();
+      (W = d.current) != null && W.contains(U) || (Z = u.current) != null && Z.contains(U) || N();
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
   }, [h, N]);
@@ -1222,8 +1222,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     const U = (y.indexOf(x) + w + y.length) % y.length;
     b(y[U]);
   }, $ = (w) => {
-    const M = Date.now(), U = M - _.current.at > 500 ? w : _.current.text + w;
-    _.current = { text: U, at: M };
+    const M = Date.now(), U = M - l.current.at > 500 ? w : l.current.text + w;
+    l.current = { text: U, at: M };
     const W = y.find(
       (Z) => t[Z].label.toLocaleLowerCase("tr").startsWith(U.toLocaleLowerCase("tr"))
     );
@@ -1263,7 +1263,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     ref: u,
     "aria-haspopup": "menu",
     "aria-expanded": h,
-    "aria-controls": h ? d : void 0,
+    "aria-controls": h ? _ : void 0,
     onClick: (w) => {
       var M;
       (M = C.onClick) == null || M.call(C, w), h ? N() : D("first");
@@ -1279,8 +1279,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       /* @__PURE__ */ a(
         "div",
         {
-          ref: l,
-          id: d,
+          ref: d,
+          id: _,
           role: "menu",
           "aria-label": n,
           className: f(ft.menu, ft[`menu--${p.side}`], s),
@@ -1332,31 +1332,31 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   align: o = "start",
   isOpen: s,
   onOpenChange: i,
-  className: d,
+  className: _,
   testId: u
 }) => {
-  const l = J(), c = S(null), _ = S(null), h = S(null), [m, x] = P(!1), b = s !== void 0, p = b ? s : m, y = Ut(c, _, { side: r, align: o, isOpen: p }), D = z(
+  const d = J(), c = R(null), l = R(null), h = R(null), [m, x] = P(!1), b = s !== void 0, p = b ? s : m, y = Ut(c, l, { side: r, align: o, isOpen: p }), D = z(
     ($) => {
       b || x($), i == null || i($);
     },
     [b, i]
   );
-  if (R(() => {
+  if (S(() => {
     if (!p) return;
     h.current = pt();
-    const $ = _.current;
+    const $ = l.current;
     return $ && jt($), () => {
       var k;
       (k = h.current) == null || k.call(h), h.current = null;
     };
-  }, [p]), R(() => {
+  }, [p]), S(() => {
     if (!p) return;
     const $ = (L) => {
       L.key === "Escape" && D(!1);
     }, k = (L) => {
       var E, w;
       const C = L.target;
-      (E = _.current) != null && E.contains(C) || (w = c.current) != null && w.contains(C) || D(!1);
+      (E = l.current) != null && E.contains(C) || (w = c.current) != null && w.contains(C) || D(!1);
     };
     return document.addEventListener("keydown", $), document.addEventListener("mousedown", k), () => {
       document.removeEventListener("keydown", $), document.removeEventListener("mousedown", k);
@@ -1366,7 +1366,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     ref: c,
     "aria-expanded": p,
     "aria-haspopup": "dialog",
-    "aria-controls": p ? l : void 0,
+    "aria-controls": p ? d : void 0,
     onClick: ($) => {
       var k;
       (k = N.onClick) == null || k.call(N, $), D(!p);
@@ -1378,11 +1378,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       /* @__PURE__ */ a(
         "div",
         {
-          ref: _,
-          id: l,
+          ref: l,
+          id: d,
           role: "dialog",
           "aria-label": n,
-          className: f($a.popover, $a[`popover--${y.side}`], d),
+          className: f($a.popover, $a[`popover--${y.side}`], _),
           style: {
             ...y.style,
             visibility: y.isPositioned ? "visible" : "hidden"
@@ -1416,11 +1416,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     isSelected: o,
     size: s = "md",
     label: i,
-    href: d,
+    href: _,
     linkProps: u,
-    className: l,
+    className: d,
     type: c = "button",
-    role: _,
+    role: l,
     testId: h,
     ...m
   }, x) => {
@@ -1429,17 +1429,17 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       Me[`chip--${s}`],
       o && Me["chip--selected"],
       !e && Me["chip--iconOnly"],
-      l
+      d
     ), p = /* @__PURE__ */ g(fe, { children: [
       t && /* @__PURE__ */ a("span", { className: Me.chip__icon, "aria-hidden": !0, children: t }),
       e && /* @__PURE__ */ a("span", { className: Me.chip__label, children: e }),
       ut(r) && /* @__PURE__ */ a("span", { className: Me.chip__count, children: r }),
       n && /* @__PURE__ */ a("span", { className: Me.chip__icon, "aria-hidden": !0, children: n })
     ] });
-    return d ? /* @__PURE__ */ a(
+    return _ ? /* @__PURE__ */ a(
       ke,
       {
-        href: d,
+        href: _,
         className: b,
         "aria-label": e ? void 0 : i,
         "aria-current": o ? "page" : void 0,
@@ -1452,11 +1452,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       {
         ref: x,
         type: c,
-        role: _,
+        role: l,
         className: b,
         "aria-label": e ? void 0 : i,
         "data-testid": h,
-        ..._ === "radio" ? { "aria-checked": !!o } : { "aria-pressed": !!o },
+        ...l === "radio" ? { "aria-checked": !!o } : { "aria-pressed": !!o },
         ...m,
         children: p
       }
@@ -1473,15 +1473,15 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   className: o,
   ...s
 }) => {
-  var _;
-  const i = S(null), d = (h) => s.isMultiple ? s.value.includes(h) : s.value === h, u = (h) => {
+  var l;
+  const i = R(null), _ = (h) => s.isMultiple ? s.value.includes(h) : s.value === h, u = (h) => {
     if (s.isMultiple) {
       const m = s.value.includes(h) ? s.value.filter((x) => x !== h) : [...s.value, h];
       s.onChange(m);
       return;
     }
     s.onChange(s.value === h ? null : h);
-  }, l = (h) => {
+  }, d = (h) => {
     var y, D;
     if (s.isMultiple) return;
     const m = h.key === "ArrowRight" || h.key === "ArrowDown" ? 1 : h.key === "ArrowLeft" || h.key === "ArrowUp" ? -1 : 0;
@@ -1491,7 +1491,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     if (x.length === 0) return;
     const b = x.findIndex((N) => N.value === s.value), p = x[(b + m + x.length) % x.length];
     s.onChange(p.value), (D = (y = i.current) == null ? void 0 : y.querySelector(`[data-chip-value="${p.value}"]`)) == null || D.focus();
-  }, c = s.isMultiple ? null : s.value ?? ((_ = e.find((h) => !h.isDisabled)) == null ? void 0 : _.value) ?? null;
+  }, c = s.isMultiple ? null : s.value ?? ((l = e.find((h) => !h.isDisabled)) == null ? void 0 : l.value) ?? null;
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1499,14 +1499,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       className: f(Da.group, r && Da["group--scrollable"], o),
       role: s.isMultiple ? "group" : "radiogroup",
       "aria-label": t,
-      onKeyDown: l,
+      onKeyDown: d,
       children: e.map((h) => /* @__PURE__ */ a(
         gr,
         {
           size: n,
           icon: h.icon,
           count: h.count,
-          isSelected: d(h.value),
+          isSelected: _(h.value),
           disabled: h.isDisabled,
           role: s.isMultiple ? void 0 : "radio",
           tabIndex: s.isMultiple || h.value === c ? 0 : -1,
@@ -1533,16 +1533,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   toolbar: o,
   footer: s,
   closeAbove: i = sa,
-  className: d,
+  className: _,
   testId: u
 }) => {
-  const { labels: l } = j(), c = J(), _ = S(null);
-  Rn(), qt(), R(() => {
+  const { labels: d } = j(), c = J(), l = R(null);
+  Rn(), qt(), S(() => {
     const x = pt(), { token: b, pop: p } = Yt();
-    return _.current = b, () => {
-      p(), _.current = null, x();
+    return l.current = b, () => {
+      p(), l.current = null, x();
     };
-  }, []), R(() => {
+  }, []), S(() => {
     const x = window.matchMedia(i);
     return x.addEventListener("change", n), () => x.removeEventListener("change", n);
   }, [i, n]);
@@ -1559,11 +1559,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       "dialog",
       {
         ref: h,
-        className: f(qe.sheet, d),
+        className: f(qe.sheet, _),
         "aria-labelledby": c,
         "data-testid": u,
         onCancel: (x) => {
-          x.preventDefault(), !(_.current && !Gt(_.current)) && n();
+          x.preventDefault(), !(l.current && !Gt(l.current)) && n();
         },
         onClick: m,
         children: [
@@ -1573,7 +1573,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
               Re,
               {
                 icon: /* @__PURE__ */ a(He, { "aria-hidden": !0 }),
-                label: H("BottomSheet.closeLabel", t, l == null ? void 0 : l.close),
+                label: H("BottomSheet.closeLabel", t, d == null ? void 0 : d.close),
                 variant: "ghost",
                 size: "sm",
                 onClick: n
@@ -1623,11 +1623,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   isSearchHidden: o,
   onSearch: s,
   isLoading: i,
-  isDisabled: d,
+  isDisabled: _,
   isClearable: u,
-  icon: l,
+  icon: d,
   id: c,
-  className: _,
+  className: l,
   testId: h,
   "aria-describedby": m,
   "aria-invalid": x
@@ -1662,18 +1662,18 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       var A;
       return H("Combobox.clearLabel", r.clearLabel, (A = b == null ? void 0 : b.combobox) == null ? void 0 : A.clearLabel);
     }
-  }, y = J(), D = c ?? y, N = `${D}-listbox`, v = S(null), $ = S(null), k = S(null), L = S(null), [C, E] = P(null), w = C !== null, [M, U] = P(""), [W, Z] = P(null), Y = Tt(() => {
+  }, y = J(), D = c ?? y, N = `${D}-listbox`, v = R(null), $ = R(null), k = R(null), L = R(null), [C, E] = P(null), w = C !== null, [M, U] = P(""), [W, Z] = P(null), Y = Tt(() => {
     if (s || M.trim() === "") return e;
     const A = M.trim();
     return e.filter(
       (oe) => Ot(oe.label, A) || (oe.description ? Ot(oe.description, A) : !1)
     );
   }, [e, M, s]), de = e.find((A) => A.value === t) ?? null;
-  R(() => {
+  S(() => {
     de ? Z(de.label) : t === null && Z(null);
   }, [de, t]);
-  const at = (de == null ? void 0 : de.label) ?? W, Ne = S(s);
-  Ne.current = s, R(() => {
+  const at = (de == null ? void 0 : de.label) ?? W, Ne = R(s);
+  Ne.current = s, S(() => {
     if (!w || !Ne.current) return;
     const A = window.setTimeout(() => {
       var oe;
@@ -1684,23 +1684,23 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   const Ae = z(() => {
     E(null), U("");
   }, []), Lt = z(() => {
-    d || (E(window.matchMedia(sa).matches ? "popover" : "sheet"), U(""));
-  }, [d]);
-  R(() => {
+    _ || (E(window.matchMedia(sa).matches ? "popover" : "sheet"), U(""));
+  }, [_]);
+  S(() => {
     if (C !== "popover") return;
     const A = (oe) => {
       var pe;
       (pe = v.current) != null && pe.contains(oe.target) || Ae();
     };
     return document.addEventListener("mousedown", A), () => document.removeEventListener("mousedown", A);
-  }, [C, Ae]), R(() => {
+  }, [C, Ae]), S(() => {
     var A;
     C === "popover" && ((A = L.current) == null || A.focus({ preventScroll: !0 }));
   }, [C]);
   const mt = (A) => {
     A.isDisabled || (Z(A.label), n(A.value), Ae());
-  }, K = S(!1);
-  R(() => {
+  }, K = R(!1);
+  S(() => {
     var A;
     K.current && !w && ((A = $.current) == null || A.focus()), K.current = w;
   }, [w]);
@@ -1725,7 +1725,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     rowHeight: Ia,
     isEnabled: Ke
   });
-  R(() => {
+  S(() => {
     Ke && da(re);
   }, [re, Ke, da]);
   const an = (A) => {
@@ -1803,7 +1803,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       }
     );
   };
-  return /* @__PURE__ */ g("div", { ref: v, className: f(q.combobox, _), "data-testid": h, children: [
+  return /* @__PURE__ */ g("div", { ref: v, className: f(q.combobox, l), "data-testid": h, children: [
     /* @__PURE__ */ g(
       "button",
       {
@@ -1815,9 +1815,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
           !at && q["combobox__trigger--empty"],
           w && q["combobox__trigger--open"],
           x && q["combobox__trigger--invalid"],
-          u && at && !d && q["combobox__trigger--clearable"]
+          u && at && !_ && q["combobox__trigger--clearable"]
         ),
-        disabled: d,
+        disabled: _,
         "aria-haspopup": "listbox",
         "aria-expanded": w,
         "aria-controls": w ? N : void 0,
@@ -1825,7 +1825,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
         "aria-describedby": m,
         onClick: () => w ? Ae() : Lt(),
         children: [
-          l && /* @__PURE__ */ a("span", { className: q.combobox__leadingIcon, "aria-hidden": !0, children: l }),
+          d && /* @__PURE__ */ a("span", { className: q.combobox__leadingIcon, "aria-hidden": !0, children: d }),
           /* @__PURE__ */ a("span", { className: q.combobox__value, children: at ?? r.placeholder }),
           /* @__PURE__ */ a(
             Aa,
@@ -1837,7 +1837,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
         ]
       }
     ),
-    u && at && !d && /* @__PURE__ */ a(
+    u && at && !_ && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -1893,16 +1893,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   isIconOnly: o,
   size: s = "md",
   className: i,
-  testId: d
+  testId: _
 }) => {
-  const u = S(null), l = (c) => {
+  const u = R(null), d = (c) => {
     var b, p;
-    const _ = c.key === "ArrowRight" || c.key === "ArrowDown" ? 1 : c.key === "ArrowLeft" || c.key === "ArrowUp" ? -1 : 0;
-    if (_ === 0) return;
+    const l = c.key === "ArrowRight" || c.key === "ArrowDown" ? 1 : c.key === "ArrowLeft" || c.key === "ArrowUp" ? -1 : 0;
+    if (l === 0) return;
     c.preventDefault();
     const h = e.filter((y) => !y.isDisabled);
     if (h.length === 0) return;
-    const m = h.findIndex((y) => y.value === t), x = h[(m + _ + h.length) % h.length];
+    const m = h.findIndex((y) => y.value === t), x = h[(m + l + h.length) % h.length];
     n(x.value), (p = (b = u.current) == null ? void 0 : b.querySelector(`[data-value="${x.value}"]`)) == null || p.focus({ preventScroll: !0 });
   };
   return /* @__PURE__ */ a(
@@ -1912,25 +1912,25 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       role: "radiogroup",
       "aria-label": r,
       className: f(ot.segmented, ot[`segmented--${s}`], i),
-      "data-testid": d,
-      onKeyDown: l,
+      "data-testid": _,
+      onKeyDown: d,
       children: e.map((c) => {
-        const _ = c.value === t;
+        const l = c.value === t;
         return /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": _,
+            "aria-checked": l,
             "aria-label": o ? c.label : void 0,
             "data-value": c.value,
             disabled: c.isDisabled,
-            tabIndex: _ ? 0 : -1,
+            tabIndex: l ? 0 : -1,
             className: f(
               ot.segmented__item,
-              _ && ot["segmented__item--selected"]
+              l && ot["segmented__item--selected"]
             ),
-            onClick: () => !_ && n(c.value),
+            onClick: () => !l && n(c.value),
             children: [
               c.icon && /* @__PURE__ */ a("span", { className: ot.segmented__icon, "aria-hidden": !0, children: c.icon }),
               !o && /* @__PURE__ */ a("span", { className: ot.segmented__label, children: c.label })
@@ -1973,24 +1973,24 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   placeholder: o,
   closeLabel: s,
   icon: i,
-  size: d = "md",
+  size: _ = "md",
   align: u = "start",
-  isDisabled: l,
+  isDisabled: d,
   id: c,
-  className: _,
+  className: l,
   testId: h,
   "aria-describedby": m,
   "aria-invalid": x
 }) => {
-  const { labels: b } = j(), p = H("Select.placeholder", o, b == null ? void 0 : b.selectPlaceholder), y = J(), D = c ?? y, N = `${D}-listbox`, v = (K) => `${D}-option-${K}`, $ = S(null), k = S(null), [L, C] = P(null), E = L !== null, w = e.findIndex((K) => K.value === t), M = w >= 0 ? e[w] : null, U = z(() => C(null), []), W = z(() => {
-    l || e.length === 0 || C(window.matchMedia(sa).matches ? "popover" : "sheet");
-  }, [l, e.length]), Z = (K) => {
+  const { labels: b } = j(), p = H("Select.placeholder", o, b == null ? void 0 : b.selectPlaceholder), y = J(), D = c ?? y, N = `${D}-listbox`, v = (K) => `${D}-option-${K}`, $ = R(null), k = R(null), [L, C] = P(null), E = L !== null, w = e.findIndex((K) => K.value === t), M = w >= 0 ? e[w] : null, U = z(() => C(null), []), W = z(() => {
+    d || e.length === 0 || C(window.matchMedia(sa).matches ? "popover" : "sheet");
+  }, [d, e.length]), Z = (K) => {
     K.isDisabled || (n(K.value), U());
-  }, Y = S(!1);
-  R(() => {
+  }, Y = R(!1);
+  S(() => {
     var K;
     Y.current && !E && ((K = k.current) == null || K.focus()), Y.current = E;
-  }, [E]), R(() => {
+  }, [E]), S(() => {
     if (L !== "popover") return;
     const K = (ee) => {
       var re;
@@ -2008,7 +2008,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     },
     onClose: U
   });
-  R(() => {
+  S(() => {
     var K;
     L === "sheet" && ((K = Ne.current) == null || K.focus({ preventScroll: !0 }));
   }, [L, Ne]);
@@ -2057,7 +2057,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       })
     }
   );
-  return /* @__PURE__ */ g("span", { ref: $, className: f(X.select, _), "data-testid": h, children: [
+  return /* @__PURE__ */ g("span", { ref: $, className: f(X.select, l), "data-testid": h, children: [
     /* @__PURE__ */ g(
       "button",
       {
@@ -2067,11 +2067,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
         role: "combobox",
         className: f(
           X.trigger,
-          X[`trigger--${d}`],
+          X[`trigger--${_}`],
           !M && X["trigger--empty"],
           E && X["trigger--open"]
         ),
-        disabled: l,
+        disabled: d,
         "aria-haspopup": "listbox",
         "aria-expanded": E,
         "aria-controls": E ? N : void 0,
@@ -2121,7 +2121,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   switch__thumb: vo,
   switch__text: yo
 }, wo = xe(
-  ({ label: e, hint: t, isLabelFirst: n, className: r, id: o, testId: s, ...i }, d) => /* @__PURE__ */ g(
+  ({ label: e, hint: t, isLabelFirst: n, className: r, id: o, testId: s, ...i }, _) => /* @__PURE__ */ g(
     "label",
     {
       className: f(Be.switch, n && Be["switch--labelFirst"], r),
@@ -2130,7 +2130,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
         /* @__PURE__ */ a(
           "input",
           {
-            ref: d,
+            ref: _,
             type: "checkbox",
             role: "switch",
             id: o,
@@ -2177,7 +2177,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   onChange: o,
   children: s,
   className: i,
-  id: d,
+  id: _,
   testId: u
 }) => /* @__PURE__ */ g(
   "label",
@@ -2194,7 +2194,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
         "input",
         {
           type: "radio",
-          id: d,
+          id: _,
           name: e,
           value: t,
           checked: n,
@@ -2224,15 +2224,15 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   onChange: o,
   onCommit: s,
   formatValue: i = String,
-  label: d,
+  label: _,
   minLabel: u,
-  maxLabel: l,
+  maxLabel: d,
   isDisabled: c,
-  className: _,
+  className: l,
   testId: h
 }) => {
   var E, w;
-  const { labels: m } = j(), x = H("RangeSlider.minLabel", u, (E = m == null ? void 0 : m.range) == null ? void 0 : E.min), b = H("RangeSlider.maxLabel", l, (w = m == null ? void 0 : m.range) == null ? void 0 : w.max), [p, y] = r, D = z(
+  const { labels: m } = j(), x = H("RangeSlider.minLabel", u, (E = m == null ? void 0 : m.range) == null ? void 0 : E.min), b = H("RangeSlider.maxLabel", d, (w = m == null ? void 0 : m.range) == null ? void 0 : w.max), [p, y] = r, D = z(
     (M) => o([Math.min(M, y), y]),
     [y, o]
   ), N = z(
@@ -2242,9 +2242,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   return /* @__PURE__ */ g(
     "div",
     {
-      className: f(me.range, c && me["range--disabled"], _),
+      className: f(me.range, c && me["range--disabled"], l),
       role: "group",
-      "aria-label": d,
+      "aria-label": _,
       "data-testid": h,
       children: [
         /* @__PURE__ */ g("div", { className: me.range__readout, children: [
@@ -2272,7 +2272,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
               step: n,
               value: p,
               disabled: c,
-              "aria-label": `${d} — ${x}`,
+              "aria-label": `${_} — ${x}`,
               "aria-valuetext": i(p),
               onChange: (M) => D(Number(M.target.value)),
               onPointerUp: v,
@@ -2290,7 +2290,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
               step: n,
               value: y,
               disabled: c,
-              "aria-label": `${d} — ${b}`,
+              "aria-label": `${_} — ${b}`,
               "aria-valuetext": i(y),
               onChange: (M) => N(Number(M.target.value)),
               onPointerUp: v,
@@ -2323,16 +2323,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   formatStarCount: o,
   isDisabled: s,
   className: i,
-  testId: d
+  testId: _
 }) => {
   var x;
-  const { labels: u } = j(), l = r ?? ((x = u == null ? void 0 : u.rating) == null ? void 0 : x.scale), c = J(), [_, h] = P(null), m = _ ?? e;
+  const { labels: u } = j(), d = r ?? ((x = u == null ? void 0 : u.rating) == null ? void 0 : x.scale), c = J(), [l, h] = P(null), m = l ?? e;
   return /* @__PURE__ */ g(
     "fieldset",
     {
       className: f(De.rating, s && De["rating--disabled"], i),
       disabled: s,
-      "data-testid": d,
+      "data-testid": _,
       children: [
         /* @__PURE__ */ a("legend", { className: De.rating__legend, children: n }),
         /* @__PURE__ */ a("div", { className: De.rating__stars, onMouseLeave: () => h(null), children: Qo.map((b) => {
@@ -2366,14 +2366,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
                   ),
                   " ",
                   "— ",
-                  (l == null ? void 0 : l[b]) ?? ""
+                  (d == null ? void 0 : d[b]) ?? ""
                 ] })
               ]
             },
             b
           );
         }) }),
-        m !== null && /* @__PURE__ */ a("span", { className: De.rating__caption, "aria-hidden": !0, children: (l == null ? void 0 : l[m]) ?? "" })
+        m !== null && /* @__PURE__ */ a("span", { className: De.rating__caption, "aria-hidden": !0, children: (d == null ? void 0 : d[m]) ?? "" })
       ]
     }
   );
@@ -2391,13 +2391,13 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   increaseLabel: o,
   min: s = 1,
   max: i = 99,
-  isDisabled: d,
+  isDisabled: _,
   size: u = "md",
-  className: l,
+  className: d,
   testId: c
 }) => {
   var p, y, D;
-  const { labels: _ } = j(), h = H("QuantityStepper.label", n, (p = _ == null ? void 0 : _.quantity) == null ? void 0 : p.label), [m, x] = P(null), b = (N) => {
+  const { labels: l } = j(), h = H("QuantityStepper.label", n, (p = l == null ? void 0 : l.quantity) == null ? void 0 : p.label), [m, x] = P(null), b = (N) => {
     x(null);
     const v = Number(N.replace(/\D/g, ""));
     v && t(Math.min(Math.max(v, s), i));
@@ -2405,7 +2405,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   return /* @__PURE__ */ g(
     "div",
     {
-      className: f(yt.stepper, yt[`stepper--${u}`], l),
+      className: f(yt.stepper, yt[`stepper--${u}`], d),
       role: "group",
       "aria-label": h,
       "data-testid": c,
@@ -2416,11 +2416,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
             type: "button",
             className: yt.stepper__button,
             onClick: () => t(Math.max(e - 1, s)),
-            disabled: d || e <= s,
+            disabled: _ || e <= s,
             "aria-label": H(
               "QuantityStepper.decreaseLabel",
               r,
-              (y = _ == null ? void 0 : _.quantity) == null ? void 0 : y.decrease
+              (y = l == null ? void 0 : l.quantity) == null ? void 0 : y.decrease
             ),
             children: /* @__PURE__ */ a(Ma, { "aria-hidden": !0 })
           }
@@ -2436,7 +2436,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
               N.key === "Enter" && (N.preventDefault(), b(N.target.value));
             },
             inputMode: "numeric",
-            disabled: d,
+            disabled: _,
             "aria-label": `${h} (${s}-${i})`
           }
         ),
@@ -2446,11 +2446,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
             type: "button",
             className: yt.stepper__button,
             onClick: () => t(Math.min(e + 1, i)),
-            disabled: d || e >= i,
+            disabled: _ || e >= i,
             "aria-label": H(
               "QuantityStepper.increaseLabel",
               o,
-              (D = _ == null ? void 0 : _.quantity) == null ? void 0 : D.increase
+              (D = l == null ? void 0 : l.quantity) == null ? void 0 : D.increase
             ),
             children: /* @__PURE__ */ a(un, { "aria-hidden": !0 })
           }
@@ -2519,14 +2519,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   removeLabel: o,
   separators: s = ["Enter", ","],
   maxTags: i,
-  isDisabled: d,
+  isDisabled: _,
   id: u,
-  className: l,
+  className: d,
   testId: c,
-  "aria-describedby": _,
+  "aria-describedby": l,
   "aria-invalid": h
 }) => {
-  const m = J(), x = u ?? m, b = S(null), p = oa(), [y, D] = P(""), [N, v] = P(null), $ = i !== void 0 && e.length >= i, k = (E) => {
+  const m = J(), x = u ?? m, b = R(null), p = oa(), [y, D] = P(""), [N, v] = P(null), $ = i !== void 0 && e.length >= i, k = (E) => {
     const w = E.trim();
     if (w !== "") {
       if (e.includes(w)) {
@@ -2549,9 +2549,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     {
       className: f(
         Ye.tagInput,
-        d && Ye["tagInput--disabled"],
+        _ && Ye["tagInput--disabled"],
         h && Ye["tagInput--invalid"],
-        l
+        d
       ),
       "data-testid": c,
       onClick: () => {
@@ -2574,7 +2574,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
                   type: "button",
                   className: Ye.tagInput__remove,
                   "aria-label": `${E} — ${o}`,
-                  disabled: d,
+                  disabled: _,
                   onClick: (w) => {
                     w.stopPropagation(), L(E);
                   },
@@ -2595,9 +2595,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
             value: y,
             placeholder: e.length === 0 ? r : void 0,
             "aria-label": n,
-            "aria-describedby": _,
+            "aria-describedby": l,
             "aria-invalid": h,
-            disabled: d || $,
+            disabled: _ || $,
             onChange: (E) => D(E.target.value),
             onKeyDown: C,
             onBlur: () => k(y)
@@ -2621,16 +2621,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     hasCounter: o,
     maxLength: s,
     value: i,
-    defaultValue: d,
+    defaultValue: _,
     onChange: u,
-    testId: l,
+    testId: d,
     ...c
-  }, _) => {
-    const h = S(null), [m, x] = P(String(d ?? "").length), b = i === void 0 ? m : String(i).length, p = z(
+  }, l) => {
+    const h = R(null), [m, x] = P(String(_ ?? "").length), b = i === void 0 ? m : String(i).length, p = z(
       (D) => {
-        h.current = D, typeof _ == "function" ? _(D) : _ && (_.current = D);
+        h.current = D, typeof l == "function" ? l(D) : l && (l.current = D);
       },
-      [_]
+      [l]
     );
     Ea(() => {
       const D = h.current;
@@ -2640,7 +2640,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       D.style.height = `${Math.min(D.scrollHeight, v)}px`, D.style.overflowY = D.scrollHeight > v ? "auto" : "hidden";
     }, [n, r, i, b]);
     const y = s !== void 0 && b >= s * 0.9;
-    return /* @__PURE__ */ g("div", { className: f(wt.wrapper, e), "data-testid": l, children: [
+    return /* @__PURE__ */ g("div", { className: f(wt.wrapper, e), "data-testid": d, children: [
       /* @__PURE__ */ a(
         "textarea",
         {
@@ -2649,7 +2649,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
           className: f(wt.textarea, n && wt["textarea--autoSize"]),
           maxLength: s,
           value: i,
-          defaultValue: d,
+          defaultValue: _,
           onChange: (D) => {
             x(D.target.value.length), u == null || u(D);
           },
@@ -2698,21 +2698,21 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   separator: o = "–",
   min: s,
   max: i,
-  isSummaryVisible: d,
+  isSummaryVisible: _,
   isDisabled: u,
-  className: l,
+  className: d,
   testId: c
 }) => {
-  const { labels: _ } = j(), h = (() => {
-    if (!d || !(_ != null && _.locale) || e.start === "" || e.end === "") return null;
+  const { labels: l } = j(), h = (() => {
+    if (!_ || !(l != null && l.locale) || e.start === "" || e.end === "") return null;
     try {
-      const m = new Intl.DateTimeFormat(_.locale, { dateStyle: "medium" });
+      const m = new Intl.DateTimeFormat(l.locale, { dateStyle: "medium" });
       return `${m.format(new Date(e.start))} ${o} ${m.format(new Date(e.end))}`;
     } catch {
       return null;
     }
   })();
-  return /* @__PURE__ */ g("div", { className: f(Je.range, l), "data-testid": c, children: [
+  return /* @__PURE__ */ g("div", { className: f(Je.range, d), "data-testid": c, children: [
     /* @__PURE__ */ g("div", { className: Je.range__row, children: [
       /* @__PURE__ */ a(
         ta,
@@ -2759,14 +2759,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   isRequired: o,
   requiredLabel: s,
   isLabelHidden: i,
-  className: d
+  className: _
 }) => {
-  const { labels: u } = j(), l = J(), c = `${l}-error`, _ = `${l}-hint`;
-  return /* @__PURE__ */ g("div", { className: f(Fe.field, d), children: [
+  const { labels: u } = j(), d = J(), c = `${d}-error`, l = `${d}-hint`;
+  return /* @__PURE__ */ g("div", { className: f(Fe.field, _), children: [
     /* @__PURE__ */ g(
       "label",
       {
-        htmlFor: l,
+        htmlFor: d,
         className: f(Fe.field__label, i && Fe["field__label--hidden"]),
         children: [
           e,
@@ -2778,7 +2778,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       }
     ),
     t({
-      id: l,
+      id: d,
       required: o || void 0,
       "aria-invalid": r ? !0 : void 0,
       /*
@@ -2793,13 +2793,13 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
        * Sira ONEMLI: once hata, sonra yardim. Ekran okuyucu bagli metinleri
        * yazildiklari sirayla okuyor ve once "ne yanlis" duyulmali.
        */
-      "aria-describedby": [r && c, n && _].filter(Boolean).join(" ") || void 0
+      "aria-describedby": [r && c, n && l].filter(Boolean).join(" ") || void 0
     }),
     r && /* @__PURE__ */ g("p", { id: c, className: Fe.field__error, role: "alert", children: [
       /* @__PURE__ */ a(Ft, { "aria-hidden": !0, className: Fe.field__errorIcon }),
       r
     ] }),
-    n && /* @__PURE__ */ a("p", { id: _, className: Fe.field__hint, children: n })
+    n && /* @__PURE__ */ a("p", { id: l, className: Fe.field__hint, children: n })
   ] });
 }, Mi = /* @__PURE__ */ I(Ai), Bi = "hanui-progress-99MrX", Fi = "hanui-progress__track-Qbp9t", Pi = "hanui-progress__fill-Bam55", Oi = "hanui-progress__value-3FYxj", zi = "hanui-circle-9cn2w", Hi = "hanui-circle__svg-0IwkR", Ki = "hanui-circle__track-zY2qc", Ui = "hanui-circle__fill-Jbde6", qi = "hanui-circle__label-A3nJB", ne = {
   progress: Bi,
@@ -2831,35 +2831,35 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   isValueVisible: o,
   tone: s = "brand",
   size: i = "md",
-  className: d,
+  className: _,
   testId: u
 }) => {
-  const l = e === void 0, c = l ? 0 : Wa(e, t);
-  return /* @__PURE__ */ g("div", { className: f(ne.progress, d), "data-testid": u, children: [
+  const d = e === void 0, c = d ? 0 : Wa(e, t);
+  return /* @__PURE__ */ g("div", { className: f(ne.progress, _), "data-testid": u, children: [
     /* @__PURE__ */ a(
       "div",
       {
         role: "progressbar",
         "aria-label": n,
-        "aria-valuenow": l ? void 0 : Math.round(c),
-        "aria-valuemin": l ? void 0 : 0,
-        "aria-valuemax": l ? void 0 : 100,
-        "aria-valuetext": l ? void 0 : r,
+        "aria-valuenow": d ? void 0 : Math.round(c),
+        "aria-valuemin": d ? void 0 : 0,
+        "aria-valuemax": d ? void 0 : 100,
+        "aria-valuetext": d ? void 0 : r,
         className: f(
           ne.progress__track,
           ne[`progress__track--${i}`],
-          l && ne["progress__track--indeterminate"]
+          d && ne["progress__track--indeterminate"]
         ),
         children: /* @__PURE__ */ a(
           "span",
           {
             className: f(ne.progress__fill, ne[`progress__fill--${s}`]),
-            style: l ? void 0 : { inlineSize: `${c}%` }
+            style: d ? void 0 : { inlineSize: `${c}%` }
           }
         )
       }
     ),
-    o && !l && /* Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in
+    o && !d && /* Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in
     degerinde ve iki kez duyurulmasi gurultu. */
     /* @__PURE__ */ a("span", { className: ne.progress__value, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
   ] });
@@ -2871,14 +2871,14 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   isValueVisible: o,
   tone: s = "brand",
   size: i = 44,
-  className: d,
+  className: _,
   testId: u
 }) => {
-  const l = e === void 0, c = l ? 25 : Wa(e, t), _ = Math.max(3, Math.round(i * 0.1)), h = (i - _) / 2, m = 2 * Math.PI * h;
+  const d = e === void 0, c = d ? 25 : Wa(e, t), l = Math.max(3, Math.round(i * 0.1)), h = (i - l) / 2, m = 2 * Math.PI * h;
   return /* @__PURE__ */ g(
     "div",
     {
-      className: f(ne.circle, l && ne["circle--indeterminate"], d),
+      className: f(ne.circle, d && ne["circle--indeterminate"], _),
       style: { width: i, height: i },
       "data-testid": u,
       children: [
@@ -2891,10 +2891,10 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
             viewBox: `0 0 ${i} ${i}`,
             role: "progressbar",
             "aria-label": n,
-            "aria-valuenow": l ? void 0 : Math.round(c),
-            "aria-valuemin": l ? void 0 : 0,
-            "aria-valuemax": l ? void 0 : 100,
-            "aria-valuetext": l ? void 0 : r,
+            "aria-valuenow": d ? void 0 : Math.round(c),
+            "aria-valuemin": d ? void 0 : 0,
+            "aria-valuemax": d ? void 0 : 100,
+            "aria-valuetext": d ? void 0 : r,
             children: [
               /* @__PURE__ */ a(
                 "circle",
@@ -2904,7 +2904,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
                   cy: i / 2,
                   r: h,
                   fill: "none",
-                  strokeWidth: _
+                  strokeWidth: l
                 }
               ),
               /* @__PURE__ */ a(
@@ -2915,7 +2915,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
                   cy: i / 2,
                   r: h,
                   fill: "none",
-                  strokeWidth: _,
+                  strokeWidth: l,
                   strokeDasharray: m,
                   strokeDashoffset: m * (1 - c / 100)
                 }
@@ -2923,7 +2923,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
             ]
           }
         ),
-        o && !l && /* @__PURE__ */ a("span", { className: ne.circle__label, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
+        o && !d && /* @__PURE__ */ a("span", { className: ne.circle__label, "aria-hidden": !0, children: r ?? `%${Math.round(c)}` })
       ]
     }
   );
@@ -2957,24 +2957,24 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   hint: o,
   accept: s,
   isMultiple: i,
-  maxSize: d,
+  maxSize: _,
   removeLabel: u,
-  dropLabel: l,
+  dropLabel: d,
   sizeErrorText: c = "{name} çok büyük (en fazla {max}).",
-  isDisabled: _,
+  isDisabled: l,
   error: h,
   children: m,
   className: x,
   testId: b
 }) => {
-  const p = J(), y = J(), D = S(null), N = oa(), [v, $] = P(!1), [k, L] = P([]), C = (w) => {
+  const p = J(), y = J(), D = R(null), N = oa(), [v, $] = P(!1), [k, L] = P([]), C = (w) => {
     if (!w || w.length === 0) return;
-    const M = [...w], U = d === void 0 ? [] : M.filter((Y) => Y.size > d), W = M.filter((Y) => !U.includes(Y)), Z = U.map(
-      (Y) => c.replace("{name}", Y.name).replace("{max}", Ta(d ?? 0))
+    const M = [...w], U = _ === void 0 ? [] : M.filter((Y) => Y.size > _), W = M.filter((Y) => !U.includes(Y)), Z = U.map(
+      (Y) => c.replace("{name}", Y.name).replace("{max}", Ta(_ ?? 0))
     );
     L(Z), W.length > 0 && (t(W), N(`${W.length} dosya eklendi`)), Z.length > 0 && N(Z.join(" "), "assertive");
   }, E = (w) => {
-    w.preventDefault(), $(!1), !_ && C(w.dataTransfer.files);
+    w.preventDefault(), $(!1), !l && C(w.dataTransfer.files);
   };
   return /* @__PURE__ */ g("div", { className: f(Q.upload, x), "data-testid": b, children: [
     /* @__PURE__ */ g(
@@ -2984,18 +2984,18 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
         className: f(
           Q.upload__drop,
           v && Q["upload__drop--dragging"],
-          _ && Q["upload__drop--disabled"],
+          l && Q["upload__drop--disabled"],
           h && Q["upload__drop--invalid"]
         ),
         onDragOver: (w) => {
-          w.preventDefault(), _ || $(!0);
+          w.preventDefault(), l || $(!0);
         },
         onDragLeave: () => $(!1),
         onDrop: E,
         children: [
           /* @__PURE__ */ a(hn, { "aria-hidden": !0, className: Q.upload__icon }),
           /* @__PURE__ */ a("span", { className: Q.upload__label, children: r }),
-          /* @__PURE__ */ a("span", { className: Q.upload__drag, children: l }),
+          /* @__PURE__ */ a("span", { className: Q.upload__drag, children: d }),
           o && /* @__PURE__ */ a("span", { id: y, className: Q.upload__hint, children: o }),
           /* @__PURE__ */ a(
             "input",
@@ -3006,7 +3006,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
               className: Q.upload__input,
               accept: s,
               multiple: i,
-              disabled: _,
+              disabled: l,
               "aria-describedby": o ? y : void 0,
               "aria-invalid": h ? !0 : void 0,
               onChange: (w) => {
@@ -3178,12 +3178,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       className: r,
       "aria-label": H("Breadcrumb.label", t, s == null ? void 0 : s.breadcrumb),
       "data-testid": o,
-      children: /* @__PURE__ */ a("ol", { className: f(xt.breadcrumb), children: e.map((i, d) => {
-        const u = d === e.length - 1;
+      children: /* @__PURE__ */ a("ol", { className: f(xt.breadcrumb), children: e.map((i, _) => {
+        const u = _ === e.length - 1;
         return /* @__PURE__ */ g("li", { className: xt.breadcrumb__item, children: [
           i.href && !u ? /* @__PURE__ */ a(ke, { href: i.href, className: xt.breadcrumb__link, ...n, children: i.label }) : /* @__PURE__ */ a("span", { className: xt.breadcrumb__current, "aria-current": "page", children: i.label }),
           !u && /* @__PURE__ */ a(Kt, { "aria-hidden": !0, className: xt.breadcrumb__separator })
-        ] }, `${i.label}-${d}`);
+        ] }, `${i.label}-${_}`);
       }) })
     }
   );
@@ -3262,9 +3262,9 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   formatDotLabel: o,
   itemMinWidth: s = 240,
   className: i,
-  testId: d
+  testId: _
 }) => {
-  const u = S(null), [l, c] = P(!1), [_, h] = P(!1), [m, x] = P(0), [b, p] = P(1), [y, D] = P(!1), N = z(() => {
+  const u = R(null), [d, c] = P(!1), [l, h] = P(!1), [m, x] = P(0), [b, p] = P(1), [y, D] = P(!1), N = z(() => {
     const $ = u.current;
     if (!$) return;
     const { scrollLeft: k, scrollWidth: L, clientWidth: C } = $;
@@ -3272,7 +3272,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       L > C && $.querySelector("a, button, input, select, textarea, [tabindex]") === null
     );
   }, []);
-  R(() => {
+  S(() => {
     const $ = u.current;
     if (!$) return;
     N(), $.addEventListener("scroll", N, { passive: !0 });
@@ -3288,7 +3288,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       behavior: "smooth"
     });
   };
-  return /* @__PURE__ */ g("section", { className: f(Pe.carousel, i), "aria-label": t, "data-testid": d, children: [
+  return /* @__PURE__ */ g("section", { className: f(Pe.carousel, i), "aria-label": t, "data-testid": _, children: [
     /* @__PURE__ */ g("div", { className: Pe.carousel__controls, children: [
       /* @__PURE__ */ a(
         Re,
@@ -3297,7 +3297,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
           label: n,
           variant: "outline",
           size: "sm",
-          disabled: !l,
+          disabled: !d,
           onClick: () => v(-1)
         }
       ),
@@ -3308,7 +3308,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
           label: r,
           variant: "outline",
           size: "sm",
-          disabled: !_,
+          disabled: !l,
           onClick: () => v(1)
         }
       )
@@ -3362,13 +3362,13 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   size: o = "sm",
   isReadOnly: s,
   className: i,
-  testId: d
+  testId: _
 }) => {
   var b, p, y;
-  const { labels: u } = j(), [l, c] = P(!1), _ = S(null), h = S(void 0);
-  R(() => () => window.clearTimeout(h.current), []);
+  const { labels: u } = j(), [d, c] = P(!1), l = R(null), h = R(void 0);
+  S(() => () => window.clearTimeout(h.current), []);
   const m = z(() => {
-    const D = _.current;
+    const D = l.current;
     if (!D) return;
     const N = document.createRange();
     N.selectNodeContents(D);
@@ -3381,19 +3381,19 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       m();
     }
   }, [e, m]);
-  return /* @__PURE__ */ g("span", { className: f(ct.copy, ct[`copy--${o}`], i), "data-testid": d, children: [
-    /* @__PURE__ */ a("span", { className: ct.copy__code, ref: _, children: e }),
+  return /* @__PURE__ */ g("span", { className: f(ct.copy, ct[`copy--${o}`], i), "data-testid": _, children: [
+    /* @__PURE__ */ a("span", { className: ct.copy__code, ref: l, children: e }),
     !s && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        className: f(ct.copy__button, l && ct["copy__button--done"]),
+        className: f(ct.copy__button, d && ct["copy__button--done"]),
         onClick: x,
-        "aria-label": l ? n ?? zt("CopyField.copiedLabel", (b = u == null ? void 0 : u.copyField) == null ? void 0 : b.copied, e) : t ?? zt("CopyField.copyLabel", (p = u == null ? void 0 : u.copyField) == null ? void 0 : p.copy, e),
-        children: l ? /* @__PURE__ */ a(pn, { "aria-hidden": !0 }) : /* @__PURE__ */ a(mn, { "aria-hidden": !0 })
+        "aria-label": d ? n ?? zt("CopyField.copiedLabel", (b = u == null ? void 0 : u.copyField) == null ? void 0 : b.copied, e) : t ?? zt("CopyField.copyLabel", (p = u == null ? void 0 : u.copyField) == null ? void 0 : p.copy, e),
+        children: d ? /* @__PURE__ */ a(pn, { "aria-hidden": !0 }) : /* @__PURE__ */ a(mn, { "aria-hidden": !0 })
       }
     ),
-    /* @__PURE__ */ a("span", { "aria-live": "polite", className: ct.copy__srOnly, children: l ? H(
+    /* @__PURE__ */ a("span", { "aria-live": "polite", className: ct.copy__srOnly, children: d ? H(
       "CopyField.copiedAnnouncement",
       r,
       (y = u == null ? void 0 : u.copyField) == null ? void 0 : y.announcement
@@ -3462,12 +3462,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   secondaryAction: o,
   tone: s = "empty",
   size: i = "md",
-  className: d,
+  className: _,
   testId: u
 }) => /* @__PURE__ */ g(
   "div",
   {
-    className: f(Xe.empty, Xe[`empty--${i}`], Xe[`empty--${s}`], d),
+    className: f(Xe.empty, Xe[`empty--${i}`], Xe[`empty--${s}`], _),
     role: s === "error" ? "alert" : void 0,
     "data-testid": u,
     children: [
@@ -3499,16 +3499,16 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   breadcrumb: o,
   meta: s,
   children: i,
-  as: d = "h1",
+  as: _ = "h1",
   className: u,
-  testId: l
-}) => /* @__PURE__ */ g("header", { className: f(ve.header, u), "data-testid": l, children: [
+  testId: d
+}) => /* @__PURE__ */ g("header", { className: f(ve.header, u), "data-testid": d, children: [
   o && /* @__PURE__ */ a("div", { className: ve.header__breadcrumb, children: o }),
   /* @__PURE__ */ g("div", { className: ve.header__top, children: [
     /* @__PURE__ */ g("div", { className: ve.header__text, children: [
       t && /* @__PURE__ */ a("span", { className: ve.header__eyebrow, children: t }),
       /* @__PURE__ */ g("div", { className: ve.header__titleRow, children: [
-        /* @__PURE__ */ a(d, { className: ve.header__title, children: e }),
+        /* @__PURE__ */ a(_, { className: ve.header__title, children: e }),
         s && /* @__PURE__ */ a("span", { className: ve.header__meta, children: s })
       ] }),
       n && /* @__PURE__ */ a("p", { className: ve.header__description, children: n })
@@ -3542,12 +3542,12 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   icon: o,
   isFlush: s,
   gap: i = "md",
-  footer: d,
+  footer: _,
   as: u = "section",
-  className: l,
+  className: d,
   bodyClassName: c,
-  testId: _
-}) => /* @__PURE__ */ g(u, { className: f(V.panel, l), "data-testid": _, children: [
+  testId: l
+}) => /* @__PURE__ */ g(u, { className: f(V.panel, d), "data-testid": l, children: [
   (t || r) && /* @__PURE__ */ g("div", { className: V.panel__header, children: [
     /* @__PURE__ */ g("div", { className: V.panel__heading, children: [
       o && /* @__PURE__ */ a("span", { className: V.panel__icon, children: o }),
@@ -3570,7 +3570,7 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
       children: e
     }
   ),
-  d && /* @__PURE__ */ a("div", { className: V.panel__footer, children: /* @__PURE__ */ a("div", { className: V.panel__footerInner, children: d }) })
+  _ && /* @__PURE__ */ a("div", { className: V.panel__footer, children: /* @__PURE__ */ a("div", { className: V.panel__footerInner, children: _ }) })
 ] }), Xu = /* @__PURE__ */ F(
   /* @__PURE__ */ I(({ children: e, columns: t = 1, className: n }) => /* @__PURE__ */ a("div", { className: f(V.form, V[`form--${t}`], n), children: e })),
   "PanelForm"
@@ -3592,31 +3592,31 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   currency: t,
   listValue: n,
   discountPercent: r,
-  formatDiscount: o = (l) => `%${l}`,
+  formatDiscount: o = (d) => `%${d}`,
   isFormatted: s,
   size: i = "md",
-  className: d,
+  className: _,
   testId: u
 }) => {
-  const { labels: l } = j(), c = H("Price.currency", t, l == null ? void 0 : l.currency), _ = (h) => {
-    if (!s || !(l != null && l.locale) || !/\d/.test(h)) return h;
+  const { labels: d } = j(), c = H("Price.currency", t, d == null ? void 0 : d.currency), l = (h) => {
+    if (!s || !(d != null && d.locale) || !/\d/.test(h)) return h;
     const m = Number(
       h.replace(/[^\d.,-]/g, "").replace(/\.(?=\d{3}\b)/g, "").replace(",", ".")
     );
     if (!Number.isFinite(m)) return h;
     try {
-      return new Intl.NumberFormat(l.locale).format(m);
+      return new Intl.NumberFormat(d.locale).format(m);
     } catch {
       return h;
     }
   };
-  return /* @__PURE__ */ g("span", { className: f(Qe.price, Qe[`price--${i}`], d), "data-testid": u, children: [
+  return /* @__PURE__ */ g("span", { className: f(Qe.price, Qe[`price--${i}`], _), "data-testid": u, children: [
     /* @__PURE__ */ g("span", { className: Qe.price__current, children: [
-      _(e),
+      l(e),
       /* @__PURE__ */ a("span", { className: Qe.price__currency, children: c })
     ] }),
     n && /* @__PURE__ */ g("s", { className: Qe.price__list, children: [
-      _(n),
+      l(n),
       /* @__PURE__ */ a("span", { className: Qe.price__currency, children: c })
     ] }),
     r !== void 0 && r > 0 && /* @__PURE__ */ a("span", { className: Qe.price__discount, children: o(r) })
@@ -3631,11 +3631,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   "rating--md": "hanui-rating--md-Q0nxN"
 }, rl = ({ value: e, count: t, srLabel: n, size: r = "sm", className: o, testId: s }) => {
   var u;
-  const { labels: i } = j(), d = Math.round(e * 2) / 2;
+  const { labels: i } = j(), _ = Math.round(e * 2) / 2;
   return /* @__PURE__ */ g("span", { className: f(lt.rating, lt[`rating--${r}`], o), "data-testid": s, children: [
-    /* @__PURE__ */ a("span", { className: lt.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (l, c) => {
-      const _ = c + 1;
-      return d >= _ ? /* @__PURE__ */ a(ea, {}, c) : d >= _ - 0.5 ? /* @__PURE__ */ a(bn, {}, c) : /* @__PURE__ */ a(ea, { className: lt.rating__empty }, c);
+    /* @__PURE__ */ a("span", { className: lt.rating__stars, "aria-hidden": !0, children: Array.from({ length: 5 }, (d, c) => {
+      const l = c + 1;
+      return _ >= l ? /* @__PURE__ */ a(ea, {}, c) : _ >= l - 0.5 ? /* @__PURE__ */ a(bn, {}, c) : /* @__PURE__ */ a(ea, { className: lt.rating__empty }, c);
     }) }),
     /* @__PURE__ */ a("span", { className: lt.rating__srOnly, children: n ?? zt("Rating.srLabel", (u = i == null ? void 0 : i.rating) == null ? void 0 : u.srLabel, e, t) }),
     ut(t) && /* @__PURE__ */ g("span", { className: lt.rating__count, "aria-hidden": !0, children: [
@@ -3661,8 +3661,8 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   as: o = "h2",
   size: s = "md",
   className: i,
-  testId: d
-}) => /* @__PURE__ */ g("header", { className: f(We.header, We[`header--${s}`], i), "data-testid": d, children: [
+  testId: _
+}) => /* @__PURE__ */ g("header", { className: f(We.header, We[`header--${s}`], i), "data-testid": _, children: [
   /* @__PURE__ */ g("div", { className: We.header__text, children: [
     n && /* @__PURE__ */ a("span", { className: We.header__overline, children: n }),
     /* @__PURE__ */ a(o, { className: We.header__title, children: e }),
@@ -3684,25 +3684,25 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   className: s,
   testId: i
 }) => {
-  const d = S(null), [u, l] = P(!1);
-  return R(() => {
-    const c = d.current;
+  const _ = R(null), [u, d] = P(!1);
+  return S(() => {
+    const c = _.current;
     if (!c || typeof ResizeObserver > "u") return;
-    const _ = () => {
+    const l = () => {
       const m = c.scrollHeight > c.clientHeight, x = c.scrollWidth > c.clientWidth;
-      l(
+      d(
         n === "horizontal" ? x : n === "vertical" ? m : m || x
       );
     };
-    _();
-    const h = new ResizeObserver(_);
+    l();
+    const h = new ResizeObserver(l);
     h.observe(c);
     for (const m of c.children) h.observe(m);
     return () => h.disconnect();
   }, [n, e]), /* @__PURE__ */ a(
     "div",
     {
-      ref: d,
+      ref: _,
       className: f(
         Vt.scrollArea,
         Vt[`scrollArea--${n}`],
@@ -3739,13 +3739,13 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     width: ma(e) ? `${e}px` : e,
     height: ma(t) ? `${t}px` : t
   };
-  return n === "text" && r > 1 ? /* @__PURE__ */ a("span", { className: f(le.group, o), "aria-hidden": !0, children: Array.from({ length: r }, (i, d) => /* @__PURE__ */ a(
+  return n === "text" && r > 1 ? /* @__PURE__ */ a("span", { className: f(le.group, o), "aria-hidden": !0, children: Array.from({ length: r }, (i, _) => /* @__PURE__ */ a(
     "span",
     {
       className: f(le.skeleton, le["skeleton--text"]),
-      style: d === r - 1 ? { width: "60%" } : void 0
+      style: _ === r - 1 ? { width: "60%" } : void 0
     },
-    d
+    _
   )) }) : /* @__PURE__ */ a(
     "span",
     {
@@ -3799,11 +3799,11 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
   trend: o,
   isUpPositive: s = !0,
   description: i,
-  icon: d,
+  icon: _,
   variant: u = "card",
-  size: l = "md",
+  size: d = "md",
   className: c,
-  testId: _
+  testId: l
 }) => {
   const h = o === "flat" ? void 0 : o === "up" === s;
   return (
@@ -3815,10 +3815,10 @@ const An = 640, su = 768, Mn = 1024, cu = `(min-width: ${Mn + 1}px)`, sa = `(min
     /* @__PURE__ */ g(
       "div",
       {
-        className: f(_e.stat, _e[`stat--${l}`], _e[`stat--${u}`], c),
-        "data-testid": _,
+        className: f(_e.stat, _e[`stat--${d}`], _e[`stat--${u}`], c),
+        "data-testid": l,
         children: [
-          d && /* @__PURE__ */ a("span", { className: _e.stat__icon, "aria-hidden": !0, children: d }),
+          _ && /* @__PURE__ */ a("span", { className: _e.stat__icon, "aria-hidden": !0, children: _ }),
           /* @__PURE__ */ a("span", { className: _e.stat__label, children: e }),
           /* @__PURE__ */ g("span", { className: _e.stat__value, children: [
             t,
@@ -3890,13 +3890,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
     tt = [], la();
   }
 }, Xl = ({ toast: e, closeLabel: t, onDismiss: n }) => {
-  const r = e.tone ?? "info", o = e.duration ?? Gl[r], [s, i] = P(!1), d = S(o), u = S(0);
-  return R(() => {
+  const r = e.tone ?? "info", o = e.duration ?? Gl[r], [s, i] = P(!1), _ = R(o), u = R(0);
+  return S(() => {
     if (o === 0 || s) return;
     u.current = Date.now();
-    const l = window.setTimeout(() => n(e.id), d.current);
+    const d = window.setTimeout(() => n(e.id), _.current);
     return () => {
-      window.clearTimeout(l), d.current = Math.max(0, d.current - (Date.now() - u.current));
+      window.clearTimeout(d), _.current = Math.max(0, _.current - (Date.now() - u.current));
     };
   }, [o, s, n, e.id]), /* @__PURE__ */ g(
     "div",
@@ -3919,8 +3919,8 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
             type: "button",
             className: Le.toast__action,
             onClick: () => {
-              var l;
-              (l = e.action) == null || l.onClick(), n(e.id);
+              var d;
+              (d = e.action) == null || d.onClick(), n(e.id);
             },
             children: e.action.label
           }
@@ -3941,19 +3941,19 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   );
 }, Ql = ({ closeLabel: e, className: t }) => {
   const { labels: n } = j(), [r, o] = P([]);
-  R(() => (aa.add(o), o(tt), () => {
+  S(() => (aa.add(o), o(tt), () => {
     aa.delete(o);
   }), []);
   const s = z((u) => na(u), []);
-  R(() => {
+  S(() => {
     if (r.length === 0) return;
-    const u = (l) => {
-      l.key === "Escape" && na(r[r.length - 1].id);
+    const u = (d) => {
+      d.key === "Escape" && na(r[r.length - 1].id);
     };
     return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
   }, [r]);
-  const [i, d] = P(!1);
-  return R(() => d(!0), []), i ? Et(
+  const [i, _] = P(!1);
+  return S(() => _(!0), []), i ? Et(
     /* @__PURE__ */ a("div", { className: f(Le.hub, t), children: r.map((u) => /* @__PURE__ */ a(
       Xl,
       {
@@ -3984,15 +3984,15 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   className: s,
   testId: i
 }) => {
-  const d = J(), [u, l] = P(n ?? []), c = r !== void 0, _ = c ? r : u, h = z(
+  const _ = J(), [u, d] = P(n ?? []), c = r !== void 0, l = c ? r : u, h = z(
     (m, x) => {
-      const b = x ? t ? [m] : [..._.filter((p) => p !== m), m] : _.filter((p) => p !== m);
-      c || l(b), o == null || o(b);
+      const b = x ? t ? [m] : [...l.filter((p) => p !== m), m] : l.filter((p) => p !== m);
+      c || d(b), o == null || o(b);
     },
-    [c, t, o, _]
+    [c, t, o, l]
   );
   return /* @__PURE__ */ a("div", { className: f(Ie.accordion, s), "data-testid": i, children: e.map((m) => {
-    const x = _.includes(m.id);
+    const x = l.includes(m.id);
     return /* @__PURE__ */ g(
       "details",
       {
@@ -4009,7 +4009,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
           /* @__PURE__ */ g(
             "summary",
             {
-              id: `${d}-${m.id}`,
+              id: `${_}-${m.id}`,
               className: Ie.accordion__summary,
               "aria-disabled": m.isDisabled,
               tabIndex: m.isDisabled ? -1 : void 0,
@@ -4058,31 +4058,31 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
     className: f(be.steps, be[`steps--${o}`], s),
     "aria-label": r,
     "data-testid": i,
-    children: e.map((d, u) => {
-      const l = hd(u, t), c = !!n && l === "done", _ = /* @__PURE__ */ g(fe, { children: [
-        /* @__PURE__ */ a("span", { className: be.steps__marker, "aria-hidden": !0, children: l === "done" ? /* @__PURE__ */ a(Ht, {}) : u + 1 }),
+    children: e.map((_, u) => {
+      const d = hd(u, t), c = !!n && d === "done", l = /* @__PURE__ */ g(fe, { children: [
+        /* @__PURE__ */ a("span", { className: be.steps__marker, "aria-hidden": !0, children: d === "done" ? /* @__PURE__ */ a(Ht, {}) : u + 1 }),
         /* @__PURE__ */ g("span", { className: be.steps__text, children: [
-          /* @__PURE__ */ a("span", { className: be.steps__label, children: d.label }),
-          d.description && /* @__PURE__ */ a("span", { className: be.steps__description, children: d.description })
+          /* @__PURE__ */ a("span", { className: be.steps__label, children: _.label }),
+          _.description && /* @__PURE__ */ a("span", { className: be.steps__description, children: _.description })
         ] }),
-        /* @__PURE__ */ a("span", { className: be.steps__status, children: pd[l] })
+        /* @__PURE__ */ a("span", { className: be.steps__status, children: pd[d] })
       ] });
       return /* @__PURE__ */ a(
         "li",
         {
-          className: f(be.steps__item, be[`steps__item--${l}`]),
-          "aria-current": l === "current" ? "step" : void 0,
+          className: f(be.steps__item, be[`steps__item--${d}`]),
+          "aria-current": d === "current" ? "step" : void 0,
           children: c ? /* @__PURE__ */ a(
             "button",
             {
               type: "button",
               className: be.steps__button,
               onClick: () => n == null ? void 0 : n(u),
-              children: _
+              children: l
             }
-          ) : /* @__PURE__ */ a("span", { className: be.steps__button, children: _ })
+          ) : /* @__PURE__ */ a("span", { className: be.steps__button, children: l })
         },
-        d.id
+        _.id
       );
     })
   }
@@ -4101,11 +4101,11 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   ariaLabel: o,
   isManualActivation: s,
   className: i,
-  testId: d
+  testId: _
 }) => {
   var $;
-  const u = J(), [l, c] = P(t ?? (($ = e[0]) == null ? void 0 : $.id)), _ = ut(n), h = _ ? n : l, m = e.findIndex((k) => k.id === h), [x, b] = P(m < 0 ? 0 : m), p = S(null), y = e[m] ?? e[0];
-  R(() => {
+  const u = J(), [d, c] = P(t ?? (($ = e[0]) == null ? void 0 : $.id)), l = ut(n), h = l ? n : d, m = e.findIndex((k) => k.id === h), [x, b] = P(m < 0 ? 0 : m), p = R(null), y = e[m] ?? e[0];
+  S(() => {
     var k;
     ia((k = p.current) == null ? void 0 : k.querySelector('[aria-selected="true"]'), {
       block: "nearest",
@@ -4113,7 +4113,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
     });
   }, [h]);
   const D = (k) => {
-    _ || c(k), r == null || r(k);
+    l || c(k), r == null || r(k);
   }, N = (k) => {
     var E;
     if (s && (k.key === "Enter" || k.key === " ")) {
@@ -4128,7 +4128,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   };
   if (e.length === 0) return null;
   const v = ut(y == null ? void 0 : y.content);
-  return /* @__PURE__ */ g("div", { className: f(dt.tabs, i), "data-testid": d, children: [
+  return /* @__PURE__ */ g("div", { className: f(dt.tabs, i), "data-testid": _, children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -4179,13 +4179,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   tile__label: Nd,
   tile__meta: $d,
   "tile--active": "hanui-tile--active-z0F2M"
-}, Dd = ({ label: e, icon: t, href: n, meta: r, isActive: o, linkProps: s, className: i, testId: d }) => /* @__PURE__ */ g(
+}, Dd = ({ label: e, icon: t, href: n, meta: r, isActive: o, linkProps: s, className: i, testId: _ }) => /* @__PURE__ */ g(
   ke,
   {
     href: n,
     className: f(Nt.tile, o && Nt["tile--active"], i),
     "aria-current": o ? "page" : void 0,
-    "data-testid": d,
+    "data-testid": _,
     ...s,
     children: [
       /* @__PURE__ */ a("span", { className: Nt.tile__medallion, "aria-hidden": !0, children: t }),
@@ -4266,15 +4266,15 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   children: o,
   description: s,
   footer: i,
-  icon: d,
+  icon: _,
   tone: u = "neutral",
-  size: l = "md",
+  size: d = "md",
   isDismissable: c = !0,
-  className: _,
+  className: l,
   testId: h
 }) => {
-  const { labels: m } = j(), x = S(null), b = S(null), p = J(), y = J();
-  R(() => {
+  const { labels: m } = j(), x = R(null), b = R(null), p = J(), y = J();
+  S(() => {
     const N = x.current;
     if (!N) return;
     if (!e) {
@@ -4287,7 +4287,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
     return b.current = $, () => {
       k(), b.current = null, v();
     };
-  }, [e]), qt(e), R(() => {
+  }, [e]), qt(e), S(() => {
     const N = x.current;
     if (!N) return;
     const v = ($) => {
@@ -4305,14 +4305,14 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
     "dialog",
     {
       ref: x,
-      className: f(se.modal, se[`modal--${l}`], _),
+      className: f(se.modal, se[`modal--${d}`], l),
       "aria-labelledby": p,
       "aria-describedby": s ? y : void 0,
       "data-testid": h,
       onClick: D,
       children: /* @__PURE__ */ g("div", { className: se.modal__panel, children: [
         /* @__PURE__ */ g("header", { className: se.modal__header, children: [
-          d && /* @__PURE__ */ a("span", { className: f(se.modal__icon, se[`modal__icon--${u}`]), children: d }),
+          _ && /* @__PURE__ */ a("span", { className: f(se.modal__icon, se[`modal__icon--${u}`]), children: _ }),
           /* @__PURE__ */ g("div", { className: se.modal__heading, children: [
             /* @__PURE__ */ a("h2", { id: p, className: se.modal__title, children: n }),
             s && /* @__PURE__ */ a("p", { id: y, className: se.modal__description, children: s })
@@ -4357,16 +4357,16 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   searchPlaceholder: o,
   emptyMessage: s,
   className: i,
-  testId: d
+  testId: _
 }) => {
-  const u = J(), l = `${u}-listbox`, c = S(null), _ = S(null), h = S(null), [m, x] = P(""), [b, p] = P(0), y = Tt(() => {
+  const u = J(), d = `${u}-listbox`, c = R(null), l = R(null), h = R(null), [m, x] = P(""), [b, p] = P(0), y = Tt(() => {
     if (m.trim() === "") return n;
     const v = m.trim();
     return n.filter(
       ($) => Ot($.label, v) || ($.description ? Ot($.description, v) : !1)
     );
   }, [n, m]);
-  qt(e), R(() => {
+  qt(e), S(() => {
     var C;
     const v = c.current;
     if (!v) return;
@@ -4375,19 +4375,19 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
       return;
     }
     const $ = pt();
-    v.open || v.showModal(), (C = _.current) == null || C.focus({ preventScroll: !0 }), x(""), p(0);
+    v.open || v.showModal(), (C = l.current) == null || C.focus({ preventScroll: !0 }), x(""), p(0);
     const { token: k, pop: L } = Yt();
     return h.current = k, () => {
       L(), h.current = null, $();
     };
-  }, [e]), R(() => {
+  }, [e]), S(() => {
     const v = c.current;
     if (!v) return;
     const $ = (k) => {
       k.preventDefault(), !(h.current && !Gt(h.current)) && t();
     };
     return v.addEventListener("cancel", $), () => v.removeEventListener("cancel", $);
-  }, [t]), R(() => {
+  }, [t]), S(() => {
     var v;
     ia((v = c.current) == null ? void 0 : v.querySelector(`[data-index="${b}"]`), {
       block: "nearest"
@@ -4424,7 +4424,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
       ref: c,
       className: f(te.palette, i),
       "aria-label": r,
-      "data-testid": d,
+      "data-testid": _,
       onClick: (v) => v.target === c.current && t(),
       children: [
         /* @__PURE__ */ g("div", { className: te.palette__search, children: [
@@ -4432,7 +4432,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
           /* @__PURE__ */ a(
             "input",
             {
-              ref: _,
+              ref: l,
               type: "text",
               role: "combobox",
               className: te.palette__input,
@@ -4442,7 +4442,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
               autoComplete: "off",
               "aria-autocomplete": "list",
               "aria-expanded": !0,
-              "aria-controls": l,
+              "aria-controls": d,
               "aria-activedescendant": y[b] ? `${u}-option-${b}` : void 0,
               onChange: (v) => {
                 x(v.target.value), p(0);
@@ -4451,7 +4451,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
             }
           )
         ] }),
-        /* @__PURE__ */ g("ul", { id: l, role: "listbox", "aria-label": r, className: te.palette__list, children: [
+        /* @__PURE__ */ g("ul", { id: d, role: "listbox", "aria-label": r, className: te.palette__list, children: [
           y.map((v, $) => {
             var L;
             const k = v.group !== void 0 && v.group !== ((L = y[$ - 1]) == null ? void 0 : L.group);
@@ -4511,12 +4511,12 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   description: o,
   confirmLabel: s,
   cancelLabel: i,
-  closeLabel: d,
+  closeLabel: _,
   variant: u,
-  kind: l,
+  kind: d,
   children: c
 }) => {
-  const { labels: _ } = j(), [h, m] = P(!1), x = u ?? l ?? "neutral", b = async () => {
+  const { labels: l } = j(), [h, m] = P(!1), x = u ?? d ?? "neutral", b = async () => {
     m(!0);
     try {
       await n();
@@ -4530,7 +4530,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
       isOpen: e,
       onClose: t,
       title: r,
-      closeLabel: d ?? (_ == null ? void 0 : _.close),
+      closeLabel: _ ?? (l == null ? void 0 : l.close),
       description: o,
       icon: l_[x],
       tone: d_[x],
@@ -4544,7 +4544,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
             size: et.MEDIUM,
             onClick: t,
             disabled: h,
-            children: H("ConfirmDialog.cancelLabel", i, _ == null ? void 0 : _.cancel)
+            children: H("ConfirmDialog.cancelLabel", i, l == null ? void 0 : l.cancel)
           }
         ),
         /* @__PURE__ */ a(
@@ -4582,13 +4582,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   children: o,
   side: s = "end",
   size: i = "md",
-  footer: d,
+  footer: _,
   toolbar: u,
-  className: l,
+  className: d,
   testId: c
 }) => {
-  const { labels: _ } = j(), h = S(null), m = S(null), x = J();
-  R(() => {
+  const { labels: l } = j(), h = R(null), m = R(null), x = J();
+  S(() => {
     const p = h.current;
     if (!p) return;
     if (!e) {
@@ -4601,7 +4601,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
     return m.current = D, () => {
       N(), m.current = null, y();
     };
-  }, [e]), qt(e), R(() => {
+  }, [e]), qt(e), S(() => {
     const p = h.current;
     if (!p) return;
     const y = (D) => {
@@ -4619,7 +4619,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
     "dialog",
     {
       ref: h,
-      className: f(ye.drawer, ye[`drawer--${s}`], ye[`drawer--${i}`], l),
+      className: f(ye.drawer, ye[`drawer--${s}`], ye[`drawer--${i}`], d),
       "aria-labelledby": x,
       "data-testid": c,
       onClick: b,
@@ -4630,7 +4630,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
             Re,
             {
               icon: /* @__PURE__ */ a(He, { "aria-hidden": !0 }),
-              label: H("Drawer.closeLabel", r, _ == null ? void 0 : _.close),
+              label: H("Drawer.closeLabel", r, l == null ? void 0 : l.close),
               variant: "ghost",
               size: "sm",
               className: ye.drawer__close,
@@ -4640,7 +4640,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
         ] }),
         u && /* @__PURE__ */ a("div", { className: ye.drawer__toolbar, children: u }),
         /* @__PURE__ */ a("div", { className: ye.drawer__body, children: o }),
-        d && /* @__PURE__ */ a("div", { className: ye.drawer__footer, children: d })
+        _ && /* @__PURE__ */ a("div", { className: ye.drawer__footer, children: _ })
       ]
     }
   );
@@ -4654,21 +4654,21 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   label: o,
   submitLabel: s,
   cancelLabel: i,
-  closeLabel: d,
+  closeLabel: _,
   description: u,
-  hint: l,
+  hint: d,
   placeholder: c,
-  defaultValue: _ = "",
+  defaultValue: l = "",
   isRequired: h,
   requiredLabel: m,
   inputMode: x = "text",
   maxLength: b,
   rows: p = 4
 }) => {
-  const { labels: y } = j(), D = J(), [N, v] = P(_), [$, k] = P(!1), L = S(!1);
-  R(() => {
-    e && !L.current && v(_), L.current = e;
-  }, [e, _]);
+  const { labels: y } = j(), D = J(), [N, v] = P(l), [$, k] = P(!1), L = R(!1);
+  S(() => {
+    e && !L.current && v(l), L.current = e;
+  }, [e, l]);
   const C = N.trim(), E = !!h && C === "", w = (U) => x === "multiline" ? /* @__PURE__ */ a(
     vi,
     {
@@ -4706,7 +4706,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
       isOpen: e,
       onClose: t,
       title: r,
-      closeLabel: d ?? (y == null ? void 0 : y.close),
+      closeLabel: _ ?? (y == null ? void 0 : y.close),
       description: u,
       size: "sm",
       isDismissable: !$,
@@ -4742,7 +4742,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
           onSubmit: (U) => {
             U.preventDefault(), M();
           },
-          children: /* @__PURE__ */ a(Mi, { label: o, hint: l, isRequired: h, requiredLabel: m, children: w })
+          children: /* @__PURE__ */ a(Mi, { label: o, hint: d, isRequired: h, requiredLabel: m, children: w })
         }
       )
     }
@@ -4809,13 +4809,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   emptyMessage: o,
   loadingMessage: s,
   hasViewportCap: i,
-  onSort: d,
+  onSort: _,
   bulkBar: u,
-  className: l,
+  className: d,
   testId: c
 }) => {
   var x, b;
-  const { labels: _ } = j(), h = dn.count(t), m = (p, y) => /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+  const { labels: l } = j(), h = dn.count(t), m = (p, y) => /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
     "td",
     {
       colSpan: e.length,
@@ -4826,13 +4826,13 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   return /* @__PURE__ */ g(
     "div",
     {
-      className: f(ae.wrapper, i && ae["wrapper--capped"], l),
+      className: f(ae.wrapper, i && ae["wrapper--capped"], d),
       "data-testid": c,
       children: [
         u && /* @__PURE__ */ a("div", { className: ae.bulkBar, children: u }),
         /* @__PURE__ */ g("table", { className: ae.table, children: [
           /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { children: e.map((p) => {
-            const y = !!(p.isSortable && d), D = p.ariaSort === "ascending" ? "descending" : "ascending";
+            const y = !!(p.isSortable && _), D = p.ariaSort === "ascending" ? "descending" : "ascending";
             return /* @__PURE__ */ a(
               "th",
               {
@@ -4851,7 +4851,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
                     {
                       type: "button",
                       className: ae.sort,
-                      onClick: () => d == null ? void 0 : d(p.key, D),
+                      onClick: () => _ == null ? void 0 : _(p.key, D),
                       children: [
                         p.label,
                         p.srLabel && /* @__PURE__ */ a("span", { className: ae.srOnly, children: p.srLabel }),
@@ -4887,10 +4887,10 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
             H(
               "DataTable.loadingMessage",
               s,
-              (x = _ == null ? void 0 : _.dataTable) == null ? void 0 : x.loading
+              (x = l == null ? void 0 : l.dataTable) == null ? void 0 : x.loading
             )
           ) : h === 0 ? m(
-            H("DataTable.emptyMessage", o, (b = _ == null ? void 0 : _.dataTable) == null ? void 0 : b.empty)
+            H("DataTable.emptyMessage", o, (b = l == null ? void 0 : l.dataTable) == null ? void 0 : b.empty)
           ) : t })
         ] })
       ]
@@ -4913,8 +4913,8 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
       className: f(It.bar, o),
       "aria-label": H("FilterBar.label", r, i == null ? void 0 : i.filters),
       "data-testid": s,
-      onSubmit: (d) => {
-        d.preventDefault(), e();
+      onSubmit: (_) => {
+        _.preventDefault(), e();
       },
       children: [
         t,
@@ -4949,14 +4949,14 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   nextLabel: o,
   buildHref: s,
   onPageChange: i,
-  linkProps: d,
+  linkProps: _,
   formatAnnouncement: u,
-  className: l,
+  className: d,
   testId: c
 }) => {
   var p, y, D;
-  const { labels: _ } = j(), h = oa(), m = S(e);
-  R(() => {
+  const { labels: l } = j(), h = oa(), m = R(e);
+  S(() => {
     m.current !== e && (m.current = e, u && h(u(e, t)));
   }, [e, t, u, h]);
   const x = Tt(() => G_(e, t), [e, t]);
@@ -4967,8 +4967,8 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
   return /* @__PURE__ */ g(
     "nav",
     {
-      className: f(Ce.pagination, l),
-      "aria-label": H("Pagination.label", n, (p = _ == null ? void 0 : _.pagination) == null ? void 0 : p.label),
+      className: f(Ce.pagination, d),
+      "aria-label": H("Pagination.label", n, (p = l == null ? void 0 : l.pagination) == null ? void 0 : p.label),
       "data-testid": c,
       children: [
         /* @__PURE__ */ a(
@@ -4979,7 +4979,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
             label: H(
               "Pagination.previousLabel",
               r,
-              (y = _ == null ? void 0 : _.pagination) == null ? void 0 : y.previous
+              (y = l == null ? void 0 : l.pagination) == null ? void 0 : y.previous
             ),
             variant: "outline",
             disabled: e <= 1,
@@ -4996,7 +4996,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
                 N === e && Ce["pagination__page--active"]
               ),
               "aria-current": N === e ? "page" : void 0,
-              ...d,
+              ..._,
               children: N
             }
           ) : /* @__PURE__ */ a(
@@ -5019,7 +5019,7 @@ const la = () => aa.forEach((e) => e(tt)), na = (e) => {
           {
             className: Ce.pagination__arrow,
             icon: /* @__PURE__ */ a(Kt, { "aria-hidden": !0 }),
-            label: H("Pagination.nextLabel", o, (D = _ == null ? void 0 : _.pagination) == null ? void 0 : D.next),
+            label: H("Pagination.nextLabel", o, (D = l == null ? void 0 : l.pagination) == null ? void 0 : D.next),
             variant: "outline",
             disabled: e >= t,
             onClick: () => b(e + 1)