@donkit-ai/design-system 1.4.63 → 1.4.65

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import Y, { useState as I, useRef as T, useEffect as D, useLayoutEffect as Ze, useContext as je, forwardRef as Qe, createContext as et, useCallback as $e } from "react";
+import Y, { useState as I, useRef as T, useEffect as D, useLayoutEffect as Ze, useCallback as je, useContext as Ne, forwardRef as Qe, createContext as et } from "react";
 import { Check as Te, X as ee, ChevronDown as ve, Minus as tt, Plus as st, XCircle as Re, AlertTriangle as Se, CheckCircle as Ae, Info as Ie, ChevronUp as nt, ChevronsUpDown as rt, ChevronLeft as at, ChevronRight as ot, Copy as it, Brain as lt, Loader as ct, Paperclip as Me, Square as dt, ArrowUp as ut, Zap as ft, Cpu as ze, FileText as mt, ThumbsUp as pt, ThumbsDown as ht } from "lucide-react";
 import pe from "react-dom";
 const P = {
@@ -8,7 +8,7 @@ const P = {
   4: 28,
   5: 48
 };
-var ye = { exports: {} }, he = {};
+var ke = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -23,19 +23,19 @@ function xt() {
   if (Ce) return he;
   Ce = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function n(a, o, r) {
+  function n(r, o, a) {
     var i = null;
-    if (r !== void 0 && (i = "" + r), o.key !== void 0 && (i = "" + o.key), "key" in o) {
-      r = {};
+    if (a !== void 0 && (i = "" + a), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      a = {};
       for (var l in o)
-        l !== "key" && (r[l] = o[l]);
-    } else r = o;
-    return o = r.ref, {
+        l !== "key" && (a[l] = o[l]);
+    } else a = o;
+    return o = a.ref, {
       $$typeof: t,
-      type: a,
+      type: r,
       key: i,
       ref: o !== void 0 ? o : null,
-      props: r
+      props: a
     };
   }
   return he.Fragment = s, he.jsx = n, he.jsxs = n, he;
@@ -116,7 +116,7 @@ function vt() {
         ), s(f);
       }
     }
-    function a(f) {
+    function r(f) {
       if (f === j) return "<>";
       if (typeof f == "object" && f !== null && f.$$typeof === V)
         return "<...>";
@@ -131,7 +131,7 @@ function vt() {
       var f = G.A;
       return f === null ? null : f.getOwner();
     }
-    function r() {
+    function a() {
       return Error("react-stack-top-frame");
     }
     function i(f) {
@@ -153,13 +153,13 @@ function vt() {
         configurable: !0
       });
     }
-    function d() {
+    function c() {
       var f = t(this.type);
       return R[f] || (R[f] = !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."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function c(f, $, z, W, ne, oe) {
+    function d(f, $, z, W, ne, oe) {
       var q = z.ref;
       return f = {
         $$typeof: x,
@@ -169,7 +169,7 @@ function vt() {
         _owner: W
       }, (q !== void 0 ? q : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: d
+        get: c
       }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -207,8 +207,8 @@ function vt() {
         else p(q);
       if (F.call($, "key")) {
         q = t(f);
-        var Q = Object.keys($).filter(function(Ne) {
-          return Ne !== "key";
+        var Q = Object.keys($).filter(function(we) {
+          return we !== "key";
         });
         W = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", k[q + W] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
       return q && l(
         z,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), c(
+      ), d(
         f,
         q,
         z,
@@ -256,8 +256,8 @@ React keys must be passed directly to JSX without using spread:
     };
     var y, R = {}, O = u.react_stack_bottom_frame.bind(
       u,
-      r
-    )(), H = _(a(r)), k = {};
+      a
+    )(), H = _(r(a)), k = {};
     xe.Fragment = j, xe.jsx = function(f, $, z) {
       var W = 1e4 > G.recentlyCreatedOwnerStacks++;
       return m(
@@ -266,7 +266,7 @@ React keys must be passed directly to JSX without using spread:
         z,
         !1,
         W ? Error("react-stack-top-frame") : O,
-        W ? _(a(f)) : H
+        W ? _(r(f)) : H
       );
     }, xe.jsxs = function(f, $, z) {
       var W = 1e4 > G.recentlyCreatedOwnerStacks++;
@@ -276,21 +276,21 @@ React keys must be passed directly to JSX without using spread:
         z,
         !0,
         W ? Error("react-stack-top-frame") : O,
-        W ? _(a(f)) : H
+        W ? _(r(f)) : H
       );
     };
   }()), xe;
 }
-process.env.NODE_ENV === "production" ? ye.exports = xt() : ye.exports = vt();
-var e = ye.exports;
-function _t({ size: t = "m", color: s = "default", className: n = "", ...a }) {
+process.env.NODE_ENV === "production" ? ke.exports = xt() : ke.exports = vt();
+var e = ke.exports;
+function _t({ size: t = "m", color: s = "default", className: n = "", ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-spinner", `ds-spinner--${t}`, `ds-spinner--${s}`, n].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
-      ...a
+      ...r
     }
   );
 }
@@ -299,13 +299,13 @@ function ae({
   children: t,
   variant: s = "primary",
   size: n = "m",
-  fullWidth: a = !1,
+  fullWidth: r = !1,
   icon: o,
-  disabled: r = !1,
+  disabled: a = !1,
   state: i = "idle",
   onClick: l,
-  type: d = "button",
-  href: c,
+  type: c = "button",
+  href: d,
   "aria-label": m,
   className: p = "",
   ...h
@@ -314,16 +314,16 @@ function ae({
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
-    a && "ds-button--full",
+    r && "ds-button--full",
     u && "ds-button--icon-only",
     p
   ].filter(Boolean).join(" "), U = i !== "idle" ? i : void 0, K = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     E ? L : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
     t
   ] });
-  if (c) {
+  if (d) {
     const V = (w) => {
-      if (r || x) {
+      if (a || x) {
         w.preventDefault();
         return;
       }
@@ -333,10 +333,10 @@ function ae({
       "a",
       {
         className: C,
-        href: r || x ? void 0 : c,
+        href: a || x ? void 0 : d,
         onClick: V,
         "aria-label": m,
-        "aria-disabled": r || x ? "true" : void 0,
+        "aria-disabled": a || x ? "true" : void 0,
         "aria-busy": x ? "true" : void 0,
         "data-state": U,
         ...h,
@@ -347,9 +347,9 @@ function ae({
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: d,
+      type: c,
       className: C,
-      disabled: r,
+      disabled: a,
       onClick: x ? void 0 : l,
       "aria-label": m,
       "aria-busy": x ? "true" : void 0,
@@ -363,17 +363,17 @@ function is({
   label: t,
   error: s,
   hint: n,
-  fullWidth: a = !0,
+  fullWidth: r = !0,
   icon: o,
-  iconRight: r,
+  iconRight: a,
   onIconRightClick: i,
   size: l = "m",
-  disabled: d,
-  id: c,
+  disabled: c,
+  id: d,
   ...m
 }) {
-  const p = c || `input-${Y.useId()}`, h = n ? `${p}-hint` : void 0, u = s ? `${p}-error` : void 0, x = u || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${d ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
+  const p = d || `input-${Y.useId()}`, h = n ? `${p}-hint` : void 0, u = s ? `${p}-error` : void 0, x = u || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${r ? "ds-input-wrapper--full" : ""} ${c ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: o }),
@@ -381,14 +381,14 @@ function is({
         "input",
         {
           id: p,
-          className: `ds-input ds-input--${l} ${o ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
-          disabled: d,
+          className: `ds-input ds-input--${l} ${o ? "ds-input--with-icon" : ""} ${a ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
+          disabled: c,
           "aria-invalid": s ? "true" : "false",
           "aria-describedby": x,
           ...m
         }
       ),
-      r && /* @__PURE__ */ e.jsx(
+      a && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
@@ -396,7 +396,7 @@ function is({
           onClick: i,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
-          children: r
+          children: a
         }
       )
     ] }),
@@ -408,27 +408,27 @@ function ls({
   label: t,
   error: s,
   hint: n,
-  fullWidth: a = !0,
+  fullWidth: r = !0,
   size: o = "m",
-  disabled: r,
+  disabled: a,
   id: i,
   resize: l = !0,
-  rows: d = 3,
-  ...c
+  rows: c = 3,
+  ...d
 }) {
   const m = i || `textarea-${Y.useId()}`, p = n ? `${m}-hint` : void 0, h = s ? `${m}-error` : void 0, u = h || p;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${r ? "ds-textarea-wrapper--full" : ""} ${a ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: t }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: m,
         className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
-        disabled: r,
+        disabled: a,
         "aria-invalid": s ? "true" : "false",
         "aria-describedby": u,
-        rows: d,
-        ...c
+        rows: c,
+        ...d
       }
     ),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
@@ -439,23 +439,23 @@ function cs({
   label: t,
   value: s,
   onChange: n,
-  options: a = [],
+  options: r = [],
   placeholder: o = "Select option",
-  error: r,
+  error: a,
   fullWidth: i = !0,
   size: l = "m",
-  disabled: d = !1,
-  id: c,
+  disabled: c = !1,
+  id: d,
   ...m
 }) {
-  const [p, h] = I(!1), [u, x] = I(!1), [v, j] = I({}), [E, g] = I("down"), [b, S] = I(-1), L = T(null), C = T(null), U = T(null), K = T(null), V = c || `select-${Y.useId()}`, w = `${V}-label`, M = r ? `${V}-error` : void 0, G = 150, F = (k = !1) => {
+  const [p, h] = I(!1), [u, x] = I(!1), [v, j] = I({}), [E, g] = I("down"), [b, S] = I(-1), L = T(null), C = T(null), U = T(null), K = T(null), V = d || `select-${Y.useId()}`, w = `${V}-label`, M = a ? `${V}-error` : void 0, G = 150, F = (k = !1) => {
     u || (x(!0), S(-1), K.current = setTimeout(() => {
       var f;
       h(!1), x(!1), k && ((f = U.current) == null || f.focus());
     }, G));
   }, A = (k) => {
     clearTimeout(K.current), x(!1);
-    const f = k !== void 0 ? k : Math.max(a.findIndex(($) => $.value === s), 0);
+    const f = k !== void 0 ? k : Math.max(r.findIndex(($) => $.value === s), 0);
     S(f), h(!0);
   };
   D(() => () => clearTimeout(K.current), []);
@@ -486,20 +486,20 @@ function cs({
   const y = (k) => {
     switch (k.key) {
       case "ArrowDown":
-        k.preventDefault(), p ? S((f) => Math.min(f + 1, a.length - 1)) : A();
+        k.preventDefault(), p ? S((f) => Math.min(f + 1, r.length - 1)) : A();
         break;
       case "ArrowUp":
-        k.preventDefault(), p ? S((f) => Math.max(f - 1, 0)) : A(a.length - 1);
+        k.preventDefault(), p ? S((f) => Math.max(f - 1, 0)) : A(r.length - 1);
         break;
       case "Home":
         p && (k.preventDefault(), S(0));
         break;
       case "End":
-        p && (k.preventDefault(), S(a.length - 1));
+        p && (k.preventDefault(), S(r.length - 1));
         break;
       case "Enter":
       case " ":
-        k.preventDefault(), p ? b >= 0 && (n == null || n(a[b].value), F(!0)) : A();
+        k.preventDefault(), p ? b >= 0 && (n == null || n(r[b].value), F(!0)) : A();
         break;
       case "Escape":
         p && (k.preventDefault(), F(!0));
@@ -508,7 +508,7 @@ function cs({
         p && F(!1);
         break;
     }
-  }, R = a.find((k) => k.value === s), O = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], H = p && /* @__PURE__ */ e.jsx(
+  }, R = r.find((k) => k.value === s), O = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], H = p && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: C,
@@ -523,7 +523,7 @@ function cs({
         u && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: v,
-      children: a.map((k, f) => /* @__PURE__ */ e.jsx(
+      children: r.map((k, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
           id: `${V}-opt-${f}`,
@@ -546,7 +546,7 @@ function cs({
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${d ? "ds-select-wrapper--disabled" : ""}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${c ? "ds-select-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { id: w, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: L, children: /* @__PURE__ */ e.jsxs(
       "button",
@@ -559,14 +559,14 @@ function cs({
         "aria-expanded": p,
         "aria-activedescendant": p && b >= 0 ? `${V}-opt-${b}` : void 0,
         "aria-labelledby": t ? w : void 0,
-        "aria-invalid": r ? "true" : "false",
+        "aria-invalid": a ? "true" : "false",
         "aria-describedby": M,
-        className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
+        className: `ds-select-trigger ds-select-trigger--${l} ${a ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          d || (p ? F() : A());
+          c || (p ? F() : A());
         },
         onKeyDown: y,
-        disabled: d,
+        disabled: c,
         ...m,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: R ? "" : "ds-select-placeholder", children: (R == null ? void 0 : R.label) || o }),
@@ -582,7 +582,7 @@ function cs({
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: r }),
+    a && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: a }),
     typeof document < "u" && pe.createPortal(H, document.body)
   ] });
 }
@@ -590,39 +590,39 @@ function ds({
   label: t,
   value: s = 0,
   onChange: n,
-  min: a = 0,
+  min: r = 0,
   max: o = 100,
-  step: r = 1,
+  step: a = 1,
   size: i = "m",
   disabled: l = !1,
-  hint: d,
-  error: c,
+  hint: c,
+  error: d,
   ...m
 }) {
   const p = () => {
     if (l) return;
-    const E = Math.min(Number(s) + r, o);
+    const E = Math.min(Number(s) + a, o);
     n == null || n(E);
   }, h = () => {
     if (l) return;
-    const E = Math.max(Number(s) - r, a);
+    const E = Math.max(Number(s) - a, r);
     n == null || n(E);
   }, u = (E) => {
     if (l) return;
     const g = E.target.value;
     if (g === "") {
-      n == null || n(a);
+      n == null || n(r);
       return;
     }
     const b = Number(g);
     if (!isNaN(b)) {
-      const S = Math.min(Math.max(b, a), o);
+      const S = Math.min(Math.max(b, r), o);
       n == null || n(S);
     }
   }, x = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
-    c && "ds-stepper-wrapper--error"
+    d && "ds-stepper-wrapper--error"
   ].filter(Boolean).join(" "), v = [
     "ds-stepper",
     `ds-stepper--${i}`,
@@ -637,7 +637,7 @@ function ds({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
           onClick: h,
-          disabled: l || s <= a,
+          disabled: l || s <= r,
           "aria-label": "Decrease",
           children: /* @__PURE__ */ e.jsx(tt, { size: j, strokeWidth: 1.5 })
         }
@@ -649,9 +649,9 @@ function ds({
           className: "ds-stepper-input",
           value: s,
           onChange: u,
-          min: a,
+          min: r,
           max: o,
-          step: r,
+          step: a,
           disabled: l,
           ...m
         }
@@ -668,27 +668,27 @@ function ds({
         }
       )
     ] }),
-    d && !c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: d }),
-    c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: c })
+    c && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: c }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
 function us({
   children: t,
   padding: s = "m",
   variant: n = "info",
-  hover: a = !1,
+  hover: r = !1,
   // deprecated, use variant="interactive"
   onClick: o,
-  href: r,
+  href: a,
   disabled: i = !1,
   ...l
 }) {
-  const c = (a ? "interactive" : n) === "interactive" || o || r, m = [
+  const d = (r ? "interactive" : n) === "interactive" || o || a, m = [
     "ds-card",
     `ds-card--${s}`,
-    c && "ds-card--interactive"
+    d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
-  if (r) {
+  if (a) {
     const u = (x) => {
       if (i) {
         x.preventDefault();
@@ -700,7 +700,7 @@ function us({
       "a",
       {
         className: m,
-        href: i ? void 0 : r,
+        href: i ? void 0 : a,
         onClick: u,
         "aria-disabled": i ? "true" : void 0,
         ...l,
@@ -708,7 +708,7 @@ function us({
       }
     );
   }
-  const p = c && o ? "button" : "div", h = c && o ? {
+  const p = d && o ? "button" : "div", h = d && o ? {
     type: "button",
     onClick: o,
     disabled: i
@@ -717,7 +717,7 @@ function us({
     p,
     {
       className: m,
-      role: c && !o ? "article" : void 0,
+      role: d && !o ? "article" : void 0,
       ...h,
       ...l,
       children: t
@@ -749,15 +749,15 @@ function de({
   children: t,
   variant: s = "default",
   size: n = "m",
-  role: a,
+  role: r,
   ...o
 }) {
-  const r = [
+  const a = [
     "ds-badge",
     `ds-badge--${s}`,
     `ds-badge--${n}`
-  ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...o, children: t });
+  ].filter(Boolean).join(" "), i = r || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: a, role: i, ...o, children: t });
 }
 const Nt = {
   info: Ie,
@@ -767,16 +767,16 @@ const Nt = {
 }, vs = Y.forwardRef(function({
   children: s,
   variant: n = "info",
-  title: a,
+  title: r,
   onClose: o,
-  role: r,
+  role: a,
   ...i
 }, l) {
-  const d = Nt[n], c = r || (n === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${a ? "" : "ds-alert--no-title"}`, role: c, ...i, children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: P[3], strokeWidth: 1.5 }) }),
+  const c = Nt[n], d = a || (n === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: d, ...i, children: [
+    c && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(c, { size: P[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
-      a && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: a }),
+      r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
     o && /* @__PURE__ */ e.jsx(
@@ -795,13 +795,13 @@ function _s({
   children: t,
   title: s,
   onClose: n,
-  size: a = "m",
+  size: r = "m",
   scrollable: o = !1,
-  subHeader: r,
+  subHeader: a,
   ...i
 }) {
-  const l = T(null), d = Y.useId(), [c, m] = I(!1), p = () => {
-    !n || c || (m(!0), setTimeout(() => {
+  const l = T(null), c = Y.useId(), [d, m] = I(!1), p = () => {
+    !n || d || (m(!0), setTimeout(() => {
       m(!1), n();
     }, wt));
   };
@@ -816,16 +816,16 @@ function _s({
     return document.addEventListener("keydown", v), document.addEventListener("mousedown", j), () => {
       document.removeEventListener("keydown", v), document.removeEventListener("mousedown", j);
     };
-  }, [n, c]);
+  }, [n, d]);
   const h = Y.Children.toArray(t), u = h.find((v) => (v == null ? void 0 : v.type) === fe), x = h.filter((v) => (v == null ? void 0 : v.type) !== fe);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: [`ds-modal ds-modal--${a}`, o && "ds-modal--scrollable"].filter(Boolean).join(" "),
+      className: [`ds-modal ds-modal--${r}`, o && "ds-modal--scrollable"].filter(Boolean).join(" "),
       ref: l,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": s ? d : void 0,
+      "aria-labelledby": s ? c : void 0,
       children: [
         n && /* @__PURE__ */ e.jsx(
           ae,
@@ -838,9 +838,9 @@ function _s({
             "aria-label": "Close modal"
           }
         ),
-        (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-modal__title", children: s }),
-          r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
+        (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          s && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-modal__title", children: s }),
+          a && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: a })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: x }),
         u
@@ -856,21 +856,21 @@ function bs({
   children: t,
   title: s,
   onClose: n,
-  subHeader: a,
+  subHeader: r,
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, d] = I(!1), c = () => {
-    !n || l || (d(!0), setTimeout(() => {
-      d(!1), n();
+  const a = T(null), i = Y.useId(), [l, c] = I(!1), d = () => {
+    !n || l || (c(!0), setTimeout(() => {
+      c(!1), n();
     }, gt));
   };
   D(() => {
     const u = (v) => {
-      v.key === "Escape" && c();
+      v.key === "Escape" && d();
     }, x = (v) => {
       var E, g, b;
       const j = ((g = (E = v.composedPath) == null ? void 0 : E.call(v)) == null ? void 0 : g[0]) ?? v.target;
-      r.current && !r.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && c();
+      a.current && !a.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", x), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", x);
@@ -885,7 +885,7 @@ function bs({
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: r,
+          ref: a,
           className: ["ds-bottom-sheet", l && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
@@ -899,13 +899,13 @@ function bs({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
-                onClick: c,
+                onClick: d,
                 "aria-label": "Close"
               }
             ),
-            (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
+            (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
               s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: s }),
-              a && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: a })
+              r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: h }),
             p
@@ -919,17 +919,17 @@ function yt({
   children: t,
   title: s = "Code",
   defaultExpanded: n = !1,
-  expanded: a,
+  expanded: r,
   onToggle: o,
-  padding: r = "s",
+  padding: a = "s",
   className: i = "",
   ...l
 }) {
-  const [d, c] = I(n), m = a !== void 0, p = m ? a : d, h = () => {
-    m ? o == null || o(!a) : c((x) => !x);
+  const [c, d] = I(n), m = r !== void 0, p = m ? r : c, h = () => {
+    m ? o == null || o(!r) : d((x) => !x);
   }, u = [
     "ds-code-accordion",
-    `ds-code-accordion--${r}`,
+    `ds-code-accordion--${a}`,
     p && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
@@ -957,41 +957,41 @@ function yt({
     /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: t }) }) }) })
   ] });
 }
-function js({ children: t, block: s = !1, collapsible: n = !1, title: a = "Code", defaultExpanded: o = !1, ...r }) {
-  return s ? n ? /* @__PURE__ */ e.jsx(yt, { title: a, defaultExpanded: o, ...r, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...r, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: t });
+function js({ children: t, block: s = !1, collapsible: n = !1, title: r = "Code", defaultExpanded: o = !1, ...a }) {
+  return s ? n ? /* @__PURE__ */ e.jsx(yt, { title: r, defaultExpanded: o, ...a, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...a, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...a, children: t });
 }
-function Ns({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
-  const l = a === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
+function Ns({ href: t, children: s, onClick: n, target: r, rel: o, ...a }) {
+  const l = r === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
       href: t,
       className: "ds-link",
       onClick: n,
-      target: a,
+      target: r,
       rel: l,
-      ...r,
+      ...a,
       children: s
     }
   );
 }
-function ws({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: Y.Children.map(t, (o) => Y.isValidElement(o) ? Y.cloneElement(o, { size: s, variant: n }) : o) });
+function ws({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: Y.Children.map(t, (o) => Y.isValidElement(o) ? Y.cloneElement(o, { size: s, variant: n }) : o) });
 }
-function gs({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...d }) {
-  const c = i && !t, m = [
+function gs({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: o = "ghost", disabled: a = !1, icon: i, href: l, ...c }) {
+  const d = i && !t, m = [
     "ds-tab",
-    `ds-tab--${a}`,
+    `ds-tab--${r}`,
     `ds-tab--${o}`,
     s && "ds-tab--selected",
-    c && "ds-tab--icon-only"
+    d && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     t
   ] });
   if (l) {
     const h = (u) => {
-      if (r) {
+      if (a) {
         u.preventDefault();
         return;
       }
@@ -1002,11 +1002,11 @@ function gs({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
       {
         role: "tab",
         "aria-current": s ? "page" : void 0,
-        "aria-disabled": r ? "true" : void 0,
+        "aria-disabled": a ? "true" : void 0,
         className: m,
-        href: r ? void 0 : l,
+        href: a ? void 0 : l,
         onClick: h,
-        ...d,
+        ...c,
         children: p
       }
     );
@@ -1018,44 +1018,44 @@ function gs({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
       "aria-selected": s,
       className: m,
       onClick: n,
-      disabled: r,
-      ...d,
+      disabled: a,
+      ...c,
       children: p
     }
   );
 }
-function ys({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1 }) {
-  const r = T(null), i = T(null), [l, d] = I(!1), c = T(!1), m = T(null), p = T(null), h = () => {
-    if (!r.current) return;
-    const u = r.current.querySelector(`[data-value="${s}"]`);
+function ys({ options: t, value: s, onChange: n, size: r = "m", disabled: o = !1 }) {
+  const a = T(null), i = T(null), [l, c] = I(!1), d = T(!1), m = T(null), p = T(null), h = () => {
+    if (!a.current) return;
+    const u = a.current.querySelector(`[data-value="${s}"]`);
     if (!u) return;
-    const x = r.current.getBoundingClientRect(), v = u.getBoundingClientRect(), j = v.left - x.left, E = v.width;
-    i.current ? (i.current.style.transition = c.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = j + "px", i.current.style.width = E + "px", c.current = !1) : (d(!0), requestAnimationFrame(() => {
-      if (!i.current || !r.current) return;
-      const g = r.current.querySelector(`[data-value="${s}"]`);
+    const x = a.current.getBoundingClientRect(), v = u.getBoundingClientRect(), j = v.left - x.left, E = v.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = j + "px", i.current.style.width = E + "px", d.current = !1) : (c(!0), requestAnimationFrame(() => {
+      if (!i.current || !a.current) return;
+      const g = a.current.querySelector(`[data-value="${s}"]`);
       if (!g) return;
-      const b = r.current.getBoundingClientRect(), S = g.getBoundingClientRect();
+      const b = a.current.getBoundingClientRect(), S = g.getBoundingClientRect();
       i.current.style.transition = "none", i.current.style.left = S.left - b.left + "px", i.current.style.width = S.width + "px";
     }));
   };
   return p.current = h, Ze(() => {
     const u = m.current !== s;
-    m.current = s, c.current = l && u, h();
+    m.current = s, d.current = l && u, h();
   }), D(() => {
-    if (!r.current) return;
+    if (!a.current) return;
     const u = new ResizeObserver(() => {
-      c.current = !1, p.current();
+      d.current = !1, p.current();
     });
-    return u.observe(r.current), () => u.disconnect();
+    return u.observe(a.current), () => u.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-seg",
-        `ds-seg--${a}`,
+        `ds-seg--${r}`,
         o && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
-      ref: r,
+      ref: a,
       role: "group",
       children: [
         l && /* @__PURE__ */ e.jsx(
@@ -1090,16 +1090,16 @@ function Be({
   children: t,
   title: s,
   defaultExpanded: n = !1,
-  expanded: a,
+  expanded: r,
   onToggle: o,
-  padding: r = "m",
+  padding: a = "m",
   ...i
 }) {
-  const [l, d] = I(n), c = a !== void 0, m = c ? a : l, p = () => {
-    c ? o == null || o(!a) : d((u) => !u);
+  const [l, c] = I(n), d = r !== void 0, m = d ? r : l, p = () => {
+    d ? o == null || o(!r) : c((u) => !u);
   }, h = [
     "ds-accordion",
-    `ds-accordion--${r}`,
+    `ds-accordion--${a}`,
     m && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
@@ -1128,41 +1128,41 @@ function Be({
 }
 const re = 8, ue = 8;
 function kt(t, s, n) {
-  const a = window.innerWidth;
-  let o, r;
+  const r = window.innerWidth;
+  let o, a;
   switch (t) {
     case "top":
-      o = s.top - n.height - re, r = s.left + s.width / 2 - n.width / 2;
+      o = s.top - n.height - re, a = s.left + s.width / 2 - n.width / 2;
       break;
     case "bottom":
-      o = s.bottom + re, r = s.left + s.width / 2 - n.width / 2;
+      o = s.bottom + re, a = s.left + s.width / 2 - n.width / 2;
       break;
     case "left":
-      o = s.top + s.height / 2 - n.height / 2, r = s.left - n.width - re;
+      o = s.top + s.height / 2 - n.height / 2, a = s.left - n.width - re;
       break;
     case "right":
-      o = s.top + s.height / 2 - n.height / 2, r = s.right + re;
+      o = s.top + s.height / 2 - n.height / 2, a = s.right + re;
       break;
     default:
-      o = s.bottom + re, r = s.left;
+      o = s.bottom + re, a = s.left;
   }
-  const i = Math.max(ue, Math.min(a - n.width - ue, r)), l = r - i;
+  const i = Math.max(ue, Math.min(r - n.width - ue, a)), l = a - i;
   return { top: o, left: i, arrowOffset: l };
 }
 function Et(t, s, n) {
-  const a = window.innerWidth, o = window.innerHeight;
+  const r = window.innerWidth, o = window.innerHeight;
   if (t.top >= s + re + ue) return "top";
   if (o - t.bottom >= s + re + ue) return "bottom";
-  if (a - t.right >= n + re + ue) return "right";
+  if (r - t.right >= n + re + ue) return "right";
   if (t.left >= n + re + ue) return "left";
-  const r = Math.max(t.top, o - t.bottom, t.left, a - t.right);
-  return r === t.top ? "top" : r === o - t.bottom ? "bottom" : r === a - t.right ? "right" : "left";
+  const a = Math.max(t.top, o - t.bottom, t.left, r - t.right);
+  return a === t.top ? "top" : a === o - t.bottom ? "bottom" : a === r - t.right ? "right" : "left";
 }
-function De({ children: t, content: s, position: n, ...a }) {
-  const [o, r] = I(!1), [i, l] = I({ visibility: "hidden" }), [d, c] = I(n || "top"), m = T(null), p = T(null), h = T(!1), u = () => {
+function De({ children: t, content: s, position: n, ...r }) {
+  const [o, a] = I(!1), [i, l] = I({ visibility: "hidden" }), [c, d] = I(n || "top"), m = T(null), p = T(null), h = T(!1), u = () => {
     if (!m.current || !p.current) return;
     const v = m.current.getBoundingClientRect(), j = p.current.getBoundingClientRect(), E = n || Et(v, j.height, j.width), { top: g, left: b, arrowOffset: S } = kt(E, v, j);
-    c(E), l({
+    d(E), l({
       position: "fixed",
       top: g,
       left: b,
@@ -1180,7 +1180,7 @@ function De({ children: t, content: s, position: n, ...a }) {
   }, [o, n]), D(() => {
     if (!o) return;
     const v = (j) => {
-      m.current && !m.current.contains(j.target) && r(!1);
+      m.current && !m.current.contains(j.target) && a(!1);
     };
     return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
   }, [o]), !s) return t;
@@ -1189,7 +1189,7 @@ function De({ children: t, content: s, position: n, ...a }) {
     {
       ref: p,
       "data-ds-portal": "",
-      className: `ds-tooltip ds-tooltip--${d}`,
+      className: `ds-tooltip ds-tooltip--${c}`,
       role: "tooltip",
       style: i,
       children: s
@@ -1201,15 +1201,15 @@ function De({ children: t, content: s, position: n, ...a }) {
       ref: m,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        h.current || r(!0);
+        h.current || a(!0);
       },
       onMouseLeave: () => {
-        h.current || r(!1);
+        h.current || a(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((v) => !v);
+        h.current = !0, a((v) => !v);
       },
-      ...a,
+      ...r,
       children: [
         t,
         typeof document < "u" && pe.createPortal(x, document.body)
@@ -1221,17 +1221,17 @@ function ks({
   checked: t = !1,
   onChange: s,
   size: n = "m",
-  disabled: a = !1,
+  disabled: r = !1,
   label: o,
-  id: r,
+  id: a,
   ...i
 }) {
-  const l = r || `toggle-${Y.useId()}`, d = [
+  const l = a || `toggle-${Y.useId()}`, c = [
     "ds-toggle",
     `ds-toggle--${n}`,
-    a && "ds-toggle--disabled"
+    r && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1239,8 +1239,8 @@ function ks({
         id: l,
         className: "ds-toggle__input",
         checked: t,
-        onChange: (c) => s == null ? void 0 : s(c.target.checked),
-        disabled: a,
+        onChange: (d) => s == null ? void 0 : s(d.target.checked),
+        disabled: r,
         ...i
       }
     ),
@@ -1252,17 +1252,17 @@ function Es({
   checked: t = !1,
   onChange: s,
   size: n = "m",
-  disabled: a = !1,
+  disabled: r = !1,
   label: o,
-  id: r,
+  id: a,
   ...i
 }) {
-  const l = r || `checkbox-${Y.useId()}`, d = [
+  const l = a || `checkbox-${Y.useId()}`, c = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
-    a && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), c = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: l, children: [
+    r && "ds-checkbox--disabled"
+  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+  return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1271,14 +1271,14 @@ function Es({
         className: "ds-checkbox__input",
         checked: t,
         onChange: (m) => s == null ? void 0 : s(m.target.checked),
-        disabled: a,
+        disabled: r,
         ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
       Te,
       {
-        size: c,
+        size: d,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1290,56 +1290,56 @@ function $s({
   checked: t = !1,
   onChange: s,
   size: n = "m",
-  disabled: a = !1,
+  disabled: r = !1,
   label: o,
-  name: r,
+  name: a,
   value: i,
   id: l,
-  ...d
+  ...c
 }) {
-  const c = l || `radio-${Y.useId()}`, m = [
+  const d = l || `radio-${Y.useId()}`, m = [
     "ds-radio",
     `ds-radio--${n}`,
-    a && "ds-radio--disabled"
+    r && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: d, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: c,
+        id: d,
         className: "ds-radio__input",
         checked: t,
         onChange: (p) => s == null ? void 0 : s(p.target.checked),
-        disabled: a,
-        name: r,
+        disabled: r,
+        name: a,
         value: i,
-        ...d
+        ...c
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function $t({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: o = "", style: r = {}, ...i }) {
+function $t({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: o = "", style: a = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-skeleton", `ds-skeleton--${n}`, o].filter(Boolean).join(" "),
-      style: { width: t, height: s, aspectRatio: a, ...r },
+      style: { width: t, height: s, aspectRatio: r, ...a },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function Tt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
+function Tt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: o = {}, ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton-text", a].filter(Boolean).join(" "),
+      className: ["ds-skeleton-text", r].filter(Boolean).join(" "),
       style: { gap: n, ...o },
       "aria-hidden": "true",
-      ...r,
+      ...a,
       children: Array.from({ length: t }, (i, l) => /* @__PURE__ */ e.jsx(
         "span",
         {
@@ -1363,16 +1363,16 @@ function St(t) {
   const s = t.trim().split(/\s+/);
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
-function Ts({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style: r = {}, ...i }) {
-  const l = Rt(t ?? ""), [d, c] = I(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: St(t) });
+function Ts({ seed: t, icon: s, src: n, size: r = 32, className: o = "", style: a = {}, ...i }) {
+  const l = Rt(t ?? ""), [c, d] = I(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: St(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-avatar", o].filter(Boolean).join(" "),
-      style: { width: a, height: a, "--ds-avatar-h": l, ...r },
+      style: { width: r, height: r, "--ds-avatar-h": l, ...a },
       "aria-hidden": "true",
       ...i,
-      children: n && !d ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => c(!0) }) : m
+      children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : m
     }
   );
 }
@@ -1380,20 +1380,20 @@ function Rs({
   children: t,
   size: s = "compact",
   stickyTop: n,
-  maxHeight: a,
+  maxHeight: r,
   className: o = "",
-  style: r = {},
+  style: a = {},
   ...i
 }) {
   const l = {
-    ...a ? { maxHeight: a } : {},
+    ...r ? { maxHeight: r } : {},
     ...n !== void 0 ? { "--ds-table-sticky-top": typeof n == "number" ? `${n}px` : n } : {},
-    ...r
+    ...a
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-table-wrap", "ds-scrollable", a ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      className: ["ds-table-wrap", "ds-scrollable", r ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
       style: l,
       children: /* @__PURE__ */ e.jsx(
         "table",
@@ -1412,7 +1412,7 @@ function Ss({ children: t, ...s }) {
 function As({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function Is({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...d }) {
+function Is({ children: t, interactive: s, selected: n, subheader: r, exiting: o, updated: a, className: i = "", onClick: l, ...c }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1420,13 +1420,13 @@ function Is({ children: t, interactive: s, selected: n, subheader: a, exiting: o
         "ds-table-row",
         s || l ? "ds-table-row--interactive" : "",
         n ? "ds-table-row--selected" : "",
-        a ? "ds-table-row--subheader" : "",
+        r ? "ds-table-row--subheader" : "",
         o ? "ds-table-row--exiting" : "",
-        r ? "ds-table-row--updated" : "",
+        a ? "ds-table-row--updated" : "",
         i
       ].filter(Boolean).join(" "),
       onClick: l,
-      ...d,
+      ...c,
       children: t
     }
   );
@@ -1434,29 +1434,29 @@ function Is({ children: t, interactive: s, selected: n, subheader: a, exiting: o
 function Bs({ children: t, colSpan: s = 999, ...n }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
 }
-function Ds({ children: t, align: s = "left", sortDir: n, onSort: a, width: o, className: r = "", style: i = {}, ...l }) {
-  const d = !!a || n !== void 0, c = n === "asc" ? nt : n === "desc" ? ve : rt;
+function Ds({ children: t, align: s = "left", sortDir: n, onSort: r, width: o, className: a = "", style: i = {}, ...l }) {
+  const c = !!r || n !== void 0, d = n === "asc" ? nt : n === "desc" ? ve : rt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        d ? "ds-th--sortable" : "",
+        c ? "ds-th--sortable" : "",
         n ? "ds-th--sorted" : "",
         s !== "left" ? `ds-table-cell--${s}` : "",
-        r
+        a
       ].filter(Boolean).join(" "),
-      onClick: a,
+      onClick: r,
       style: { width: o, ...i },
       ...l,
-      children: d ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+      children: c ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         t,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(c, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
       ] }) : t
     }
   );
 }
-function Ls({ children: t, align: s = "left", secondary: n, muted: a, truncate: o, nowrap: r, className: i = "", ...l }) {
+function Ls({ children: t, align: s = "left", secondary: n, muted: r, truncate: o, nowrap: a, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1464,9 +1464,9 @@ function Ls({ children: t, align: s = "left", secondary: n, muted: a, truncate:
         "ds-td",
         s !== "left" ? `ds-table-cell--${s}` : "",
         n ? "ds-table-cell--secondary" : "",
-        a ? "ds-table-cell--muted" : "",
+        r ? "ds-table-cell--muted" : "",
         o ? "ds-table-cell--truncate" : "",
-        r ? "ds-table-cell--nowrap" : "",
+        a ? "ds-table-cell--nowrap" : "",
         i
       ].filter(Boolean).join(" "),
       ...l,
@@ -1478,21 +1478,21 @@ function Ps({
   icon: t,
   title: s,
   description: n,
-  action: a,
+  action: r,
   size: o = "m",
-  className: r = "",
+  className: a = "",
   ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${o}`, r].filter(Boolean).join(" "),
+      className: ["ds-empty-state", `ds-empty-state--${o}`, a].filter(Boolean).join(" "),
       ...i,
       children: [
         t && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: s }),
         n && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: n }),
-        a && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: a })
+        r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: r })
       ]
     }
   );
@@ -1501,24 +1501,24 @@ function Ms({
   label: t,
   hint: s,
   error: n,
-  required: a = !1,
+  required: r = !1,
   disabled: o = !1,
-  htmlFor: r,
+  htmlFor: a,
   children: i,
   className: l = "",
-  style: d,
-  ...c
+  style: c,
+  ...d
 }) {
-  const m = Y.useId(), p = r ?? m, h = `${p}-hint`, u = `${p}-error`;
+  const m = Y.useId(), p = a ?? m, h = `${p}-hint`, u = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
       "data-state": n ? "error" : void 0,
-      "data-required": a ? "" : void 0,
+      "data-required": r ? "" : void 0,
       "data-disabled": o ? "" : void 0,
-      style: d,
-      ...c,
+      style: c,
+      ...d,
       children: [
         t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
@@ -1528,23 +1528,23 @@ function Ms({
     }
   );
 }
-function zs({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, className: r = "", style: i, ...l }) {
-  const d = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
+function zs({ label: t, value: s, delta: n, size: r = "m", inline: o = !1, className: a = "", style: i, ...l }) {
+  const c = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-stat",
-        `ds-stat--${a}`,
+        `ds-stat--${r}`,
         o && "ds-stat--inline",
-        r
+        a
       ].filter(Boolean).join(" "),
       style: i,
       ...l,
       children: [
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: t }),
         s != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: s }),
-        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${d}`, children: n })
+        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${c}`, children: n })
       ]
     }
   );
@@ -1553,22 +1553,22 @@ function Cs({
   children: t,
   separator: s = "/",
   "aria-label": n = "Breadcrumb",
-  className: a = "",
+  className: r = "",
   style: o,
-  ...r
+  ...a
 }) {
   const i = Y.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: `ds-breadcrumb${a ? ` ${a}` : ""}`,
+      className: `ds-breadcrumb${r ? ` ${r}` : ""}`,
       "aria-label": n,
       style: o,
-      ...r,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, d) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      ...a,
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, c) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        d < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
-      ] }, d)) })
+        c < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
+      ] }, c)) })
     }
   );
 }
@@ -1576,17 +1576,17 @@ function Os({
   page: t,
   total: s,
   onChange: n,
-  siblings: a = 1,
+  siblings: r = 1,
   "aria-label": o = "Pagination",
-  className: r = "",
+  className: a = "",
   style: i,
   ...l
 }) {
-  const d = At(t, s, a);
+  const c = At(t, s, r);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
-      className: `ds-pagination${r ? ` ${r}` : ""}`,
+      className: `ds-pagination${a ? ` ${a}` : ""}`,
       "aria-label": o,
       style: i,
       ...l,
@@ -1601,17 +1601,17 @@ function Os({
             children: /* @__PURE__ */ e.jsx(at, { size: 16 })
           }
         ),
-        d.map(
-          (c, m) => c === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
+        c.map(
+          (d, m) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${c === t ? " ds-pagination-page--current" : ""}`,
-              onClick: () => c !== t && (n == null ? void 0 : n(c)),
-              "aria-current": c === t ? "page" : void 0,
-              "aria-label": `Page ${c}`,
-              children: c
+              className: `ds-pagination-page${d === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => d !== t && (n == null ? void 0 : n(d)),
+              "aria-current": d === t ? "page" : void 0,
+              "aria-label": `Page ${d}`,
+              children: d
             },
-            c
+            d
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1630,31 +1630,31 @@ function Os({
 }
 function At(t, s, n) {
   if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
-  const a = Math.max(2, t - n), o = Math.min(s - 1, t + n), r = [1];
-  a > 2 && r.push("…");
-  for (let i = a; i <= o; i++) r.push(i);
-  return o < s - 1 && r.push("…"), r.push(s), r;
+  const r = Math.max(2, t - n), o = Math.min(s - 1, t + n), a = [1];
+  r > 2 && a.push("…");
+  for (let i = r; i <= o; i++) a.push(i);
+  return o < s - 1 && a.push("…"), a.push(s), a;
 }
 const It = 200;
 function Fs({
   children: t,
   title: s,
   onClose: n,
-  side: a = "right",
+  side: r = "right",
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, d] = I(!1), c = () => {
-    !n || l || (d(!0), setTimeout(() => {
-      d(!1), n();
+  const a = T(null), i = Y.useId(), [l, c] = I(!1), d = () => {
+    !n || l || (c(!0), setTimeout(() => {
+      c(!1), n();
     }, It));
   };
   D(() => {
     const u = (v) => {
-      v.key === "Escape" && c();
+      v.key === "Escape" && d();
     }, x = (v) => {
       var E, g, b;
       const j = ((g = (E = v.composedPath) == null ? void 0 : E.call(v)) == null ? void 0 : g[0]) ?? v.target;
-      r.current && !r.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && c();
+      a.current && !a.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", x), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", x);
@@ -1670,15 +1670,15 @@ function Fs({
         "aside",
         {
           className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": a,
-          ref: r,
+          "data-side": r,
+          ref: a,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": s ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: s }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: c, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
+              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: h }),
             p
@@ -1696,21 +1696,21 @@ function Ws({
   children: t,
   title: s,
   onClose: n,
-  subHeader: a,
+  subHeader: r,
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, d] = I(!1), c = () => {
-    !n || l || (d(!0), setTimeout(() => {
-      d(!1), n();
+  const a = T(null), i = Y.useId(), [l, c] = I(!1), d = () => {
+    !n || l || (c(!0), setTimeout(() => {
+      c(!1), n();
     }, Bt));
   };
   D(() => {
     const u = (v) => {
-      v.key === "Escape" && c();
+      v.key === "Escape" && d();
     }, x = (v) => {
       var E, g, b;
       const j = ((g = (E = v.composedPath) == null ? void 0 : E.call(v)) == null ? void 0 : g[0]) ?? v.target;
-      r.current && !r.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && c();
+      a.current && !a.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", x), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", x);
@@ -1725,7 +1725,7 @@ function Ws({
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: r,
+          ref: a,
           className: ["ds-side-page", l && "ds-side-page--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
@@ -1738,13 +1738,13 @@ function Ws({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
-                onClick: c,
+                onClick: d,
                 "aria-label": "Close"
               }
             ),
-            (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
+            (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
               s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-side-page__title", children: s }),
-              a && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: a })
+              r && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: r })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: h }),
             p
@@ -1762,46 +1762,49 @@ function Us({
   children: t,
   collapsed: s = !1,
   side: n = "left",
-  className: a = "",
-  ...o
+  onExpand: r,
+  className: o = "",
+  ...a
 }) {
-  const r = [
+  const i = [
     "ds-nav-rail",
     s && "ds-nav-rail--collapsed",
     `ds-nav-rail--${n}`,
-    a
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx(_e.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: t }) });
+    o
+  ].filter(Boolean).join(" "), l = je((c) => {
+    !s || !r || c.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]') || r();
+  }, [s, r]);
+  return /* @__PURE__ */ e.jsx(_e.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: i, onClick: l, ...a, children: t }) });
 }
 function Vs({
   icon: t,
   label: s,
   selected: n = !1,
-  disabled: a = !1,
+  disabled: r = !1,
   href: o,
-  onClick: r,
+  onClick: a,
   count: i,
   updated: l = !1,
-  open: d = !1,
-  onboarding: c = !1,
+  open: c = !1,
+  onboarding: d = !1,
   className: m = "",
   ...p
 }) {
-  const { collapsed: h, side: u } = je(_e), j = {
+  const { collapsed: h, side: u } = Ne(_e), j = {
     className: [
       "ds-nav-rail__item",
       m
     ].filter(Boolean).join(" "),
-    onClick: a ? void 0 : r,
+    onClick: r ? void 0 : a,
     "aria-current": n ? "page" : void 0,
-    "aria-disabled": a ? "true" : void 0,
+    "aria-disabled": r ? "true" : void 0,
     "aria-label": h ? s : void 0,
-    tabIndex: a ? -1 : void 0,
+    tabIndex: r ? -1 : void 0,
     ...{
       "data-selected": n || void 0,
-      "data-disabled": a || void 0,
-      "data-open": d || void 0,
-      "data-onboarding": c || void 0
+      "data-disabled": r || void 0,
+      "data-open": c || void 0,
+      "data-onboarding": d || void 0
     },
     ...p
   }, E = i != null, g = u === "left" ? "right" : "left", b = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1810,7 +1813,7 @@ function Vs({
     !h && l && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
     !h && E && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
     h && l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), S = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...j, children: b }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: b });
+  ] }), S = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...j, children: b }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: b });
   return h ? /* @__PURE__ */ e.jsx(De, { content: s, position: g, children: S }) : S;
 }
 function Ys({ children: t, className: s = "", ...n }) {
@@ -1825,15 +1828,15 @@ function Hs({ children: t, className: s = "", ...n }) {
 function Ks({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function Gs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: a = "", ...o }) {
-  const { collapsed: r } = je(_e), [i, l] = I(n);
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", a].filter(Boolean).join(" "), ...o, children: [
-    !r && /* @__PURE__ */ e.jsxs(
+function Gs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: r = "", ...o }) {
+  const { collapsed: a } = Ne(_e), [i, l] = I(n);
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...o, children: [
+    !a && /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: ["ds-nav-rail__recents-toggle", !i && "ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),
-        onClick: () => l((d) => !d),
+        onClick: () => l((c) => !c),
         "aria-expanded": i,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: s }),
@@ -1841,57 +1844,57 @@ function Gs({ children: t, label: s = "Recents", defaultOpen: n = !0, className:
         ]
       }
     ),
-    (i || r) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
+    (i || a) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
 const Xs = Qe(function({
   as: s = "button",
   avatar: n,
-  label: a,
+  label: r,
   className: o = "",
-  ...r
+  ...a
 }, i) {
-  const { collapsed: l, side: d } = je(_e), c = d === "left" ? "right" : "left", m = [
+  const { collapsed: l, side: c } = Ne(_e), d = c === "left" ? "right" : "left", m = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
     o
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: n }),
-    !l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: a })
+    !l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: r })
   ] }), h = /* @__PURE__ */ e.jsx(
     s,
     {
       ref: i,
       className: m,
-      "aria-label": l ? a : void 0,
+      "aria-label": l ? r : void 0,
       ...s === "button" ? { type: "button" } : {},
-      ...r,
+      ...a,
       children: p
     }
   );
-  return l ? /* @__PURE__ */ e.jsx(De, { content: a, position: c, children: h }) : h;
+  return l ? /* @__PURE__ */ e.jsx(De, { content: r, position: d, children: h }) : h;
 });
-function Js({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o, onClick: r, className: i = "", ...l }) {
-  const { collapsed: d, side: c } = je(_e), h = {
+function Js({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: o, onClick: a, className: i = "", ...l }) {
+  const { collapsed: c, side: d } = Ne(_e), h = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
       i
     ].filter(Boolean).join(" "),
-    onClick: a ? void 0 : r,
+    onClick: r ? void 0 : a,
     "aria-current": n ? "page" : void 0,
-    "aria-disabled": a ? "true" : void 0,
-    tabIndex: a ? -1 : void 0,
+    "aria-disabled": r ? "true" : void 0,
+    tabIndex: r ? -1 : void 0,
     ...{
       "data-selected": n || void 0,
-      "data-disabled": a || void 0
+      "data-disabled": r || void 0
     },
     ...l
   }, u = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
-    !d && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), x = c === "left" ? "right" : "left", v = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...h, children: u }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...h, children: u });
-  return d ? /* @__PURE__ */ e.jsx(De, { content: s, position: x, children: v }) : v;
+    !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
+  ] }), x = d === "left" ? "right" : "left", v = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...h, children: u }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...h, children: u });
+  return c ? /* @__PURE__ */ e.jsx(De, { content: s, position: x, children: v }) : v;
 }
 const Dt = {
   info: Ie,
@@ -1903,17 +1906,17 @@ function Zs({
   children: t,
   variant: s = "info",
   action: n,
-  onAction: a,
+  onAction: r,
   onDismiss: o,
-  role: r,
+  role: a,
   ...i
 }) {
-  const l = Dt[s], d = r || (s === "error" ? "alert" : "status");
+  const l = Dt[s], c = a || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${s}`,
-      role: d,
+      role: c,
       ...i,
       children: [
         l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: P[2], strokeWidth: 1.5 }) }),
@@ -1923,7 +1926,7 @@ function Zs({
           {
             type: "button",
             className: "ds-banner-action",
-            onClick: a,
+            onClick: r,
             children: n
           }
         ),
@@ -1945,16 +1948,16 @@ function Qs({
   trigger: t,
   items: s = [],
   open: n,
-  onOpenChange: a,
+  onOpenChange: r,
   align: o = "left",
-  fullWidth: r = !1,
+  fullWidth: a = !1,
   className: i = "",
   style: l,
-  ...d
+  ...c
 }) {
-  const [c, m] = I(!1), [p, h] = I(!1), u = n !== void 0, x = u ? n : c, v = T(null), j = T(null), E = T(null), g = T(null), [b, S] = I({}), L = T(null), C = 150, U = () => {
+  const [d, m] = I(!1), [p, h] = I(!1), u = n !== void 0, x = u ? n : d, v = T(null), j = T(null), E = T(null), g = T(null), [b, S] = I({}), L = T(null), C = 150, U = () => {
     if (u)
-      a == null || a(!1);
+      r == null || r(!1);
     else {
       if (p) return;
       h(!0), L.current = setTimeout(() => {
@@ -1963,9 +1966,9 @@ function Qs({
     }
   }, K = () => {
     const _ = !x;
-    u ? a == null || a(_) : _ ? (clearTimeout(L.current), h(!1), m(!0)) : U();
+    u ? r == null || r(_) : _ ? (clearTimeout(L.current), h(!1), m(!0)) : U();
   }, V = () => {
-    x || (u ? a == null || a(!0) : (clearTimeout(L.current), h(!1), m(!0)));
+    x || (u ? r == null || r(!0) : (clearTimeout(L.current), h(!1), m(!0)));
   };
   D(() => () => clearTimeout(L.current), []), D(() => {
     if (!x) return;
@@ -2088,9 +2091,9 @@ function Qs({
     "div",
     {
       ref: v,
-      className: ["ds-dropdown", r && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
+      className: ["ds-dropdown", a && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
-      ...d,
+      ...c,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
@@ -2111,18 +2114,18 @@ function en({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
-  showValue: a = !1,
+  showValue: r = !1,
   min: o = 2,
-  animate: r = !0
+  animate: a = !0
 }) {
-  const i = Math.min(100, Math.max(0, t)), l = Math.max(o, i), d = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
+  const i = Math.min(100, Math.max(0, t)), l = Math.max(o, i), c = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-progress",
         `ds-progress--${s}`,
-        !r && "ds-progress--instant"
+        !a && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
       "aria-valuenow": i,
@@ -2132,11 +2135,11 @@ function en({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${d}`,
+            className: `ds-progress__fill ds-progress__fill--${c}`,
             style: { width: `${l}%` }
           }
         ) }),
-        a && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+        r && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
           Math.round(i),
           "%"
         ] })
@@ -2146,61 +2149,61 @@ function en({
 }
 const Lt = (t) => 1 - Math.pow(1 - t, 3), Pt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function Mt(t, { duration: s = 600 } = {}) {
-  const [n, a] = I(t), o = T(t), r = T(null);
+  const [n, r] = I(t), o = T(t), a = T(null);
   return D(() => {
     if (Pt()) {
-      a(t), o.current = t;
+      r(t), o.current = t;
       return;
     }
     const i = o.current, l = t - i;
     if (l === 0) return;
-    let d = null;
-    const c = (m) => {
-      d || (d = m);
-      const p = Math.min((m - d) / s, 1);
-      a(i + l * Lt(p)), p < 1 ? r.current = requestAnimationFrame(c) : o.current = t;
+    let c = null;
+    const d = (m) => {
+      c || (c = m);
+      const p = Math.min((m - c) / s, 1);
+      r(i + l * Lt(p)), p < 1 ? a.current = requestAnimationFrame(d) : o.current = t;
     };
-    return r.current = requestAnimationFrame(c), () => cancelAnimationFrame(r.current);
+    return a.current = requestAnimationFrame(d), () => cancelAnimationFrame(a.current);
   }, [t, s]), n;
 }
 function tn({
   value: t,
   duration: s = 600,
   decimals: n = 0,
-  prefix: a = "",
+  prefix: r = "",
   suffix: o = ""
 }) {
   const i = Mt(t, { duration: s }).toFixed(n);
-  return `${a}${i}${o}`;
+  return `${r}${i}${o}`;
 }
 function zt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const a = T(null), [o, r] = I(!1);
+  const r = T(null), [o, a] = I(!1);
   return D(() => {
-    const i = a.current;
+    const i = r.current;
     if (!i) return;
     const l = new IntersectionObserver(
-      ([d]) => {
-        d.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
+      ([c]) => {
+        c.isIntersecting ? (a(!0), n && l.disconnect()) : n || a(!1);
       },
       { threshold: t, rootMargin: s }
     );
     return l.observe(i), () => l.disconnect();
-  }, [t, s, n]), { ref: a, inView: o };
+  }, [t, s, n]), { ref: r, inView: o };
 }
 function sn({
   children: t,
   as: s = "div",
   once: n = !1,
-  threshold: a = 0.1,
+  threshold: r = 0.1,
   rootMargin: o = "0px",
-  onEnter: r,
+  onEnter: a,
   onLeave: i,
   ...l
 }) {
-  const { ref: d, inView: c } = zt({ threshold: a, rootMargin: o, once: n }), m = T(!1);
+  const { ref: c, inView: d } = zt({ threshold: r, rootMargin: o, once: n }), m = T(!1);
   return D(() => {
-    c && !m.current && (r == null || r()), !c && m.current && (i == null || i()), m.current = c;
-  }, [c]), /* @__PURE__ */ e.jsx(s, { ref: d, ...l, children: typeof t == "function" ? t(c) : t });
+    d && !m.current && (a == null || a()), !d && m.current && (i == null || i()), m.current = d;
+  }, [d]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(d) : t });
 }
 const Ue = {
   default: Ie,
@@ -2209,9 +2212,9 @@ const Ue = {
   error: Re
 };
 let me = [];
-const ke = /* @__PURE__ */ new Set();
+const Ee = /* @__PURE__ */ new Set();
 function Ge() {
-  ke.forEach((t) => t([...me]));
+  Ee.forEach((t) => t([...me]));
 }
 function Ct(t) {
   me = [...me, t], Ge();
@@ -2232,10 +2235,10 @@ function nn() {
   return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
 }
 function Ft({ data: t, onDismiss: s }) {
-  const [n, a] = I(!1), o = T(null);
-  D(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => r(), t.duration)), () => clearTimeout(o.current)), []);
-  function r() {
-    a(!1), setTimeout(() => s(t.id), 250);
+  const [n, r] = I(!1), o = T(null);
+  D(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (o.current = setTimeout(() => a(), t.duration)), () => clearTimeout(o.current)), []);
+  function a() {
+    r(!1), setTimeout(() => s(t.id), 250);
   }
   const i = Ue[t.type] ?? Ue.default;
   return /* @__PURE__ */ e.jsxs(
@@ -2255,7 +2258,7 @@ function Ft({ data: t, onDismiss: s }) {
           "button",
           {
             className: "ds-toast__close",
-            onClick: r,
+            onClick: a,
             "aria-label": "Закрыть",
             children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
           }
@@ -2266,8 +2269,8 @@ function Ft({ data: t, onDismiss: s }) {
 }
 function rn({ position: t = "bottom-right" }) {
   const [s, n] = I(() => [...me]);
-  return D(() => (ke.add(n), () => ke.delete(n)), []), !s.length || typeof document > "u" ? null : pe.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(Ft, { data: a, onDismiss: Ot }, a.id)) }),
+  return D(() => (Ee.add(n), () => Ee.delete(n)), []), !s.length || typeof document > "u" ? null : pe.createPortal(
+    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(Ft, { data: r, onDismiss: Ot }, r.id)) }),
     document.body
   );
 }
@@ -2280,32 +2283,32 @@ function an({
   label: t,
   status: s = "idle",
   icon: n,
-  badge: a,
+  badge: r,
   defaultExpanded: o = !1,
-  expanded: r,
+  expanded: a,
   onToggle: i,
   children: l,
-  className: d = "",
-  ...c
+  className: c = "",
+  ...d
 }) {
   const m = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
     Wt[s],
-    a
+    r
   ] });
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", m && "ds-tool-card--running", d].filter(Boolean).join(" "),
-      ...c,
+      className: ["ds-tool-card", m && "ds-tool-card--running", c].filter(Boolean).join(" "),
+      ...d,
       children: /* @__PURE__ */ e.jsx(
         Be,
         {
           title: p,
           padding: "s",
           defaultExpanded: o,
-          expanded: m ? !1 : r,
+          expanded: m ? !1 : a,
           onToggle: m ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
@@ -2314,8 +2317,8 @@ function an({
   ) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", "ds-tool-card--bubble", d].filter(Boolean).join(" "),
-      ...c,
+      className: ["ds-tool-card", "ds-tool-card--bubble", c].filter(Boolean).join(" "),
+      ...d,
       children: p
     }
   );
@@ -2324,11 +2327,11 @@ function Ut({
   text: t,
   size: s = "xs",
   timeout: n = 800,
-  "aria-label": a = "Copy to clipboard",
+  "aria-label": r = "Copy to clipboard",
   ...o
 }) {
-  const [r, i] = I(!1), l = (d) => {
-    d.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
+  const [a, i] = I(!1), l = (c) => {
+    c.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       i(!0), setTimeout(() => i(!1), n);
     });
   };
@@ -2337,22 +2340,22 @@ function Ut({
     {
       variant: "ghost",
       size: s,
-      state: r ? "success" : "idle",
+      state: a ? "success" : "idle",
       icon: /* @__PURE__ */ e.jsx(it, { size: P[1], strokeWidth: 1.5 }),
-      "aria-label": a,
+      "aria-label": r,
       onClick: l,
       ...o
     }
   );
 }
 function on({ content: t, streaming: s = !1, ...n }) {
-  const [a, o] = I(s);
+  const [r, o] = I(s);
   return D(() => {
     o(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
     Be,
     {
-      expanded: a,
+      expanded: r,
       onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
@@ -2371,15 +2374,15 @@ function ln({
   count: t,
   current: s = 0,
   done: n = [],
-  onChange: a,
+  onChange: r,
   showCounter: o = !0,
-  className: r = "",
+  className: a = "",
   "aria-label": i = "Steps",
   ...l
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", r].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (d, c) => {
-      const m = c === s, p = n.includes(c) && !m, h = a && (c <= s || n.includes(c)), u = [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", a].filter(Boolean).join(" "), ...l, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (c, d) => {
+      const m = d === s, p = n.includes(d) && !m, h = r && (d <= s || n.includes(d)), u = [
         "ds-step-indicator__dot",
         m && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2391,12 +2394,12 @@ function ln({
           className: u,
           role: "tab",
           "aria-selected": m,
-          "aria-label": `Step ${c + 1}`,
-          disabled: !h || c === s,
-          onClick: () => a == null ? void 0 : a(c),
+          "aria-label": `Step ${d + 1}`,
+          disabled: !h || d === s,
+          onClick: () => r == null ? void 0 : r(d),
           children: p ? /* @__PURE__ */ e.jsx(Te, { size: 8, strokeWidth: 3 }) : null
         },
-        c
+        d
       );
     }) }),
     o && /* @__PURE__ */ e.jsxs(Ke, { secondary: !0, className: "ds-step-indicator__counter", children: [
@@ -2410,14 +2413,14 @@ function cn({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
-  onChunk: a,
+  onChunk: r,
   className: o = "",
-  ...r
+  ...a
 }) {
   const i = T(t);
   return D(() => {
-    t !== i.current && (a == null || a(t), i.current = t);
-  }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...r, children: [
+    t !== i.current && (r == null || r(t), i.current = t);
+  }, [t, r]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...a, children: [
     t,
     s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
@@ -2426,54 +2429,54 @@ function dn({
   role: t = "assistant",
   header: s,
   footer: n,
-  attachments: a,
+  attachments: r,
   isStreaming: o = !1,
-  children: r,
+  children: a,
   className: i = "",
   ...l
 }) {
-  const d = [
+  const c = [
     "ds-chat-message",
     `ds-chat-message--${t}`,
     o && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
-  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: d, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
-    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: r }),
+  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: c, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: a }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: a }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
     s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
-    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: r }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: a }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
 function un(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const a = T(!1), o = T(0);
+  const r = T(!1), o = T(0);
   D(() => {
-    const r = s == null ? void 0 : s.current;
-    if (!r) return;
+    const a = s == null ? void 0 : s.current;
+    if (!a) return;
     const i = () => {
-      const l = r.scrollHeight - r.scrollTop - r.clientHeight < 64;
-      !l && r.scrollTop < o.current && (a.current = !0), l && (a.current = !1), o.current = r.scrollTop;
+      const l = a.scrollHeight - a.scrollTop - a.clientHeight < 64;
+      !l && a.scrollTop < o.current && (r.current = !0), l && (r.current = !1), o.current = a.scrollTop;
     };
-    return r.addEventListener("scroll", i, { passive: !0 }), () => r.removeEventListener("scroll", i);
+    return a.addEventListener("scroll", i, { passive: !0 }), () => a.removeEventListener("scroll", i);
   }, [s]), D(() => {
-    const r = s == null ? void 0 : s.current;
-    r && (n && a.current || (r.scrollTop = r.scrollHeight));
+    const a = s == null ? void 0 : s.current;
+    a && (n && r.current || (a.scrollTop = a.scrollHeight));
   }, t);
 }
 function Vt({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
-  erasingSpeed: a = 18,
+  erasingSpeed: r = 18,
   holdTime: o = 2200,
-  betweenTime: r = 380,
+  betweenTime: a = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, d] = I(0), [c, m] = I(""), p = T("typing"), h = T(0), u = T(0), x = T(null), v = T(0);
+  const [l, c] = I(0), [d, m] = I(""), p = T("typing"), h = T(0), u = T(0), x = T(null), v = T(0);
   D(() => {
     u.current = l;
   }, [l]), D(() => {
@@ -2488,31 +2491,31 @@ function Vt({
         return;
       }
       const C = t[u.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, m(C.slice(0, h.current)), h.current >= C.length ? (p.current = "holding", x.current = setTimeout(S, o)) : x.current = setTimeout(S, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(S, a)) : (h.current = Math.max(0, h.current - 1), m(C.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % t.length, d(u.current), x.current = setTimeout(S, r)) : x.current = setTimeout(S, a));
+      p.current === "typing" ? (h.current += 1, m(C.slice(0, h.current)), h.current >= C.length ? (p.current = "holding", x.current = setTimeout(S, o)) : x.current = setTimeout(S, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(S, r)) : (h.current = Math.max(0, h.current - 1), m(C.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % t.length, c(u.current), x.current = setTimeout(S, a)) : x.current = setTimeout(S, r));
     };
     return x.current = setTimeout(S, 260), () => {
       x.current && clearTimeout(x.current);
     };
-  }, [s, t, n, a, o, r]);
+  }, [s, t, n, r, o, a]);
   const j = (S) => {
     if (t.length === 0) return;
     const L = (S % t.length + t.length) % t.length, C = t[L];
-    u.current = L, h.current = C.length, p.current = "holding", v.current = Date.now() + i, d(L), m(C);
+    u.current = L, h.current = C.length, p.current = "holding", v.current = Date.now() + i, c(L), m(C);
   }, E = () => j(u.current + 1), g = () => j(u.current - 1), b = t[l % t.length] ?? "";
-  return { displayed: c, currentPrompt: b, index: l, next: E, prev: g };
+  return { displayed: d, currentPrompt: b, index: l, next: E, prev: g };
 }
 let Yt = 0;
 function fn({
   value: t = "",
   onChange: s,
   onSubmit: n,
-  onStop: a,
+  onStop: r,
   onKeyDown: o,
-  loading: r = !1,
+  loading: a = !1,
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: d,
-  attachments: c,
+  animatedPlaceholders: c,
+  attachments: d,
   images: m,
   onAttachFiles: p,
   onAttachImages: h,
@@ -2548,12 +2551,12 @@ function fn({
   }, [t]), D(() => {
     const N = (B) => {
       var J, Z, te;
-      if (r || i) return;
+      if (a || i) return;
       const X = (J = B.target) == null ? void 0 : J.tagName;
       X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = B.target) != null && Z.isContentEditable || B.ctrlKey || B.metaKey || B.altKey || B.key.length !== 1 && B.key !== "Backspace" && B.key !== "Delete" || (te = K.current) == null || te.focus();
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
-  }, [r, i]);
+  }, [a, i]);
   const $ = (N) => {
     N.preventDefault(), V.current++, N.dataTransfer.types.includes("Files") && M(!0);
   }, z = (N) => {
@@ -2578,10 +2581,10 @@ function fn({
     if (X.length === 0) return;
     const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ce } = k(X);
     Z.length && A(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && A(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ce && A(`Max ${E} images per message`), J.length && (N.preventDefault(), h(J));
-  }, Q = !r && !i && !!(d != null && d.length) && t.length === 0, ie = Vt({
-    prompts: d ?? [],
+  }, Q = !a && !i && !!(c != null && c.length) && t.length === 0, ie = Vt({
+    prompts: c ?? [],
     enabled: Q
-  }), Ne = (N) => {
+  }), we = (N) => {
     if (Q) {
       if (N.key === "ArrowDown" || N.key === "ArrowRight") {
         N.preventDefault(), ie.next();
@@ -2597,7 +2600,7 @@ function fn({
       }
     }
     o == null || o(N);
-  }, Xe = (t.trim() || (m == null ? void 0 : m.length) > 0 || (c == null ? void 0 : c.length) > 0) && !i, Le = p || h;
+  }, Xe = (t.trim() || (m == null ? void 0 : m.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Le = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", L].filter(Boolean).join(" "), ...C, children: [
     Le && /* @__PURE__ */ e.jsx(
       "input",
@@ -2626,10 +2629,10 @@ function fn({
               ref: K,
               value: t,
               onChange: (N) => s == null ? void 0 : s(N.target.value),
-              onKeyDown: Ne,
+              onKeyDown: we,
               onPaste: q,
               placeholder: Q ? "" : l,
-              disabled: r || i,
+              disabled: a || i,
               rows: 1,
               className: ["ds-prompt-input__textarea", Q && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
             }
@@ -2664,7 +2667,7 @@ function fn({
               }
             )
           ] }, N.id)) }),
-          c && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: c.map((N, B) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((N, B) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
             N.uploading ? /* @__PURE__ */ e.jsx(ct, { size: P[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Me, { size: P[1], strokeWidth: 1.5 }),
             N.filename,
             N.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
@@ -2694,13 +2697,13 @@ function fn({
             b,
             S,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
-            r ? /* @__PURE__ */ e.jsx(
+            a ? /* @__PURE__ */ e.jsx(
               ae,
               {
                 variant: "primary",
                 size: "xs",
                 icon: /* @__PURE__ */ e.jsx(dt, { size: P[2], strokeWidth: 1.5 }),
-                onClick: a,
+                onClick: r,
                 "aria-label": "Stop"
               }
             ) : /* @__PURE__ */ e.jsx(
@@ -2725,16 +2728,16 @@ function mn({
   models: t = [],
   value: s,
   onChange: n,
-  size: a = "xs",
+  size: r = "xs",
   minTier: o,
-  showAutoOption: r = !1,
+  showAutoOption: a = !1,
   groupByTier: i = !0,
   className: l = "",
-  ...d
+  ...c
 }) {
-  const [c, m] = I(!1), p = T(null), h = T(null), u = T(null), [x, v] = I({}), j = t.filter((w) => !o || w.name === "auto" ? !0 : (Ve[w.tier] ?? 1) >= (Ve[o] ?? 1)), E = j.find((w) => w.name === "auto"), g = j.filter((w) => w.name !== "auto"), b = t.find((w) => w.name === s), L = new Set(g.map((w) => w.tier).filter(Boolean)).size > 1;
+  const [d, m] = I(!1), p = T(null), h = T(null), u = T(null), [x, v] = I({}), j = t.filter((w) => !o || w.name === "auto" ? !0 : (Ve[w.tier] ?? 1) >= (Ve[o] ?? 1)), E = j.find((w) => w.name === "auto"), g = j.filter((w) => w.name !== "auto"), b = t.find((w) => w.name === s), L = new Set(g.map((w) => w.tier).filter(Boolean)).size > 1;
   D(() => {
-    if (!c) return;
+    if (!d) return;
     const w = 320, M = () => {
       var R;
       const A = (R = h.current) == null ? void 0 : R.getBoundingClientRect();
@@ -2757,7 +2760,7 @@ function mn({
     return document.addEventListener("mousedown", G), document.addEventListener("keydown", F), () => {
       window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("mousedown", G), document.removeEventListener("keydown", F);
     };
-  }, [c]);
+  }, [d]);
   const C = (w) => {
     n == null || n(w), m(!1);
   }, U = (w) => /* @__PURE__ */ e.jsxs(
@@ -2782,8 +2785,8 @@ function mn({
       /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": w, children: w.charAt(0).toUpperCase() + w.slice(1) }, `lbl-${w}`),
       ...M.map(U)
     ] : [];
-  }), V = c && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
-    r && E && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), V = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
+    a && E && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2809,7 +2812,7 @@ function mn({
     {
       ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...d,
+      ...c,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
@@ -2819,7 +2822,7 @@ function mn({
             className: "ds-model-picker__trigger",
             onClick: () => m((w) => !w),
             "aria-haspopup": "listbox",
-            "aria-expanded": c,
+            "aria-expanded": d,
             children: [
               b != null && b.icon ? /* @__PURE__ */ e.jsx("span", { children: b.icon }) : /* @__PURE__ */ e.jsx(ze, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (b == null ? void 0 : b.displayName) || (b == null ? void 0 : b.name) || s }),
@@ -2834,9 +2837,9 @@ function mn({
 }
 const qt = ({ filename: t, pages: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
   /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: t }),
-  s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(s) })
+  s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: $e(s) })
 ] });
-function Ee(t) {
+function $e(t) {
   return t != null && t.length ? "p. " + t.join(", ") : null;
 }
 function Ht(t) {
@@ -2849,12 +2852,12 @@ function pn({
   sources: t = [],
   layout: s = "list",
   title: n = "Sources",
-  maxVisible: a = 5,
+  maxVisible: r = 5,
   onSourceClick: o
 }) {
-  const [r, i] = I(!1), l = Ht(t), d = l.length > a, c = r ? l : l.slice(0, a), m = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [a, i] = I(!1), l = Ht(t), c = l.length > r, d = a ? l : l.slice(0, r), m = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
-    c.map((h) => {
+    d.map((h) => {
       const u = h.items.map((v) => v.page).filter(Boolean), x = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
@@ -2864,20 +2867,20 @@ function pn({
           children: [
             /* @__PURE__ */ e.jsx(mt, { size: P[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(u) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: $e(u) })
           ]
         },
         h.filename
       );
     }),
-    d && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    c && !a && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - a,
+      l.length - r,
       " more sources"
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
-    c.map((h) => {
+    d.map((h) => {
       const u = h.items.map((v) => v.page).filter(Boolean), x = !!o;
       return m ? /* @__PURE__ */ e.jsx(
         Be,
@@ -2902,15 +2905,15 @@ function pn({
           onClick: x ? () => o(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(u) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: $e(u) })
           ]
         },
         h.filename
       );
     }),
-    d && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    c && !a && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - a,
+      l.length - r,
       " more sources"
     ] })
   ] });
@@ -2922,12 +2925,12 @@ function hn({
   used: t,
   limit: s,
   size: n = "s",
-  showCount: a = !0,
+  showCount: r = !0,
   showPercent: o = !1,
-  warningThreshold: r = 0.8,
+  warningThreshold: a = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = s > 0 ? t / s : 0, d = Math.min(l * 100, 100), c = l >= i ? "error" : l >= r ? "warning" : "normal";
+  const l = s > 0 ? t / s : 0, c = Math.min(l * 100, 100), d = l >= i ? "error" : l >= a ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2939,12 +2942,12 @@ function hn({
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-token-counter__fill ds-token-counter__fill--${c}`,
-            style: { width: `${d}%` }
+            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
+            style: { width: `${c}%` }
           }
         ) }),
-        (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${c}`, children: [
-          a && /* @__PURE__ */ e.jsxs("span", { children: [
+        (r || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
+          r && /* @__PURE__ */ e.jsxs("span", { children: [
             qe(t),
             " / ",
             qe(s)
@@ -2966,27 +2969,27 @@ function xn({
   value: t = 0,
   size: s = "xs",
   showLabel: n = "none",
-  layout: a = "inline"
+  layout: r = "inline"
 }) {
-  const o = Math.max(0, Math.min(1, t)), r = Math.round(o * He), i = Kt(o);
+  const o = Math.max(0, Math.min(1, t)), a = Math.round(o * He), i = Kt(o);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
-    a === "block" && "ds-confidence-bar--block"
+    r === "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: He }, (l, d) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: He }, (l, c) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${d < r ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${c < a ? " ds-confidence-bar__seg--filled" : ""}`
       },
-      d
+      c
     )) }),
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
 const Gt = { add: "+", remove: "-", context: " " };
-function we({ line: t, lineNumbers: s }) {
+function ge({ line: t, lineNumbers: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${t.type}`, children: [
     s && t.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: t.lineNo }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Gt[t.type] }),
@@ -2997,9 +3000,9 @@ function vn({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
-  lineNumbers: a = !0,
+  lineNumbers: r = !0,
   maxHeight: o,
-  title: r
+  title: a
 }) {
   const i = [
     "ds-diff-view",
@@ -3007,39 +3010,39 @@ function vn({
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = o ? { maxHeight: o, overflowY: "auto" } : void 0;
   if (s === "split") {
-    const d = t.filter((m) => m.type === "remove" || m.type === "context"), c = t.filter((m) => m.type === "add" || m.type === "context");
+    const c = t.filter((m) => m.type === "remove" || m.type === "context"), d = t.filter((m) => m.type === "add" || m.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
-      r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
+      a && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: a }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((m, p) => /* @__PURE__ */ e.jsx(we, { line: m, lineNumbers: a }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((m, p) => /* @__PURE__ */ e.jsx(we, { line: m, lineNumbers: a }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: r }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: r }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
-    r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((d, c) => /* @__PURE__ */ e.jsx(we, { line: d, lineNumbers: a }, c)) })
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: a }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, d) => /* @__PURE__ */ e.jsx(ge, { line: c, lineNumbers: r }, d)) })
   ] });
 }
 function Xt({
   value: t = "idle",
   onLike: s,
   onDislike: n,
-  className: a = "",
+  className: r = "",
   ...o
 }) {
-  const r = t !== "idle";
+  const a = t !== "idle";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-message-feedback",
-        r && "ds-message-feedback--voted",
-        a
+        a && "ds-message-feedback--voted",
+        r
       ].filter(Boolean).join(" "),
       ...o,
       children: [
-        (!r || t === "liked") && /* @__PURE__ */ e.jsx(
+        (!a || t === "liked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
@@ -3047,7 +3050,7 @@ function Xt({
               t === "liked" && "ds-message-feedback__btn--liked"
             ].filter(Boolean).join(" "),
             onClick: s,
-            disabled: r,
+            disabled: a,
             "aria-label": "Like",
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
@@ -3060,7 +3063,7 @@ function Xt({
             )
           }
         ),
-        (!r || t === "disliked") && /* @__PURE__ */ e.jsx(
+        (!a || t === "disliked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
@@ -3068,7 +3071,7 @@ function Xt({
               t === "disliked" && "ds-message-feedback__btn--disliked"
             ].filter(Boolean).join(" "),
             onClick: n,
-            disabled: r,
+            disabled: a,
             "aria-label": "Dislike",
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
@@ -3088,32 +3091,32 @@ function Xt({
 function Jt(t) {
   const s = t instanceof Date ? t : new Date(t);
   if (isNaN(s)) return null;
-  const n = /* @__PURE__ */ new Date(), a = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), o = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(o - 864e5);
-  if (s >= o) return a;
-  if (s >= r) return `Yesterday ${a}`;
+  const n = /* @__PURE__ */ new Date(), r = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), o = new Date(n.getFullYear(), n.getMonth(), n.getDate()), a = new Date(o - 864e5);
+  if (s >= o) return r;
+  if (s >= a) return `Yesterday ${r}`;
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
-  return `${i} ${l} ${a}`;
+  return `${i} ${l} ${r}`;
 }
 function _n({
   role: t = "assistant",
   text: s,
   timestamp: n,
-  feedbackValue: a = "idle",
+  feedbackValue: r = "idle",
   onLike: o,
-  onDislike: r,
+  onDislike: a,
   className: i = "",
   ...l
 }) {
-  const d = t === "assistant" && (o || r), c = !!s, m = n ? Jt(n) : null;
-  return !d && !c && !m ? null : /* @__PURE__ */ e.jsxs(
+  const c = t === "assistant" && (o || a), d = !!s, m = n ? Jt(n) : null;
+  return !c && !d && !m ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
         t === "user" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m }),
-        d && /* @__PURE__ */ e.jsx(Xt, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
-        c && /* @__PURE__ */ e.jsx(Ut, { className: "ds-message-action", text: s }),
+        c && /* @__PURE__ */ e.jsx(Xt, { className: "ds-message-action", value: r, onLike: o, onDislike: a }),
+        d && /* @__PURE__ */ e.jsx(Ut, { className: "ds-message-action", text: s }),
         t === "assistant" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m })
       ]
     }
@@ -3125,8 +3128,8 @@ function bn({ label: t, className: s = "", ...n }) {
     t && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: t })
   ] });
 }
-function jn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
-  const r = t === "dark", i = s ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", d = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
+function jn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...o }) {
+  const a = t === "dark", i = s ?? a, l = a ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", c = a ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3139,7 +3142,7 @@ function jn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
         ...i && {
           background: "radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"
         },
-        ...a
+        ...r
       },
       ...o,
       children: /* @__PURE__ */ e.jsx(
@@ -3151,8 +3154,8 @@ function jn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
             backgroundImage: [
               `linear-gradient(${l} 1px, transparent 1px)`,
               `linear-gradient(90deg, ${l} 1px, transparent 1px)`,
-              `linear-gradient(${d} 1px, transparent 1px)`,
-              `linear-gradient(90deg, ${d} 1px, transparent 1px)`
+              `linear-gradient(${c} 1px, transparent 1px)`,
+              `linear-gradient(90deg, ${c} 1px, transparent 1px)`
             ].join(", "),
             backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
             backgroundPosition: "-1px -1px, -1px -1px, -1px -1px, -1px -1px",
@@ -3166,61 +3169,61 @@ function jn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
     }
   );
 }
-function Nn({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
-  const r = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+function Nn({ children: t, axis: s = "y", style: n, className: r = "", ...o }) {
+  const a = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `ds-scrollable ${a}`,
-      style: { ...r, ...n },
+      className: `ds-scrollable ${r}`,
+      style: { ...a, ...n },
       ...o,
       children: t
     }
   );
 }
-const ge = 280, Zt = 22, Qt = 14, le = 8, be = 6, es = 200;
+const ye = 280, Zt = 22, Qt = 14, le = 8, be = 6, es = 200;
 function ts(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function ss(t, s, n, a) {
-  const o = window.innerWidth, r = window.innerHeight;
-  if (r - t.bottom >= s + a + le) return "bottom";
-  if (t.top >= s + a + le) return "top";
-  if (o - t.right >= n + a + le) return "right";
-  if (t.left >= n + a + le) return "left";
-  const i = Math.max(t.top, r - t.bottom, o - t.right, t.left);
-  return i === r - t.bottom ? "bottom" : i === t.top ? "top" : i === o - t.right ? "right" : "left";
-}
-function ns(t, s, n, a, o) {
-  const r = window.innerWidth, i = window.innerHeight;
-  let l, d;
+function ss(t, s, n, r) {
+  const o = window.innerWidth, a = window.innerHeight;
+  if (a - t.bottom >= s + r + le) return "bottom";
+  if (t.top >= s + r + le) return "top";
+  if (o - t.right >= n + r + le) return "right";
+  if (t.left >= n + r + le) return "left";
+  const i = Math.max(t.top, a - t.bottom, o - t.right, t.left);
+  return i === a - t.bottom ? "bottom" : i === t.top ? "top" : i === o - t.right ? "right" : "left";
+}
+function ns(t, s, n, r, o) {
+  const a = window.innerWidth, i = window.innerHeight;
+  let l, c;
   switch (t) {
     case "top":
-      l = s.top - n - o, d = s.left + s.width / 2 - a / 2;
+      l = s.top - n - o, c = s.left + s.width / 2 - r / 2;
       break;
     case "bottom":
-      l = s.bottom + o, d = s.left + s.width / 2 - a / 2;
+      l = s.bottom + o, c = s.left + s.width / 2 - r / 2;
       break;
     case "left":
-      l = s.top + s.height / 2 - n / 2, d = s.left - a - o;
+      l = s.top + s.height / 2 - n / 2, c = s.left - r - o;
       break;
     default:
-      l = s.top + s.height / 2 - n / 2, d = s.right + o;
+      l = s.top + s.height / 2 - n / 2, c = s.right + o;
   }
-  const c = Math.max(le, Math.min(r - a - le, d));
-  return { top: Math.max(le, Math.min(i - n - le, l)), left: c, arrowOffset: d - c };
+  const d = Math.max(le, Math.min(a - r - le, c));
+  return { top: Math.max(le, Math.min(i - n - le, l)), left: d, arrowOffset: c - d };
 }
 function wn({
   steps: t,
   currentStep: s,
   onNext: n,
-  onBack: a,
+  onBack: r,
   onSkip: o,
-  onFinish: r,
+  onFinish: a,
   overlay: i = !0,
   ring: l = !0,
-  labelNext: d = "Next",
-  labelBack: c = "Back",
+  labelNext: c = "Next",
+  labelBack: d = "Back",
   labelSkip: m = "Skip tour",
   labelFinish: p = "Done",
   statePrimary: h = "idle",
@@ -3228,17 +3231,17 @@ function wn({
 }) {
   const x = T(null), v = T(t), j = T(s), E = T(l);
   v.current = t, j.current = s, E.current = l;
-  const [g, b] = I(!1), [S, L] = I({ position: "fixed", visibility: "hidden", width: ge }), [C, U] = I("bottom"), [K, V] = I(null), w = T(!1), M = t[s], G = s === t.length - 1, F = $e(() => {
+  const [g, b] = I(!1), [S, L] = I({ position: "fixed", visibility: "hidden", width: ye }), [C, U] = I("bottom"), [K, V] = I(null), w = T(!1), M = t[s], G = s === t.length - 1, F = je(() => {
     const A = v.current[j.current];
     if (!A || !x.current) return;
     const _ = ts(A.target);
     if (!_) return;
-    const y = _.getBoundingClientRect(), O = x.current.getBoundingClientRect().height || 160, H = ge, k = E.current ? Zt : Qt, f = A.position || ss(y, O, H, k), { top: $, left: z, arrowOffset: W } = ns(f, y, O, H, k);
+    const y = _.getBoundingClientRect(), O = x.current.getBoundingClientRect().height || 160, H = ye, k = E.current ? Zt : Qt, f = A.position || ss(y, O, H, k), { top: $, left: z, arrowOffset: W } = ns(f, y, O, H, k);
     U(f), L({
       position: "fixed",
       top: $,
       left: z,
-      width: ge,
+      width: ye,
       visibility: "visible",
       "--arrow-offset": `${W}px`
     }), V({
@@ -3335,8 +3338,8 @@ function wn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: u, onClick: a, children: c }),
-                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: G ? r : n, children: G ? p : d })
+                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: u, onClick: r, children: d }),
+                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: G ? a : n, children: G ? p : c })
               ] })
             ] })
           ]
@@ -3347,30 +3350,30 @@ function wn({
   );
 }
 function gn(t, s = {}) {
-  const { storageKey: n } = s, [a, o] = I(0), [r, i] = I(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", d = $e(() => {
+  const { storageKey: n } = s, [r, o] = I(0), [a, i] = I(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = je(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
-    currentStep: a,
-    isActive: r,
+    currentStep: r,
+    isActive: a,
     start: () => {
       l() || (o(0), i(!0));
     },
-    next: () => o((c) => Math.min(c + 1, t.length - 1)),
-    back: () => o((c) => Math.max(c - 1, 0)),
-    skip: d,
-    finish: d
+    next: () => o((d) => Math.min(d + 1, t.length - 1)),
+    back: () => o((d) => Math.max(d - 1, 0)),
+    skip: c,
+    finish: c
   };
 }
 function yn() {
-  const t = T(null), s = $e(() => {
+  const t = T(null), s = je(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
-    const a = () => {
-      n.classList.remove("ds-shake"), n.removeEventListener("animationend", a);
+    const r = () => {
+      n.classList.remove("ds-shake"), n.removeEventListener("animationend", r);
     };
-    n.addEventListener("animationend", a);
+    n.addEventListener("animationend", r);
   }, []);
   return { ref: t, shake: s };
 }