@duro-app/ui 0.16.0 → 0.17.1

package/dist/index.js

@@ -54,12 +54,12 @@ function de(o) {
         } else if (e)
           a == null && (a = {}), a = Object.assign({}, g, a);
         else {
-          var W = null;
+          var M = null;
           for (var w in g) {
-            var M = g[w];
-            M !== void 0 && (r.includes(w) || (M != null && (a == null && (a = {}), W == null && (W = {}), W[w] = M), r.push(w), s = null));
+            var W = g[w];
+            W !== void 0 && (r.includes(w) || (W != null && (a == null && (a = {}), M == null && (M = {}), M[w] = W), r.push(w), s = null));
           }
-          W != null && (a = Object.assign(W, a));
+          M != null && (a = Object.assign(M, a));
         }
       }
     }
@@ -324,51 +324,47 @@ const kt = {
   }
 };
 function io(o) {
-  const t = j.c(30), {
+  const t = j.c(28), {
     selectedItemCount: e,
     selectedLabel: n,
     isEmphasized: l,
     onClearSelection: r,
-    children: c
-  } = o, a = l === void 0 ? !1 : l, i = no();
+    dismissible: c,
+    children: a
+  } = o, i = l === void 0 ? !1 : l, s = c === void 0 ? !0 : c, d = no();
   if (e === 0)
     return null;
-  const s = e === "all" ? "All" : `${e}`;
-  let d;
-  t[0] !== s || t[1] !== n ? (d = n ? n(s) : `${s} selected`, t[0] = s, t[1] = n, t[2] = d) : d = t[2];
-  const u = d, x = a && kt.overlayEmphasized;
-  let k;
-  t[3] !== x ? (k = [kt.overlay, x], t[3] = x, t[4] = k) : k = t[4];
-  const g = a && kt.selectedCountEmphasized;
+  const u = e === "all" ? "All" : `${e}`;
+  let x;
+  t[0] !== u || t[1] !== n ? (x = n ? n(u) : `${u} selected`, t[0] = u, t[1] = n, t[2] = x) : x = t[2];
+  const k = x, g = i && kt.overlayEmphasized;
   let p;
-  t[5] !== g ? (p = [kt.selectedCount, g], t[5] = g, t[6] = p) : p = t[6];
-  let h;
-  t[7] !== u || t[8] !== p ? (h = /* @__PURE__ */ f("span", { "data-element-src": "ActionBar/ActionBar.tsx:40", ...v($.span, p), children: u }), t[7] = u, t[8] = p, t[9] = h) : h = t[9];
-  const b = a && kt.separatorEmphasized;
+  t[3] !== g ? (p = [kt.overlay, g], t[3] = g, t[4] = p) : p = t[4];
+  const h = i && kt.selectedCountEmphasized;
+  let b;
+  t[5] !== h ? (b = [kt.selectedCount, h], t[5] = h, t[6] = b) : b = t[6];
   let m;
-  t[10] !== b ? (m = /* @__PURE__ */ f("div", { "data-element-src": "ActionBar/ActionBar.tsx:43", ...v($.div, kt.separator, b) }), t[10] = b, t[11] = m) : m = t[11];
-  let y;
-  t[12] !== c ? (y = /* @__PURE__ */ f("div", { "data-element-src": "ActionBar/ActionBar.tsx:44", ...v($.div, kt.actions), children: c }), t[12] = c, t[13] = y) : y = t[13];
-  const S = a && kt.closeButtonEmphasized;
+  t[7] !== k || t[8] !== b ? (m = /* @__PURE__ */ f("span", { "data-element-src": "ActionBar/ActionBar.tsx:43", ...v($.span, b), children: k }), t[7] = k, t[8] = b, t[9] = m) : m = t[9];
+  const y = i && kt.separatorEmphasized;
+  let S;
+  t[10] !== y ? (S = /* @__PURE__ */ f("div", { "data-element-src": "ActionBar/ActionBar.tsx:46", ...v($.div, kt.separator, y) }), t[10] = y, t[11] = S) : S = t[11];
   let z;
-  t[14] !== S ? (z = [kt.closeButton, S], t[14] = S, t[15] = z) : z = t[15];
-  let W;
-  t[16] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ f("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ f("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }) }), t[16] = W) : W = t[16];
-  let w;
-  t[17] !== r || t[18] !== z ? (w = /* @__PURE__ */ f("button", { "data-element-src": "ActionBar/ActionBar.tsx:45", type: "button", "aria-label": "Clear selection", onClick: r, ...v($.button, z), children: W }), t[17] = r, t[18] = z, t[19] = w) : w = t[19];
+  t[12] !== a ? (z = /* @__PURE__ */ f("div", { "data-element-src": "ActionBar/ActionBar.tsx:47", ...v($.div, kt.actions), children: a }), t[12] = a, t[13] = z) : z = t[13];
   let M;
-  t[20] !== u || t[21] !== y || t[22] !== w || t[23] !== k || t[24] !== h || t[25] !== m ? (M = /* @__PURE__ */ V("div", { "data-element-src": "ActionBar/ActionBar.tsx:35", role: "toolbar", "aria-label": u, ...v($.div, k), children: [
-    h,
+  t[14] !== s || t[15] !== i || t[16] !== r ? (M = s && /* @__PURE__ */ f("button", { "data-element-src": "ActionBar/ActionBar.tsx:49", type: "button", "aria-label": "Clear selection", onClick: r, ...v($.button, kt.closeButton, i && kt.closeButtonEmphasized), children: /* @__PURE__ */ f("svg", { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ f("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round" }) }) }), t[14] = s, t[15] = i, t[16] = r, t[17] = M) : M = t[17];
+  let w;
+  t[18] !== k || t[19] !== S || t[20] !== z || t[21] !== M || t[22] !== p || t[23] !== m ? (w = /* @__PURE__ */ V("div", { "data-element-src": "ActionBar/ActionBar.tsx:38", role: "toolbar", "aria-label": k, ...v($.div, p), children: [
     m,
-    y,
-    w
-  ] }), t[20] = u, t[21] = y, t[22] = w, t[23] = k, t[24] = h, t[25] = m, t[26] = M) : M = t[26];
-  const C = M;
-  if (i) {
-    let I;
-    return t[27] !== C || t[28] !== i ? (I = Me(C, i), t[27] = C, t[28] = i, t[29] = I) : I = t[29], I;
+    S,
+    z,
+    M
+  ] }), t[18] = k, t[19] = S, t[20] = z, t[21] = M, t[22] = p, t[23] = m, t[24] = w) : w = t[24];
+  const W = w;
+  if (d) {
+    let C;
+    return t[25] !== W || t[26] !== d ? (C = Me(W, d), t[25] = W, t[26] = d, t[27] = C) : C = t[27], C;
   }
