@moises.ai/design-system 2.2.2 → 2.2.4

package/dist/index.js

@@ -23,11 +23,11 @@ var li = [" ", "Enter", "ArrowUp", "ArrowDown"], ci = [" ", "Enter"], Oe = "Sele
     onValueChange: c,
     dir: d,
     name: u,
-    autoComplete: p,
-    disabled: f,
+    autoComplete: m,
+    disabled: h,
     required: R,
-    form: h
-  } = e, m = xt(t), [C, S] = r.useState(null), [k, I] = r.useState(null), [E, w] = r.useState(!1), T = ar(d), [b, G] = pt({
+    form: C
+  } = e, p = xt(t), [S, f] = r.useState(null), [I, k] = r.useState(null), [E, w] = r.useState(!1), T = ar(d), [b, G] = pt({
     prop: s,
     defaultProp: n ?? !1,
     onChange: o,
@@ -37,16 +37,16 @@ var li = [" ", "Enter", "ArrowUp", "ArrowDown"], ci = [" ", "Enter"], Oe = "Sele
     defaultProp: l,
     onChange: c,
     caller: Oe
-  }), M = r.useRef(null), H = C ? h || !!C.closest("form") : !0, [v, U] = r.useState(/* @__PURE__ */ new Set()), O = Array.from(v).map((z) => z.props.value).join(";");
-  return /* @__PURE__ */ A(Rn, { ...m, children: /* @__PURE__ */ y(
+  }), M = r.useRef(null), H = S ? C || !!S.closest("form") : !0, [v, U] = r.useState(/* @__PURE__ */ new Set()), O = Array.from(v).map((z) => z.props.value).join(";");
+  return /* @__PURE__ */ A(Rn, { ...p, children: /* @__PURE__ */ y(
     di,
     {
       required: R,
       scope: t,
-      trigger: C,
-      onTriggerChange: S,
-      valueNode: k,
-      onValueNodeChange: I,
+      trigger: S,
+      onTriggerChange: f,
+      valueNode: I,
+      onValueNodeChange: k,
       valueNodeHasChildren: E,
       onValueNodeHasChildrenChange: w,
       contentId: Aa(),
@@ -56,7 +56,7 @@ var li = [" ", "Enter", "ArrowUp", "ArrowDown"], ci = [" ", "Enter"], Oe = "Sele
       onOpenChange: G,
       dir: T,
       triggerPointerDownPosRef: M,
-      disabled: f,
+      disabled: h,
       children: [
         /* @__PURE__ */ A(Ut.Provider, { scope: t, children: /* @__PURE__ */ A(
           ui,
@@ -81,11 +81,11 @@ var li = [" ", "Enter", "ArrowUp", "ArrowDown"], ci = [" ", "Enter"], Oe = "Sele
             required: R,
             tabIndex: -1,
             name: u,
-            autoComplete: p,
+            autoComplete: m,
             value: re,
             onChange: (z) => ee(z.target.value),
-            disabled: f,
-            form: h,
+            disabled: h,
+            form: C,
             children: [
               re === void 0 ? /* @__PURE__ */ A("option", { value: "" }) : null,
               Array.from(v)
@@ -100,13 +100,13 @@ var li = [" ", "Enter", "ArrowUp", "ArrowDown"], ci = [" ", "Enter"], Oe = "Sele
 fr.displayName = Oe;
 var Sr = "SelectTrigger", Cr = r.forwardRef(
   (e, t) => {
-    const { __scopeSelect: a, disabled: s = !1, ...n } = e, o = xt(a), i = ye(Sr, a), l = i.disabled || s, c = ne(t, i.onTriggerChange), d = Tt(a), u = r.useRef("touch"), [p, f, R] = Pr((m) => {
-      const C = d().filter((I) => !I.disabled), S = C.find((I) => I.value === i.value), k = Hr(C, m, S);
-      k !== void 0 && i.onValueChange(k.value);
-    }), h = (m) => {
-      l || (i.onOpenChange(!0), R()), m && (i.triggerPointerDownPosRef.current = {
-        x: Math.round(m.pageX),
-        y: Math.round(m.pageY)
+    const { __scopeSelect: a, disabled: s = !1, ...n } = e, o = xt(a), i = ye(Sr, a), l = i.disabled || s, c = ne(t, i.onTriggerChange), d = Tt(a), u = r.useRef("touch"), [m, h, R] = Pr((p) => {
+      const S = d().filter((k) => !k.disabled), f = S.find((k) => k.value === i.value), I = Hr(S, p, f);
+      I !== void 0 && i.onValueChange(I.value);
+    }), C = (p) => {
+      l || (i.onOpenChange(!0), R()), p && (i.triggerPointerDownPosRef.current = {
+        x: Math.round(p.pageX),
+        y: Math.round(p.pageY)
       });
     };
     return /* @__PURE__ */ A(yn, { asChild: !0, ...o, children: /* @__PURE__ */ A(
@@ -125,17 +125,17 @@ var Sr = "SelectTrigger", Cr = r.forwardRef(
         "data-placeholder": Vr(i.value) ? "" : void 0,
         ...n,
         ref: c,
-        onClick: P(n.onClick, (m) => {
-          m.currentTarget.focus(), u.current !== "mouse" && h(m);
+        onClick: P(n.onClick, (p) => {
+          p.currentTarget.focus(), u.current !== "mouse" && C(p);
         }),
-        onPointerDown: P(n.onPointerDown, (m) => {
-          u.current = m.pointerType;
-          const C = m.target;
-          C.hasPointerCapture(m.pointerId) && C.releasePointerCapture(m.pointerId), m.button === 0 && m.ctrlKey === !1 && m.pointerType === "mouse" && (h(m), m.preventDefault());
+        onPointerDown: P(n.onPointerDown, (p) => {
+          u.current = p.pointerType;
+          const S = p.target;
+          S.hasPointerCapture(p.pointerId) && S.releasePointerCapture(p.pointerId), p.button === 0 && p.ctrlKey === !1 && p.pointerType === "mouse" && (C(p), p.preventDefault());
         }),
-        onKeyDown: P(n.onKeyDown, (m) => {
-          const C = p.current !== "";
-          !(m.ctrlKey || m.altKey || m.metaKey) && m.key.length === 1 && f(m.key), !(C && m.key === " ") && li.includes(m.key) && (h(), m.preventDefault());
+        onKeyDown: P(n.onKeyDown, (p) => {
+          const S = m.current !== "";
+          !(p.ctrlKey || p.altKey || p.metaKey) && p.key.length === 1 && h(p.key), !(S && p.key === " ") && li.includes(p.key) && (C(), p.preventDefault());
         })
       }
     ) });
@@ -144,14 +144,14 @@ var Sr = "SelectTrigger", Cr = r.forwardRef(
 Cr.displayName = Sr;
 var kr = "SelectValue", Ir = r.forwardRef(
   (e, t) => {
-    const { __scopeSelect: a, className: s, style: n, children: o, placeholder: i = "", ...l } = e, c = ye(kr, a), { onValueNodeHasChildrenChange: d } = c, u = o !== void 0, p = ne(t, c.onValueNodeChange);
+    const { __scopeSelect: a, className: s, style: n, children: o, placeholder: i = "", ...l } = e, c = ye(kr, a), { onValueNodeHasChildrenChange: d } = c, u = o !== void 0, m = ne(t, c.onValueNodeChange);
     return Re(() => {
       d(u);
     }, [d, u]), /* @__PURE__ */ A(
       _.span,
       {
         ...l,
-        ref: p,
+        ref: m,
         style: { pointerEvents: "none" },
         children: Vr(c.value) ? /* @__PURE__ */ A(qe, { children: i }) : o
       }
@@ -198,20 +198,20 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
       sideOffset: c,
       align: d,
       alignOffset: u,
-      arrowPadding: p,
-      collisionBoundary: f,
+      arrowPadding: m,
+      collisionBoundary: h,
       collisionPadding: R,
-      sticky: h,
-      hideWhenDetached: m,
-      avoidCollisions: C,
+      sticky: C,
+      hideWhenDetached: p,
+      avoidCollisions: S,
       //
-      ...S
-    } = e, k = ye(Ke, a), [I, E] = r.useState(null), [w, T] = r.useState(null), b = ne(t, (J) => E(J)), [G, re] = r.useState(null), [ee, M] = r.useState(
+      ...f
+    } = e, I = ye(Ke, a), [k, E] = r.useState(null), [w, T] = r.useState(null), b = ne(t, (J) => E(J)), [G, re] = r.useState(null), [ee, M] = r.useState(
       null
     ), H = Tt(a), [v, U] = r.useState(!1), O = r.useRef(!1);
     r.useEffect(() => {
-      if (I) return Jn(I);
-    }, [I]), wn();
+      if (k) return Jn(k);
+    }, [k]), wn();
     const z = r.useCallback(
       (J) => {
         const [j, ...ce] = H().map((q) => q.ref.current), [W] = ce.slice(-1), K = document.activeElement;
@@ -220,15 +220,15 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
       },
       [H, w]
     ), Y = r.useCallback(
-      () => z([G, I]),
-      [z, G, I]
+      () => z([G, k]),
+      [z, G, k]
     );
     r.useEffect(() => {
       v && Y();
     }, [v, Y]);
-    const { onOpenChange: X, triggerPointerDownPosRef: le } = k;
+    const { onOpenChange: X, triggerPointerDownPosRef: le } = I;
     r.useEffect(() => {
-      if (I) {
+      if (k) {
         let J = { x: 0, y: 0 };
         const j = (W) => {
           var K, q;
@@ -237,13 +237,13 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
             y: Math.abs(Math.round(W.pageY) - (((q = le.current) == null ? void 0 : q.y) ?? 0))
           };
         }, ce = (W) => {
-          J.x <= 10 && J.y <= 10 ? W.preventDefault() : I.contains(W.target) || X(!1), document.removeEventListener("pointermove", j), le.current = null;
+          J.x <= 10 && J.y <= 10 ? W.preventDefault() : k.contains(W.target) || X(!1), document.removeEventListener("pointermove", j), le.current = null;
         };
         return le.current !== null && (document.addEventListener("pointermove", j), document.addEventListener("pointerup", ce, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", j), document.removeEventListener("pointerup", ce, { capture: !0 });
         };
       }
-    }, [I, X, le]), r.useEffect(() => {
+    }, [k, X, le]), r.useEffect(() => {
       const J = () => X(!1);
       return window.addEventListener("blur", J), window.addEventListener("resize", J), () => {
         window.removeEventListener("blur", J), window.removeEventListener("resize", J);
@@ -255,32 +255,32 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
     }), Ot = r.useCallback(
       (J, j, ce) => {
         const W = !O.current && !ce;
-        (k.value !== void 0 && k.value === j || W) && (re(J), W && (O.current = !0));
+        (I.value !== void 0 && I.value === j || W) && (re(J), W && (O.current = !0));
       },
-      [k.value]
-    ), Kt = r.useCallback(() => I == null ? void 0 : I.focus(), [I]), ze = r.useCallback(
+      [I.value]
+    ), Kt = r.useCallback(() => k == null ? void 0 : k.focus(), [k]), ze = r.useCallback(
       (J, j, ce) => {
         const W = !O.current && !ce;
-        (k.value !== void 0 && k.value === j || W) && M(J);
+        (I.value !== void 0 && I.value === j || W) && M(J);
       },
-      [k.value]
+      [I.value]
     ), Ct = s === "popper" ? Zt : vr, st = Ct === Zt ? {
       side: l,
       sideOffset: c,
       align: d,
       alignOffset: u,
-      arrowPadding: p,
-      collisionBoundary: f,
+      arrowPadding: m,
+      collisionBoundary: h,
       collisionPadding: R,
-      sticky: h,
-      hideWhenDetached: m,
-      avoidCollisions: C
+      sticky: C,
+      hideWhenDetached: p,
+      avoidCollisions: S
     } : {};
     return /* @__PURE__ */ A(
       Br,
       {
         scope: a,
-        content: I,
+        content: k,
         viewport: w,
         onViewportChange: T,
         itemRefCallback: Ot,
@@ -296,13 +296,13 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
           Un,
           {
             asChild: !0,
-            trapped: k.open,
+            trapped: I.open,
             onMountAutoFocus: (J) => {
               J.preventDefault();
             },
             onUnmountAutoFocus: P(n, (J) => {
               var j;
-              (j = k.trigger) == null || j.focus({ preventScroll: !0 }), J.preventDefault();
+              (j = I.trigger) == null || j.focus({ preventScroll: !0 }), J.preventDefault();
             }),
             children: /* @__PURE__ */ A(
               Tn,
@@ -312,16 +312,16 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
                 onEscapeKeyDown: o,
                 onPointerDownOutside: i,
                 onFocusOutside: (J) => J.preventDefault(),
-                onDismiss: () => k.onOpenChange(!1),
+                onDismiss: () => I.onOpenChange(!1),
                 children: /* @__PURE__ */ A(
                   Ct,
                   {
                     role: "listbox",
-                    id: k.contentId,
-                    "data-state": k.open ? "open" : "closed",
-                    dir: k.dir,
+                    id: I.contentId,
+                    "data-state": I.open ? "open" : "closed",
+                    dir: I.dir,
                     onContextMenu: (J) => J.preventDefault(),
-                    ...S,
+                    ...f,
                     ...st,
                     onPlaced: () => U(!0),
                     ref: b,
@@ -331,9 +331,9 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
                       flexDirection: "column",
                       // reset the outline by default as the content MAY get focused
                       outline: "none",
-                      ...S.style
+                      ...f.style
                     },
-                    onKeyDown: P(S.onKeyDown, (J) => {
+                    onKeyDown: P(f.onKeyDown, (J) => {
                       const j = J.ctrlKey || J.altKey || J.metaKey;
                       if (J.key === "Tab" && J.preventDefault(), !j && J.key.length === 1 && We(J.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(J.key)) {
                         let W = H().filter((K) => !K.disabled).map((K) => K.ref.current);
@@ -356,9 +356,9 @@ var pe = 10, [Br, Be] = $e(Ke), hi = "SelectContentImpl", fi = bn("SelectContent
 );
 Nr.displayName = hi;
 var Si = "SelectItemAlignedPosition", vr = r.forwardRef((e, t) => {
-  const { __scopeSelect: a, onPlaced: s, ...n } = e, o = ye(Ke, a), i = Be(Ke, a), [l, c] = r.useState(null), [d, u] = r.useState(null), p = ne(t, (b) => u(b)), f = Tt(a), R = r.useRef(!1), h = r.useRef(!0), { viewport: m, selectedItem: C, selectedItemText: S, focusSelectedItem: k } = i, I = r.useCallback(() => {
-    if (o.trigger && o.valueNode && l && d && m && C && S) {
-      const b = o.trigger.getBoundingClientRect(), G = d.getBoundingClientRect(), re = o.valueNode.getBoundingClientRect(), ee = S.getBoundingClientRect();
+  const { __scopeSelect: a, onPlaced: s, ...n } = e, o = ye(Ke, a), i = Be(Ke, a), [l, c] = r.useState(null), [d, u] = r.useState(null), m = ne(t, (b) => u(b)), h = Tt(a), R = r.useRef(!1), C = r.useRef(!0), { viewport: p, selectedItem: S, selectedItemText: f, focusSelectedItem: I } = i, k = r.useCallback(() => {
+    if (o.trigger && o.valueNode && l && d && p && S && f) {
+      const b = o.trigger.getBoundingClientRect(), G = d.getBoundingClientRect(), re = o.valueNode.getBoundingClientRect(), ee = f.getBoundingClientRect();
       if (o.dir !== "rtl") {
         const K = ee.left - G.left, q = re.left - K, Je = b.left - q, we = b.width + Je, qt = Math.max(we, G.width), Vt = window.innerWidth - pe, Pt = Bt(q, [
           pe,
@@ -377,50 +377,50 @@ var Si = "SelectItemAlignedPosition", vr = r.forwardRef((e, t) => {
         ]);
         l.style.minWidth = we + "px", l.style.right = Pt + "px";
       }
-      const M = f(), H = window.innerHeight - pe * 2, v = m.scrollHeight, U = window.getComputedStyle(d), O = parseInt(U.borderTopWidth, 10), z = parseInt(U.paddingTop, 10), Y = parseInt(U.borderBottomWidth, 10), X = parseInt(U.paddingBottom, 10), le = O + z + v + X + Y, rt = Math.min(C.offsetHeight * 5, le), We = window.getComputedStyle(m), Ot = parseInt(We.paddingTop, 10), Kt = parseInt(We.paddingBottom, 10), ze = b.top + b.height / 2 - pe, Ct = H - ze, st = C.offsetHeight / 2, J = C.offsetTop + st, j = O + z + J, ce = le - j;
+      const M = h(), H = window.innerHeight - pe * 2, v = p.scrollHeight, U = window.getComputedStyle(d), O = parseInt(U.borderTopWidth, 10), z = parseInt(U.paddingTop, 10), Y = parseInt(U.borderBottomWidth, 10), X = parseInt(U.paddingBottom, 10), le = O + z + v + X + Y, rt = Math.min(S.offsetHeight * 5, le), We = window.getComputedStyle(p), Ot = parseInt(We.paddingTop, 10), Kt = parseInt(We.paddingBottom, 10), ze = b.top + b.height / 2 - pe, Ct = H - ze, st = S.offsetHeight / 2, J = S.offsetTop + st, j = O + z + J, ce = le - j;
       if (j <= ze) {
-        const K = M.length > 0 && C === M[M.length - 1].ref.current;
+        const K = M.length > 0 && S === M[M.length - 1].ref.current;
         l.style.bottom = "0px";
-        const q = d.clientHeight - m.offsetTop - m.offsetHeight, Je = Math.max(
+        const q = d.clientHeight - p.offsetTop - p.offsetHeight, Je = Math.max(
           Ct,
           st + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (K ? Kt : 0) + q + Y
         ), we = j + Je;
         l.style.height = we + "px";
       } else {
-        const K = M.length > 0 && C === M[0].ref.current;
+        const K = M.length > 0 && S === M[0].ref.current;
         l.style.top = "0px";
         const Je = Math.max(
           ze,
-          O + m.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          O + p.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (K ? Ot : 0) + st
         ) + ce;
-        l.style.height = Je + "px", m.scrollTop = j - ze + m.offsetTop;
+        l.style.height = Je + "px", p.scrollTop = j - ze + p.offsetTop;
       }
       l.style.margin = `${pe}px 0`, l.style.minHeight = rt + "px", l.style.maxHeight = H + "px", s == null || s(), requestAnimationFrame(() => R.current = !0);
     }
   }, [
-    f,
+    h,
     o.trigger,
     o.valueNode,
     l,
     d,
-    m,
-    C,
+    p,
     S,
+    f,
     o.dir,
     s
   ]);
-  Re(() => I(), [I]);
+  Re(() => k(), [k]);
   const [E, w] = r.useState();
   Re(() => {
     d && w(window.getComputedStyle(d).zIndex);
   }, [d]);
   const T = r.useCallback(
     (b) => {
-      b && h.current === !0 && (I(), k == null || k(), h.current = !1);
+      b && C.current === !0 && (k(), I == null || I(), C.current = !1);
     },
-    [I, k]
+    [k, I]
   );
   return /* @__PURE__ */ A(
     ki,
@@ -443,7 +443,7 @@ var Si = "SelectItemAlignedPosition", vr = r.forwardRef((e, t) => {
             _.div,
             {
               ...n,
-              ref: p,
+              ref: m,
               style: {
                 // When we get the height of the content, it includes borders. If we were to set
                 // the height without having `boxSizing: 'border-box'` it would be too big.
@@ -523,14 +523,14 @@ var [ki, ha] = $e(Ke, {}), _t = "SelectViewport", Jr = r.forwardRef(
             ...n.style
           },
           onScroll: P(n.onScroll, (d) => {
-            const u = d.currentTarget, { contentWrapper: p, shouldExpandOnScrollRef: f } = i;
-            if (f != null && f.current && p) {
+            const u = d.currentTarget, { contentWrapper: m, shouldExpandOnScrollRef: h } = i;
+            if (h != null && h.current && m) {
               const R = Math.abs(c.current - u.scrollTop);
               if (R > 0) {
-                const h = window.innerHeight - pe * 2, m = parseFloat(p.style.minHeight), C = parseFloat(p.style.height), S = Math.max(m, C);
-                if (S < h) {
-                  const k = S + R, I = Math.min(h, k), E = k - I;
-                  p.style.height = I + "px", p.style.bottom === "0px" && (u.scrollTop = E > 0 ? E : 0, p.style.justifyContent = "flex-end");
+                const C = window.innerHeight - pe * 2, p = parseFloat(m.style.minHeight), S = parseFloat(m.style.height), f = Math.max(p, S);
+                if (f < C) {
+                  const I = f + R, k = Math.min(C, I), E = I - k;
+                  m.style.height = k + "px", m.style.bottom === "0px" && (u.scrollTop = E > 0 ? E : 0, m.style.justifyContent = "flex-end");
                 }
               }
             }
@@ -564,13 +564,13 @@ var Nt = "SelectItem", [Ri, Tr] = $e(Nt), xr = r.forwardRef(
       disabled: n = !1,
       textValue: o,
       ...i
-    } = e, l = ye(Nt, a), c = Be(Nt, a), d = l.value === s, [u, p] = r.useState(o ?? ""), [f, R] = r.useState(!1), h = ne(
+    } = e, l = ye(Nt, a), c = Be(Nt, a), d = l.value === s, [u, m] = r.useState(o ?? ""), [h, R] = r.useState(!1), C = ne(
       t,
-      (k) => {
-        var I;
-        return (I = c.itemRefCallback) == null ? void 0 : I.call(c, k, s, n);
+      (I) => {
+        var k;
+        return (k = c.itemRefCallback) == null ? void 0 : k.call(c, I, s, n);
       }
-    ), m = Aa(), C = r.useRef("touch"), S = () => {
+    ), p = Aa(), S = r.useRef("touch"), f = () => {
       n || (l.onValueChange(s), l.onOpenChange(!1));
     };
     if (s === "")
@@ -583,10 +583,10 @@ var Nt = "SelectItem", [Ri, Tr] = $e(Nt), xr = r.forwardRef(
         scope: a,
         value: s,
         disabled: n,
-        textId: m,
+        textId: p,
         isSelected: d,
-        onItemTextChange: r.useCallback((k) => {
-          p((I) => I || ((k == null ? void 0 : k.textContent) ?? "").trim());
+        onItemTextChange: r.useCallback((I) => {
+          m((k) => k || ((I == null ? void 0 : I.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ A(
           Ut.ItemSlot,
@@ -599,37 +599,37 @@ var Nt = "SelectItem", [Ri, Tr] = $e(Nt), xr = r.forwardRef(
               _.div,
               {
                 role: "option",
-                "aria-labelledby": m,
-                "data-highlighted": f ? "" : void 0,
-                "aria-selected": d && f,
+                "aria-labelledby": p,
+                "data-highlighted": h ? "" : void 0,
+                "aria-selected": d && h,
                 "data-state": d ? "checked" : "unchecked",
                 "aria-disabled": n || void 0,
                 "data-disabled": n ? "" : void 0,
                 tabIndex: n ? void 0 : -1,
                 ...i,
-                ref: h,
+                ref: C,
                 onFocus: P(i.onFocus, () => R(!0)),
                 onBlur: P(i.onBlur, () => R(!1)),
                 onClick: P(i.onClick, () => {
-                  C.current !== "mouse" && S();
+                  S.current !== "mouse" && f();
                 }),
                 onPointerUp: P(i.onPointerUp, () => {
-                  C.current === "mouse" && S();
+                  S.current === "mouse" && f();
                 }),
-                onPointerDown: P(i.onPointerDown, (k) => {
-                  C.current = k.pointerType;
+                onPointerDown: P(i.onPointerDown, (I) => {
+                  S.current = I.pointerType;
                 }),
-                onPointerMove: P(i.onPointerMove, (k) => {
-                  var I;
-                  C.current = k.pointerType, n ? (I = c.onItemLeave) == null || I.call(c) : C.current === "mouse" && k.currentTarget.focus({ preventScroll: !0 });
+                onPointerMove: P(i.onPointerMove, (I) => {
+                  var k;
+                  S.current = I.pointerType, n ? (k = c.onItemLeave) == null || k.call(c) : S.current === "mouse" && I.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: P(i.onPointerLeave, (k) => {
-                  var I;
-                  k.currentTarget === document.activeElement && ((I = c.onItemLeave) == null || I.call(c));
+                onPointerLeave: P(i.onPointerLeave, (I) => {
+                  var k;
+                  I.currentTarget === document.activeElement && ((k = c.onItemLeave) == null || k.call(c));
                 }),
-                onKeyDown: P(i.onKeyDown, (k) => {
+                onKeyDown: P(i.onKeyDown, (I) => {
                   var E;
-                  ((E = c.searchRef) == null ? void 0 : E.current) !== "" && k.key === " " || (ci.includes(k.key) && S(), k.key === " " && k.preventDefault());
+                  ((E = c.searchRef) == null ? void 0 : E.current) !== "" && I.key === " " || (ci.includes(I.key) && f(), I.key === " " && I.preventDefault());
                 })
               }
             )
@@ -642,20 +642,20 @@ var Nt = "SelectItem", [Ri, Tr] = $e(Nt), xr = r.forwardRef(
 xr.displayName = Nt;
 var ct = "SelectItemText", Dr = r.forwardRef(
   (e, t) => {
-    const { __scopeSelect: a, className: s, style: n, ...o } = e, i = ye(ct, a), l = Be(ct, a), c = Tr(ct, a), d = gi(ct, a), [u, p] = r.useState(null), f = ne(
+    const { __scopeSelect: a, className: s, style: n, ...o } = e, i = ye(ct, a), l = Be(ct, a), c = Tr(ct, a), d = gi(ct, a), [u, m] = r.useState(null), h = ne(
       t,
-      (S) => p(S),
+      (f) => m(f),
       c.onItemTextChange,
-      (S) => {
-        var k;
-        return (k = l.itemTextRefCallback) == null ? void 0 : k.call(l, S, c.value, c.disabled);
+      (f) => {
+        var I;
+        return (I = l.itemTextRefCallback) == null ? void 0 : I.call(l, f, c.value, c.disabled);
       }
-    ), R = u == null ? void 0 : u.textContent, h = r.useMemo(
+    ), R = u == null ? void 0 : u.textContent, C = r.useMemo(
       () => /* @__PURE__ */ A("option", { value: c.value, disabled: c.disabled, children: R }, c.value),
       [c.disabled, c.value, R]
-    ), { onNativeOptionAdd: m, onNativeOptionRemove: C } = d;
-    return Re(() => (m(h), () => C(h)), [m, C, h]), /* @__PURE__ */ y(qe, { children: [
-      /* @__PURE__ */ A(_.span, { id: c.textId, ...o, ref: f }),
+    ), { onNativeOptionAdd: p, onNativeOptionRemove: S } = d;
+    return Re(() => (p(C), () => S(C)), [p, S, C]), /* @__PURE__ */ y(qe, { children: [
+      /* @__PURE__ */ A(_.span, { id: c.textId, ...o, ref: h }),
       c.isSelected && i.valueNode && !i.valueNodeHasChildren ? hr.createPortal(o.children, i.valueNode) : null
     ] });
   }
@@ -722,7 +722,7 @@ var Or = r.forwardRef((e, t) => {
   }, []);
   return r.useEffect(() => () => c(), [c]), Re(() => {
     var u;
-    const d = l().find((p) => p.ref.current === document.activeElement);
+    const d = l().find((m) => m.ref.current === document.activeElement);
     (u = d == null ? void 0 : d.ref.current) == null || u.scrollIntoView({ block: "nearest" });
   }, [l]), /* @__PURE__ */ A(
     _.div,
@@ -768,8 +768,8 @@ var Ji = "SelectBubbleInput", qr = r.forwardRef(
         "value"
       ).set;
       if (i !== t && u) {
-        const p = new Event("change", { bubbles: !0 });
-        u.call(l, t), l.dispatchEvent(p);
+        const m = new Event("change", { bubbles: !0 });
+        u.call(l, t), l.dispatchEvent(m);
       }
     }, [i, t]), /* @__PURE__ */ A(
       _.select,
@@ -831,19 +831,19 @@ var Qi = fr, bi = Cr, Ui = Ir, Ti = Er, xi = Rr, Di = yr, Mi = Jr, Fi = Qr, Oi =
       minStepsBetweenThumbs: c = 0,
       defaultValue: d = [s],
       value: u,
-      onValueChange: p = () => {
+      onValueChange: m = () => {
       },
-      onValueCommit: f = () => {
+      onValueCommit: h = () => {
       },
       inverted: R = !1,
-      form: h,
-      ...m
-    } = e, C = r.useRef(/* @__PURE__ */ new Set()), S = r.useRef(0), I = i === "horizontal" ? ji : Gi, [E = [], w] = pt({
+      form: C,
+      ...p
+    } = e, S = r.useRef(/* @__PURE__ */ new Set()), f = r.useRef(0), k = i === "horizontal" ? ji : Gi, [E = [], w] = pt({
       prop: u,
       defaultProp: d,
       onChange: (M) => {
         var v;
-        (v = [...C.current][S.current]) == null || v.focus(), p(M);
+        (v = [...S.current][f.current]) == null || v.focus(), m(M);
       }
     }), T = r.useRef(E);
     function b(M) {
@@ -851,20 +851,20 @@ var Qi = fr, bi = Cr, Ui = Ir, Ti = Er, xi = Rr, Di = yr, Mi = Jr, Fi = Qr, Oi =
       ee(M, H);
     }
     function G(M) {
-      ee(M, S.current);
+      ee(M, f.current);
     }
     function re() {
-      const M = T.current[S.current];
-      E[S.current] !== M && f(E);
+      const M = T.current[f.current];
+      E[f.current] !== M && h(E);
     }
     function ee(M, H, { commit: v } = { commit: !1 }) {
       const U = al(o), O = rl(Math.round((M - s) / o) * o + s, U), z = Bt(O, [s, n]);
       w((Y = []) => {
         const X = Xi(Y, z, H);
         if (tl(X, c * o)) {
-          S.current = X.indexOf(z);
+          f.current = X.indexOf(z);
           const le = String(X) !== String(Y);
-          return le && v && f(X), le ? X : Y;
+          return le && v && h(X), le ? X : Y;
         } else
           return Y;
       });
@@ -877,19 +877,19 @@ var Qi = fr, bi = Cr, Ui = Ir, Ti = Er, xi = Rr, Di = yr, Mi = Jr, Fi = Qr, Oi =
         disabled: l,
         min: s,
         max: n,
-        valueIndexToChangeRef: S,
-        thumbs: C.current,
+        valueIndexToChangeRef: f,
+        thumbs: S.current,
         values: E,
         orientation: i,
-        form: h,
+        form: C,
         children: /* @__PURE__ */ A(aa.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ A(aa.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ A(
-          I,
+          k,
           {
             "aria-disabled": l,
             "data-disabled": l ? "" : void 0,
-            ...m,
+            ...p,
             ref: t,
-            onPointerDown: P(m.onPointerDown, () => {
+            onPointerDown: P(p.onPointerDown, () => {
               l || (T.current = E);
             }),
             min: s,
@@ -902,7 +902,7 @@ var Qi = fr, bi = Cr, Ui = Ir, Ti = Er, xi = Rr, Di = yr, Mi = Jr, Fi = Qr, Oi =
             onEndKeyDown: () => !l && ee(n, E.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: M, direction: H }) => {
               if (!l) {
-                const O = Wr.includes(M.key) || M.shiftKey && zr.includes(M.key) ? 10 : 1, z = S.current, Y = E[z], X = o * O * H;
+                const O = Wr.includes(M.key) || M.shiftKey && zr.includes(M.key) ? 10 : 1, z = f.current, Y = E[z], X = o * O * H;
                 ee(Y + X, z, { commit: !0 });
               }
             }
@@ -930,23 +930,23 @@ var [Yr, Xr] = Gr(et, {
       onSlideEnd: c,
       onStepKeyDown: d,
       ...u
-    } = e, [p, f] = r.useState(null), R = ne(t, (I) => f(I)), h = r.useRef(void 0), m = ar(n), C = m === "ltr", S = C && !o || !C && o;
-    function k(I) {
-      const E = h.current || p.getBoundingClientRect(), w = [0, E.width], b = fa(w, S ? [a, s] : [s, a]);
-      return h.current = E, b(I - E.left);
+    } = e, [m, h] = r.useState(null), R = ne(t, (k) => h(k)), C = r.useRef(void 0), p = ar(n), S = p === "ltr", f = S && !o || !S && o;
+    function I(k) {
+      const E = C.current || m.getBoundingClientRect(), w = [0, E.width], b = fa(w, f ? [a, s] : [s, a]);
+      return C.current = E, b(k - E.left);
     }
     return /* @__PURE__ */ A(
       Yr,
       {
         scope: e.__scopeSlider,
-        startEdge: S ? "left" : "right",
-        endEdge: S ? "right" : "left",
-        direction: S ? 1 : -1,
+        startEdge: f ? "left" : "right",
+        endEdge: f ? "right" : "left",
+        direction: f ? 1 : -1,
         size: "width",
         children: /* @__PURE__ */ A(
           Zr,
           {
-            dir: m,
+            dir: p,
             "data-orientation": "horizontal",
             ...u,
             ref: R,
@@ -954,20 +954,20 @@ var [Yr, Xr] = Gr(et, {
               ...u.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
-            onSlideStart: (I) => {
-              const E = k(I.clientX);
+            onSlideStart: (k) => {
+              const E = I(k.clientX);
               i == null || i(E);
             },
-            onSlideMove: (I) => {
-              const E = k(I.clientX);
+            onSlideMove: (k) => {
+              const E = I(k.clientX);
               l == null || l(E);
             },
             onSlideEnd: () => {
-              h.current = void 0, c == null || c();
+              C.current = void 0, c == null || c();
             },
-            onStepKeyDown: (I) => {
-              const w = jr[S ? "from-left" : "from-right"].includes(I.key);
-              d == null || d({ event: I, direction: w ? -1 : 1 });
+            onStepKeyDown: (k) => {
+              const w = jr[f ? "from-left" : "from-right"].includes(k.key);
+              d == null || d({ event: k, direction: w ? -1 : 1 });
             }
           }
         )
@@ -985,10 +985,10 @@ var [Yr, Xr] = Gr(et, {
       onSlideEnd: l,
       onStepKeyDown: c,
       ...d
-    } = e, u = r.useRef(null), p = ne(t, u), f = r.useRef(void 0), R = !n;
-    function h(m) {
-      const C = f.current || u.current.getBoundingClientRect(), S = [0, C.height], I = fa(S, R ? [s, a] : [a, s]);
-      return f.current = C, I(m - C.top);
+    } = e, u = r.useRef(null), m = ne(t, u), h = r.useRef(void 0), R = !n;
+    function C(p) {
+      const S = h.current || u.current.getBoundingClientRect(), f = [0, S.height], k = fa(f, R ? [s, a] : [a, s]);
+      return h.current = S, k(p - S.top);
     }
     return /* @__PURE__ */ A(
       Yr,
@@ -1003,25 +1003,25 @@ var [Yr, Xr] = Gr(et, {
           {
             "data-orientation": "vertical",
             ...d,
-            ref: p,
+            ref: m,
             style: {
               ...d.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
             },
-            onSlideStart: (m) => {
-              const C = h(m.clientY);
-              o == null || o(C);
+            onSlideStart: (p) => {
+              const S = C(p.clientY);
+              o == null || o(S);
             },
-            onSlideMove: (m) => {
-              const C = h(m.clientY);
-              i == null || i(C);
+            onSlideMove: (p) => {
+              const S = C(p.clientY);
+              i == null || i(S);
             },
             onSlideEnd: () => {
-              f.current = void 0, l == null || l();
+              h.current = void 0, l == null || l();
             },
-            onStepKeyDown: (m) => {
-              const S = jr[R ? "from-bottom" : "from-top"].includes(m.key);
-              c == null || c({ event: m, direction: S ? -1 : 1 });
+            onStepKeyDown: (p) => {
+              const f = jr[R ? "from-bottom" : "from-top"].includes(p.key);
+              c == null || c({ event: p, direction: f ? -1 : 1 });
             }
           }
         )
@@ -1045,19 +1045,19 @@ var [Yr, Xr] = Gr(et, {
       {
         ...d,
         ref: t,
-        onKeyDown: P(e.onKeyDown, (p) => {
-          p.key === "Home" ? (i(p), p.preventDefault()) : p.key === "End" ? (l(p), p.preventDefault()) : Wr.concat(zr).includes(p.key) && (c(p), p.preventDefault());
+        onKeyDown: P(e.onKeyDown, (m) => {
+          m.key === "Home" ? (i(m), m.preventDefault()) : m.key === "End" ? (l(m), m.preventDefault()) : Wr.concat(zr).includes(m.key) && (c(m), m.preventDefault());
         }),
-        onPointerDown: P(e.onPointerDown, (p) => {
-          const f = p.target;
-          f.setPointerCapture(p.pointerId), p.preventDefault(), u.thumbs.has(f) ? f.focus() : s(p);
+        onPointerDown: P(e.onPointerDown, (m) => {
+          const h = m.target;
+          h.setPointerCapture(m.pointerId), m.preventDefault(), u.thumbs.has(h) ? h.focus() : s(m);
         }),
-        onPointerMove: P(e.onPointerMove, (p) => {
-          p.target.hasPointerCapture(p.pointerId) && n(p);
+        onPointerMove: P(e.onPointerMove, (m) => {
+          m.target.hasPointerCapture(m.pointerId) && n(m);
         }),
-        onPointerUp: P(e.onPointerUp, (p) => {
-          const f = p.target;
-          f.hasPointerCapture(p.pointerId) && (f.releasePointerCapture(p.pointerId), o(p));
+        onPointerUp: P(e.onPointerUp, (m) => {
+          const h = m.target;
+          h.hasPointerCapture(m.pointerId) && (h.releasePointerCapture(m.pointerId), o(m));
         })
       }
     );
@@ -1080,8 +1080,8 @@ $r.displayName = _r;
 var ra = "SliderRange", es = r.forwardRef(
   (e, t) => {
     const { __scopeSlider: a, ...s } = e, n = Dt(ra, a), o = Xr(ra, a), i = r.useRef(null), l = ne(t, i), c = n.values.length, d = n.values.map(
-      (f) => rs(f, n.min, n.max)
-    ), u = c > 1 ? Math.min(...d) : 0, p = 100 - Math.max(...d);
+      (h) => rs(h, n.min, n.max)
+    ), u = c > 1 ? Math.min(...d) : 0, m = 100 - Math.max(...d);
     return /* @__PURE__ */ A(
       _.span,
       {
@@ -1092,7 +1092,7 @@ var ra = "SliderRange", es = r.forwardRef(
         style: {
           ...e.style,
           [o.startEdge]: u + "%",
-          [o.endEdge]: p + "%"
+          [o.endEdge]: m + "%"
         }
       }
     );
@@ -1109,7 +1109,7 @@ var sa = "SliderThumb", ts = r.forwardRef(
   }
 ), Li = r.forwardRef(
   (e, t) => {
-    const { __scopeSlider: a, index: s, name: n, ...o } = e, i = Dt(sa, a), l = Xr(sa, a), [c, d] = r.useState(null), u = ne(t, (k) => d(k)), p = c ? i.form || !!c.closest("form") : !0, f = Mn(c), R = i.values[s], h = R === void 0 ? 0 : rs(R, i.min, i.max), m = Zi(s, i.values.length), C = f == null ? void 0 : f[l.size], S = C ? $i(C, h, l.direction) : 0;
+    const { __scopeSlider: a, index: s, name: n, ...o } = e, i = Dt(sa, a), l = Xr(sa, a), [c, d] = r.useState(null), u = ne(t, (I) => d(I)), m = c ? i.form || !!c.closest("form") : !0, h = Mn(c), R = i.values[s], C = R === void 0 ? 0 : rs(R, i.min, i.max), p = Zi(s, i.values.length), S = h == null ? void 0 : h[l.size], f = S ? $i(S, C, l.direction) : 0;
     return r.useEffect(() => {
       if (c)
         return i.thumbs.add(c), () => {
@@ -1121,14 +1121,14 @@ var sa = "SliderThumb", ts = r.forwardRef(
         style: {
           transform: "var(--radix-slider-thumb-transform)",
           position: "absolute",
-          [l.startEdge]: `calc(${h}% + ${S}px)`
+          [l.startEdge]: `calc(${C}% + ${f}px)`
         },
         children: [
           /* @__PURE__ */ A(aa.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ A(
             _.span,
             {
               role: "slider",
-              "aria-label": e["aria-label"] || m,
+              "aria-label": e["aria-label"] || p,
               "aria-valuemin": i.min,
               "aria-valuenow": R,
               "aria-valuemax": i.max,
@@ -1144,7 +1144,7 @@ var sa = "SliderThumb", ts = r.forwardRef(
               })
             }
           ) }),
-          p && /* @__PURE__ */ A(
+          m && /* @__PURE__ */ A(
             as,
             {
               name: n ?? (i.name ? i.name + (i.values.length > 1 ? "[]" : "") : void 0),
@@ -1167,8 +1167,8 @@ var Yi = "RadioBubbleInput", as = r.forwardRef(
       if (!l) return;
       const c = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(c, "value").set;
       if (i !== t && u) {
-        const p = new Event("input", { bubbles: !0 });
-        u.call(l, t), l.dispatchEvent(p);
+        const m = new Event("input", { bubbles: !0 });
+        u.call(l, t), l.dispatchEvent(m);
       }
     }, [i, t]), /* @__PURE__ */ A(
       _.input,
@@ -1344,8 +1344,8 @@ function N(e, ...t) {
         continue;
       }
       if (c.type === "string" || c.type === "enum | string") {
-        const u = c.type === "string" ? [] : c.values, [p, f] = Ee({ className: c.className, customProperties: c.customProperties, propValues: u, parseValue: c.parseValue, value: l });
-        s = ht(s, f), a = g(a, p);
+        const u = c.type === "string" ? [] : c.values, [m, h] = Ee({ className: c.className, customProperties: c.customProperties, propValues: u, parseValue: c.parseValue, value: l });
+        s = ht(s, h), a = g(a, m);
         continue;
       }
       if (c.type === "boolean" && l) {
@@ -1412,23 +1412,23 @@ function kl() {
 const Ne = r.forwardRef((e, t) => r.useContext(vt) === void 0 ? r.createElement(da, { delayDuration: 200 }, r.createElement(Fn, { dir: "ltr" }, r.createElement(gs, { ...e, ref: t }))) : r.createElement(Ia, { ...e, ref: t }));
 Ne.displayName = "Theme";
 const gs = r.forwardRef((e, t) => {
-  const { appearance: a = de.appearance.default, accentColor: s = de.accentColor.default, grayColor: n = de.grayColor.default, panelBackground: o = de.panelBackground.default, radius: i = de.radius.default, scaling: l = de.scaling.default, hasBackground: c = de.hasBackground.default, ...d } = e, [u, p] = r.useState(a);
-  r.useEffect(() => p(a), [a]);
-  const [f, R] = r.useState(s);
+  const { appearance: a = de.appearance.default, accentColor: s = de.accentColor.default, grayColor: n = de.grayColor.default, panelBackground: o = de.panelBackground.default, radius: i = de.radius.default, scaling: l = de.scaling.default, hasBackground: c = de.hasBackground.default, ...d } = e, [u, m] = r.useState(a);
+  r.useEffect(() => m(a), [a]);
+  const [h, R] = r.useState(s);
   r.useEffect(() => R(s), [s]);
-  const [h, m] = r.useState(n);
-  r.useEffect(() => m(n), [n]);
-  const [C, S] = r.useState(o);
-  r.useEffect(() => S(o), [o]);
-  const [k, I] = r.useState(i);
-  r.useEffect(() => I(i), [i]);
+  const [C, p] = r.useState(n);
+  r.useEffect(() => p(n), [n]);
+  const [S, f] = r.useState(o);
+  r.useEffect(() => f(o), [o]);
+  const [I, k] = r.useState(i);
+  r.useEffect(() => k(i), [i]);
   const [E, w] = r.useState(l);
-  return r.useEffect(() => w(l), [l]), r.createElement(Ia, { ...d, ref: t, isRoot: !0, hasBackground: c, appearance: u, accentColor: f, grayColor: h, panelBackground: C, radius: k, scaling: E, onAppearanceChange: p, onAccentColorChange: R, onGrayColorChange: m, onPanelBackgroundChange: S, onRadiusChange: I, onScalingChange: w });
+  return r.useEffect(() => w(l), [l]), r.createElement(Ia, { ...d, ref: t, isRoot: !0, hasBackground: c, appearance: u, accentColor: h, grayColor: C, panelBackground: S, radius: I, scaling: E, onAppearanceChange: m, onAccentColorChange: R, onGrayColorChange: p, onPanelBackgroundChange: f, onRadiusChange: k, onScalingChange: w });
 });
 gs.displayName = "ThemeRoot";
 const Ia = r.forwardRef((e, t) => {
-  const a = r.useContext(vt), { asChild: s, isRoot: n, hasBackground: o, appearance: i = (a == null ? void 0 : a.appearance) ?? de.appearance.default, accentColor: l = (a == null ? void 0 : a.accentColor) ?? de.accentColor.default, grayColor: c = (a == null ? void 0 : a.resolvedGrayColor) ?? de.grayColor.default, panelBackground: d = (a == null ? void 0 : a.panelBackground) ?? de.panelBackground.default, radius: u = (a == null ? void 0 : a.radius) ?? de.radius.default, scaling: p = (a == null ? void 0 : a.scaling) ?? de.scaling.default, onAppearanceChange: f = je, onAccentColorChange: R = je, onGrayColorChange: h = je, onPanelBackgroundChange: m = je, onRadiusChange: C = je, onScalingChange: S = je, ...k } = e, I = s ? $ : "div", E = c === "auto" ? Sl(l) : c, w = e.appearance === "light" || e.appearance === "dark", T = o === void 0 ? n || w : o;
-  return r.createElement(vt.Provider, { value: r.useMemo(() => ({ appearance: i, accentColor: l, grayColor: c, resolvedGrayColor: E, panelBackground: d, radius: u, scaling: p, onAppearanceChange: f, onAccentColorChange: R, onGrayColorChange: h, onPanelBackgroundChange: m, onRadiusChange: C, onScalingChange: S }), [i, l, c, E, d, u, p, f, R, h, m, C, S]) }, r.createElement(I, { "data-is-root-theme": n ? "true" : "false", "data-accent-color": l, "data-gray-color": E, "data-has-background": T ? "true" : "false", "data-panel-background": d, "data-radius": u, "data-scaling": p, ref: t, ...k, className: g("radix-themes", { light: i === "light", dark: i === "dark" }, k.className) }));
+  const a = r.useContext(vt), { asChild: s, isRoot: n, hasBackground: o, appearance: i = (a == null ? void 0 : a.appearance) ?? de.appearance.default, accentColor: l = (a == null ? void 0 : a.accentColor) ?? de.accentColor.default, grayColor: c = (a == null ? void 0 : a.resolvedGrayColor) ?? de.grayColor.default, panelBackground: d = (a == null ? void 0 : a.panelBackground) ?? de.panelBackground.default, radius: u = (a == null ? void 0 : a.radius) ?? de.radius.default, scaling: m = (a == null ? void 0 : a.scaling) ?? de.scaling.default, onAppearanceChange: h = je, onAccentColorChange: R = je, onGrayColorChange: C = je, onPanelBackgroundChange: p = je, onRadiusChange: S = je, onScalingChange: f = je, ...I } = e, k = s ? $ : "div", E = c === "auto" ? Sl(l) : c, w = e.appearance === "light" || e.appearance === "dark", T = o === void 0 ? n || w : o;
+  return r.createElement(vt.Provider, { value: r.useMemo(() => ({ appearance: i, accentColor: l, grayColor: c, resolvedGrayColor: E, panelBackground: d, radius: u, scaling: m, onAppearanceChange: h, onAccentColorChange: R, onGrayColorChange: C, onPanelBackgroundChange: p, onRadiusChange: S, onScalingChange: f }), [i, l, c, E, d, u, m, h, R, C, p, S, f]) }, r.createElement(k, { "data-is-root-theme": n ? "true" : "false", "data-accent-color": l, "data-gray-color": E, "data-has-background": T ? "true" : "false", "data-panel-background": d, "data-radius": u, "data-scaling": m, ref: t, ...I, className: g("radix-themes", { light: i === "light", dark: i === "dark" }, I.className) }));
 });
 Ia.displayName = "ThemeImpl";
 const ve = (e) => {
@@ -1591,8 +1591,8 @@ function Ic(e) {
   return e === "left" ? "start" : e === "right" ? "end" : e;
 }
 const Ec = r.forwardRef(({ width: e, minWidth: t, maxWidth: a, height: s, minHeight: n, maxHeight: o, ...i }, l) => {
-  const { asChild: c, children: d, className: u, ...p } = N(i, Cc, ft, Q), { className: f, style: R } = N({ width: e, minWidth: t, maxWidth: a, height: s, minHeight: n, maxHeight: o }, se, tt), h = c ? $ : "div";
-  return r.createElement(h, { ...p, ref: l, className: g("rt-Container", u) }, Ea({ asChild: c, children: d }, (m) => r.createElement("div", { className: g("rt-ContainerInner", f), style: R }, m)));
+  const { asChild: c, children: d, className: u, ...m } = N(i, Cc, ft, Q), { className: h, style: R } = N({ width: e, minWidth: t, maxWidth: a, height: s, minHeight: n, maxHeight: o }, se, tt), C = c ? $ : "div";
+  return r.createElement(C, { ...m, ref: l, className: g("rt-Container", u) }, Ea({ asChild: c, children: d }, (p) => r.createElement("div", { className: g("rt-ContainerInner", h), style: R }, p)));
 });
 Ec.displayName = "Container";
 const Rc = ["1", "2", "3"], ot = { ...V, size: { values: Rc, default: "1" }, ...fe, scrollbars: { default: "both" } };
@@ -1602,12 +1602,12 @@ function yc(e) {
 }
 const Ue = Q.m.values;
 function Bc(e) {
-  const [t, a] = Ee({ className: "rt-r-m", customProperties: ["--margin"], propValues: Ue, value: e.m }), [s, n] = Ee({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: Ue, value: e.mx }), [o, i] = Ee({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: Ue, value: e.my }), [l, c] = Ee({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: Ue, value: e.mt }), [d, u] = Ee({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: Ue, value: e.mr }), [p, f] = Ee({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: Ue, value: e.mb }), [R, h] = Ee({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: Ue, value: e.ml });
-  return [g(t, s, o, l, d, p, R), ht(a, n, i, c, u, f, h)];
+  const [t, a] = Ee({ className: "rt-r-m", customProperties: ["--margin"], propValues: Ue, value: e.m }), [s, n] = Ee({ className: "rt-r-mx", customProperties: ["--margin-left", "--margin-right"], propValues: Ue, value: e.mx }), [o, i] = Ee({ className: "rt-r-my", customProperties: ["--margin-top", "--margin-bottom"], propValues: Ue, value: e.my }), [l, c] = Ee({ className: "rt-r-mt", customProperties: ["--margin-top"], propValues: Ue, value: e.mt }), [d, u] = Ee({ className: "rt-r-mr", customProperties: ["--margin-right"], propValues: Ue, value: e.mr }), [m, h] = Ee({ className: "rt-r-mb", customProperties: ["--margin-bottom"], propValues: Ue, value: e.mb }), [R, C] = Ee({ className: "rt-r-ml", customProperties: ["--margin-left"], propValues: Ue, value: e.ml });
+  return [g(t, s, o, l, d, m, R), ht(a, n, i, c, u, h, C)];
 }
 const St = r.forwardRef((e, t) => {
-  const { rest: a, ...s } = yc(e), [n, o] = Bc(s), { asChild: i, children: l, className: c, style: d, type: u, scrollHideDelay: p = u !== "scroll" ? 0 : void 0, dir: f, size: R = ot.size.default, radius: h = ot.radius.default, scrollbars: m = ot.scrollbars.default, ...C } = a;
-  return r.createElement(nr, { type: u, scrollHideDelay: p, className: g("rt-ScrollAreaRoot", n, c), style: ht(o, d), asChild: i }, Ea({ asChild: i, children: l }, (S) => r.createElement(r.Fragment, null, r.createElement(or, { ...C, ref: t, className: "rt-ScrollAreaViewport" }, S), r.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), m !== "vertical" ? r.createElement(Yt, { "data-radius": h, orientation: "horizontal", className: g("rt-ScrollAreaScrollbar", mt({ className: "rt-r-size", value: R, propValues: ot.size.values })) }, r.createElement(Xt, { className: "rt-ScrollAreaThumb" })) : null, m !== "horizontal" ? r.createElement(Yt, { "data-radius": h, orientation: "vertical", className: g("rt-ScrollAreaScrollbar", mt({ className: "rt-r-size", value: R, propValues: ot.size.values })) }, r.createElement(Xt, { className: "rt-ScrollAreaThumb" })) : null, m === "both" ? r.createElement(eo, { className: "rt-ScrollAreaCorner" }) : null)));
+  const { rest: a, ...s } = yc(e), [n, o] = Bc(s), { asChild: i, children: l, className: c, style: d, type: u, scrollHideDelay: m = u !== "scroll" ? 0 : void 0, dir: h, size: R = ot.size.default, radius: C = ot.radius.default, scrollbars: p = ot.scrollbars.default, ...S } = a;
+  return r.createElement(nr, { type: u, scrollHideDelay: m, className: g("rt-ScrollAreaRoot", n, c), style: ht(o, d), asChild: i }, Ea({ asChild: i, children: l }, (f) => r.createElement(r.Fragment, null, r.createElement(or, { ...S, ref: t, className: "rt-ScrollAreaViewport" }, f), r.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), p !== "vertical" ? r.createElement(Yt, { "data-radius": C, orientation: "horizontal", className: g("rt-ScrollAreaScrollbar", mt({ className: "rt-r-size", value: R, propValues: ot.size.values })) }, r.createElement(Xt, { className: "rt-ScrollAreaThumb" })) : null, p !== "horizontal" ? r.createElement(Yt, { "data-radius": C, orientation: "vertical", className: g("rt-ScrollAreaScrollbar", mt({ className: "rt-r-size", value: R, propValues: ot.size.values })) }, r.createElement(Xt, { className: "rt-ScrollAreaThumb" })) : null, p === "both" ? r.createElement(eo, { className: "rt-ScrollAreaCorner" }) : null)));
 });
 St.displayName = "ScrollArea";
 const Us = (e) => r.createElement(oo, { ...e, modal: !0 });
@@ -1736,8 +1736,8 @@ const Rm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 nA.displayName = "Radio";
 const oA = ["1", "2", "3"], iA = ["surface", "classic"], lA = { disabled: { type: "boolean", className: "disabled", default: !1 }, size: { type: "enum", className: "rt-r-size", values: oA, default: "2", responsive: !0 }, variant: { type: "enum", className: "rt-variant", values: iA, default: "surface" }, ...fe }, $s = r.forwardRef((e, t) => {
   const { className: a, children: s, radius: n, value: o, defaultValue: i, onValueChange: l, ...c } = N(e, lA, Q), [d, u] = pt({ prop: o, onChange: l, defaultProp: i });
-  return r.createElement(Co, { "data-disabled": e.disabled || void 0, "data-radius": n, ref: t, className: g("rt-SegmentedControlRoot", a), onValueChange: (p) => {
-    p && u(p);
+  return r.createElement(Co, { "data-disabled": e.disabled || void 0, "data-radius": n, ref: t, className: g("rt-SegmentedControlRoot", a), onValueChange: (m) => {
+    m && u(m);
   }, ...c, type: "single", value: d, asChild: !1, disabled: !!e.disabled }, s, r.createElement("div", { className: "rt-SegmentedControlIndicator" }));
 });
 $s.displayName = "SegmentedControl.Root";
@@ -1882,18 +1882,18 @@ const YA = ["1", "2", "3"], XA = ["classic", "surface", "soft"], ZA = { size: {
   return r.createElement("div", { "data-accent-color": o, "data-radius": i, style: l, className: g("rt-TextFieldRoot", n), onPointerDown: (d) => {
     const u = d.target;
     if (u.closest("input, button, a")) return;
-    const p = a.current;
-    if (!p) return;
-    const f = u.closest(`
+    const m = a.current;
+    if (!m) return;
+    const h = u.closest(`
             .rt-TextFieldSlot[data-side='right'],
             .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
-          `) ? p.value.length : 0;
+          `) ? m.value.length : 0;
     requestAnimationFrame(() => {
       try {
-        p.setSelectionRange(f, f);
+        m.setSelectionRange(h, h);
       } catch {
       }
-      p.focus();
+      m.focus();
     });
   } }, r.createElement("input", { spellCheck: "false", ...c, ref: gr(a, t), className: "rt-reset rt-TextFieldInput" }), s);
 });
@@ -1904,8 +1904,8 @@ const hn = r.forwardRef((e, t) => {
 });
 hn.displayName = "TextField.Slot";
 const ed = { content: { type: "ReactNode", required: !0 }, width: se.width, minWidth: se.minWidth, maxWidth: { ...se.maxWidth, default: "360px" } }, He = r.forwardRef((e, t) => {
-  const { children: a, className: s, open: n, defaultOpen: o, onOpenChange: i, delayDuration: l, disableHoverableContent: c, content: d, container: u, forceMount: p, ...f } = N(e, ed), R = { open: n, defaultOpen: o, onOpenChange: i, delayDuration: l, disableHoverableContent: c };
-  return r.createElement(ua, { ...R }, r.createElement(ga, { asChild: !0 }, a), r.createElement(vo, { container: u, forceMount: p }, r.createElement(Ne, { asChild: !0 }, r.createElement(pa, { sideOffset: 4, collisionPadding: 10, ...f, asChild: !1, ref: t, className: g("rt-TooltipContent", s) }, r.createElement(x, { as: "p", className: "rt-TooltipText", size: "1" }, d), r.createElement(ma, { className: "rt-TooltipArrow" })))));
+  const { children: a, className: s, open: n, defaultOpen: o, onOpenChange: i, delayDuration: l, disableHoverableContent: c, content: d, container: u, forceMount: m, ...h } = N(e, ed), R = { open: n, defaultOpen: o, onOpenChange: i, delayDuration: l, disableHoverableContent: c };
+  return r.createElement(ua, { ...R }, r.createElement(ga, { asChild: !0 }, a), r.createElement(vo, { container: u, forceMount: m }, r.createElement(Ne, { asChild: !0 }, r.createElement(pa, { sideOffset: 4, collisionPadding: 10, ...h, asChild: !1, ref: t, className: g("rt-TooltipContent", s) }, r.createElement(x, { as: "p", className: "rt-TooltipText", size: "1" }, d), r.createElement(ma, { className: "rt-TooltipArrow" })))));
 });
 He.displayName = "Tooltip";
 const td = "_iconButton_do0d3_1", ad = "_ghost_do0d3_7", rd = "_mint_do0d3_7", sd = "_highContrast_do0d3_12", nd = "_disabled_do0d3_17", od = "_red_do0d3_40", id = "_gray_do0d3_61", ld = "_cyan_do0d3_83", cd = "_loading_do0d3_119", Ad = "_solid_do0d3_135", dd = "_surface_do0d3_137", ud = "_size1_do0d3_144", gd = "_size2_do0d3_152", pd = "_size3_do0d3_160", md = "_size4_do0d3_168", hd = "_soft_do0d3_236", De = {
@@ -1990,32 +1990,32 @@ const Nm = ({ children: e, ...t }) => /* @__PURE__ */ A(
   }, []), c = D((E) => E === -1 / 0 || E <= -60 ? 0 : Math.pow(10, E / 20), []), d = ge(() => {
     const E = l(t);
     return E === -1 / 0 ? -60 : Math.max(-60, Math.min(6, E));
-  }, [t, l]), u = ge(() => t < 1e-3, [t]), p = D(() => {
+  }, [t, l]), u = ge(() => t < 1e-3, [t]), m = D(() => {
     clearTimeout(o.current), n(!0);
-  }, []), f = D(() => {
+  }, []), h = D(() => {
     o.current = setTimeout(() => {
       n(!1);
     }, 300);
   }, []), R = D(
     (E) => {
-      (E.key === "ArrowUp" || E.key === "ArrowDown") && p(), (E.key === "ArrowLeft" || E.key === "ArrowRight") && (E.preventDefault(), E.stopPropagation(), p());
+      (E.key === "ArrowUp" || E.key === "ArrowDown") && m(), (E.key === "ArrowLeft" || E.key === "ArrowRight") && (E.preventDefault(), E.stopPropagation(), m());
     },
-    [p]
-  ), h = D(
+    [m]
+  ), C = D(
     (E) => {
       e(E.map(c));
     },
     [e, c]
-  ), m = D(() => {
-    p();
-  }, [p]), C = D(() => {
-    f();
-  }, [f]), S = D(() => {
-    e([1]), p();
-  }, [e, p]), k = D(() => {
+  ), p = D(() => {
+    m();
+  }, [m]), S = D(() => {
+    h();
+  }, [h]), f = D(() => {
+    e([1]), m();
+  }, [e, m]), I = D(() => {
     const E = Date.now();
-    E - i.current < 300 && S(), i.current = E;
-  }, [S]), I = ge(
+    E - i.current < 300 && f(), i.current = E;
+  }, [f]), k = ge(
     () => /* @__PURE__ */ y(qe, { children: [
       u ? "-∞ dB" : `${d.toFixed(1)} dB`,
       /* @__PURE__ */ A(ma, { className: Me.tooltipArrow })
@@ -2030,9 +2030,9 @@ const Nm = ({ children: e, ...t }) => /* @__PURE__ */ A(
       max: 6,
       step: 0.1,
       value: [u ? -60 : d],
-      onValueChange: h,
-      onPointerDown: m,
-      onPointerUp: C,
+      onValueChange: C,
+      onPointerDown: p,
+      onPointerUp: S,
       disabled: a,
       children: /* @__PURE__ */ y("div", { className: Me.sliderContainer, children: [
         /* @__PURE__ */ A(ns, { className: Me.sliderTrack, children: /* @__PURE__ */ A(os, { className: Me.sliderRange }) }),
@@ -2041,10 +2041,10 @@ const Nm = ({ children: e, ...t }) => /* @__PURE__ */ A(
             is,
             {
               className: Me.sliderThumb,
-              onPointerDown: m,
+              onPointerDown: p,
               onKeyDown: R,
-              onBlur: C,
-              onClick: k
+              onBlur: S,
+              onClick: I
             }
           ) }),
           /* @__PURE__ */ A(
@@ -2054,7 +2054,7 @@ const Nm = ({ children: e, ...t }) => /* @__PURE__ */ A(
               side: "bottom",
               align: "center",
               sideOffset: 10,
-              children: I
+              children: k
             }
           )
         ] }) })
@@ -2530,26 +2530,26 @@ const Cn = ({
   ...i
 }) => {
   const l = ge(() => Object.keys(la), []), c = ge(() => Object.keys(ia), []), { color: d, graphic: u } = ge(() => {
-    let h = e, m = t;
+    let C = e, p = t;
     if (n) {
-      const C = Tu(n);
-      h = h || C.color, m = m || C.graphic;
+      const S = Tu(n);
+      C = C || S.color, p = p || S.graphic;
     }
-    if (!h) {
-      const C = Math.floor(Math.random() * l.length);
-      h = l[C];
+    if (!C) {
+      const S = Math.floor(Math.random() * l.length);
+      C = l[S];
     }
-    if (!m) {
-      const C = Math.floor(Math.random() * c.length);
-      m = c[C];
+    if (!p) {
+      const S = Math.floor(Math.random() * c.length);
+      p = c[S];
     }
-    return { color: h, graphic: m };
-  }, [e, t, n, l, c]), p = la[d], f = ia[u], R = ge(
+    return { color: C, graphic: p };
+  }, [e, t, n, l, c]), m = la[d], h = ia[u], R = ge(
     () => ({
-      background: p.gradient,
-      opacity: p.opacity
+      background: m.gradient,
+      opacity: m.opacity
     }),
-    [p.gradient, p.opacity]
+    [m.gradient, m.opacity]
   );
   return /* @__PURE__ */ A(
     Se,
@@ -2559,7 +2559,7 @@ const Cn = ({
       className: g(o),
       style: R,
       ...i,
-      children: /* @__PURE__ */ A("img", { src: f, alt: u, width: a, height: s })
+      children: /* @__PURE__ */ A("img", { src: h, alt: u, width: a, height: s })
     }
   );
 };
@@ -2573,41 +2573,42 @@ const xu = ({
   item: o,
   customThumbnail: i,
   icon: l,
-  checked: c,
-  onClick: d,
-  ...u
+  Icon: c,
+  checked: d,
+  onClick: u,
+  ...m
 }) => {
-  const p = (o == null ? void 0 : o.id) || n, f = (o == null ? void 0 : o.name) || a, R = (o == null ? void 0 : o.description) || s, h = (o == null ? void 0 : o.image) || t, m = (o == null ? void 0 : o.icon) || l, C = h && (h != null && h.startsWith("url(")) ? h == null ? void 0 : h.substring(4, (h == null ? void 0 : h.length) - 1).replace(/"/g, "") : h, S = (k) => {
-    k.stopPropagation(), k.preventDefault(), d == null || d();
+  const h = (o == null ? void 0 : o.id) || n, R = (o == null ? void 0 : o.name) || a, C = (o == null ? void 0 : o.description) || s, p = (o == null ? void 0 : o.image) || t, S = (o == null ? void 0 : o.icon) || l, f = p && (p != null && p.startsWith("url(")) ? p == null ? void 0 : p.substring(4, (p == null ? void 0 : p.length) - 1).replace(/"/g, "") : p, I = (k) => {
+    k.stopPropagation(), k.preventDefault(), u == null || u();
   };
   return /* @__PURE__ */ A(
     Qa,
     {
-      value: p,
+      value: h,
       className: g(e, L.listCardsItem),
       style: { "--color-surface": "transparent" },
-      "data-state": c ? "checked" : "unchecked",
-      onClick: S,
-      ...u,
+      "data-state": d ? "checked" : "unchecked",
+      onClick: I,
+      ...m,
       children: /* @__PURE__ */ y(B, { gap: "2", children: [
         /* @__PURE__ */ A(B, { width: "60px", height: "60px", children: i ? /* @__PURE__ */ A(
           Cn,
           {
-            id: p,
+            id: h,
             className: L.listCardsAvatar,
             width: 60,
             height: 60
           }
-        ) : m ? /* @__PURE__ */ A("div", { className: L.listCardsAvatarIcon, children: m }) : /* @__PURE__ */ A(Jt, { src: C, className: L.listCardsAvatar }) }),
+        ) : c ? /* @__PURE__ */ A("div", { className: L.listCardsAvatarIcon, children: /* @__PURE__ */ A(c, { width: 15, height: 15 }) }) : S ? /* @__PURE__ */ A("div", { className: L.listCardsAvatarIcon, children: S }) : /* @__PURE__ */ A(Jt, { src: f, className: L.listCardsAvatar }) }),
         /* @__PURE__ */ y(B, { direction: "column", justify: "center", gap: "1", children: [
-          /* @__PURE__ */ A(x, { as: "div", size: "2", className: L.listCardsItemText, children: f }),
+          /* @__PURE__ */ A(x, { as: "div", size: "2", className: L.listCardsItemText, children: R }),
           /* @__PURE__ */ A(
             x,
             {
               as: "div",
               size: "1",
               className: L.listCardsItemDescriptionWrappable,
-              children: R
+              children: C
             }
           )
         ] })
@@ -2626,10 +2627,10 @@ const xu = ({
   onAvatarClick: c,
   avatarContent: d,
   seeDetailsText: u = "Details",
-  children: p,
-  ...f
+  children: m,
+  ...h
 }) => {
-  const R = (n == null ? void 0 : n.id) || s, h = (n == null ? void 0 : n.name) || a, m = (n == null ? void 0 : n.avatar) || t, C = m && (m != null && m.startsWith("url(")) ? m == null ? void 0 : m.substring(4, (m == null ? void 0 : m.length) - 1).replace(/"/g, "") : m;
+  const R = (n == null ? void 0 : n.id) || s, C = (n == null ? void 0 : n.name) || a, p = (n == null ? void 0 : n.avatar) || t, S = p && (p != null && p.startsWith("url(")) ? p == null ? void 0 : p.substring(4, (p == null ? void 0 : p.length) - 1).replace(/"/g, "") : p;
   return /* @__PURE__ */ y("div", { className: L.cardWrapper, children: [
     /* @__PURE__ */ A(
       Qa,
@@ -2641,7 +2642,7 @@ const xu = ({
           width: "100%",
           height: "68px"
         },
-        ...f,
+        ...h,
         children: /* @__PURE__ */ y(
           B,
           {
@@ -2653,9 +2654,9 @@ const xu = ({
               overflow: "hidden"
             },
             children: [
-              !c && /* @__PURE__ */ A(Jt, { src: C, className: L.listCardsAvatar }),
+              !c && /* @__PURE__ */ A(Jt, { src: S, className: L.listCardsAvatar }),
               /* @__PURE__ */ y(B, { direction: "column", justify: "center", children: [
-                /* @__PURE__ */ A(x, { as: "div", size: "2", className: L.listCardsItemText, children: h }),
+                /* @__PURE__ */ A(x, { as: "div", size: "2", className: L.listCardsItemText, children: C }),
                 /* @__PURE__ */ A(
                   B,
                   {
@@ -2668,7 +2669,7 @@ const xu = ({
                       width: "100%",
                       whiteSpace: "nowrap"
                     },
-                    children: p
+                    children: m
                   }
                 )
               ] })
@@ -2681,10 +2682,10 @@ const xu = ({
       "div",
       {
         className: L.clickableAvatar,
-        onClick: c ? (S) => {
-          S.stopPropagation(), S.preventDefault(), c(S);
+        onClick: c ? (f) => {
+          f.stopPropagation(), f.preventDefault(), c(f);
         } : void 0,
-        children: d ? /* @__PURE__ */ A("div", { className: L.avatarContent, children: d }) : /* @__PURE__ */ A(Jt, { src: C, className: L.listCardsAvatar })
+        children: d ? /* @__PURE__ */ A("div", { className: L.avatarContent, children: d }) : /* @__PURE__ */ A(Jt, { src: S, className: L.listCardsAvatar })
       }
     ) }),
     /* @__PURE__ */ A("div", { className: L.cardActions, children: /* @__PURE__ */ y(
@@ -2703,8 +2704,8 @@ const xu = ({
                 L.favoriteButton,
                 L.seeDetailsButton
               ),
-              onClick: (S) => {
-                S.stopPropagation(), S.preventDefault(), i(S);
+              onClick: (f) => {
+                f.stopPropagation(), f.preventDefault(), i(f);
               },
               children: o ? /* @__PURE__ */ A($o, {}) : /* @__PURE__ */ A(ei, {})
             }
@@ -2716,8 +2717,8 @@ const xu = ({
                 L.buttonGhost,
                 L.seeDetailsButton
               ),
-              onClick: (S) => {
-                S.stopPropagation(), S.preventDefault(), l(S);
+              onClick: (f) => {
+                f.stopPropagation(), f.preventDefault(), l(f);
               },
               children: u
             }
@@ -2972,15 +2973,15 @@ const lg = "_selectTrigger_1nzeo_1", cg = "_soft_1nzeo_1", Ag = "_ghost_1nzeo_2"
   disabled: c = !1,
   readOnly: d = !1,
   maxHeight: u = "auto",
-  showSelectIndicator: p = !0,
-  maxWidth: f = "100%",
+  showSelectIndicator: m = !0,
+  maxWidth: h = "100%",
   ...R
 }) => /* @__PURE__ */ y(Se, { width: "100%", children: [
   t && /* @__PURE__ */ y(B, { mb: "2", align: "center", gap: "2", children: [
     /* @__PURE__ */ A(x, { size: "1", weight: "bold", children: t }),
     o && /* @__PURE__ */ A(He, { content: o, children: /* @__PURE__ */ A(_e, {}) })
   ] }),
-  /* @__PURE__ */ A(B, { direction: "column", maxWidth: f, children: /* @__PURE__ */ y(
+  /* @__PURE__ */ A(B, { direction: "column", maxWidth: h, children: /* @__PURE__ */ y(
     Ta,
     {
       onValueChange: a,
@@ -3001,19 +3002,19 @@ const lg = "_selectTrigger_1nzeo_1", cg = "_soft_1nzeo_1", Ag = "_ghost_1nzeo_2"
             })
           }
         ),
-        /* @__PURE__ */ A(Da, { position: "popper", style: { height: u }, children: /* @__PURE__ */ A(Ma, { children: n.map((h) => /* @__PURE__ */ y(
+        /* @__PURE__ */ A(Da, { position: "popper", style: { height: u }, children: /* @__PURE__ */ A(Ma, { children: n.map((C) => /* @__PURE__ */ y(
           tn,
           {
-            value: h.value,
+            value: C.value,
             className: g(ke.selectItem, {
-              [ke.hideIndicator]: !p,
+              [ke.hideIndicator]: !m,
               [ke.size1]: i === "1",
               [ke.size2]: i === "2"
             }),
             disabled: c || d,
             children: [
-              /* @__PURE__ */ A(x, { size: i, style: { color: "var(--neutral-12)" }, children: h.label }),
-              h.aiDetected && /* @__PURE__ */ A(
+              /* @__PURE__ */ A(x, { size: i, style: { color: "var(--neutral-12)" }, children: C.label }),
+              C.aiDetected && /* @__PURE__ */ A(
                 x,
                 {
                   size: "1",
@@ -3024,7 +3025,7 @@ const lg = "_selectTrigger_1nzeo_1", cg = "_soft_1nzeo_1", Ag = "_ghost_1nzeo_2"
                   children: "✦"
                 }
               ),
-              h.extra && /* @__PURE__ */ y(
+              C.extra && /* @__PURE__ */ y(
                 x,
                 {
                   size: i,
@@ -3034,13 +3035,13 @@ const lg = "_selectTrigger_1nzeo_1", cg = "_soft_1nzeo_1", Ag = "_ghost_1nzeo_2"
                   },
                   children: [
                     " ",
-                    h.extra
+                    C.extra
                   ]
                 }
               )
             ]
           },
-          h.value
+          C.value
         )) }) })
       ]
     }
@@ -3067,11 +3068,11 @@ const hg = "_selectTrigger_1b07c_1", fg = "_soft_1b07c_1", Sg = "_ghost_1b07c_2"
   readOnly: c = !1,
   maxHeight: d = "auto",
   maxWidth: u = "100%",
-  placeholder: p = "Select options...",
-  ...f
+  placeholder: m = "Select options...",
+  ...h
 }) => {
-  const R = (h) => {
-    a && a(h);
+  const R = (C) => {
+    a && a(C);
   };
   return /* @__PURE__ */ y(Se, { width: "100%", children: [
     t && /* @__PURE__ */ y(B, { mb: "2", align: "center", gap: "2", children: [
@@ -3083,7 +3084,7 @@ const hg = "_selectTrigger_1b07c_1", fg = "_soft_1b07c_1", Sg = "_ghost_1b07c_2"
       {
         className: g(e),
         disabled: l || c,
-        ...f,
+        ...h,
         children: [
           /* @__PURE__ */ A(
             xa,
@@ -3091,15 +3092,15 @@ const hg = "_selectTrigger_1b07c_1", fg = "_soft_1b07c_1", Sg = "_ghost_1b07c_2"
               variant: i,
               color: "gray",
               size: o,
-              placeholder: p,
+              placeholder: m,
               className: g(Ie.selectTrigger, {
                 [Ie.ghost]: i === "ghost",
                 [Ie.soft]: i === "soft"
               }),
-              children: p
+              children: m
             }
           ),
-          /* @__PURE__ */ A(Da, { position: "popper", style: { height: d }, children: /* @__PURE__ */ A(Ma, { children: s.map((h) => /* @__PURE__ */ y(
+          /* @__PURE__ */ A(Da, { position: "popper", style: { height: d }, children: /* @__PURE__ */ A(Ma, { children: s.map((C) => /* @__PURE__ */ y(
             B,
             {
               align: "center",
@@ -3110,7 +3111,7 @@ const hg = "_selectTrigger_1b07c_1", fg = "_soft_1b07c_1", Sg = "_ghost_1b07c_2"
                 [Ie.size1]: o === "1",
                 [Ie.size2]: o === "2"
               }),
-              onClick: () => R(h.value),
+              onClick: () => R(C.value),
               style: {
                 cursor: l || c ? "not-allowed" : "pointer",
                 width: "100%"
@@ -3120,13 +3121,13 @@ const hg = "_selectTrigger_1b07c_1", fg = "_soft_1b07c_1", Sg = "_ghost_1b07c_2"
                   bs,
                   {
                     disabled: l || c,
-                    checked: h.isActived || !1,
+                    checked: C.isActived || !1,
                     size: o
                   }
                 ),
                 /* @__PURE__ */ y(B, { align: "center", gap: "1", style: { flex: 1 }, children: [
-                  /* @__PURE__ */ A(x, { size: o, style: { color: "var(--neutral-12)" }, children: h.label }),
-                  h.aiDetected && /* @__PURE__ */ A(
+                  /* @__PURE__ */ A(x, { size: o, style: { color: "var(--neutral-12)" }, children: C.label }),
+                  C.aiDetected && /* @__PURE__ */ A(
                     x,
                     {
                       size: "1",
@@ -3137,7 +3138,7 @@ const hg = "_selectTrigger_1b07c_1", fg = "_soft_1b07c_1", Sg = "_ghost_1b07c_2"
                       children: "✦"
                     }
                   ),
-                  h.extra && /* @__PURE__ */ y(
+                  C.extra && /* @__PURE__ */ y(
                     x,
                     {
                       size: o,
@@ -3147,14 +3148,14 @@ const hg = "_selectTrigger_1b07c_1", fg = "_soft_1b07c_1", Sg = "_ghost_1b07c_2"
                       },
                       children: [
                         " ",
-                        h.extra
+                        C.extra
                       ]
                     }
                   )
                 ] })
               ]
             },
-            h.value
+            C.value
           )) }) })
         ]
       }
@@ -3192,63 +3193,63 @@ const it = 10, lt = 10, Fe = 9.5, jt = -Math.PI / 2, Gt = 0.01, Ga = (e) => Math
   minValue: n = -0.65,
   maxValue: o = 0.65
 }) => {
-  const i = me(null), [l, c] = he(!1), d = me(), [u, p] = he(!1), f = me(null), R = me(0), h = me(t), m = me(0), C = D(() => {
+  const i = me(null), [l, c] = he(!1), d = me(), [u, m] = he(!1), h = me(null), R = me(0), C = me(t), p = me(0), S = D(() => {
     clearTimeout(d.current), c(!0);
-  }, []), S = D(() => {
+  }, []), f = D(() => {
     u || (d.current = setTimeout(() => c(!1), 300));
   }, [u]);
   bt(() => {
     if (u) {
       const v = document.createElement("style");
-      v.textContent = "* { cursor: ns-resize !important; }", document.head.appendChild(v), f.current = v, C();
+      v.textContent = "* { cursor: ns-resize !important; }", document.head.appendChild(v), h.current = v, S();
     } else
-      f.current && (document.head.removeChild(f.current), f.current = null), S();
+      h.current && (document.head.removeChild(h.current), h.current = null), f();
     return () => {
-      f.current && (document.head.removeChild(f.current), f.current = null), S(), m.current && cancelAnimationFrame(m.current);
+      h.current && (document.head.removeChild(h.current), h.current = null), f(), p.current && cancelAnimationFrame(p.current);
     };
-  }, [u, C, S]);
-  const k = D(
+  }, [u, S, f]);
+  const I = D(
     (v) => {
-      h.current = Ga(v), !m.current && (m.current = requestAnimationFrame(() => {
-        m.current = 0, a(h.current);
+      C.current = Ga(v), !p.current && (p.current = requestAnimationFrame(() => {
+        p.current = 0, a(C.current);
       }));
     },
     [a]
-  ), I = D(
+  ), k = D(
     (v) => {
       v.preventDefault(), v.stopPropagation();
       const U = v.wheelDelta ?? -v.deltaY * 25;
       if (!U) return;
       const O = t + (U > 0 ? Gt : -Gt);
-      k(O);
+      I(O);
     },
-    [t, k]
+    [t, I]
   );
-  Xe("wheel", I, i);
+  Xe("wheel", k, i);
   const E = D(
     (v) => {
       var O;
       if (s) return;
       v.preventDefault();
       const U = v.currentTarget;
-      (O = U.setPointerCapture) == null || O.call(U, v.pointerId), p(!0), R.current = v.clientY;
+      (O = U.setPointerCapture) == null || O.call(U, v.pointerId), m(!0), R.current = v.clientY;
     },
     [s]
   ), w = D(
     (v) => {
       if (!u) return;
       const U = R.current - v.clientY, O = t + U * Gt;
-      k(O), R.current = v.clientY;
+      I(O), R.current = v.clientY;
     },
-    [u, t, k]
+    [u, t, I]
   ), T = D((v) => {
     var U, O;
-    (O = (U = v.currentTarget) == null ? void 0 : U.releasePointerCapture) == null || O.call(U, v.pointerId), p(!1);
+    (O = (U = v.currentTarget) == null ? void 0 : U.releasePointerCapture) == null || O.call(U, v.pointerId), m(!1);
   }, []), b = D(
     (v) => {
-      v.detail === 2 && k(0);
+      v.detail === 2 && I(0);
     },
-    [k]
+    [I]
   ), { arcPath: G, pointerRotation: re, arcColor: ee, pointerColor: M } = ge(() => {
     const v = La(t, n, o), U = Ga(v), O = jt + U * Math.PI, z = it + Fe * Math.cos(jt), Y = lt + Fe * Math.sin(jt), X = it + Fe * Math.cos(O), le = lt + Fe * Math.sin(O), rt = 0, We = U > 0 ? 1 : 0;
     return {
@@ -3354,7 +3355,7 @@ const Ug = ({
   onClick: c,
   loading: d,
   besideFooter: u,
-  ...p
+  ...m
 }) => /* @__PURE__ */ y(
   B,
   {
@@ -3367,7 +3368,7 @@ const Ug = ({
       borderTop: "1px solid var(--neutral-3)"
     },
     className: t,
-    ...p,
+    ...m,
     children: [
       e && /* @__PURE__ */ A(B, { width: "100%", children: e }),
       /* @__PURE__ */ y(B, { width: "100%", justify: "between", gap: "3", align: "center", children: [
@@ -3422,12 +3423,12 @@ const Tg = "_sliderTrack_bq3k4_29", xg = "_sliderTrackSize1_bq3k4_40", Dg = "_sl
   max: c = 100,
   step: d = 1,
   size: u = "2",
-  disabled: p = !1,
-  highContrast: f = !1,
+  disabled: m = !1,
+  highContrast: h = !1,
   markers: R = [],
-  ...h
+  ...C
 }) => {
-  const m = (C) => (C - l) / (c - l) * 100;
+  const p = (S) => (S - l) / (c - l) * 100;
   return /* @__PURE__ */ y(Se, { width: "100%", children: [
     t && /* @__PURE__ */ y(B, { mb: "2", justify: "between", align: "center", children: [
       /* @__PURE__ */ y(B, { align: "center", gap: "2", children: [
@@ -3452,9 +3453,9 @@ const Tg = "_sliderTrack_bq3k4_29", xg = "_sliderTrackSize1_bq3k4_40", Dg = "_sl
         step: d,
         value: n,
         onValueChange: a,
-        disabled: p,
+        disabled: m,
         className: e,
-        ...h,
+        ...C,
         children: /* @__PURE__ */ y(B, { className: te.sliderContainer, children: [
           /* @__PURE__ */ y(
             ns,
@@ -3471,8 +3472,8 @@ const Tg = "_sliderTrack_bq3k4_29", xg = "_sliderTrackSize1_bq3k4_40", Dg = "_sl
                     className: g(te.sliderRange, {
                       [te.sliderRangeAccent]: s === "accent",
                       [te.sliderRangeNeutral]: s === "neutral",
-                      [te.sliderRangeHighContrastNeutral]: f && s === "neutral",
-                      [te.sliderRangeHighContrastAccent]: f && s === "accent"
+                      [te.sliderRangeHighContrastNeutral]: h && s === "neutral",
+                      [te.sliderRangeHighContrastAccent]: h && s === "accent"
                     })
                   }
                 ),
@@ -3489,17 +3490,17 @@ const Tg = "_sliderTrack_bq3k4_29", xg = "_sliderTrackSize1_bq3k4_40", Dg = "_sl
               ]
             }
           ),
-          R.length > 0 && /* @__PURE__ */ A("div", { className: te.markersContainer, children: R.map((C, S) => /* @__PURE__ */ A(
+          R.length > 0 && /* @__PURE__ */ A("div", { className: te.markersContainer, children: R.map((S, f) => /* @__PURE__ */ A(
             "div",
             {
               className: g(te.marker, {
                 [te.markerSize3]: u === "3"
               }),
               style: {
-                left: `${m(C)}%`
+                left: `${p(S)}%`
               }
             },
-            S
+            f
           )) })
         ] })
       }
@@ -3912,8 +3913,8 @@ const xp = "_hasTriggerWithoutClick_1ss22_1", Dp = "_hasLeftColor_1ss22_10", Mp
   leftColor: l,
   ...c
 }) => {
-  const [d, u] = he(!1), p = (f) => {
-    n && (f.preventDefault(), f.stopPropagation(), n(f));
+  const [d, u] = he(!1), m = (h) => {
+    n && (h.preventDefault(), h.stopPropagation(), n(h));
   };
   return /* @__PURE__ */ A(B, { className: g(ue.container, a), ...c, children: /* @__PURE__ */ y(lr, { open: o, onOpenChange: i, modal: !0, children: [
     n && /* @__PURE__ */ A(
@@ -3930,7 +3931,7 @@ const xp = "_hasTriggerWithoutClick_1ss22_1", Dp = "_hasLeftColor_1ss22_10", Mp
         onMouseLeave: () => {
           u(!1);
         },
-        onClick: p,
+        onClick: m,
         children: /* @__PURE__ */ A(
           Ze,
           {
@@ -4096,61 +4097,61 @@ const Hp = "_content_1vf1h_1", Wp = "_pan_1vf1h_13", zp = "_disabled_1vf1h_26",
   defaultDot: n,
   clickableDots: o = !1
 }) => {
-  const i = me(null), [l, c] = he(!1), [d, u] = he(0), p = me(0);
+  const i = me(null), [l, c] = he(!1), [d, u] = he(0), m = me(0);
   bt(() => {
     e == null && t(n);
   }, [e, t, n]);
-  const f = D(
-    (I) => {
-      if (I.preventDefault(), I.stopPropagation(), a) return;
-      const E = I.wheelDelta ?? -I.deltaY * 25;
+  const h = D(
+    (k) => {
+      if (k.preventDefault(), k.stopPropagation(), a) return;
+      const E = k.wheelDelta ?? -k.deltaY * 25;
       if (!E || Math.abs(E) <= 50) return;
       const w = Date.now();
-      if (w - p.current < 100) return;
+      if (w - m.current < 100) return;
       const T = E > 0 ? 1 : -1, b = $a(e, s, T);
-      t(b), p.current = w;
+      t(b), m.current = w;
     },
     [t, e, s, a]
   ), R = D(
-    (I) => {
+    (k) => {
       if (a) {
-        I.preventDefault();
+        k.preventDefault();
         return;
       }
-      I.preventDefault(), c(!0), u(I.clientY);
+      k.preventDefault(), c(!0), u(k.clientY);
     },
     [a]
-  ), h = D(
-    (I) => {
+  ), C = D(
+    (k) => {
       if (!l || a) return;
-      const E = d - I.clientY;
+      const E = d - k.clientY;
       if (Math.abs(E) <= 20) return;
       const w = E > 0 ? 1 : -1, T = $a(e, s, w);
-      t(T), u(I.clientY), p.current = Date.now();
+      t(T), u(k.clientY), m.current = Date.now();
     },
     [l, d, e, t, s, a]
-  ), m = D(() => {
+  ), p = D(() => {
     c(!1);
-  }, []), C = D(() => {
+  }, []), S = D(() => {
     c(!1);
-  }, []), S = D(
-    (I) => {
-      I.detail === 2 && !a && t(n);
+  }, []), f = D(
+    (k) => {
+      k.detail === 2 && !a && t(n);
     },
     [t, n, a]
-  ), k = D(
-    (I) => {
+  ), I = D(
+    (k) => {
       if (!o || a) return;
-      const E = Lp(s, I);
+      const E = Lp(s, k);
       E && t(E);
     },
     [o, a, t, s]
   );
-  return Xe("wheel", f, i), Xe("mousedown", R, i), Xe("mousemove", h), Xe("mouseup", m), Xe("mouseleave", C), {
+  return Xe("wheel", h, i), Xe("mousedown", R, i), Xe("mousemove", C), Xe("mouseup", p), Xe("mouseleave", S), {
     containerRef: i,
     isDragging: l,
-    handleClick: S,
-    handleDotClick: k
+    handleClick: f,
+    handleDotClick: I
   };
 }, _p = ({
   className: e,
@@ -4163,16 +4164,16 @@ const Hp = "_content_1vf1h_1", Wp = "_pan_1vf1h_13", zp = "_disabled_1vf1h_26",
   const [i, l] = he(null);
   if (!o || o.length === 0)
     return console.warn("Knob: dots prop is required and must be a non-empty array"), null;
-  const c = ge(() => (o == null ? void 0 : o.find((S) => S.default)) || (o == null ? void 0 : o[0]) || { position: 0, color: "neutral", default: !0 }, [o]), { containerRef: d, isDragging: u, handleClick: p, handleDotClick: f } = Zp({
+  const c = ge(() => (o == null ? void 0 : o.find((f) => f.default)) || (o == null ? void 0 : o[0]) || { position: 0, color: "neutral", default: !0 }, [o]), { containerRef: d, isDragging: u, handleClick: m, handleDotClick: h } = Zp({
     value: t,
     onChange: a,
     disabled: s,
     dots: o || [],
     defaultDot: c,
     clickableDots: n
-  }), R = ge(() => typeof t == "object" && t !== null ? t.position : Yp(t, o), [t, o]), { pointerRotation: h, pointerColor: m } = ge(() => Xp(R, s), [R, s]), C = (S) => {
-    const k = _a[S.color] || _a.neutral, I = S.position === R, E = i === S.position && n;
-    return s ? k.default : I ? k.active : E ? k.hover : k.default;
+  }), R = ge(() => typeof t == "object" && t !== null ? t.position : Yp(t, o), [t, o]), { pointerRotation: C, pointerColor: p } = ge(() => Xp(R, s), [R, s]), S = (f) => {
+    const I = _a[f.color] || _a.neutral, k = f.position === R, E = i === f.position && n;
+    return s ? I.default : k ? I.active : E ? I.hover : I.default;
   };
   return /* @__PURE__ */ A(
     "div",
@@ -4180,7 +4181,7 @@ const Hp = "_content_1vf1h_1", Wp = "_pan_1vf1h_13", zp = "_disabled_1vf1h_26",
       ref: d,
       className: g(Et.content, e),
       "data-no-drag": "true",
-      onClick: p,
+      onClick: m,
       style: { cursor: s ? "default" : "ns-resize" },
       children: /* @__PURE__ */ A(
         "div",
@@ -4205,64 +4206,64 @@ const Hp = "_content_1vf1h_1", Wp = "_pan_1vf1h_13", zp = "_disabled_1vf1h_26",
             /* @__PURE__ */ A(
               "g",
               {
-                transform: `rotate(${h} ${Rt} ${yt})`,
+                transform: `rotate(${C} ${Rt} ${yt})`,
                 children: /* @__PURE__ */ A(
                   "path",
                   {
                     d: "M19.5 4.5 L19.5 12",
-                    stroke: m,
+                    stroke: p,
                     strokeWidth: 1,
                     transform: "rotate(90 19.5 19.5)"
                   }
                 )
               }
             ),
-            o == null ? void 0 : o.map((S) => {
-              const k = In[S.position];
-              if (!k) return null;
-              const I = C(S), E = n && !s;
+            o == null ? void 0 : o.map((f) => {
+              const I = In[f.position];
+              if (!I) return null;
+              const k = S(f), E = n && !s;
               return /* @__PURE__ */ y(ae.Fragment, { children: [
                 E && /* @__PURE__ */ A(
                   "circle",
                   {
-                    cx: k.x,
-                    cy: k.y,
+                    cx: I.x,
+                    cy: I.y,
                     r: 4,
                     style: {
                       cursor: "pointer",
                       pointerEvents: "all"
                     },
-                    onMouseEnter: () => l(S.position),
+                    onMouseEnter: () => l(f.position),
                     onMouseLeave: () => l(null),
                     onClick: (w) => {
-                      w.stopPropagation(), f(S.position);
+                      w.stopPropagation(), h(f.position);
                     }
                   }
                 ),
                 /* @__PURE__ */ A(
                   "circle",
                   {
-                    cx: k.x,
-                    cy: k.y,
+                    cx: I.x,
+                    cy: I.y,
                     r: 1,
-                    fill: I,
+                    fill: k,
                     style: {
                       cursor: E ? "pointer" : "default",
                       transition: "fill 0.2s ease",
                       pointerEvents: E ? "none" : "all"
                     },
                     onMouseEnter: () => {
-                      E && l(S.position);
+                      E && l(f.position);
                     },
                     onMouseLeave: () => {
                       E && l(null);
                     },
                     onClick: (w) => {
-                      E && (w.stopPropagation(), f(S.position));
+                      E && (w.stopPropagation(), h(f.position));
                     }
                   }
                 )
-              ] }, `dot-${S.position}`);
+              ] }, `dot-${f.position}`);
             })
           ] })
         }
@@ -4310,26 +4311,26 @@ const am = "_starButton_azi6g_1", rm = "_disabled_azi6g_17", sm = "_readOnly_azi
   label: c,
   minLabel: d,
   maxLabel: u,
-  ...p
+  ...m
 }) => {
-  const [f, R] = he(a || 0), [h, m] = he(0), C = t !== void 0 ? t : f, S = t !== void 0, k = D(
+  const [h, R] = he(a || 0), [C, p] = he(0), S = t !== void 0 ? t : h, f = t !== void 0, I = D(
     (T) => {
       if (s || n) return;
-      const b = T + 1, G = b === C ? 0 : b;
-      S || R(G), o == null || o({ value: G });
+      const b = T + 1, G = b === S ? 0 : b;
+      f || R(G), o == null || o({ value: G });
     },
-    [s, n, S, o, C]
-  ), I = D(
+    [s, n, f, o, S]
+  ), k = D(
     (T) => {
       if (s || n) return;
       const b = T.currentTarget.getBoundingClientRect(), G = T.clientX - b.left, re = b.width / e, ee = Math.floor(G / re), H = Math.max(0, Math.min(ee, e - 1)) + 1;
-      H !== h && (m(H), i == null || i({ value: H }));
+      H !== C && (p(H), i == null || i({ value: H }));
     },
-    [s, n, e, h, i]
+    [s, n, e, C, i]
   ), E = D(() => {
-    s || n || (m(0), i == null || i({ value: 0 }));
+    s || n || (p(0), i == null || i({ value: 0 }));
   }, [s, n, i]), w = (T) => {
-    const b = h > 0 ? T < h : T < C, G = h > 0 && T < h, re = T < C;
+    const b = C > 0 ? T < C : T < S, G = C > 0 && T < C, re = T < S;
     return /* @__PURE__ */ A(
       "button",
       {
@@ -4341,10 +4342,10 @@ const am = "_starButton_azi6g_1", rm = "_disabled_azi6g_17", sm = "_readOnly_azi
           [Ae.disabled]: s,
           [Ae.readOnly]: n
         }),
-        onClick: () => k(T),
+        onClick: () => I(T),
         disabled: s || n,
         "aria-label": `Rate ${T + 1} out of ${e}`,
-        ...p,
+        ...m,
         children: b ? /* @__PURE__ */ A(ni, { className: Ae.starIcon }) : /* @__PURE__ */ A(oi, { className: Ae.starIcon })
       },
       T
@@ -4370,8 +4371,8 @@ const am = "_starButton_azi6g_1", rm = "_disabled_azi6g_17", sm = "_readOnly_azi
               justify: "center",
               className: Ae.starsContainer,
               role: "radiogroup",
-              "aria-label": `Rating: ${C} out of ${e} stars`,
-              onMouseMove: I,
+              "aria-label": `Rating: ${S} out of ${e} stars`,
+              onMouseMove: k,
               onMouseLeave: E,
               children: Array.from({ length: e }, (T, b) => w(b))
             }