@donkit-ai/design-system 1.4.0 → 1.4.1

package/dist/index.es.js

@@ -153,7 +153,7 @@ function as() {
         configurable: !0
       });
     }
-    function p() {
+    function m() {
       var c = s(this.type);
       return C[c] || (C[c] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
@@ -169,7 +169,7 @@ function as() {
         _owner: F
       }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
-        get: p
+        get: m
       }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -198,13 +198,13 @@ function as() {
         if (F)
           if (_(W)) {
             for (F = 0; F < W.length; F++)
-              m(W[F]);
+              p(W[F]);
             Object.freeze && Object.freeze(W);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(W);
+        else p(W);
       if (U.call(N, "key")) {
         W = s(c);
         var Q = Object.keys(N).filter(function(_e) {
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
         ae
       );
     }
-    function m(c) {
+    function p(c) {
       h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === z && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
     function h(c) {
@@ -304,10 +304,10 @@ function fe({
   disabled: n = !1,
   state: o = "idle",
   onClick: l,
-  type: p = "button",
+  type: m = "button",
   href: u,
   "aria-label": f,
-  ...m
+  ...p
 }) {
   const h = a && !s, d = o === "loading", x = o === "success", b = o === "error", R = d || x || b, E = r === "xs" ? "s" : "m", g = os[r] ?? 16, A = d ? /* @__PURE__ */ e.jsx(is, { size: E }) : x ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: g, strokeWidth: 2.5 }) }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: g, strokeWidth: 2.5 }) }) : null, k = [
     "ds-button",
@@ -337,7 +337,7 @@ function fe({
         "aria-disabled": n || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
         "data-state": O,
-        ...m,
+        ...p,
         children: D
       }
     );
@@ -345,14 +345,14 @@ function fe({
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: p,
+      type: m,
       className: k,
       disabled: n,
       onClick: d ? void 0 : l,
       "aria-label": f,
       "aria-busy": d ? "true" : void 0,
       "data-state": O,
-      ...m,
+      ...p,
       children: D
     }
   );
@@ -366,21 +366,21 @@ function Os({
   iconRight: n,
   onIconRightClick: o,
   size: l = "m",
-  disabled: p,
+  disabled: m,
   id: u,
   ...f
 }) {
-  const m = u || `input-${q.useId()}`, h = r ? `${m}-hint` : void 0, d = t ? `${m}-error` : void 0, x = d || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${i ? "ds-input-wrapper--full" : ""} ${p ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: m, children: s }),
+  const p = u || `input-${q.useId()}`, h = r ? `${p}-hint` : void 0, d = t ? `${p}-error` : void 0, x = d || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${i ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          id: m,
+          id: p,
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
-          disabled: p,
+          disabled: m,
           "aria-invalid": t ? "true" : "false",
           "aria-describedby": x,
           ...f
@@ -411,10 +411,10 @@ function zs({
   disabled: n,
   id: o,
   resize: l = !0,
-  rows: p = 3,
+  rows: m = 3,
   ...u
 }) {
-  const f = o || `textarea-${q.useId()}`, m = r ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, d = h || m;
+  const f = o || `textarea-${q.useId()}`, p = r ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, d = h || p;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${i ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: f, children: s }),
     /* @__PURE__ */ e.jsx(
@@ -425,11 +425,11 @@ function zs({
         disabled: n,
         "aria-invalid": t ? "true" : "false",
         "aria-describedby": d,
-        rows: p,
+        rows: m,
         ...u
       }
     ),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: m, className: "ds-textarea-hint", children: r }),
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: r }),
     t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
@@ -442,11 +442,11 @@ function Fs({
   error: n,
   fullWidth: o = !0,
   size: l = "m",
-  disabled: p = !1,
+  disabled: m = !1,
   id: u,
   ...f
 }) {
-  const [m, h] = S(!1), [d, x] = S(!1), [b, R] = S({}), [E, g] = S("down"), [A, k] = S(-1), O = $(null), D = $(null), v = $(null), M = $(null), z = u || `select-${q.useId()}`, Y = `${z}-label`, H = n ? `${z}-error` : void 0, X = 150, U = (w = !1) => {
+  const [p, h] = S(!1), [d, x] = S(!1), [b, R] = S({}), [E, g] = S("down"), [A, k] = S(-1), O = $(null), D = $(null), v = $(null), M = $(null), z = u || `select-${q.useId()}`, Y = `${z}-label`, H = n ? `${z}-error` : void 0, X = 150, U = (w = !1) => {
     d || (x(!0), k(-1), M.current = setTimeout(() => {
       var c;
       h(!1), x(!1), w && ((c = v.current) == null || c.focus());
@@ -467,46 +467,46 @@ function Fs({
     );
   };
   B(() => {
-    if (m)
+    if (p)
       return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
         window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
       };
-  }, [m]), B(() => {
+  }, [p]), B(() => {
     const w = (c) => {
       O.current && !O.current.contains(c.target) && D.current && !D.current.contains(c.target) && U();
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
   }, [d]), B(() => {
     var c;
-    if (!m || A < 0 || !D.current) return;
+    if (!p || A < 0 || !D.current) return;
     (c = D.current.querySelectorAll(".ds-select-option")[A]) == null || c.scrollIntoView({ block: "nearest" });
-  }, [A, m]);
+  }, [A, p]);
   const L = (w) => {
     switch (w.key) {
       case "ArrowDown":
-        w.preventDefault(), m ? k((c) => Math.min(c + 1, i.length - 1)) : _();
+        w.preventDefault(), p ? k((c) => Math.min(c + 1, i.length - 1)) : _();
         break;
       case "ArrowUp":
-        w.preventDefault(), m ? k((c) => Math.max(c - 1, 0)) : _(i.length - 1);
+        w.preventDefault(), p ? k((c) => Math.max(c - 1, 0)) : _(i.length - 1);
         break;
       case "Home":
-        m && (w.preventDefault(), k(0));
+        p && (w.preventDefault(), k(0));
         break;
       case "End":
-        m && (w.preventDefault(), k(i.length - 1));
+        p && (w.preventDefault(), k(i.length - 1));
         break;
       case "Enter":
       case " ":
-        w.preventDefault(), m ? A >= 0 && (r == null || r(i[A].value), U(!0)) : _();
+        w.preventDefault(), p ? A >= 0 && (r == null || r(i[A].value), U(!0)) : _();
         break;
       case "Escape":
-        m && (w.preventDefault(), U(!0));
+        p && (w.preventDefault(), U(!0));
         break;
       case "Tab":
-        m && U(!1);
+        p && U(!1);
         break;
     }
-  }, C = i.find((w) => w.value === t), K = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], Z = m && /* @__PURE__ */ e.jsx(
+  }, C = i.find((w) => w.value === t), K = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], Z = p && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: D,
@@ -543,7 +543,7 @@ function Fs({
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${p ? "ds-select-wrapper--disabled" : ""}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { id: Y, className: "ds-select-label", children: s }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: O, children: /* @__PURE__ */ e.jsxs(
       "button",
@@ -553,17 +553,17 @@ function Fs({
         id: z,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": m,
-        "aria-activedescendant": m && A >= 0 ? `${z}-opt-${A}` : void 0,
+        "aria-expanded": p,
+        "aria-activedescendant": p && A >= 0 ? `${z}-opt-${A}` : void 0,
         "aria-labelledby": s ? Y : void 0,
         "aria-invalid": n ? "true" : "false",
         "aria-describedby": H,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          p || (m ? U() : _());
+          m || (p ? U() : _());
         },
         onKeyDown: L,
-        disabled: p,
+        disabled: m,
         ...f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: C ? "" : "ds-select-placeholder", children: (C == null ? void 0 : C.label) || a }),
@@ -572,7 +572,7 @@ function Fs({
             {
               size: K,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${m && E === "down" ? "ds-select-icon--open" : ""} ${m && E === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && E === "down" ? "ds-select-icon--open" : ""} ${p && E === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
@@ -592,11 +592,11 @@ function Ws({
   step: n = 1,
   size: o = "m",
   disabled: l = !1,
-  hint: p,
+  hint: m,
   error: u,
   ...f
 }) {
-  const m = () => {
+  const p = () => {
     if (l) return;
     const E = Math.min(Number(t) + n, a);
     r == null || r(E);
@@ -658,14 +658,14 @@ function Ws({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
-          onClick: m,
+          onClick: p,
           disabled: l || t >= a,
           "aria-label": "Increase",
           children: /* @__PURE__ */ e.jsx(He, { size: R, strokeWidth: 1.5 })
         }
       )
     ] }),
-    p && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: p }),
+    m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
@@ -705,13 +705,13 @@ function ls({
       }
     );
   }
-  const m = u && a ? "button" : "div", h = u && a ? {
+  const p = u && a ? "button" : "div", h = u && a ? {
     type: "button",
     onClick: a,
     disabled: o
   } : {};
   return /* @__PURE__ */ e.jsx(
-    m,
+    p,
     {
       className: f,
       role: u && !a ? "article" : void 0,
@@ -797,9 +797,9 @@ function Ks({
   size: i = "m",
   ...a
 }) {
-  const n = $(null), o = q.useId(), [l, p] = S(!1), u = () => {
-    !r || l || (p(!0), setTimeout(() => {
-      p(!1), r();
+  const n = $(null), o = q.useId(), [l, m] = S(!1), u = () => {
+    !r || l || (m(!0), setTimeout(() => {
+      m(!1), r();
     }, us));
   };
   B(() => {
@@ -812,7 +812,7 @@ function Ks({
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", x);
     };
   }, [r, l]);
-  const f = q.Children.toArray(s), m = f.find((d) => (d == null ? void 0 : d.type) === Ie), h = f.filter((d) => (d == null ? void 0 : d.type) !== Ie);
+  const f = q.Children.toArray(s), p = f.find((d) => (d == null ? void 0 : d.type) === Ie), h = f.filter((d) => (d == null ? void 0 : d.type) !== Ie);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -836,7 +836,7 @@ function Ks({
           )
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: h }),
-        m
+        p
       ]
     }
   ) });
@@ -854,12 +854,12 @@ function fs({
   className: o = "",
   ...l
 }) {
-  const [p, u] = S(r), f = i !== void 0, m = f ? i : p, h = () => {
+  const [m, u] = S(r), f = i !== void 0, p = f ? i : m, h = () => {
     f ? a == null || a(!i) : u((x) => !x);
   }, d = [
     "ds-code-accordion",
     `ds-code-accordion--${n}`,
-    m && "ds-code-accordion--expanded",
+    p && "ds-code-accordion--expanded",
     o
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
@@ -869,7 +869,7 @@ function fs({
         type: "button",
         className: "ds-code-accordion__header",
         onClick: h,
-        "aria-expanded": m,
+        "aria-expanded": p,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
@@ -877,7 +877,7 @@ function fs({
             {
               size: I[2],
               strokeWidth: 1.5,
-              className: `ds-code-accordion__icon ${m ? "ds-code-accordion__icon--expanded" : ""}`
+              className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -907,14 +907,14 @@ function Xs({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
 function Js({ children: s, size: t = "m", variant: r = "ghost", ...i }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...i, children: q.Children.map(s, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function Zs({ children: s, selected: t = !1, onClick: r, size: i = "m", variant: a = "ghost", disabled: n = !1, icon: o, href: l, ...p }) {
+function Zs({ children: s, selected: t = !1, onClick: r, size: i = "m", variant: a = "ghost", disabled: n = !1, icon: o, href: l, ...m }) {
   const u = o && !s, f = [
     "ds-tab",
     `ds-tab--${i}`,
     `ds-tab--${a}`,
     t && "ds-tab--selected",
     u && "ds-tab--icon-only"
-  ].filter(Boolean).join(" "), m = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: o }),
     s
   ] });
@@ -935,8 +935,8 @@ function Zs({ children: s, selected: t = !1, onClick: r, size: i = "m", variant:
         className: f,
         href: n ? void 0 : l,
         onClick: h,
-        ...p,
-        children: m
+        ...m,
+        children: p
       }
     );
   }
@@ -948,18 +948,18 @@ function Zs({ children: s, selected: t = !1, onClick: r, size: i = "m", variant:
       className: f,
       onClick: r,
       disabled: n,
-      ...p,
-      children: m
+      ...m,
+      children: p
     }
   );
 }
 function Qs({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1 }) {
-  const n = $(null), o = $(null), [l, p] = S(!1), u = $(!1), f = $(null), m = $(null), h = () => {
+  const n = $(null), o = $(null), [l, m] = S(!1), u = $(!1), f = $(null), p = $(null), h = () => {
     if (!n.current) return;
     const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
     const x = n.current.getBoundingClientRect(), b = d.getBoundingClientRect(), R = b.left - x.left, E = b.width;
-    o.current ? (o.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = R + "px", o.current.style.width = E + "px", u.current = !1) : (p(!0), requestAnimationFrame(() => {
+    o.current ? (o.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = R + "px", o.current.style.width = E + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!o.current || !n.current) return;
       const g = n.current.querySelector(`[data-value="${t}"]`);
       if (!g) return;
@@ -967,13 +967,13 @@ function Qs({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1
       o.current.style.transition = "none", o.current.style.left = k.left - A.left + "px", o.current.style.width = k.width + "px";
     }));
   };
-  return m.current = h, Ve(() => {
+  return p.current = h, Ve(() => {
     const d = f.current !== t;
     f.current = t, u.current = l && d, h();
   }), B(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
-      u.current = !1, m.current();
+      u.current = !1, p.current();
     });
     return d.observe(n.current), () => d.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
@@ -1024,8 +1024,8 @@ function Fe({
   padding: n = "m",
   ...o
 }) {
-  const [l, p] = S(r), u = i !== void 0, f = u ? i : l, m = () => {
-    u ? a == null || a(!i) : p((d) => !d);
+  const [l, m] = S(r), u = i !== void 0, f = u ? i : l, p = () => {
+    u ? a == null || a(!i) : m((d) => !d);
   }, h = [
     "ds-accordion",
     `ds-accordion--${n}`,
@@ -1037,7 +1037,7 @@ function Fe({
       {
         type: "button",
         className: "ds-accordion__header",
-        onClick: m,
+        onClick: p,
         "aria-expanded": f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
@@ -1088,9 +1088,9 @@ function ps(s, t, r) {
   return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === i - s.right ? "right" : "left";
 }
 function et({ children: s, content: t, position: r, ...i }) {
-  const [a, n] = S(!1), [o, l] = S({ visibility: "hidden" }), [p, u] = S(r || "top"), f = $(null), m = $(null), h = $(!1), d = () => {
-    if (!f.current || !m.current) return;
-    const b = f.current.getBoundingClientRect(), R = m.current.getBoundingClientRect(), E = r || ps(b, R.height, R.width), { top: g, left: A, arrowOffset: k } = ms(E, b, R);
+  const [a, n] = S(!1), [o, l] = S({ visibility: "hidden" }), [m, u] = S(r || "top"), f = $(null), p = $(null), h = $(!1), d = () => {
+    if (!f.current || !p.current) return;
+    const b = f.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), E = r || ps(b, R.height, R.width), { top: g, left: A, arrowOffset: k } = ms(E, b, R);
     u(E), l({
       position: "fixed",
       top: g,
@@ -1116,8 +1116,8 @@ function et({ children: s, content: t, position: r, ...i }) {
   const x = a && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: m,
-      className: `ds-tooltip ds-tooltip--${p}`,
+      ref: p,
+      className: `ds-tooltip ds-tooltip--${m}`,
       role: "tooltip",
       style: o,
       children: t
@@ -1154,12 +1154,12 @@ function st({
   id: n,
   ...o
 }) {
-  const l = n || `toggle-${q.useId()}`, p = [
+  const l = n || `toggle-${q.useId()}`, m = [
     "ds-toggle",
     `ds-toggle--${r}`,
     i && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1185,12 +1185,12 @@ function tt({
   id: n,
   ...o
 }) {
-  const l = n || `checkbox-${q.useId()}`, p = [
+  const l = n || `checkbox-${q.useId()}`, m = [
     "ds-checkbox",
     `ds-checkbox--${r}`,
     i && "ds-checkbox--disabled"
   ].filter(Boolean).join(" "), u = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1223,7 +1223,7 @@ function rt({
   name: n,
   value: o,
   id: l,
-  ...p
+  ...m
 }) {
   const u = l || `radio-${q.useId()}`, f = [
     "ds-radio",
@@ -1238,11 +1238,11 @@ function rt({
         id: u,
         className: "ds-radio__input",
         checked: s,
-        onChange: (m) => t == null ? void 0 : t(m.target.checked),
+        onChange: (p) => t == null ? void 0 : t(p.target.checked),
         disabled: i,
         name: n,
         value: o,
-        ...p
+        ...m
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
@@ -1292,7 +1292,7 @@ function js(s) {
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
 function nt({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style: n = {}, ...o }) {
-  const l = _s(s ?? ""), [p, u] = S(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: js(s) });
+  const l = _s(s ?? ""), [m, u] = S(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: js(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1300,7 +1300,7 @@ function nt({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style:
       style: { width: i, height: i, "--ds-avatar-h": l, ...n },
       "aria-hidden": "true",
       ...o,
-      children: r && !p ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : f
+      children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : f
     }
   );
 }
@@ -1340,19 +1340,21 @@ function it({ children: s, ...t }) {
 function ot({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function lt({ children: s, interactive: t, selected: r, subheader: i, className: a = "", onClick: n, ...o }) {
+function lt({ children: s, interactive: t, selected: r, subheader: i, exiting: a, updated: n, className: o = "", onClick: l, ...m }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
-        t || n ? "ds-table-row--interactive" : "",
+        t || l ? "ds-table-row--interactive" : "",
         r ? "ds-table-row--selected" : "",
         i ? "ds-table-row--subheader" : "",
-        a
+        a ? "ds-table-row--exiting" : "",
+        n ? "ds-table-row--updated" : "",
+        o
       ].filter(Boolean).join(" "),
-      onClick: n,
-      ...o,
+      onClick: l,
+      ...m,
       children: s
     }
   );
@@ -1361,13 +1363,13 @@ function ct({ children: s, colSpan: t = 999, ...r }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
 function dt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, className: n = "", style: o = {}, ...l }) {
-  const p = !!i || r !== void 0, u = r === "asc" ? Ke : r === "desc" ? xe : Ge;
+  const m = !!i || r !== void 0, u = r === "asc" ? Ke : r === "desc" ? xe : Ge;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        p ? "ds-th--sortable" : "",
+        m ? "ds-th--sortable" : "",
         r ? "ds-th--sorted" : "",
         t !== "left" ? `ds-table-cell--${t}` : "",
         n
@@ -1375,7 +1377,7 @@ function dt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, c
       onClick: i,
       style: { width: a, ...o },
       ...l,
-      children: p ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
         /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
       ] }) : s
@@ -1432,10 +1434,10 @@ function mt({
   htmlFor: n,
   children: o,
   className: l = "",
-  style: p,
+  style: m,
   ...u
 }) {
-  const f = q.useId(), m = n ?? f, h = `${m}-hint`, d = `${m}-error`;
+  const f = q.useId(), p = n ?? f, h = `${p}-hint`, d = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1443,10 +1445,10 @@ function mt({
       "data-state": r ? "error" : void 0,
       "data-required": i ? "" : void 0,
       "data-disabled": a ? "" : void 0,
-      style: p,
+      style: m,
       ...u,
       children: [
-        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: m, children: s }),
+        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: o }),
         t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
         r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
@@ -1455,7 +1457,7 @@ function mt({
   );
 }
 function pt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, className: n = "", style: o, ...l }) {
-  const p = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
+  const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1470,7 +1472,7 @@ function pt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, class
       children: [
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
         t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
-        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${p}`, children: r })
+        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
       ]
     }
   );
@@ -1491,10 +1493,10 @@ function ht({
       "aria-label": r,
       style: a,
       ...n,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: o.map((l, p) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: o.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        p < o.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
-      ] }, p)) })
+        m < o.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
+      ] }, m)) })
     }
   );
 }
@@ -1508,7 +1510,7 @@ function xt({
   style: o,
   ...l
 }) {
-  const p = bs(s, t, i);
+  const m = bs(s, t, i);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1527,7 +1529,7 @@ function xt({
             children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
           }
         ),
-        p.map(
+        m.map(
           (u, f) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${f}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
@@ -1569,9 +1571,9 @@ function _t({
   side: i = "right",
   ...a
 }) {
-  const n = $(null), o = q.useId(), [l, p] = S(!1), u = () => {
-    !r || l || (p(!0), setTimeout(() => {
-      p(!1), r();
+  const n = $(null), o = q.useId(), [l, m] = S(!1), u = () => {
+    !r || l || (m(!0), setTimeout(() => {
+      m(!1), r();
     }, vs));
   };
   B(() => {
@@ -1584,7 +1586,7 @@ function _t({
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", x);
     };
   }, [r, l]);
-  const f = q.Children.toArray(s), m = f.find((d) => (d == null ? void 0 : d.type) === De), h = f.filter((d) => (d == null ? void 0 : d.type) !== De);
+  const f = q.Children.toArray(s), p = f.find((d) => (d == null ? void 0 : d.type) === De), h = f.filter((d) => (d == null ? void 0 : d.type) !== De);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1605,7 +1607,7 @@ function _t({
               r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
-            m
+            p
           ]
         }
       )
@@ -1630,12 +1632,12 @@ function jt({
   role: n,
   ...o
 }) {
-  const l = Ns[t], p = n || (t === "error" ? "alert" : "status");
+  const l = Ns[t], m = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${t}`,
-      role: p,
+      role: m,
       ...o,
       children: [
         l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: I[2], strokeWidth: 1.5 }) }),
@@ -1673,20 +1675,20 @@ function bt({
   style: o,
   ...l
 }) {
-  const [p, u] = S(!1), [f, m] = S(!1), h = r !== void 0, d = h ? r : p, x = $(null), b = $(null), R = $(null), E = $(null), [g, A] = S({}), k = $(null), O = 150, D = () => {
+  const [m, u] = S(!1), [f, p] = S(!1), h = r !== void 0, d = h ? r : m, x = $(null), b = $(null), R = $(null), E = $(null), [g, A] = S({}), k = $(null), O = 150, D = () => {
     if (h)
       i == null || i(!1);
     else {
       if (f) return;
-      m(!0), k.current = setTimeout(() => {
-        u(!1), m(!1);
+      p(!0), k.current = setTimeout(() => {
+        u(!1), p(!1);
       }, O);
     }
   }, v = () => {
     const _ = !d;
-    h ? i == null || i(_) : _ ? (clearTimeout(k.current), m(!1), u(!0)) : D();
+    h ? i == null || i(_) : _ ? (clearTimeout(k.current), p(!1), u(!0)) : D();
   }, M = () => {
-    d || (h ? i == null || i(!0) : (clearTimeout(k.current), m(!1), u(!0)));
+    d || (h ? i == null || i(!0) : (clearTimeout(k.current), p(!1), u(!0)));
   };
   B(() => () => clearTimeout(k.current), []), B(() => {
     if (!d) return;
@@ -1833,7 +1835,7 @@ function vt({
   min: a = 2,
   animate: n = !0
 }) {
-  const o = Math.min(100, Math.max(0, s)), l = Math.max(a, o), p = r === "auto" ? o >= 70 ? "success" : o >= 50 ? "warning" : "danger" : r;
+  const o = Math.min(100, Math.max(0, s)), l = Math.max(a, o), m = r === "auto" ? o >= 70 ? "success" : o >= 50 ? "warning" : "danger" : r;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1850,7 +1852,7 @@ function vt({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${p}`,
+            className: `ds-progress__fill ds-progress__fill--${m}`,
             style: { width: `${l}%` }
           }
         ) }),
@@ -1872,11 +1874,11 @@ function gs(s, { duration: t = 600 } = {}) {
     }
     const o = a.current, l = s - o;
     if (l === 0) return;
-    let p = null;
+    let m = null;
     const u = (f) => {
-      p || (p = f);
-      const m = Math.min((f - p) / t, 1);
-      i(o + l * ws(m)), m < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+      m || (m = f);
+      const p = Math.min((f - m) / t, 1);
+      i(o + l * ws(p)), p < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
@@ -1897,8 +1899,8 @@ function ks({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
     const o = i.current;
     if (!o) return;
     const l = new IntersectionObserver(
-      ([p]) => {
-        p.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
+      ([m]) => {
+        m.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
       },
       { threshold: s, rootMargin: t }
     );
@@ -1915,10 +1917,10 @@ function wt({
   onLeave: o,
   ...l
 }) {
-  const { ref: p, inView: u } = ks({ threshold: i, rootMargin: a, once: r }), f = $(!1);
+  const { ref: m, inView: u } = ks({ threshold: i, rootMargin: a, once: r }), f = $(!1);
   return B(() => {
     u && !f.current && (n == null || n()), !u && f.current && (o == null || o()), f.current = u;
-  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: p, ...l, children: typeof s == "function" ? s(u) : s });
+  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
 }
 const Be = {
   default: ke,
@@ -2003,10 +2005,10 @@ function kt({
   expanded: n,
   onToggle: o,
   padding: l = "s",
-  children: p,
+  children: m,
   ...u
 }) {
-  const m = `tc-body-${Ye().replace(/:/g, "")}`, [h, d] = S(a), x = n !== void 0, b = x ? n : h, R = () => {
+  const p = `tc-body-${Ye().replace(/:/g, "")}`, [h, d] = S(a), x = n !== void 0, b = x ? n : h, R = () => {
     x ? o == null || o(!n) : d((E) => !E);
   };
   return /* @__PURE__ */ e.jsxs(ls, { padding: l, ...u, children: [
@@ -2017,7 +2019,7 @@ function kt({
         className: "ds-tool-card__header",
         onClick: R,
         "aria-expanded": b,
-        "aria-controls": m,
+        "aria-controls": p,
         children: [
           /* @__PURE__ */ e.jsx(
             Oe,
@@ -2034,7 +2036,7 @@ function kt({
         ]
       }
     ),
-    b && /* @__PURE__ */ e.jsx("div", { id: m, className: "ds-tool-card__body", children: p })
+    b && /* @__PURE__ */ e.jsx("div", { id: p, className: "ds-tool-card__body", children: m })
   ] });
 }
 function Et({
@@ -2094,11 +2096,11 @@ function Tt({
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": o, children: Array.from({ length: s }, (p, u) => {
-      const f = u === t, m = r.includes(u) && !f, h = i && (u <= t || r.includes(u)), d = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": o, children: Array.from({ length: s }, (m, u) => {
+      const f = u === t, p = r.includes(u) && !f, h = i && (u <= t || r.includes(u)), d = [
         "ds-step-indicator__dot",
         f && "ds-step-indicator__dot--active",
-        m && "ds-step-indicator__dot--done"
+        p && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
         "button",
@@ -2110,7 +2112,7 @@ function Tt({
           "aria-label": `Step ${u + 1}`,
           disabled: !h || u === t,
           onClick: () => i == null ? void 0 : i(u),
-          children: m ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
+          children: p ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
         },
         u
       );
@@ -2148,17 +2150,17 @@ function St({
   className: o = "",
   ...l
 }) {
-  const p = [
+  const m = [
     "ds-chat-message",
     `ds-chat-message--${s}`,
     a && "ds-chat-message--streaming",
     o
   ].filter(Boolean).join(" ");
-  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: p, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
+  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     i && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: i }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: n }),
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     t && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: t }),
     i && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: i }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: n }),
@@ -2189,12 +2191,12 @@ function Ss({
   betweenTime: n = 380,
   manualPauseMs: o = 5e3
 }) {
-  const [l, p] = S(0), [u, f] = S(""), m = $("typing"), h = $(0), d = $(0), x = $(null), b = $(0);
+  const [l, m] = S(0), [u, f] = S(""), p = $("typing"), h = $(0), d = $(0), x = $(null), b = $(0);
   B(() => {
     d.current = l;
   }, [l]), B(() => {
     if (x.current && (clearTimeout(x.current), x.current = null), !t || s.length === 0) {
-      f(""), h.current = 0, m.current = "typing";
+      f(""), h.current = 0, p.current = "typing";
       return;
     }
     const k = () => {
@@ -2204,7 +2206,7 @@ function Ss({
         return;
       }
       const D = s[d.current % s.length] ?? "";
-      m.current === "typing" ? (h.current += 1, f(D.slice(0, h.current)), h.current >= D.length ? (m.current = "holding", x.current = setTimeout(k, a)) : x.current = setTimeout(k, r + Math.random() * 28)) : m.current === "holding" ? (m.current = "erasing", x.current = setTimeout(k, i)) : (h.current = Math.max(0, h.current - 1), f(D.slice(0, h.current)), h.current <= 0 ? (m.current = "typing", d.current = (d.current + 1) % s.length, p(d.current), x.current = setTimeout(k, n)) : x.current = setTimeout(k, i));
+      p.current === "typing" ? (h.current += 1, f(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", x.current = setTimeout(k, a)) : x.current = setTimeout(k, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(k, i)) : (h.current = Math.max(0, h.current - 1), f(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", d.current = (d.current + 1) % s.length, m(d.current), x.current = setTimeout(k, n)) : x.current = setTimeout(k, i));
     };
     return x.current = setTimeout(k, 260), () => {
       x.current && clearTimeout(x.current);
@@ -2213,7 +2215,7 @@ function Ss({
   const R = (k) => {
     if (s.length === 0) return;
     const O = (k % s.length + s.length) % s.length, D = s[O];
-    d.current = O, h.current = D.length, m.current = "holding", b.current = Date.now() + o, p(O), f(D);
+    d.current = O, h.current = D.length, p.current = "holding", b.current = Date.now() + o, m(O), f(D);
   }, E = () => R(d.current + 1), g = () => R(d.current - 1), A = s[l % s.length] ?? "";
   return { displayed: u, currentPrompt: A, index: l, next: E, prev: g };
 }
@@ -2227,10 +2229,10 @@ function It({
   loading: n = !1,
   disabled: o = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: p,
+  animatedPlaceholders: m,
   attachments: u,
   images: f,
-  onAttachFiles: m,
+  onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: d,
   onRemoveImage: x,
@@ -2256,7 +2258,7 @@ function It({
     const { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: ee } = w(j);
     G.length && _(`File${G.length > 1 ? "s" : ""} too large${g ? ` (max ${g / 1024 / 1024}MB)` : ""}: ${G.join(", ")}`), J.length && _(`Skipped unsupported file${J.length > 1 ? "s" : ""}: ${J.join(", ")}`), ee && _(`Max ${E} images per message`), h && T.length && h(T);
     const oe = V.concat(h ? [] : T);
-    m && oe.length && m(oe);
+    p && oe.length && p(oe);
   };
   B(() => {
     const j = M.current;
@@ -2294,8 +2296,8 @@ function It({
     if (V.length === 0) return;
     const { imageFiles: G, tooLarge: J, skipped: ee, limitExceeded: oe } = w(V);
     J.length && _(`File${J.length > 1 ? "s" : ""} too large: ${J.join(", ")}`), ee.length && _(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), oe && _(`Max ${E} images per message`), G.length && (j.preventDefault(), h(G));
-  }, Q = !n && !o && !!(p != null && p.length) && s.length === 0, ie = Ss({
-    prompts: p ?? [],
+  }, Q = !n && !o && !!(m != null && m.length) && s.length === 0, ie = Ss({
+    prompts: m ?? [],
     enabled: Q
   }), _e = (j) => {
     if (Q) {
@@ -2313,7 +2315,7 @@ function It({
       }
     }
     a == null || a(j);
-  }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (u == null ? void 0 : u.length) > 0) && !o, Ee = m || h;
+  }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (u == null ? void 0 : u.length) > 0) && !o, Ee = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...D, children: [
     Ee && /* @__PURE__ */ e.jsx(
       "input",
@@ -2446,13 +2448,13 @@ function Dt({
   showAutoOption: n = !1,
   groupByTier: o = !0,
   className: l = "",
-  ...p
+  ...m
 }) {
-  const [u, f] = S(!1), m = $(null), h = $(null), [d, x] = S({}), b = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), R = b.find((v) => v.name === "auto"), E = b.filter((v) => v.name !== "auto"), g = s.find((v) => v.name === t);
+  const [u, f] = S(!1), p = $(null), h = $(null), [d, x] = S({}), b = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), R = b.find((v) => v.name === "auto"), E = b.filter((v) => v.name !== "auto"), g = s.find((v) => v.name === t);
   B(() => {
     var Y;
     if (!u) return;
-    const v = (Y = m.current) == null ? void 0 : Y.getBoundingClientRect();
+    const v = (Y = p.current) == null ? void 0 : Y.getBoundingClientRect();
     v && x({
       position: "fixed",
       zIndex: "var(--z-dropdown, 500)",
@@ -2461,7 +2463,7 @@ function Dt({
     });
     const M = (H) => {
       var X, U;
-      !((X = m.current) != null && X.contains(H.target)) && !((U = h.current) != null && U.contains(H.target)) && f(!1);
+      !((X = p.current) != null && X.contains(H.target)) && !((U = h.current) != null && U.contains(H.target)) && f(!1);
     }, z = (H) => {
       H.key === "Escape" && f(!1);
     };
@@ -2518,9 +2520,9 @@ function Dt({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: m,
+      ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...p,
+      ...m,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
@@ -2558,8 +2560,8 @@ function Bt({
   maxVisible: i = 5,
   onSourceClick: a
 }) {
-  const [n, o] = S(!1), l = Is(s), p = l.length > i, u = n ? l : l.slice(0, i), f = s.some((h) => h.snippet), m = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
-  return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: m, children: [
+  const [n, o] = S(!1), l = Is(s), m = l.length > i, u = n ? l : l.slice(0, i), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     u.map((h) => {
       const d = h.items.map((b) => b.page).filter(Boolean), x = !!a;
       return /* @__PURE__ */ e.jsxs(
@@ -2576,12 +2578,12 @@ function Bt({
         h.filename
       );
     }),
-    p && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+    m && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
       "+",
       l.length - i,
       " more sources"
     ] })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: r }),
     u.map((h) => {
       const d = h.items.map((b) => b.page).filter(Boolean), x = !!a;
@@ -2617,7 +2619,7 @@ function Bt({
         h.filename
       );
     }),
-    p && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+    m && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
       "+",
       l.length - i,
       " more sources"
@@ -2636,7 +2638,7 @@ function Pt({
   warningThreshold: n = 0.8,
   errorThreshold: o = 1
 }) {
-  const l = t > 0 ? s / t : 0, p = Math.min(l * 100, 100), u = l >= o ? "error" : l >= n ? "warning" : "normal";
+  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), u = l >= o ? "error" : l >= n ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2649,7 +2651,7 @@ function Pt({
           "div",
           {
             className: `ds-token-counter__fill ds-token-counter__fill--${u}`,
-            style: { width: `${p}%` }
+            style: { width: `${m}%` }
           }
         ) }),
         (i || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
@@ -2685,12 +2687,12 @@ function Mt({
     `ds-confidence-bar--${o}`,
     i === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Le }, (l, p) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Le }, (l, m) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${p < n ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${m < n ? " ds-confidence-bar__seg--filled" : ""}`
       },
-      p
+      m
     )) }),
     r === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: o })
   ] });
@@ -2717,18 +2719,18 @@ function Lt({
     r && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
   if (t === "split") {
-    const p = s.filter((f) => f.type === "remove" || f.type === "context"), u = s.filter((f) => f.type === "add" || f.type === "context");
+    const m = s.filter((f) => f.type === "remove" || f.type === "context"), u = s.filter((f) => f.type === "add" || f.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: p.map((f, m) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, m)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: u.map((f, m) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, m)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: u.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((p, u) => /* @__PURE__ */ e.jsx(be, { line: p, lineNumbers: i }, u)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, u) => /* @__PURE__ */ e.jsx(be, { line: m, lineNumbers: i }, u)) })
   ] });
 }
 export {