-  return C;
+  return W;
 }
 const qi = io, ro = {
   "x-circle": /* @__PURE__ */ V(ot, { children: [
@@ -907,21 +903,21 @@ function Oi(o) {
   const b = h, m = u && $t.rootDisabled;
   let y;
   t[3] !== m ? (y = [$t.root, m], t[3] = m, t[4] = y) : y = t[4];
-  const S = x ? l : void 0, z = x ? void 0 : d, W = s ? void 0 : a;
+  const S = x ? l : void 0, z = x ? void 0 : d, M = s ? void 0 : a;
   let w;
-  t[5] !== u || t[6] !== b || t[7] !== e || t[8] !== S || t[9] !== z || t[10] !== W || t[11] !== n ? (w = /* @__PURE__ */ f("input", { "data-element-src": "Checkbox/Checkbox.tsx:43", type: "checkbox", name: e, value: n, checked: S, defaultChecked: z, disabled: u, "aria-label": W, onChange: b, ...v($.input, $t.input), dir: "auto" }), t[5] = u, t[6] = b, t[7] = e, t[8] = S, t[9] = z, t[10] = W, t[11] = n, t[12] = w) : w = t[12];
-  const M = p ? $t.boxChecked : $t.boxUnchecked;
+  t[5] !== u || t[6] !== b || t[7] !== e || t[8] !== S || t[9] !== z || t[10] !== M || t[11] !== n ? (w = /* @__PURE__ */ f("input", { "data-element-src": "Checkbox/Checkbox.tsx:43", type: "checkbox", name: e, value: n, checked: S, defaultChecked: z, disabled: u, "aria-label": M, onChange: b, ...v($.input, $t.input), dir: "auto" }), t[5] = u, t[6] = b, t[7] = e, t[8] = S, t[9] = z, t[10] = M, t[11] = n, t[12] = w) : w = t[12];
+  const W = p ? $t.boxChecked : $t.boxUnchecked;
   let C;
-  t[13] !== M ? (C = [$t.box, M], t[13] = M, t[14] = C) : C = t[14];
-  const I = p ? 1 : 0;
-  let T;
-  t[15] !== I ? (T = {
-    opacity: I
-  }, t[15] = I, t[16] = T) : T = t[16];
+  t[13] !== W ? (C = [$t.box, W], t[13] = W, t[14] = C) : C = t[14];
+  const A = p ? 1 : 0;
+  let I;
+  t[15] !== A ? (I = {
+    opacity: A
+  }, t[15] = A, t[16] = I) : I = t[16];
   let G;
   t[17] === Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ f("polyline", { points: "2.5 6 5 8.5 9.5 3.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), t[17] = G) : G = t[17];
   let q;
-  t[18] !== T ? (q = /* @__PURE__ */ f("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", style: T, children: G }), t[18] = T, t[19] = q) : q = t[19];
+  t[18] !== I ? (q = /* @__PURE__ */ f("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", style: I, children: G }), t[18] = I, t[19] = q) : q = t[19];
   let B;
   t[20] !== C || t[21] !== q ? (B = /* @__PURE__ */ f("span", { "data-element-src": "Checkbox/Checkbox.tsx:54", ...v($.span, C), "aria-hidden": !0, children: q }), t[20] = C, t[21] = q, t[22] = B) : B = t[22];
   let L;
@@ -1242,7 +1238,7 @@ function yo(o) {
   }, t[9] = u, t[10] = x, t[11] = k, t[12] = g, t[13] = p, t[14] = h, t[15] = b) : b = t[15];
   const m = b;
   let y;
-  t[16] !== l ? (y = /* @__PURE__ */ f("div", { "data-element-src": "Field/Field.tsx:58", ...v($.div, Rt.root), children: l }), t[16] = l, t[17] = y) : y = t[17];
+  t[16] !== l ? (y = /* @__PURE__ */ f("div", { "data-element-src": "Field/Field.tsx:67", ...v($.div, Rt.root), children: l }), t[16] = l, t[17] = y) : y = t[17];
   let S;
   return t[18] !== m || t[19] !== y ? (S = /* @__PURE__ */ f(_t.Provider, { value: m, children: y }), t[18] = m, t[19] = y, t[20] = S) : S = t[20], S;
 }
@@ -1260,7 +1256,7 @@ function vo(o) {
   }, t[0] = l, t[1] = c, t[2] = a, t[3] = i, t[4] = s) : s = t[4];
   const d = s;
   let u;
-  t[5] !== n ? (u = /* @__PURE__ */ f("div", { "data-element-src": "Field/Field.tsx:78", ...v($.div, Rt.root), children: n }), t[5] = n, t[6] = u) : u = t[6];
+  t[5] !== n ? (u = /* @__PURE__ */ f("div", { "data-element-src": "Field/Field.tsx:87", ...v($.div, Rt.root), children: n }), t[5] = n, t[6] = u) : u = t[6];
   let x;
   return t[7] !== d || t[8] !== u ? (x = /* @__PURE__ */ f(_t.Provider, { value: d, children: u }), t[7] = d, t[8] = u, t[9] = x) : x = t[9], x;
 }
@@ -1269,14 +1265,14 @@ function $o(o) {
     children: e
   } = o, l = Tt()?.controlId;
   let r;
-  return t[0] !== e || t[1] !== l ? (r = /* @__PURE__ */ f("label", { "data-element-src": "Field/Field.tsx:91", htmlFor: l, ...v($.label, Rt.label), children: e }), t[0] = e, t[1] = l, t[2] = r) : r = t[2], r;
+  return t[0] !== e || t[1] !== l ? (r = /* @__PURE__ */ f("label", { "data-element-src": "Field/Field.tsx:100", htmlFor: l, ...v($.label, Rt.label), children: e }), t[0] = e, t[1] = l, t[2] = r) : r = t[2], r;
 }
 function So(o) {
   const t = j.c(3), {
     children: e
   } = o, l = Tt()?.descriptionId;
   let r;
-  return t[0] !== e || t[1] !== l ? (r = /* @__PURE__ */ f("span", { "data-element-src": "Field/Field.tsx:105", id: l, ...v($.span, Rt.description), children: e }), t[0] = e, t[1] = l, t[2] = r) : r = t[2], r;
+  return t[0] !== e || t[1] !== l ? (r = /* @__PURE__ */ f("span", { "data-element-src": "Field/Field.tsx:114", id: l, ...v($.span, Rt.description), children: e }), t[0] = e, t[1] = l, t[2] = r) : r = t[2], r;
 }
 function wo(o) {
   const t = j.c(3), {
@@ -1286,7 +1282,7 @@ function wo(o) {
     return null;
   const r = n?.errorId;
   let c;
-  return t[0] !== l || t[1] !== r ? (c = /* @__PURE__ */ f("span", { "data-element-src": "Field/Field.tsx:122", id: r, role: "alert", ...v($.span, Rt.error), children: l }), t[0] = l, t[1] = r, t[2] = c) : c = t[2], c;
+  return t[0] !== l || t[1] !== r ? (c = /* @__PURE__ */ f("span", { "data-element-src": "Field/Field.tsx:131", id: r, role: "alert", ...v($.span, Rt.error), children: l }), t[0] = l, t[1] = r, t[2] = c) : c = t[2], c;
 }
 const Xi = {
   Root: bo,
@@ -1463,20 +1459,20 @@ function Ui(o) {
     onChange: k,
     onBlur: g,
     ref: p
-  } = o, h = e === void 0 ? "default" : e, b = n === void 0 ? "text" : n, m = Tt(), y = Wo(), S = m?.field, z = l ?? S?.name, W = d ?? (S ? String(S.value ?? "") : void 0), w = k ?? S?.onChange, M = g ?? S?.onBlur, C = p ?? S?.ref, I = m?.invalid ? "error" : h;
-  let T;
-  t[0] !== i ? (T = i !== void 0 ? {
+  } = o, h = e === void 0 ? "default" : e, b = n === void 0 ? "text" : n, m = Tt(), y = Wo(), S = m?.field, z = l ?? S?.name, M = d ?? (S ? String(S.value ?? "") : void 0), w = k ?? S?.onChange, W = g ?? S?.onBlur, C = p ?? S?.ref, A = m?.invalid ? "error" : h;
+  let I;
+  t[0] !== i ? (I = i !== void 0 ? {
     pattern: i
-  } : void 0, t[0] = i, t[1] = T) : T = t[1];
-  const G = T, q = m?.controlId;
+  } : void 0, t[0] = i, t[1] = I) : I = t[1];
+  const G = I, q = m?.controlId;
   let B;
   t[2] !== m ? (B = m ? `${m.descriptionId} ${m.invalid ? m.errorId : ""}`.trim() : void 0, t[2] = m, t[3] = B) : B = t[3];
-  const L = m?.invalid || h === "error" || void 0, F = w, nt = M, dt = C, P = Ft[I], et = y?.inGroup && Ft.inGroup;
+  const L = m?.invalid || h === "error" || void 0, F = w, nt = W, dt = C, P = Ft[A], et = y?.inGroup && Ft.inGroup;
   let X;
   t[4] !== P || t[5] !== et ? (X = [Ft.base, P, et], t[4] = P, t[5] = et, t[6] = X) : X = t[6];
   const Y = G;
   let E;
-  return t[7] !== s || t[8] !== u || t[9] !== x || t[10] !== z || t[11] !== W || t[12] !== a || t[13] !== r || t[14] !== c || t[15] !== X || t[16] !== Y || t[17] !== q || t[18] !== B || t[19] !== L || t[20] !== F || t[21] !== nt || t[22] !== dt || t[23] !== b ? (E = /* @__PURE__ */ f("input", { "data-element-src": "Input/Input.tsx:69", id: q, type: b, name: z, placeholder: r, required: c, minLength: a, autoComplete: s, value: W, defaultValue: u, disabled: x, "aria-describedby": B, "aria-invalid": L, onChange: F, onBlur: nt, ref: dt, ...v($.input, X), ...Y, dir: "auto" }), t[7] = s, t[8] = u, t[9] = x, t[10] = z, t[11] = W, t[12] = a, t[13] = r, t[14] = c, t[15] = X, t[16] = Y, t[17] = q, t[18] = B, t[19] = L, t[20] = F, t[21] = nt, t[22] = dt, t[23] = b, t[24] = E) : E = t[24], E;
+  return t[7] !== s || t[8] !== u || t[9] !== x || t[10] !== z || t[11] !== M || t[12] !== a || t[13] !== r || t[14] !== c || t[15] !== X || t[16] !== Y || t[17] !== q || t[18] !== B || t[19] !== L || t[20] !== F || t[21] !== nt || t[22] !== dt || t[23] !== b ? (E = /* @__PURE__ */ f("input", { "data-element-src": "Input/Input.tsx:69", id: q, type: b, name: z, placeholder: r, required: c, minLength: a, autoComplete: s, value: M, defaultValue: u, disabled: x, "aria-describedby": B, "aria-invalid": L, onChange: F, onBlur: nt, ref: dt, ...v($.input, X), ...Y, dir: "auto" }), t[7] = s, t[8] = u, t[9] = x, t[10] = z, t[11] = M, t[12] = a, t[13] = r, t[14] = c, t[15] = X, t[16] = Y, t[17] = q, t[18] = B, t[19] = L, t[20] = F, t[21] = nt, t[22] = dt, t[23] = b, t[24] = E) : E = t[24], E;
 }
 const wt = {
   wrapper: {
@@ -1751,63 +1747,63 @@ function Ao() {
   const g = k;
   let p;
   o[3] === Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    e((M) => (M ? (l(null), x.current = !1) : x.current = !0, !M));
+    e((W) => (W ? (l(null), x.current = !1) : x.current = !0, !W));
   }, o[3] = p) : p = o[3];
   const h = p;
   let b, m;
   o[4] !== t ? (b = () => {
     if (t && x.current) {
       x.current = !1;
-      const M = u.current;
-      M.length > 0 && l(M[0]);
+      const W = u.current;
+      W.length > 0 && l(W[0]);
     }
   }, m = [t], o[4] = t, o[5] = b, o[6] = m) : (b = o[5], m = o[6]), O(b, m);
   let y;
-  o[7] === Symbol.for("react.memo_cache_sentinel") ? (y = (M, C) => {
-    s.current.set(M, C);
-    const I = s.current, T = [...I.keys()];
-    return T.sort((G, q) => {
-      const B = I.get(G), L = I.get(q);
+  o[7] === Symbol.for("react.memo_cache_sentinel") ? (y = (W, C) => {
+    s.current.set(W, C);
+    const A = s.current, I = [...A.keys()];
+    return I.sort((G, q) => {
+      const B = A.get(G), L = A.get(q);
       return !B || !L ? 0 : B.compareDocumentPosition(L) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-    }), u.current = T, () => {
-      s.current.delete(M), u.current = u.current.filter((G) => G !== M);
+    }), u.current = I, () => {
+      s.current.delete(W), u.current = u.current.filter((G) => G !== W);
     };
   }, o[7] = y) : y = o[7];
   const S = y;
-  let z, W;
+  let z, M;
   o[8] !== t ? (z = () => {
-    const M = c.current;
-    if (!M || !t)
+    const W = c.current;
+    if (!W || !t)
       return;
-    const C = function(T) {
+    const C = function(I) {
       const G = u.current;
       if (G.length !== 0)
-        t: switch (T.key) {
+        t: switch (I.key) {
           case "ArrowDown": {
-            T.preventDefault(), l((q) => {
+            I.preventDefault(), l((q) => {
               const B = q ? G.indexOf(q) : -1;
               return G[(B + 1) % G.length];
             });
             break t;
           }
           case "ArrowUp": {
-            T.preventDefault(), l((q) => {
+            I.preventDefault(), l((q) => {
               const B = q ? G.indexOf(q) : 0;
               return G[(B - 1 + G.length) % G.length];
             });
             break t;
           }
           case "Home": {
-            T.preventDefault(), l(G[0]);
+            I.preventDefault(), l(G[0]);
             break t;
           }
           case "End": {
-            T.preventDefault(), l(G[G.length - 1]);
+            I.preventDefault(), l(G[G.length - 1]);
             break t;
           }
           case "Enter":
           case " ": {
-            T.preventDefault();
+            I.preventDefault();
             const q = s.current;
             l((B) => (B && q.get(B)?.click(), B));
             break t;
@@ -1817,8 +1813,8 @@ function Ao() {
             g();
         }
     };
-    return M.addEventListener("keydown", C), () => M.removeEventListener("keydown", C);
-  }, W = [t, g], o[8] = t, o[9] = z, o[10] = W) : (z = o[9], W = o[10]), O(z, W);
+    return W.addEventListener("keydown", C), () => W.removeEventListener("keydown", C);
+  }, M = [t, g], o[8] = t, o[9] = z, o[10] = M) : (z = o[9], M = o[10]), O(z, M);
   let w;
   return o[11] !== n || o[12] !== r || o[13] !== t ? (w = {
     ctx: {
@@ -2058,21 +2054,21 @@ function Ho() {
     const C = t.current;
     if (!C)
       return;
-    const I = new ResizeObserver(() => {
+    const A = new ResizeObserver(() => {
       i(C.scrollHeight), d(C.scrollWidth), x(C.clientHeight), g(C.clientWidth);
     });
-    return I.observe(C), i(C.scrollHeight), d(C.scrollWidth), x(C.clientHeight), g(C.clientWidth), () => I.disconnect();
+    return A.observe(C), i(C.scrollHeight), d(C.scrollWidth), x(C.clientHeight), g(C.clientWidth), () => A.disconnect();
   }, z = [], o[1] = S, o[2] = z) : (S = o[1], z = o[2]), O(S, z);
-  let W, w;
-  o[3] === Symbol.for("react.memo_cache_sentinel") ? (W = () => {
+  let M, w;
+  o[3] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
     const C = t.current;
     if (C)
       return C.addEventListener("scroll", y, {
         passive: !0
       }), () => C.removeEventListener("scroll", y);
-  }, w = [y], o[3] = W, o[4] = w) : (W = o[3], w = o[4]), O(W, w);
-  let M;
-  return o[5] !== u || o[6] !== k || o[7] !== a || o[8] !== r || o[9] !== n || o[10] !== s || o[11] !== p ? (M = {
+  }, w = [y], o[3] = M, o[4] = w) : (M = o[3], w = o[4]), O(M, w);
+  let W;
+  return o[5] !== u || o[6] !== k || o[7] !== a || o[8] !== r || o[9] !== n || o[10] !== s || o[11] !== p ? (W = {
     viewportRef: t,
     contentRef: e,
     scrollTop: n,
@@ -2082,7 +2078,7 @@ function Ho() {
     clientHeight: u,
     clientWidth: k,
     scrolling: p
-  }, o[5] = u, o[6] = k, o[7] = a, o[8] = r, o[9] = n, o[10] = s, o[11] = p, o[12] = M) : M = o[12], M;
+  }, o[5] = u, o[6] = k, o[7] = a, o[8] = r, o[9] = n, o[10] = s, o[11] = p, o[12] = W) : W = o[12], W;
 }
 function Vo(o) {
   const t = j.c(5), {
@@ -2149,12 +2145,12 @@ function No(o) {
   } = Lt(), u = H(!1), x = H(0), k = H(0), g = n === "vertical", p = Math.max(g ? s / a * 100 : d / i * 100, 10), h = g ? a - s : i - d, b = g ? s : d, m = p / 100 * b, y = g ? r : c, S = h > 0 ? y / h * (b - m) : 0;
   let z;
   t[0] !== g || t[1] !== S || t[2] !== p ? (z = g ? rt.thumbVertical(`${p}%`, `translateY(${S}px)`) : rt.thumbHorizontal(`${p}%`, `translateX(${S}px)`), t[0] = g, t[1] = S, t[2] = p, t[3] = z) : z = t[3];
-  const W = z;
+  const M = z;
   let w;
   t[4] !== g || t[5] !== l ? (w = (L) => {
     L.preventDefault(), u.current = !0, x.current = g ? L.clientY : L.clientX, k.current = g ? l.current?.scrollTop ?? 0 : l.current?.scrollLeft ?? 0, L.target.setPointerCapture(L.pointerId);
   }, t[4] = g, t[5] = l, t[6] = w) : w = t[6];
-  const M = w;
+  const W = w;
   let C;
   t[7] !== g || t[8] !== h || t[9] !== m || t[10] !== b || t[11] !== l ? (C = (L) => {
     if (!u.current)
@@ -2165,16 +2161,16 @@ function No(o) {
     const nt = (g ? L.clientY : L.clientX) - x.current, dt = h / (b - m), P = nt * dt;
     g ? F.scrollTop = k.current + P : F.scrollLeft = k.current + P;
   }, t[7] = g, t[8] = h, t[9] = m, t[10] = b, t[11] = l, t[12] = C) : C = t[12];
-  const I = C;
-  let T;
-  t[13] === Symbol.for("react.memo_cache_sentinel") ? (T = () => {
+  const A = C;
+  let I;
+  t[13] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
     u.current = !1;
-  }, t[13] = T) : T = t[13];
-  const G = T;
+  }, t[13] = I) : I = t[13];
+  const G = I;
   let q;
-  t[14] !== W ? (q = [rt.thumb, W], t[14] = W, t[15] = q) : q = t[15];
+  t[14] !== M ? (q = [rt.thumb, M], t[14] = M, t[15] = q) : q = t[15];
   let B;
-  return t[16] !== M || t[17] !== I || t[18] !== q ? (B = /* @__PURE__ */ f("div", { "data-element-src": "ScrollArea/ScrollArea.tsx:155", onPointerDown: M, onPointerMove: I, onPointerUp: G, ...v($.div, q) }), t[16] = M, t[17] = I, t[18] = q, t[19] = B) : B = t[19], B;
+  return t[16] !== W || t[17] !== A || t[18] !== q ? (B = /* @__PURE__ */ f("div", { "data-element-src": "ScrollArea/ScrollArea.tsx:155", onPointerDown: W, onPointerMove: A, onPointerUp: G, ...v($.div, q) }), t[16] = W, t[17] = A, t[18] = q, t[19] = B) : B = t[19], B;
 }
 const Zi = {
   Root: Vo,
@@ -2313,13 +2309,13 @@ function Fo(o) {
   let S;
   t[3] === Symbol.for("react.memo_cache_sentinel") ? (S = [], t[3] = S) : S = t[3];
   const z = H(S);
-  let W;
-  t[4] === Symbol.for("react.memo_cache_sentinel") ? (W = () => {
-    s(!1), g(null), b.current?.focus();
-  }, t[4] = W) : W = t[4];
-  const w = W;
   let M;
-  t[5] !== c ? (M = () => {
+  t[4] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+    s(!1), g(null), b.current?.focus();
+  }, t[4] = M) : M = t[4];
+  const w = M;
+  let W;
+  t[5] !== c ? (W = () => {
     s((P) => {
       if (P)
         g(null);
@@ -2337,16 +2333,16 @@ function Fo(o) {
       }
       return !P;
     });
-  }, t[5] = c, t[6] = M) : M = t[6];
-  const C = M;
-  let I;
-  t[7] === Symbol.for("react.memo_cache_sentinel") ? (I = (P, et) => {
+  }, t[5] = c, t[6] = W) : W = t[6];
+  const C = W;
+  let A;
+  t[7] === Symbol.for("react.memo_cache_sentinel") ? (A = (P, et) => {
     x((X) => X[P] === et ? X : {
       ...X,
       [P]: et
     });
-  }, t[7] = I) : I = t[7];
-  const T = I;
+  }, t[7] = A) : A = t[7];
+  const I = A;
   let G;
   t[8] === Symbol.for("react.memo_cache_sentinel") ? (G = (P, et, X) => {
     y.current.set(P, {
@@ -2419,7 +2415,7 @@ function Fo(o) {
     value: c,
     setValue: a,
     labels: u,
-    registerLabel: T,
+    registerLabel: I,
     listboxId: p,
     highlightedId: k,
     setHighlightedId: g,
@@ -2537,17 +2533,17 @@ function Ko(o) {
   } = Ht(), u = ft(), x = H(null), k = l === e, g = i === u;
   let p, h;
   t[0] !== e || t[1] !== a ? (p = () => {
-    const I = x.current;
-    if (!I)
+    const A = x.current;
+    if (!A)
       return;
-    const T = I.textContent;
-    T && a(e, T);
+    const I = A.textContent;
+    I && a(e, I);
   }, h = [e, a], t[0] = e, t[1] = a, t[2] = p, t[3] = h) : (p = t[2], h = t[3]), O(p, h);
   let b, m;
   t[4] !== u || t[5] !== e || t[6] !== d ? (b = () => {
-    const I = x.current;
-    if (I)
-      return d(u, e, I);
+    const A = x.current;
+    if (A)
+      return d(u, e, A);
   }, m = [u, e, d], t[4] = u, t[5] = e, t[6] = d, t[7] = b, t[8] = m) : (b = t[7], m = t[8]), O(b, m);
   let y;
   t[9] !== c || t[10] !== e || t[11] !== r ? (y = () => {
@@ -2556,11 +2552,11 @@ function Ko(o) {
   const S = y;
   let z;
   t[13] !== u || t[14] !== s ? (z = () => s(u), t[13] = u, t[14] = s, t[15] = z) : z = t[15];
-  const W = k && at.itemSelected, w = g && at.itemHighlighted;
-  let M;
-  t[16] !== W || t[17] !== w ? (M = [at.item, W, w], t[16] = W, t[17] = w, t[18] = M) : M = t[18];
+  const M = k && at.itemSelected, w = g && at.itemHighlighted;
+  let W;
+  t[16] !== M || t[17] !== w ? (W = [at.item, M, w], t[16] = M, t[17] = w, t[18] = W) : W = t[18];
   let C;
-  return t[19] !== n || t[20] !== S || t[21] !== u || t[22] !== k || t[23] !== z || t[24] !== M ? (C = /* @__PURE__ */ f("div", { "data-element-src": "Select/Select.tsx:159", ref: x, id: u, role: "option", "aria-selected": k, onClick: S, onPointerEnter: z, ...v($.div, M), children: n }), t[19] = n, t[20] = S, t[21] = u, t[22] = k, t[23] = z, t[24] = M, t[25] = C) : C = t[25], C;
+  return t[19] !== n || t[20] !== S || t[21] !== u || t[22] !== k || t[23] !== z || t[24] !== W ? (C = /* @__PURE__ */ f("div", { "data-element-src": "Select/Select.tsx:159", ref: x, id: u, role: "option", "aria-selected": k, onClick: S, onPointerEnter: z, ...v($.div, W), children: n }), t[19] = n, t[20] = S, t[21] = u, t[22] = k, t[23] = z, t[24] = W, t[25] = C) : C = t[25], C;
 }
 function Qo(o) {
   const t = j.c(2), {
@@ -2683,15 +2679,15 @@ function Zo(o) {
   const k = H(x);
   let g;
   t[4] === Symbol.for("react.memo_cache_sentinel") ? (g = (w) => {
-    u((M) => {
-      const C = new Set(M);
+    u((W) => {
+      const C = new Set(W);
       return C.has(w) ? C.delete(w) : C.add(w), C;
     });
   }, t[4] = g) : g = t[4];
   const p = g;
   let h;
   t[5] === Symbol.for("react.memo_cache_sentinel") ? (h = (w) => (k.current.includes(w) || k.current.push(w), () => {
-    k.current = k.current.filter((M) => M !== w);
+    k.current = k.current.filter((W) => W !== w);
   }), t[5] = h) : h = t[5];
   const b = h;
   let m, y;
@@ -2709,8 +2705,8 @@ function Zo(o) {
   }, t[9] = a, t[10] = d, t[11] = i, t[12] = S) : S = t[12];
   let z;
   t[13] !== e ? (z = /* @__PURE__ */ f("nav", { "data-element-src": "SideNav/SideNav.tsx:64", role: "navigation", ...v($.nav, bt.root), children: e }), t[13] = e, t[14] = z) : z = t[14];
-  let W;
-  return t[15] !== S || t[16] !== z ? (W = /* @__PURE__ */ f(me.Provider, { value: S, children: z }), t[15] = S, t[16] = z, t[17] = W) : W = t[17], W;
+  let M;
+  return t[15] !== S || t[16] !== z ? (M = /* @__PURE__ */ f(me.Provider, { value: S, children: z }), t[15] = S, t[16] = z, t[17] = M) : M = t[17], M;
 }
 function ts(o) {
   return o;
@@ -2932,12 +2928,12 @@ function ve(o) {
         } else if (e)
           a == null && (a = {}), a = Object.assign({}, g, a);
         else {
-          var W = null;
+          var M = null;
           for (var w in g) {
-            var M = g[w];
-            M !== void 0 && (r.includes(w) || (M != null && (a == null && (a = {}), W == null && (W = {}), W[w] = M), r.push(w), s = null));
+            var W = g[w];
+            W !== void 0 && (r.includes(w) || (W != null && (a == null && (a = {}), M == null && (M = {}), M[w] = W), r.push(w), s = null));
           }
-          W != null && (a = Object.assign(W, a));
+          M != null && (a = Object.assign(M, a));
         }
       }
     }
@@ -2967,7 +2963,7 @@ function xs(o) {
     rs(t) || (ns(`invalid prop "${t}"`), delete o[t]);
   });
 }
-function R(o, t) {
+function T(o, t) {
   const e = {
     $$css: !0,
     "debug::name": `html-${o}`
@@ -3059,7 +3055,7 @@ const D = {
     "resize-kHenm0": "resize-x288g5",
     $$css: ".pnpm:web/index.js:276"
   }
-}, ks = D.inline, gs = D.block, ps = D.block, fs = D.inline, hs = D.inline, ms = D.inline, bs = D.block, ys = null, vs = [D.inlineblock, D.button], $s = [D.inline, D.codePre], Ss = null, ws = D.block, Cs = D.inline, zs = D.block, Ms = D.block, Ws = D.block, St = [D.block, D.heading], js = D.block, Is = [D.block, D.hr], Ts = D.inline, Rs = D.img, As = [D.inlineblock, D.input], Bs = null, Ds = null, Gs = D.inline, qs = D.block, Ls = D.block, Hs = D.inline, Vs = D.block, Es = [D.list, D.block], Ps = null, Os = null, Ns = D.block, Fs = [D.block, D.codePre], Xs = null, Ys = D.block, _s = D.inlineblock, Us = D.inline, Js = [D.inline, D.strong], Ks = D.inline, Qs = D.inline, Zs = [D.inlineblock, D.textarea], tn = null, en = [D.list, D.block], A = {
+}, ks = D.inline, gs = D.block, ps = D.block, fs = D.inline, hs = D.inline, ms = D.inline, bs = D.block, ys = null, vs = [D.inlineblock, D.button], $s = [D.inline, D.codePre], Ss = null, ws = D.block, Cs = D.inline, zs = D.block, Ms = D.block, Ws = D.block, St = [D.block, D.heading], js = D.block, Is = [D.block, D.hr], Ts = D.inline, Rs = D.img, As = [D.inlineblock, D.input], Bs = null, Ds = null, Gs = D.inline, qs = D.block, Ls = D.block, Hs = D.inline, Vs = D.block, Es = [D.list, D.block], Ps = null, Os = null, Ns = D.block, Fs = [D.block, D.codePre], Xs = null, Ys = D.block, _s = D.inlineblock, Us = D.inline, Js = [D.inline, D.strong], Ks = D.inline, Qs = D.inline, Zs = [D.inlineblock, D.textarea], tn = null, en = [D.list, D.block], R = {
   a: ks,
   article: gs,
   aside: ps,
@@ -3109,7 +3105,7 @@ const D = {
   textarea: Zs,
   u: tn,
   ul: en
-}, on = R("a", A.a), sn = R("article", A.article), nn = R("aside", A.aside), rn = R("b", A.b), ln = R("bdi", A.bdi), cn = R("bdo", A.bdo), an = R("blockquote", A.blockquote), dn = R("br", A.br), un = R("button", A.button), xn = R("code", A.code), kn = R("del", A.del), gn = R("div", A.div), pn = R("em", A.em), fn = R("fieldset", A.fieldset), hn = R("footer", A.footer), mn = R("form", A.form), bn = R("h1", A.h1), yn = R("h2", A.h2), vn = R("h3", A.h3), $n = R("h4", A.h4), Sn = R("h5", A.h5), wn = R("h6", A.h6), Cn = R("header", A.header), zn = R("hr", A.hr), Mn = R("i", A.i), Wn = R("img", A.img), jn = R("input", A.input), In = R("ins", A.ins), Tn = R("kbd", A.kbd), Rn = R("label", A.label), An = R("li", A.li), Bn = R("main", A.main), Dn = R("mark", A.mark), Gn = R("nav", A.nav), qn = R("ol", A.ol), Ln = R("optgroup", A.optgroup), Hn = R("option", A.option), Vn = R("p", A.p), En = R("pre", A.pre), Pn = R("s", A.s), On = R("section", A.section), Nn = R("select", A.select), Fn = R("span", A.span), Xn = R("strong", A.strong), Yn = R("sub", A.sub), _n = R("sup", A.sup), Un = R("textarea", A.textarea), Jn = R("u", A.u), Kn = R("ul", A.ul);
+}, on = T("a", R.a), sn = T("article", R.article), nn = T("aside", R.aside), rn = T("b", R.b), ln = T("bdi", R.bdi), cn = T("bdo", R.bdo), an = T("blockquote", R.blockquote), dn = T("br", R.br), un = T("button", R.button), xn = T("code", R.code), kn = T("del", R.del), gn = T("div", R.div), pn = T("em", R.em), fn = T("fieldset", R.fieldset), hn = T("footer", R.footer), mn = T("form", R.form), bn = T("h1", R.h1), yn = T("h2", R.h2), vn = T("h3", R.h3), $n = T("h4", R.h4), Sn = T("h5", R.h5), wn = T("h6", R.h6), Cn = T("header", R.header), zn = T("hr", R.hr), Mn = T("i", R.i), Wn = T("img", R.img), jn = T("input", R.input), In = T("ins", R.ins), Tn = T("kbd", R.kbd), Rn = T("label", R.label), An = T("li", R.li), Bn = T("main", R.main), Dn = T("mark", R.mark), Gn = T("nav", R.nav), qn = T("ol", R.ol), Ln = T("optgroup", R.optgroup), Hn = T("option", R.option), Vn = T("p", R.p), En = T("pre", R.pre), Pn = T("s", R.s), On = T("section", R.section), Nn = T("select", R.select), Fn = T("span", R.span), Xn = T("strong", R.strong), Yn = T("sub", R.sub), _n = T("sup", R.sup), Un = T("textarea", R.textarea), Jn = T("u", R.u), Kn = T("ul", R.ul);
 var Qn = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   a: on,
@@ -3598,10 +3594,10 @@ function ai(o) {
     r || a(e);
   }, t[5] = r, t[6] = a, t[7] = e, t[8] = p) : p = t[8];
   const h = p, b = r || void 0, m = d ? 0 : -1, y = i === "vertical" && ct.tabVertical, S = d && (i === "vertical" ? ct.tabActiveVertical : ct.tabActiveHorizontal), z = r && ct.tabDisabled;
-  let W;
-  t[9] !== y || t[10] !== S || t[11] !== z ? (W = [ct.tab, y, S, z], t[9] = y, t[10] = S, t[11] = z, t[12] = W) : W = t[12];
+  let M;
+  t[9] !== y || t[10] !== S || t[11] !== z ? (M = [ct.tab, y, S, z], t[9] = y, t[10] = S, t[11] = z, t[12] = M) : M = t[12];
   let w;
-  return t[13] !== l || t[14] !== h || t[15] !== d || t[16] !== x || t[17] !== W || t[18] !== b || t[19] !== m || t[20] !== u || t[21] !== e ? (w = /* @__PURE__ */ f("button", { "data-element-src": "Tabs/Tabs.tsx:160", type: "button", role: "tab", id: u, "aria-selected": d, "aria-controls": x, "aria-disabled": b, "data-tab-value": e, tabIndex: m, onClick: h, ...v($.button, W), children: l }), t[13] = l, t[14] = h, t[15] = d, t[16] = x, t[17] = W, t[18] = b, t[19] = m, t[20] = u, t[21] = e, t[22] = w) : w = t[22], w;
+  return t[13] !== l || t[14] !== h || t[15] !== d || t[16] !== x || t[17] !== M || t[18] !== b || t[19] !== m || t[20] !== u || t[21] !== e ? (w = /* @__PURE__ */ f("button", { "data-element-src": "Tabs/Tabs.tsx:160", type: "button", role: "tab", id: u, "aria-selected": d, "aria-controls": x, "aria-disabled": b, "data-tab-value": e, tabIndex: m, onClick: h, ...v($.button, M), children: l }), t[13] = l, t[14] = h, t[15] = d, t[16] = x, t[17] = M, t[18] = b, t[19] = m, t[20] = u, t[21] = e, t[22] = w) : w = t[22], w;
 }
 function di(o) {
   const t = j.c(5), {
@@ -3671,14 +3667,14 @@ function rr(o) {
     onChange: d,
     onBlur: u,
     ref: x
-  } = o, k = e === void 0 ? "default" : e, g = c === void 0 ? 3 : c, p = Tt(), h = p?.field, b = n ?? h?.name, m = a ?? (h ? String(h.value ?? "") : void 0), y = d ?? h?.onChange, S = u ?? h?.onBlur, z = x ?? h?.ref, W = p?.invalid ? "error" : k, w = p?.controlId;
-  let M;
-  t[0] !== p ? (M = p ? `${p.descriptionId} ${p.invalid ? p.errorId : ""}`.trim() : void 0, t[0] = p, t[1] = M) : M = t[1];
-  const C = p?.invalid || k === "error" || void 0, I = y, T = S, G = z, q = ie[W];
+  } = o, k = e === void 0 ? "default" : e, g = c === void 0 ? 3 : c, p = Tt(), h = p?.field, b = n ?? h?.name, m = a ?? (h ? String(h.value ?? "") : void 0), y = d ?? h?.onChange, S = u ?? h?.onBlur, z = x ?? h?.ref, M = p?.invalid ? "error" : k, w = p?.controlId;
+  let W;
+  t[0] !== p ? (W = p ? `${p.descriptionId} ${p.invalid ? p.errorId : ""}`.trim() : void 0, t[0] = p, t[1] = W) : W = t[1];
+  const C = p?.invalid || k === "error" || void 0, A = y, I = S, G = z, q = ie[M];
   let B;
   t[2] !== q ? (B = [ie.base, q], t[2] = q, t[3] = B) : B = t[3];
   let L;
-  return t[4] !== i || t[5] !== s || t[6] !== b || t[7] !== m || t[8] !== l || t[9] !== r || t[10] !== g || t[11] !== B || t[12] !== w || t[13] !== M || t[14] !== C || t[15] !== I || t[16] !== T || t[17] !== G ? (L = /* @__PURE__ */ f("textarea", { "data-element-src": "Textarea/Textarea.tsx:47", id: w, name: b, placeholder: l, required: r, rows: g, value: m, defaultValue: i, disabled: s, "aria-describedby": M, "aria-invalid": C, onChange: I, onBlur: T, ref: G, ...v($.textarea, B), dir: "auto" }), t[4] = i, t[5] = s, t[6] = b, t[7] = m, t[8] = l, t[9] = r, t[10] = g, t[11] = B, t[12] = w, t[13] = M, t[14] = C, t[15] = I, t[16] = T, t[17] = G, t[18] = L) : L = t[18], L;
+  return t[4] !== i || t[5] !== s || t[6] !== b || t[7] !== m || t[8] !== l || t[9] !== r || t[10] !== g || t[11] !== B || t[12] !== w || t[13] !== W || t[14] !== C || t[15] !== A || t[16] !== I || t[17] !== G ? (L = /* @__PURE__ */ f("textarea", { "data-element-src": "Textarea/Textarea.tsx:47", id: w, name: b, placeholder: l, required: r, rows: g, value: m, defaultValue: i, disabled: s, "aria-describedby": W, "aria-invalid": C, onChange: A, onBlur: I, ref: G, ...v($.textarea, B), dir: "auto" }), t[4] = i, t[5] = s, t[6] = b, t[7] = m, t[8] = l, t[9] = r, t[10] = g, t[11] = B, t[12] = w, t[13] = W, t[14] = C, t[15] = A, t[16] = I, t[17] = G, t[18] = L) : L = t[18], L;
 }
 const pt = {
   default: {
@@ -3853,15 +3849,15 @@ function cr(o) {
   let g;
   t[0] !== k || t[1] !== r ? (g = k && r !== void 0 ? k.value.includes(r) : void 0, t[0] = k, t[1] = r, t[2] = g) : g = t[2];
   const p = g, h = k !== null, b = u || (k?.disabled ?? !1), m = k?.size ?? x, [y, S] = Wt(e, d, l), z = p ?? y;
-  let W;
-  t[3] !== b || t[4] !== k || t[5] !== h || t[6] !== z || t[7] !== S || t[8] !== r ? (W = () => {
+  let M;
+  t[3] !== b || t[4] !== k || t[5] !== h || t[6] !== z || t[7] !== S || t[8] !== r ? (M = () => {
     b || (h && r !== void 0 ? k.toggle(r) : S(!z));
-  }, t[3] = b, t[4] = k, t[5] = h, t[6] = z, t[7] = S, t[8] = r, t[9] = W) : W = t[9];
-  const w = W, M = z ? "" : void 0, C = gi[m], I = z ? yt.pressed : yt.unpressed, T = h && yt.grouped, G = b && yt.disabled;
+  }, t[3] = b, t[4] = k, t[5] = h, t[6] = z, t[7] = S, t[8] = r, t[9] = M) : M = t[9];
+  const w = M, W = z ? "" : void 0, C = gi[m], A = z ? yt.pressed : yt.unpressed, I = h && yt.grouped, G = b && yt.disabled;
   let q;
-  t[10] !== G || t[11] !== C || t[12] !== I || t[13] !== T ? (q = [yt.base, C, I, T, G], t[10] = G, t[11] = C, t[12] = I, t[13] = T, t[14] = q) : q = t[14];
+  t[10] !== G || t[11] !== C || t[12] !== A || t[13] !== I ? (q = [yt.base, C, A, I, G], t[10] = G, t[11] = C, t[12] = A, t[13] = I, t[14] = q) : q = t[14];
   let B;
-  return t[15] !== i || t[16] !== s || t[17] !== b || t[18] !== w || t[19] !== z || t[20] !== q || t[21] !== M ? (B = /* @__PURE__ */ f("button", { "data-element-src": "Toggle/Toggle.tsx:67", type: "button", "aria-pressed": z, "aria-label": i, disabled: b, onClick: w, "data-pressed": M, ...v($.button, q), children: s }), t[15] = i, t[16] = s, t[17] = b, t[18] = w, t[19] = z, t[20] = q, t[21] = M, t[22] = B) : B = t[22], B;
+  return t[15] !== i || t[16] !== s || t[17] !== b || t[18] !== w || t[19] !== z || t[20] !== q || t[21] !== W ? (B = /* @__PURE__ */ f("button", { "data-element-src": "Toggle/Toggle.tsx:67", type: "button", "aria-pressed": z, "aria-label": i, disabled: b, onClick: w, "data-pressed": W, ...v($.button, q), children: s }), t[15] = i, t[16] = s, t[17] = b, t[18] = w, t[19] = z, t[20] = q, t[21] = W, t[22] = B) : B = t[22], B;
 }
 const re = {
   root: {
@@ -3894,9 +3890,9 @@ function ar(o) {
   const u = d, x = r === void 0 ? !1 : r, k = c === void 0 ? !1 : c, g = a === void 0 ? "horizontal" : a, p = i === void 0 ? "default" : i, [h, b] = Wt(e, u, l);
   let m;
   t[2] !== x || t[3] !== b || t[4] !== h ? (m = (C) => {
-    const I = !h.includes(C);
-    let T;
-    x ? T = I ? [...h, C] : h.filter((G) => G !== C) : T = I ? [C] : [], b(T);
+    const A = !h.includes(C);
+    let I;
+    x ? I = A ? [...h, C] : h.filter((G) => G !== C) : I = A ? [C] : [], b(I);
   }, t[2] = x, t[3] = b, t[4] = h, t[5] = m) : m = t[5];
   const y = m;
   let S;
@@ -3908,12 +3904,12 @@ function ar(o) {
     size: p
   }, t[6] = k, t[7] = g, t[8] = p, t[9] = y, t[10] = h, t[11] = S) : S = t[11];
   const z = g === "vertical" && re.vertical;
-  let W;
-  t[12] !== z ? (W = [re.root, z], t[12] = z, t[13] = W) : W = t[13];
-  let w;
-  t[14] !== s || t[15] !== g || t[16] !== W ? (w = /* @__PURE__ */ f("div", { "data-element-src": "ToggleGroup/ToggleGroup.tsx:54", role: "toolbar", "aria-orientation": g, ...v($.div, W), children: s }), t[14] = s, t[15] = g, t[16] = W, t[17] = w) : w = t[17];
   let M;
-  return t[18] !== w || t[19] !== S ? (M = /* @__PURE__ */ f(Ce.Provider, { value: S, children: w }), t[18] = w, t[19] = S, t[20] = M) : M = t[20], M;
+  t[12] !== z ? (M = [re.root, z], t[12] = z, t[13] = M) : M = t[13];
+  let w;
+  t[14] !== s || t[15] !== g || t[16] !== M ? (w = /* @__PURE__ */ f("div", { "data-element-src": "ToggleGroup/ToggleGroup.tsx:54", role: "toolbar", "aria-orientation": g, ...v($.div, M), children: s }), t[14] = s, t[15] = g, t[16] = M, t[17] = w) : w = t[17];
+  let W;
+  return t[18] !== w || t[19] !== S ? (W = /* @__PURE__ */ f(Ce.Provider, { value: S, children: w }), t[18] = w, t[19] = S, t[20] = W) : W = t[20], W;
 }
 const Xt = {
   root: {
@@ -4119,22 +4115,22 @@ function ur(o) {
   }, t[6] = l, t[7] = S) : S = t[7];
   let z;
   t[8] !== u || t[9] !== d || t[10] !== c || t[11] !== m || t[12] !== y || t[13] !== S || t[14] !== a ? (z = /* @__PURE__ */ f("input", { "data-element-src": "Switch/Switch.tsx:50", ref: k, type: "checkbox", role: "switch", name: c, value: a, checked: m, defaultChecked: y, disabled: d, "aria-checked": u, onChange: S, ...v($.input, mt.input), dir: "auto" }), t[8] = u, t[9] = d, t[10] = c, t[11] = m, t[12] = y, t[13] = S, t[14] = a, t[15] = z) : z = t[15];
-  const W = u ? mt.trackChecked : mt.trackUnchecked;
+  const M = u ? mt.trackChecked : mt.trackUnchecked;
   let w;
-  t[16] !== W ? (w = [mt.track, W], t[16] = W, t[17] = w) : w = t[17];
-  const M = u && mt.thumbChecked;
+  t[16] !== M ? (w = [mt.track, M], t[16] = M, t[17] = w) : w = t[17];
+  const W = u && mt.thumbChecked;
   let C;
-  t[18] !== M ? (C = /* @__PURE__ */ f("span", { "data-element-src": "Switch/Switch.tsx:73", ...v($.span, mt.thumb, M) }), t[18] = M, t[19] = C) : C = t[19];
+  t[18] !== W ? (C = /* @__PURE__ */ f("span", { "data-element-src": "Switch/Switch.tsx:73", ...v($.span, mt.thumb, W) }), t[18] = W, t[19] = C) : C = t[19];
+  let A;
+  t[20] !== d || t[21] !== p || t[22] !== w || t[23] !== C ? (A = /* @__PURE__ */ f("button", { "data-element-src": "Switch/Switch.tsx:65", type: "button", tabIndex: -1, "aria-hidden": !0, disabled: d, onClick: p, ...v($.button, w), children: C }), t[20] = d, t[21] = p, t[22] = w, t[23] = C, t[24] = A) : A = t[24];
   let I;
-  t[20] !== d || t[21] !== p || t[22] !== w || t[23] !== C ? (I = /* @__PURE__ */ f("button", { "data-element-src": "Switch/Switch.tsx:65", type: "button", tabIndex: -1, "aria-hidden": !0, disabled: d, onClick: p, ...v($.button, w), children: C }), t[20] = d, t[21] = p, t[22] = w, t[23] = C, t[24] = I) : I = t[24];
-  let T;
-  t[25] !== i ? (T = i && /* @__PURE__ */ f("span", { "data-element-src": "Switch/Switch.tsx:75", ...v($.span), children: i }), t[25] = i, t[26] = T) : T = t[26];
+  t[25] !== i ? (I = i && /* @__PURE__ */ f("span", { "data-element-src": "Switch/Switch.tsx:75", ...v($.span), children: i }), t[25] = i, t[26] = I) : I = t[26];
   let G;
-  return t[27] !== I || t[28] !== T || t[29] !== b || t[30] !== z ? (G = /* @__PURE__ */ V("label", { "data-element-src": "Switch/Switch.tsx:49", ...v($.label, b), children: [
+  return t[27] !== A || t[28] !== I || t[29] !== b || t[30] !== z ? (G = /* @__PURE__ */ V("label", { "data-element-src": "Switch/Switch.tsx:49", ...v($.label, b), children: [
     z,
-    I,
-    T
-  ] }), t[27] = I, t[28] = T, t[29] = b, t[30] = z, t[31] = G) : G = t[31], G;
+    A,
+    I
+  ] }), t[27] = A, t[28] = I, t[29] = b, t[30] = z, t[31] = G) : G = t[31], G;
 }
 const st = {
   base: {