@agentatom/design-system 1.4.100 → 1.4.102

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import X, { useMemo as _t, useContext as le, createContext as Le, useState as L, useRef as S, useEffect as P, useLayoutEffect as dt, useId as jt, useCallback as ne, forwardRef as ut } from "react";
-import { Check as Pe, X as te, ChevronDown as ye, Minus as Nt, Plus as wt, XCircle as Me, AlertTriangle as Fe, CheckCircle as ze, Info as We, ChevronUp as gt, ChevronsUpDown as yt, ChevronLeft as kt, ChevronRight as Et, Copy as Tt, Brain as $t, Loader as Rt, Paperclip as Ge, Square as St, ArrowUp as At, Zap as Bt, Cpu as Ke, FileText as It, ThumbsUp as Dt, ThumbsDown as Lt } from "lucide-react";
-import re from "react-dom";
-const q = {
+import J, { useMemo as wt, useContext as le, createContext as Me, useState as F, useRef as B, useEffect as z, useLayoutEffect as Re, useId as mt, useCallback as re, forwardRef as pt } from "react";
+import { Check as Fe, X as ne, ChevronDown as be, Minus as Nt, Plus as yt, XCircle as ze, AlertTriangle as We, CheckCircle as Oe, Info as Ce, ChevronUp as kt, ChevronsUpDown as Et, ChevronLeft as Tt, ChevronRight as $t, Copy as Rt, Brain as St, Loader as At, Paperclip as Xe, Square as Lt, ArrowUp as Bt, Zap as It, Cpu as Je, FileText as Dt, ThumbsUp as Pt, ThumbsDown as Mt } from "lucide-react";
+import oe, { createPortal as Ft } from "react-dom";
+const Y = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var Ie = { exports: {} }, we = {};
+var De = { exports: {} }, Ne = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,10 +18,10 @@ var Ie = { exports: {} }, we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xe;
-function Pt() {
-  if (Xe) return we;
-  Xe = 1;
+var Ze;
+function zt() {
+  if (Ze) return Ne;
+  Ze = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function n(r, o, a) {
     var i = null;
@@ -38,9 +38,9 @@ function Pt() {
       props: a
     };
   }
-  return we.Fragment = s, we.jsx = n, we.jsxs = n, we;
+  return Ne.Fragment = s, Ne.jsx = n, Ne.jsxs = n, Ne;
 }
-var ge = {};
+var ye = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,240 +50,240 @@ var ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Je;
-function Mt() {
-  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(m) {
-      if (m == null) return null;
-      if (typeof m == "function")
-        return m.$$typeof === k ? null : m.displayName || m.name || null;
-      if (typeof m == "string") return m;
-      switch (m) {
+var Qe;
+function Wt() {
+  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === S ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
         case T:
           return "Fragment";
-        case g:
+        case $:
           return "Profiler";
-        case j:
-          return "StrictMode";
         case N:
+          return "StrictMode";
+        case y:
           return "Suspense";
-        case B:
+        case A:
           return "SuspenseList";
-        case O:
+        case H:
           return "Activity";
       }
-      if (typeof m == "object")
-        switch (typeof m.tag == "number" && console.error(
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), m.$$typeof) {
-          case w:
+        ), f.$$typeof) {
+          case h:
             return "Portal";
-          case x:
-            return m.displayName || "Context";
-          case $:
-            return (m._context.displayName || "Context") + ".Consumer";
-          case y:
-            var b = m.render;
-            return m = m.displayName, m || (m = b.displayName || b.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
-          case D:
-            return b = m.displayName || null, b !== null ? b : t(m.type) || "Memo";
-          case W:
-            b = m._payload, m = m._init;
+          case p:
+            return f.displayName || "Context";
+          case E:
+            return (f._context.displayName || "Context") + ".Consumer";
+          case k:
+            var j = f.render;
+            return f = f.displayName, f || (f = j.displayName || j.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case I:
+            return j = f.displayName || null, j !== null ? j : t(f.type) || "Memo";
+          case M:
+            j = f._payload, f = f._init;
             try {
-              return t(m(b));
+              return t(f(j));
             } catch {
             }
         }
       return null;
     }
-    function s(m) {
-      return "" + m;
+    function s(f) {
+      return "" + f;
     }
-    function n(m) {
+    function n(f) {
       try {
-        s(m);
-        var b = !1;
+        s(f);
+        var j = !1;
       } catch {
-        b = !0;
+        j = !0;
       }
-      if (b) {
-        b = console;
-        var I = b.error, U = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
-        return I.call(
-          b,
+      if (j) {
+        j = console;
+        var D = j.error, q = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return D.call(
+          j,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          U
-        ), s(m);
+          q
+        ), s(f);
       }
     }
-    function r(m) {
-      if (m === T) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === W)
+    function r(f) {
+      if (f === T) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === M)
         return "<...>";
       try {
-        var b = t(m);
-        return b ? "<" + b + ">" : "<...>";
+        var j = t(f);
+        return j ? "<" + j + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var m = C.A;
-      return m === null ? null : m.getOwner();
+      var f = V.A;
+      return f === null ? null : f.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function i(m) {
-      if (M.call(m, "key")) {
-        var b = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function i(f) {
+      if (O.call(f, "key")) {
+        var j = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (j && j.isReactWarning) return !1;
       }
-      return m.key !== void 0;
+      return f.key !== void 0;
     }
-    function l(m, b) {
-      function I() {
-        R || (R = !0, console.error(
+    function l(f, j) {
+      function D() {
+        w || (w = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          b
+          j
         ));
       }
-      I.isReactWarning = !0, Object.defineProperty(m, "key", {
-        get: I,
+      D.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: D,
         configurable: !0
       });
     }
     function c() {
-      var m = t(this.type);
-      return A[m] || (A[m] = !0, console.error(
+      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."
-      )), m = this.props.ref, m !== void 0 ? m : null;
-    }
-    function u(m, b, I, U, se, oe) {
-      var G = I.ref;
-      return m = {
-        $$typeof: _,
-        type: m,
-        key: b,
-        props: I,
-        _owner: U
-      }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(m, "ref", {
+      )), f = this.props.ref, f !== void 0 ? f : null;
+    }
+    function u(f, j, D, q, G, Z) {
+      var K = D.ref;
+      return f = {
+        $$typeof: g,
+        type: f,
+        key: j,
+        props: D,
+        _owner: q
+      }, (K !== void 0 ? K : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(m, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(m, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: se
-      }), Object.defineProperty(m, "_debugTask", {
+        value: G
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: oe
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
-    }
-    function d(m, b, I, U, se, oe) {
-      var G = b.children;
-      if (G !== void 0)
-        if (U)
-          if (V(G)) {
-            for (U = 0; U < G.length; U++)
-              p(G[U]);
-            Object.freeze && Object.freeze(G);
+        value: Z
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    }
+    function d(f, j, D, q, G, Z) {
+      var K = j.children;
+      if (K !== void 0)
+        if (q)
+          if (_(K)) {
+            for (q = 0; q < K.length; q++)
+              v(K[q]);
+            Object.freeze && Object.freeze(K);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(G);
-      if (M.call(b, "key")) {
-        G = t(m);
-        var Q = Object.keys(b).filter(function(je) {
-          return je !== "key";
+        else v(K);
+      if (O.call(j, "key")) {
+        K = t(f);
+        var te = Object.keys(j).filter(function(ge) {
+          return ge !== "key";
         });
-        U = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + U] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        q = 0 < te.length ? "{key: someKey, " + te.join(": ..., ") + ": ...}" : "{key: someKey}", C[K + q] || (te = 0 < te.length ? "{" + te.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          U,
-          G,
-          Q,
-          G
-        ), Y[G + U] = !0);
+          q,
+          K,
+          te,
+          K
+        ), C[K + q] = !0);
       }
-      if (G = null, I !== void 0 && (n(I), G = "" + I), i(b) && (n(b.key), G = "" + b.key), "key" in b) {
-        I = {};
-        for (var fe in b)
-          fe !== "key" && (I[fe] = b[fe]);
-      } else I = b;
-      return G && l(
-        I,
-        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+      if (K = null, D !== void 0 && (n(D), K = "" + D), i(j) && (n(j.key), K = "" + j.key), "key" in j) {
+        D = {};
+        for (var fe in j)
+          fe !== "key" && (D[fe] = j[fe]);
+      } else D = j;
+      return K && l(
+        D,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
       ), u(
-        m,
-        G,
-        I,
+        f,
+        K,
+        D,
         o(),
-        se,
-        oe
+        G,
+        Z
       );
     }
-    function p(m) {
-      h(m) ? m._store && (m._store.validated = 1) : typeof m == "object" && m !== null && m.$$typeof === W && (m._payload.status === "fulfilled" ? h(m._payload.value) && m._payload.value._store && (m._payload.value._store.validated = 1) : m._store && (m._store.validated = 1));
+    function v(f) {
+      b(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === M && (f._payload.status === "fulfilled" ? b(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function h(m) {
-      return typeof m == "object" && m !== null && m.$$typeof === _;
+    function b(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === g;
     }
-    var f = X, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, V = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var m = J, g = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), p = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), S = Symbol.for("react.client.reference"), V = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, _ = Array.isArray, x = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
-      react_stack_bottom_frame: function(m) {
-        return m();
+    m = {
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var R, A = {}, F = f.react_stack_bottom_frame.bind(
-      f,
+    var w, R = {}, P = m.react_stack_bottom_frame.bind(
+      m,
       a
-    )(), H = v(r(a)), Y = {};
-    ge.Fragment = T, ge.jsx = function(m, b, I) {
-      var U = 1e4 > C.recentlyCreatedOwnerStacks++;
+    )(), W = x(r(a)), C = {};
+    ye.Fragment = T, ye.jsx = function(f, j, D) {
+      var q = 1e4 > V.recentlyCreatedOwnerStacks++;
       return d(
-        m,
-        b,
-        I,
+        f,
+        j,
+        D,
         !1,
-        U ? Error("react-stack-top-frame") : F,
-        U ? v(r(m)) : H
+        q ? Error("react-stack-top-frame") : P,
+        q ? x(r(f)) : W
       );
-    }, ge.jsxs = function(m, b, I) {
-      var U = 1e4 > C.recentlyCreatedOwnerStacks++;
+    }, ye.jsxs = function(f, j, D) {
+      var q = 1e4 > V.recentlyCreatedOwnerStacks++;
       return d(
-        m,
-        b,
-        I,
+        f,
+        j,
+        D,
         !0,
-        U ? Error("react-stack-top-frame") : F,
-        U ? v(r(m)) : H
+        q ? Error("react-stack-top-frame") : P,
+        q ? x(r(f)) : W
       );
     };
-  }()), ge;
+  }()), ye;
 }
-process.env.NODE_ENV === "production" ? Ie.exports = Pt() : Ie.exports = Mt();
-var e = Ie.exports;
-const $e = {
+process.env.NODE_ENV === "production" ? De.exports = zt() : De.exports = Wt();
+var e = De.exports;
+const Se = {
   // Close / dismiss
   close: "Close",
   closeModal: "Close modal",
@@ -334,34 +334,34 @@ const $e = {
   // Browser tabs
   closeTab: "Close {label}"
 };
-function ft(t, s = {}) {
+function ht(t, s = {}) {
   return typeof t == "function" ? t(s) : typeof t != "string" ? "" : t.replace(
     /\{(\w+)\}/g,
     (n, r) => s[r] !== void 0 && s[r] !== null ? String(s[r]) : ""
   );
 }
-const Oe = Le({
-  strings: $e,
-  t: (t, s) => ft($e[t] ?? t, s)
+const He = Me({
+  strings: Se,
+  t: (t, s) => ht(Se[t] ?? t, s)
 });
-function Rs({ strings: t, children: s }) {
-  const n = _t(() => {
-    const r = { ...$e, ...t };
+function Fs({ strings: t, children: s }) {
+  const n = wt(() => {
+    const r = { ...Se, ...t };
     return {
       strings: r,
-      t: (o, a) => ft(r[o] ?? $e[o] ?? o, a)
+      t: (o, a) => ht(r[o] ?? Se[o] ?? o, a)
     };
   }, [t]);
-  return /* @__PURE__ */ e.jsx(Oe.Provider, { value: n, children: s });
+  return /* @__PURE__ */ e.jsx(He.Provider, { value: n, children: s });
 }
-function be() {
-  return le(Oe);
+function _e() {
+  return le(He);
 }
-function K() {
-  return le(Oe).strings;
+function X() {
+  return le(He).strings;
 }
-function Ft({ size: t = "m", color: s = "default", className: n = "", "aria-label": r, ...o }) {
-  const a = K();
+function Ot({ size: t = "m", color: s = "default", className: n = "", "aria-label": r, ...o }) {
+  const a = X();
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -372,7 +372,7 @@ function Ft({ size: t = "m", color: s = "default", className: n = "", "aria-labe
     }
   );
 }
-const zt = { xs: 12, s: 14, m: 16, l: 20 };
+const Ct = { xs: 12, s: 14, m: 16, l: 20 };
 function de({
   children: t,
   variant: s = "primary",
@@ -391,45 +391,45 @@ function de({
   pressed: c = !1,
   onClick: u,
   type: d = "button",
-  href: p,
-  "aria-label": h,
-  "aria-pressed": f,
-  className: _ = "",
-  ...w
+  href: v,
+  "aria-label": b,
+  "aria-pressed": m,
+  className: g = "",
+  ...h
 }) {
-  const T = o && !t, j = i === "loading", g = i === "success", $ = i === "error", x = j || g || $, y = !!(l || c), N = n === "xs" ? "s" : "m", B = s === "danger" ? "on-accent" : "default", D = zt[n] ?? 16, W = j ? /* @__PURE__ */ e.jsx(Ft, { size: N, color: B }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Pe, { size: D, strokeWidth: 2.5 }) }) : $ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: D, strokeWidth: 2.5 }) }) : null, O = [
+  const T = o && !t, N = i === "loading", $ = i === "success", E = i === "error", p = N || $ || E, k = !!(l || c), y = n === "xs" ? "s" : "m", A = s === "danger" ? "on-accent" : "default", I = Ct[n] ?? 16, M = N ? /* @__PURE__ */ e.jsx(Ot, { size: y, color: A }) : $ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Fe, { size: I, strokeWidth: 2.5 }) }) : E ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: I, strokeWidth: 2.5 }) }) : null, H = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     r && "ds-button--full",
     T && "ds-button--icon-only",
-    _
-  ].filter(Boolean).join(" "), k = i !== "idle" ? i : void 0, C = f !== void 0 ? f : y ? !0 : void 0, M = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    x ? W : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
+    g
+  ].filter(Boolean).join(" "), S = i !== "idle" ? i : void 0, V = m !== void 0 ? m : k ? !0 : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    p ? M : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
     t
   ] });
-  if (p) {
-    const V = (v) => {
-      if (a || j) {
-        v.preventDefault();
+  if (v) {
+    const _ = (x) => {
+      if (a || N) {
+        x.preventDefault();
         return;
       }
-      v.metaKey || v.ctrlKey || v.button === 1 || (v.preventDefault(), u == null || u(v));
+      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), u == null || u(x));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: O,
-        href: a || j ? void 0 : p,
-        onClick: V,
-        "aria-label": h,
-        "aria-disabled": a || j ? "true" : void 0,
-        "aria-busy": j ? "true" : void 0,
-        "aria-pressed": C,
-        "data-state": k,
-        "data-active": y ? "true" : void 0,
-        ...w,
-        children: M
+        className: H,
+        href: a || N ? void 0 : v,
+        onClick: _,
+        "aria-label": b,
+        "aria-disabled": a || N ? "true" : void 0,
+        "aria-busy": N ? "true" : void 0,
+        "aria-pressed": V,
+        "data-state": S,
+        "data-active": k ? "true" : void 0,
+        ...h,
+        children: O
       }
     );
   }
@@ -437,20 +437,20 @@ function de({
     "button",
     {
       type: d,
-      className: O,
+      className: H,
       disabled: a,
-      onClick: j ? void 0 : u,
-      "aria-label": h,
-      "aria-busy": j ? "true" : void 0,
-      "aria-pressed": C,
-      "data-state": k,
-      "data-active": y ? "true" : void 0,
-      ...w,
-      children: M
+      onClick: N ? void 0 : u,
+      "aria-label": b,
+      "aria-busy": N ? "true" : void 0,
+      "aria-pressed": V,
+      "data-state": S,
+      "data-active": k ? "true" : void 0,
+      ...h,
+      children: O
     }
   );
 }
-function Ss({
+function zs({
   label: t,
   error: s,
   hint: n,
@@ -462,22 +462,22 @@ function Ss({
   disabled: c,
   id: u,
   iconRightLabel: d,
-  ...p
+  ...v
 }) {
-  const h = K(), f = u || `input-${X.useId()}`, _ = n ? `${f}-hint` : void 0, w = s ? `${f}-error` : void 0, T = w || _;
+  const b = X(), m = u || `input-${J.useId()}`, g = n ? `${m}-hint` : void 0, h = s ? `${m}-error` : void 0, T = h || g;
   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: f, children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: m, 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 }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          id: f,
+          id: m,
           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": T,
-          ...p
+          ...v
         }
       ),
       a && /* @__PURE__ */ e.jsx(
@@ -487,16 +487,16 @@ function Ss({
           className: `ds-input-icon-right ds-input-icon-right--${l}`,
           onClick: i,
           tabIndex: -1,
-          "aria-label": d ?? h.toggleVisibility,
+          "aria-label": d ?? b.toggleVisibility,
           children: a
         }
       )
     ] }),
-    n && !s && /* @__PURE__ */ e.jsx("span", { id: _, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: w, className: "ds-input-error", role: "alert", children: s }) }) })
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: g, className: "ds-input-hint", children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function As({
+function Ws({
   label: t,
   error: s,
   hint: n,
@@ -508,7 +508,7 @@ function As({
   rows: c = 3,
   ...u
 }) {
-  const d = i || `textarea-${X.useId()}`, p = n ? `${d}-hint` : void 0, h = s ? `${d}-error` : void 0, f = h || p;
+  const d = i || `textarea-${J.useId()}`, v = n ? `${d}-hint` : void 0, b = s ? `${d}-error` : void 0, m = b || v;
   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: d, children: t }),
     /* @__PURE__ */ e.jsx(
@@ -518,16 +518,16 @@ function As({
         className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: a,
         "aria-invalid": s ? "true" : "false",
-        "aria-describedby": f,
+        "aria-describedby": m,
         rows: c,
         ...u
       }
     ),
-    n && !s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
-    s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: v, className: "ds-textarea-hint", children: n }),
+    s && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function Bs({
+function Os({
   label: t,
   value: s,
   onChange: n,
@@ -540,145 +540,145 @@ function Bs({
   id: u,
   ...d
 }) {
-  const p = K(), h = o ?? p.selectOption, [f, _] = L(!1), [w, T] = L(!1), [j, g] = L({}), [$, x] = L("down"), [y, N] = L(-1), B = S(null), D = S(null), W = S(null), O = S(null), k = u || `select-${X.useId()}`, C = `${k}-label`, M = a ? `${k}-error` : void 0, V = 150, v = (b = !1) => {
-    w || (T(!0), N(-1), O.current = setTimeout(() => {
-      var I;
-      _(!1), T(!1), b && ((I = W.current) == null || I.focus());
-    }, V));
-  }, R = (b) => {
-    clearTimeout(O.current), T(!1);
-    const I = b !== void 0 ? b : Math.max(r.findIndex((U) => U.value === s), 0);
-    N(I), _(!0);
+  const v = X(), b = o ?? v.selectOption, [m, g] = F(!1), [h, T] = F(!1), [N, $] = F({}), [E, p] = F("down"), [k, y] = F(-1), A = B(null), I = B(null), M = B(null), H = B(null), S = u || `select-${J.useId()}`, V = `${S}-label`, O = a ? `${S}-error` : void 0, _ = 150, x = (j = !1) => {
+    h || (T(!0), y(-1), H.current = setTimeout(() => {
+      var D;
+      g(!1), T(!1), j && ((D = M.current) == null || D.focus());
+    }, _));
+  }, w = (j) => {
+    clearTimeout(H.current), T(!1);
+    const D = j !== void 0 ? j : Math.max(r.findIndex((q) => q.value === s), 0);
+    y(D), g(!0);
   };
-  P(() => () => clearTimeout(O.current), []);
-  const A = () => {
-    var Q;
-    const b = (Q = B.current) == null ? void 0 : Q.getBoundingClientRect();
-    if (!b) return;
-    const I = window.innerHeight, U = I - b.bottom, se = b.top, G = U < 300 && se > U;
-    x(G ? "up" : "down"), g(
-      G ? { bottom: I - b.top + 4, left: b.left, width: b.width } : { top: b.bottom + 4, left: b.left, width: b.width }
+  z(() => () => clearTimeout(H.current), []);
+  const R = () => {
+    var te;
+    const j = (te = A.current) == null ? void 0 : te.getBoundingClientRect();
+    if (!j) return;
+    const D = window.innerHeight, q = D - j.bottom, G = j.top, K = q < 300 && G > q;
+    p(K ? "up" : "down"), $(
+      K ? { bottom: D - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
     );
   };
-  P(() => {
-    if (f)
-      return A(), window.addEventListener("scroll", A, !0), window.addEventListener("resize", A), () => {
-        window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
+  z(() => {
+    if (m)
+      return R(), window.addEventListener("scroll", R, !0), window.addEventListener("resize", R), () => {
+        window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
       };
-  }, [f]), P(() => {
-    const b = (I) => {
-      B.current && !B.current.contains(I.target) && D.current && !D.current.contains(I.target) && v();
+  }, [m]), z(() => {
+    const j = (D) => {
+      A.current && !A.current.contains(D.target) && I.current && !I.current.contains(D.target) && x();
     };
-    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
-  }, [w]), P(() => {
-    var I;
-    if (!f || y < 0 || !D.current) return;
-    (I = D.current.querySelectorAll(".ds-select-option")[y]) == null || I.scrollIntoView({ block: "nearest" });
-  }, [y, f]);
-  const F = (b) => {
-    switch (b.key) {
+    return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
+  }, [h]), z(() => {
+    var D;
+    if (!m || k < 0 || !I.current) return;
+    (D = I.current.querySelectorAll(".ds-select-option")[k]) == null || D.scrollIntoView({ block: "nearest" });
+  }, [k, m]);
+  const P = (j) => {
+    switch (j.key) {
       case "ArrowDown":
-        b.preventDefault(), f ? N((I) => Math.min(I + 1, r.length - 1)) : R();
+        j.preventDefault(), m ? y((D) => Math.min(D + 1, r.length - 1)) : w();
         break;
       case "ArrowUp":
-        b.preventDefault(), f ? N((I) => Math.max(I - 1, 0)) : R(r.length - 1);
+        j.preventDefault(), m ? y((D) => Math.max(D - 1, 0)) : w(r.length - 1);
         break;
       case "Home":
-        f && (b.preventDefault(), N(0));
+        m && (j.preventDefault(), y(0));
         break;
       case "End":
-        f && (b.preventDefault(), N(r.length - 1));
+        m && (j.preventDefault(), y(r.length - 1));
         break;
       case "Enter":
       case " ":
-        b.preventDefault(), f ? y >= 0 && (n == null || n(r[y].value), v(!0)) : R();
+        j.preventDefault(), m ? k >= 0 && (n == null || n(r[k].value), x(!0)) : w();
         break;
       case "Escape":
-        f && (b.preventDefault(), v(!0));
+        m && (j.preventDefault(), x(!0));
         break;
       case "Tab":
-        f && v(!1);
+        m && x(!1);
         break;
     }
-  }, H = r.find((b) => b.value === s), Y = l === "xs" ? q[1] : l === "small" ? q[2] : q[3], m = f && /* @__PURE__ */ e.jsx(
+  }, W = r.find((j) => j.value === s), C = l === "xs" ? Y[1] : l === "small" ? Y[2] : Y[3], f = m && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: D,
+      ref: I,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? C : void 0,
+      "aria-labelledby": t ? V : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${$}`,
-        w && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${E}`,
+        h && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: j,
-      children: r.map((b, I) => /* @__PURE__ */ e.jsx(
+      style: N,
+      children: r.map((j, D) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${k}-opt-${I}`,
+          id: `${S}-opt-${D}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": s === b.value,
+          "aria-selected": s === j.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            s === b.value && "ds-select-option--selected",
-            I === y && "ds-select-option--active"
+            s === j.value && "ds-select-option--selected",
+            D === k && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(b.value), v(!0);
+            n == null || n(j.value), x(!0);
           },
-          children: b.label
+          children: j.label
         },
-        b.value
+        j.value
       ))
     }
   );
   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: C, className: "ds-select-label", children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: B, children: /* @__PURE__ */ e.jsxs(
+    t && /* @__PURE__ */ e.jsx("label", { id: V, className: "ds-select-label", children: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: A, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: W,
+        ref: M,
         type: "button",
-        id: k,
+        id: S,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": f,
-        "aria-activedescendant": f && y >= 0 ? `${k}-opt-${y}` : void 0,
-        "aria-labelledby": t ? C : void 0,
+        "aria-expanded": m,
+        "aria-activedescendant": m && k >= 0 ? `${S}-opt-${k}` : void 0,
+        "aria-labelledby": t ? V : void 0,
         "aria-invalid": a ? "true" : "false",
-        "aria-describedby": M,
+        "aria-describedby": O,
         className: `ds-select-trigger ds-select-trigger--${l} ${a ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          c || (f ? v() : R());
+          c || (m ? x() : w());
         },
-        onKeyDown: F,
+        onKeyDown: P,
         disabled: c,
         ...d,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: H ? "" : "ds-select-placeholder", children: (H == null ? void 0 : H.label) || h }),
+          /* @__PURE__ */ e.jsx("span", { className: W ? "" : "ds-select-placeholder", children: (W == null ? void 0 : W.label) || b }),
           /* @__PURE__ */ e.jsx(
-            ye,
+            be,
             {
-              size: Y,
+              size: C,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && $ === "down" ? "ds-select-icon--open" : ""} ${f && $ === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${m && E === "down" ? "ds-select-icon--open" : ""} ${m && E === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    a && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: a }),
-    typeof document < "u" && re.createPortal(m, document.body)
+    a && /* @__PURE__ */ e.jsx("span", { id: O, className: "ds-select-error", role: "alert", children: a }),
+    typeof document < "u" && oe.createPortal(f, document.body)
   ] });
 }
-function Is({
+function Cs({
   label: t,
   value: s = 0,
   onChange: n,
@@ -690,50 +690,50 @@ function Is({
   hint: c,
   error: u,
   decreaseLabel: d,
-  increaseLabel: p,
-  ...h
+  increaseLabel: v,
+  ...b
 }) {
-  const f = K(), _ = () => {
+  const m = X(), g = () => {
     if (l) return;
-    const x = Math.min(Number(s) + a, o);
-    n == null || n(x);
-  }, w = () => {
+    const p = Math.min(Number(s) + a, o);
+    n == null || n(p);
+  }, h = () => {
     if (l) return;
-    const x = Math.max(Number(s) - a, r);
-    n == null || n(x);
-  }, T = (x) => {
+    const p = Math.max(Number(s) - a, r);
+    n == null || n(p);
+  }, T = (p) => {
     if (l) return;
-    const y = x.target.value;
-    if (y === "") {
+    const k = p.target.value;
+    if (k === "") {
       n == null || n(r);
       return;
     }
-    const N = Number(y);
-    if (!isNaN(N)) {
-      const B = Math.min(Math.max(N, r), o);
-      n == null || n(B);
+    const y = Number(k);
+    if (!isNaN(y)) {
+      const A = Math.min(Math.max(y, r), o);
+      n == null || n(A);
     }
-  }, j = [
+  }, N = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), g = [
+  ].filter(Boolean).join(" "), $ = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), $ = i === "xs" ? q[1] : i === "small" ? q[2] : q[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: j, children: [
+  ].filter(Boolean).join(" "), E = i === "xs" ? Y[1] : i === "small" ? Y[2] : Y[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: N, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: g, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: $, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: w,
+          onClick: h,
           disabled: l || s <= r,
-          "aria-label": d ?? f.decrease,
-          children: /* @__PURE__ */ e.jsx(Nt, { size: $, strokeWidth: 1.5 })
+          "aria-label": d ?? m.decrease,
+          children: /* @__PURE__ */ e.jsx(Nt, { size: E, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -747,7 +747,7 @@ function Is({
           max: o,
           step: a,
           disabled: l,
-          ...h
+          ...b
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -755,10 +755,10 @@ function Is({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
-          onClick: _,
+          onClick: g,
           disabled: l || s >= o,
-          "aria-label": p ?? f.increase,
-          children: /* @__PURE__ */ e.jsx(wt, { size: $, strokeWidth: 1.5 })
+          "aria-label": v ?? m.increase,
+          children: /* @__PURE__ */ e.jsx(yt, { size: E, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -766,7 +766,7 @@ function Is({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Ds({
+function Hs({
   children: t,
   padding: s = "m",
   variant: n = "default",
@@ -778,67 +778,67 @@ function Ds({
   className: l = "",
   ...c
 }) {
-  const d = (r ? "interactive" : n) === "interactive" || o || a, p = [
+  const d = (r ? "interactive" : n) === "interactive" || o || a, v = [
     "ds-card",
     `ds-card--${s}`,
     d && "ds-card--interactive",
     l
   ].filter(Boolean).join(" ");
   if (a) {
-    const _ = (w) => {
+    const g = (h) => {
       if (i) {
-        w.preventDefault();
+        h.preventDefault();
         return;
       }
-      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), o == null || o(w));
+      h.metaKey || h.ctrlKey || h.button === 1 || (h.preventDefault(), o == null || o(h));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: p,
+        className: v,
         href: i ? void 0 : a,
-        onClick: _,
+        onClick: g,
         "aria-disabled": i ? "true" : void 0,
         ...c,
         children: t
       }
     );
   }
-  const h = d && o ? "button" : "div", f = d && o ? {
+  const b = d && o ? "button" : "div", m = d && o ? {
     type: "button",
     onClick: o,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
-    h,
+    b,
     {
-      className: p,
+      className: v,
       role: d && !o ? "article" : void 0,
-      ...f,
+      ...m,
       ...c,
       children: t
     }
   );
 }
-function Ls({ children: t, ...s }) {
+function Us({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function Ps({ children: t, ...s }) {
+function Vs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function Ms({ children: t, ...s }) {
+function qs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function Fs({ children: t, ...s }) {
+function Ys({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function zs({ children: t, secondary: s = !1, ...n }) {
+function Gs({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function Wt({ children: t, secondary: s = !1, ...n }) {
+function Ht({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function mt({ children: t, secondary: s = !1, ...n }) {
+function xt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
 function he({
@@ -855,12 +855,12 @@ function he({
   ].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 Ot = {
-  info: We,
-  success: ze,
-  warning: Fe,
-  error: Me
-}, Ws = X.forwardRef(function({
+const Ut = {
+  info: Ce,
+  success: Oe,
+  warning: We,
+  error: ze
+}, Ks = J.forwardRef(function({
   children: s,
   variant: n = "info",
   title: r,
@@ -869,9 +869,9 @@ const Ot = {
   closeLabel: i,
   ...l
 }, c) {
-  const u = K(), d = Ot[n], p = a || (n === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { ref: c, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: p, ...l, children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: q[3], strokeWidth: 1.5 }) }),
+  const u = X(), d = Ut[n], v = a || (n === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { ref: c, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: v, ...l, children: [
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: Y[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -883,23 +883,23 @@ const Ot = {
         className: "ds-alert__close",
         onClick: o,
         "aria-label": i ?? u.closeAlert,
-        children: /* @__PURE__ */ e.jsx(te, { size: q[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ne, { size: Y[3], strokeWidth: 1.5 })
       }
     )
   ] });
-}), Ct = "data-ds-portal";
-function Ce(t) {
+}), Vt = "data-ds-portal";
+function Ue(t) {
   var n;
   const s = ((n = t.composedPath) == null ? void 0 : n.call(t)[0]) ?? t.target;
   return s instanceof Element ? s : s instanceof Node ? s.parentElement : null;
 }
-function Ue(t, s) {
+function Ve(t, s) {
   var r;
-  const n = (r = t == null ? void 0 : t.closest) == null ? void 0 : r.call(t, `[${Ct}]`);
+  const n = (r = t == null ? void 0 : t.closest) == null ? void 0 : r.call(t, `[${Vt}]`);
   return !!(n && n !== s);
 }
-const Ut = 200;
-function Os({
+const qt = 200;
+function Xs({
   children: t,
   title: s,
   onClose: n,
@@ -909,27 +909,27 @@ function Os({
   closeLabel: i,
   ...l
 }) {
-  const c = K(), u = S(null), d = S(null), p = X.useId(), [h, f] = L(!1), _ = S(null), w = () => {
-    !n || h || (f(!0), _.current = setTimeout(() => {
-      f(!1), n();
-    }, Ut));
+  const c = X(), u = B(null), d = B(null), v = J.useId(), [b, m] = F(!1), g = B(null), h = () => {
+    !n || b || (m(!0), g.current = setTimeout(() => {
+      m(!1), n();
+    }, qt));
   };
-  P(() => () => clearTimeout(_.current), []), P(() => {
-    const x = (N) => {
-      N.key === "Escape" && w();
-    }, y = (N) => {
-      var D;
-      const B = Ce(N);
-      B && ((D = d.current) != null && D.contains(B) || Ue(B, u.current) || w());
+  z(() => () => clearTimeout(g.current), []), z(() => {
+    const p = (y) => {
+      y.key === "Escape" && h();
+    }, k = (y) => {
+      var I;
+      const A = Ue(y);
+      A && ((I = d.current) != null && I.contains(A) || Ve(A, u.current) || h());
     };
-    return document.addEventListener("keydown", x), document.addEventListener("mousedown", y), () => {
-      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", y);
+    return document.addEventListener("keydown", p), document.addEventListener("mousedown", k), () => {
+      document.removeEventListener("keydown", p), document.removeEventListener("mousedown", k);
     };
-  }, [n, h]);
-  const T = X.Children.toArray(t), j = T.find((x) => (x == null ? void 0 : x.type) === xe), g = T.filter((x) => (x == null ? void 0 : x.type) !== xe), $ = /* @__PURE__ */ e.jsx(
+  }, [n, b]);
+  const T = J.Children.toArray(t), N = T.find((p) => (p == null ? void 0 : p.type) === xe), $ = T.filter((p) => (p == null ? void 0 : p.type) !== xe), E = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-modal-overlay", h && "ds-modal-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-modal-overlay", b && "ds-modal-overlay--closing"].filter(Boolean).join(" "),
       ...l,
       ref: u,
       "data-ds-portal": "",
@@ -941,7 +941,7 @@ function Os({
           ref: d,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? p : void 0,
+          "aria-labelledby": s ? v : void 0,
           children: [
             n && /* @__PURE__ */ e.jsx(
               de,
@@ -949,29 +949,29 @@ function Os({
                 className: "ds-modal__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 }),
-                onClick: w,
+                icon: /* @__PURE__ */ e.jsx(ne, { size: Y[2], strokeWidth: 1.5 }),
+                onClick: h,
                 "aria-label": i ?? c.closeModal
               }
             ),
             (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: p, className: "ds-modal__title", children: s }),
+              s && /* @__PURE__ */ e.jsx("h3", { id: v, 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: g }),
-            j
+            /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: $ }),
+            N
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? $ : re.createPortal($, document.body);
+  return typeof document > "u" ? E : oe.createPortal(E, document.body);
 }
 function xe({ children: t }) {
-  return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
+  return !t || J.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
-const Ht = 320;
-function Cs({
+const Yt = 320;
+function Js({
   children: t,
   title: s,
   onClose: n,
@@ -979,24 +979,24 @@ function Cs({
   closeLabel: o,
   ...a
 }) {
-  const i = K(), l = S(null), c = S(null), u = X.useId(), [d, p] = L(!1), h = S(null), f = () => {
-    !n || d || (p(!0), h.current = setTimeout(() => {
-      p(!1), n();
-    }, Ht));
+  const i = X(), l = B(null), c = B(null), u = J.useId(), [d, v] = F(!1), b = B(null), m = () => {
+    !n || d || (v(!0), b.current = setTimeout(() => {
+      v(!1), n();
+    }, Yt));
   };
-  P(() => () => clearTimeout(h.current), []), P(() => {
-    const g = (x) => {
-      x.key === "Escape" && f();
-    }, $ = (x) => {
-      var N;
-      const y = Ce(x);
-      y && ((N = c.current) != null && N.contains(y) || Ue(y, l.current) || f());
+  z(() => () => clearTimeout(b.current), []), z(() => {
+    const $ = (p) => {
+      p.key === "Escape" && m();
+    }, E = (p) => {
+      var y;
+      const k = Ue(p);
+      k && ((y = c.current) != null && y.contains(k) || Ve(k, l.current) || m());
     };
-    return document.addEventListener("keydown", g), document.addEventListener("mousedown", $), () => {
-      document.removeEventListener("keydown", g), document.removeEventListener("mousedown", $);
+    return document.addEventListener("keydown", $), document.addEventListener("mousedown", E), () => {
+      document.removeEventListener("keydown", $), document.removeEventListener("mousedown", E);
     };
   }, [n, d]);
-  const _ = X.Children.toArray(t), w = _.find((g) => (g == null ? void 0 : g.type) === xe), T = _.filter((g) => (g == null ? void 0 : g.type) !== xe), j = /* @__PURE__ */ e.jsx(
+  const g = J.Children.toArray(t), h = g.find(($) => ($ == null ? void 0 : $.type) === xe), T = g.filter(($) => ($ == null ? void 0 : $.type) !== xe), N = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", d && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
@@ -1020,8 +1020,8 @@ function Cs({
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 }),
-                onClick: f,
+                icon: /* @__PURE__ */ e.jsx(ne, { size: Y[2], strokeWidth: 1.5 }),
+                onClick: m,
                 "aria-label": o ?? i.close
               }
             ),
@@ -1030,15 +1030,15 @@ function Cs({
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: T }),
-            w
+            h
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? j : re.createPortal(j, document.body);
+  return typeof document > "u" ? N : oe.createPortal(N, document.body);
 }
-function Vt({
+function Gt({
   children: t,
   title: s,
   defaultExpanded: n = !1,
@@ -1048,30 +1048,30 @@ function Vt({
   className: i = "",
   ...l
 }) {
-  const c = K(), u = s ?? c.code, [d, p] = L(n), h = r !== void 0, f = h ? r : d, _ = () => {
-    h ? o == null || o(!r) : p((T) => !T);
-  }, w = [
+  const c = X(), u = s ?? c.code, [d, v] = F(n), b = r !== void 0, m = b ? r : d, g = () => {
+    b ? o == null || o(!r) : v((T) => !T);
+  }, h = [
     "ds-code-accordion",
     `ds-code-accordion--${a}`,
-    f && "ds-code-accordion--expanded",
+    m && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: w, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: h, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: _,
-        "aria-expanded": f,
+        onClick: g,
+        "aria-expanded": m,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: u }),
           /* @__PURE__ */ e.jsx(
-            ye,
+            be,
             {
-              size: q[2],
+              size: Y[2],
               strokeWidth: 1.5,
-              className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
+              className: `ds-code-accordion__icon ${m ? "ds-code-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -1080,11 +1080,11 @@ function Vt({
     /* @__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 Us({ children: t, block: s = !1, collapsible: n = !1, title: r, defaultExpanded: o = !1, ...a }) {
-  const i = K(), l = r ?? i.code;
-  return s ? n ? /* @__PURE__ */ e.jsx(Vt, { title: l, 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 Zs({ children: t, block: s = !1, collapsible: n = !1, title: r, defaultExpanded: o = !1, ...a }) {
+  const i = X(), l = r ?? i.code;
+  return s ? n ? /* @__PURE__ */ e.jsx(Gt, { title: l, 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 Hs({ href: t, children: s, onClick: n, target: r, rel: o, ...a }) {
+function Qs({ 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",
@@ -1099,27 +1099,107 @@ function Hs({ href: t, children: s, onClick: n, target: r, rel: o, ...a }) {
     }
   );
 }
-function Vs({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: X.Children.map(t, (o) => X.isValidElement(o) ? X.cloneElement(o, { size: s, variant: n }) : o) });
+function Kt(t) {
+  return J.Children.toArray(t).filter(J.isValidElement);
 }
-function Ys({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: o = "ghost", disabled: a = !1, icon: i, href: l, ...c }) {
+function Xt(t) {
+  return t.disabled || t["aria-disabled"] === !0 || t["aria-disabled"] === "true";
+}
+function Jt(t) {
+  return !!(t.selected || t["aria-current"] === "page");
+}
+function Zt(t, s) {
+  const r = s.offsetLeft, o = r + s.offsetWidth, a = t.scrollLeft + 20, i = t.scrollLeft + t.clientWidth - 20;
+  r < a ? t.scrollLeft = Math.max(0, r - 20) : o > i && (t.scrollLeft = o - t.clientWidth + 20);
+}
+function en({ children: t, size: s = "m", variant: n = "ghost", onKeyDown: r, onFocus: o, ...a }) {
+  const i = B(null), l = Kt(t), c = l.findIndex((h) => Jt(h.props)), [u, d] = F(c >= 0 ? c : 0), [v, b] = F({ start: !1, end: !1 });
+  Re(() => {
+    const h = i.current;
+    !h || h.contains(document.activeElement) || d(c >= 0 ? c : 0);
+  }, [c]), z(() => {
+    const h = i.current;
+    if (!h) return;
+    const T = () => {
+      const p = h.scrollWidth - h.clientWidth, y = getComputedStyle(h).direction === "rtl" ? Math.abs(h.scrollLeft) : h.scrollLeft, A = y > 1, I = p - y > 1;
+      b((M) => M.start === A && M.end === I ? M : { start: A, end: I });
+    }, N = () => {
+      T();
+      const p = h.querySelectorAll(':scope > [role="tab"]'), k = document.activeElement, y = k && h.contains(k) && k.matches('[role="tab"]') ? k : p[u];
+      y && Zt(h, y);
+    };
+    N(), h.addEventListener("scroll", T, { passive: !0 });
+    const $ = new ResizeObserver(N);
+    $.observe(h), h.parentElement && $.observe(h.parentElement), h.querySelectorAll(':scope > [role="tab"]').forEach((p) => $.observe(p));
+    let E = !1;
+    return document.fonts && document.fonts.status !== "loaded" && document.fonts.ready.then(() => {
+      E || N();
+    }), () => {
+      E = !0, h.removeEventListener("scroll", T), $.disconnect();
+    };
+  }, [t, s, n, u]);
+  const m = (h) => {
+    if ((h.key === "ArrowRight" || h.key === "ArrowLeft" || h.key === "Home" || h.key === "End") && i.current) {
+      const N = i.current, $ = [...N.querySelectorAll(':scope > [role="tab"]')], E = $.map((p, k) => ({ el: p, index: k })).filter(({ el: p }) => !p.disabled && p.getAttribute("aria-disabled") !== "true");
+      if (E.length) {
+        const p = E.findIndex(({ el: M }) => M === document.activeElement), k = getComputedStyle(N).direction === "rtl", y = p >= 0 ? p : 0;
+        let A = y;
+        h.key === "Home" ? A = 0 : h.key === "End" ? A = E.length - 1 : h.key === "ArrowRight" ? A = (y + (k ? -1 : 1) + E.length) % E.length : A = (y + (k ? 1 : -1) + E.length) % E.length, h.preventDefault();
+        const I = E[A].index;
+        $.forEach((M, H) => {
+          M.tabIndex = !M.disabled && M.getAttribute("aria-disabled") !== "true" && H === I ? 0 : -1;
+        }), d(I), E[A].el.focus();
+      }
+    }
+    r == null || r(h);
+  }, g = (h) => {
+    const T = i.current;
+    if (T) {
+      const $ = [...T.querySelectorAll(':scope > [role="tab"]')].indexOf(h.target);
+      $ >= 0 && d($);
+    }
+    o == null || o(h);
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ...a,
+      ref: i,
+      className: ["ds-tabs", a.className].filter(Boolean).join(" "),
+      role: "tablist",
+      "data-fade-start": v.start ? "" : void 0,
+      "data-fade-end": v.end ? "" : void 0,
+      onKeyDown: m,
+      onFocus: g,
+      children: l.map((h, T) => {
+        const N = Xt(h.props);
+        return J.cloneElement(h, {
+          size: h.props.size || s,
+          variant: h.props.variant || n,
+          tabIndex: N || T !== u ? -1 : 0
+        });
+      })
+    }
+  );
+}
+function tn({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: o = "ghost", disabled: a = !1, icon: i, href: l, ...c }) {
   const u = i && !t, d = [
     "ds-tab",
     `ds-tab--${r}`,
     `ds-tab--${o}`,
     s && "ds-tab--selected",
     u && "ds-tab--icon-only"
-  ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), v = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     t
   ] });
   if (l) {
-    const h = (f) => {
+    const b = (m) => {
       if (a) {
-        f.preventDefault();
+        m.preventDefault();
         return;
       }
-      f.metaKey || f.ctrlKey || f.button === 1 || (f.preventDefault(), n == null || n(f));
+      m.metaKey || m.ctrlKey || m.button === 1 || (m.preventDefault(), n == null || n(m));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -1129,30 +1209,31 @@ function Ys({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
         "aria-disabled": a ? "true" : void 0,
         className: d,
         href: a ? void 0 : l,
-        onClick: h,
+        onClick: b,
         ...c,
-        children: p
+        children: v
       }
     );
   }
   return /* @__PURE__ */ e.jsx(
     "button",
     {
+      type: "button",
       role: "tab",
       "aria-selected": s,
       className: d,
       onClick: n,
       disabled: a,
       ...c,
-      children: p
+      children: v
     }
   );
 }
-function qs({ children: t, className: s = "", ...n }) {
+function sn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-browser-pane", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Gs({ tabs: t, active: s, onChange: n, onClose: r, className: o = "", ...a }) {
-  const { t: i } = be();
+function nn({ tabs: t, active: s, onChange: n, onClose: r, className: o = "", ...a }) {
+  const { t: i } = _e();
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1194,7 +1275,7 @@ function Gs({ tabs: t, active: s, onChange: n, onClose: r, className: o = "", ..
                   onClick: (d) => {
                     d.stopPropagation(), r == null || r(l.id);
                   },
-                  children: /* @__PURE__ */ e.jsx(te, { size: 12, strokeWidth: 2 })
+                  children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
                 }
               ) : null
             ]
@@ -1205,10 +1286,10 @@ function Gs({ tabs: t, active: s, onChange: n, onClose: r, className: o = "", ..
     }
   );
 }
-function Ks({ children: t, className: s = "", ...n }) {
+function rn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-list", s].filter(Boolean).join(" "), role: "list", ...n, children: t });
 }
-function Xs({
+function on({
   icon: t,
   title: s,
   subtitle: n,
@@ -1228,73 +1309,200 @@ function Xs({
       /* @__PURE__ */ e.jsx("span", { className: "ds-list-row__title", children: s }),
       n ? /* @__PURE__ */ e.jsx("span", { className: "ds-list-row__subtitle", children: n }) : null
     ] }),
-    l.map((d, p) => /* @__PURE__ */ e.jsx("span", { className: "ds-list-row__meta", children: d }, p))
+    l.map((d, v) => /* @__PURE__ */ e.jsx("span", { className: "ds-list-row__meta", children: d }, v))
   ] });
   return o ? /* @__PURE__ */ e.jsx("button", { type: "button", role: "listitem", className: c, onClick: o, ...i, children: u }) : /* @__PURE__ */ e.jsx("div", { role: "listitem", className: c, ...i, children: u });
 }
-function Js({ options: t, value: s, onChange: n, size: r = "m", disabled: o = !1 }) {
-  const a = S(null), i = S(null), [l, c] = L(!1), u = S(!1), d = S(null), p = S(null), h = () => {
-    if (!a.current) return;
-    const f = a.current.querySelector(`[data-value="${s}"]`);
-    if (!f) return;
-    const _ = a.current.getBoundingClientRect(), w = f.getBoundingClientRect(), T = w.left - _.left, j = w.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = T + "px", i.current.style.width = j + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
-      if (!i.current || !a.current) return;
-      const g = a.current.querySelector(`[data-value="${s}"]`);
-      if (!g) return;
-      const $ = a.current.getBoundingClientRect(), x = g.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = x.left - $.left + "px", i.current.style.width = x.width + "px";
-    }));
+const et = 0.5, Qt = { s: 12, m: 14, sm: 14, l: 16 };
+function es(t) {
+  const s = getComputedStyle(t);
+  return t.clientWidth - parseFloat(s.paddingLeft) - parseFloat(s.paddingRight);
+}
+function Ee({ icon: t }) {
+  return t ? /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: t }) : null;
+}
+function an({
+  options: t,
+  value: s,
+  onChange: n,
+  size: r = "m",
+  disabled: o = !1,
+  overflow: a = "menu"
+}) {
+  const i = B(null), l = B(null), c = B(null), u = B(null), d = B(null), [v, b] = F(!1), [m, g] = F(!1), [h, T] = F(!1), N = B(!1), $ = B(null), E = B(null), p = B(!1), k = mt(), y = m && a === "stack", A = m && a !== "stack", I = t.find((_) => _.value === s) || t[0], M = () => {
+    const _ = i.current, x = l.current;
+    if (!_ || !x) return;
+    const w = es(_), R = [...x.querySelectorAll(".ds-seg__btn")].reduce((G, Z) => G + Z.getBoundingClientRect().width, 0);
+    if (w > 0 && R > 0) {
+      const G = p.current, Z = G ? !(w > R + et) : R > w + et;
+      if (Z !== G) {
+        p.current = Z, g(Z), Z || T(!1);
+        return;
+      }
+    }
+    if (p.current && a !== "stack") return;
+    const P = _.querySelector(`:scope > button[data-value="${CSS.escape(String(s))}"]`);
+    if (!P) return;
+    const W = _.getBoundingClientRect(), C = P.getBoundingClientRect(), f = C.left - W.left - _.clientLeft, j = C.top - W.top - _.clientTop, D = p.current && a === "stack", q = (G) => {
+      const Z = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      G.style.transition = N.current && !Z ? "left var(--transition-normal), width var(--transition-normal), top var(--transition-normal), height var(--transition-normal)" : "none", G.style.left = `${f}px`, G.style.width = `${C.width}px`, D ? (G.style.top = `${j}px`, G.style.height = `${C.height}px`, G.style.bottom = "auto") : (G.style.top = "", G.style.height = "", G.style.bottom = ""), N.current = !1;
+    };
+    c.current ? q(c.current) : b(!0);
   };
-  return p.current = h, dt(() => {
-    const f = d.current !== s;
-    d.current = s, u.current = l && f, h();
-  }), P(() => {
-    if (!a.current) return;
-    const f = new ResizeObserver(() => {
-      u.current = !1, p.current();
+  E.current = M, Re(() => {
+    const _ = $.current !== s;
+    $.current = s, N.current = v && _, M();
+  }), z(() => {
+    const _ = i.current;
+    if (!_) return;
+    const x = new ResizeObserver(() => {
+      var R;
+      N.current = !1, (R = E.current) == null || R.call(E);
     });
-    return f.observe(a.current), () => f.disconnect();
-  }, []), /* @__PURE__ */ e.jsxs(
+    x.observe(_), _.parentElement && x.observe(_.parentElement);
+    let w = !1;
+    return document.fonts && document.fonts.status !== "loaded" && document.fonts.ready.then(() => {
+      var R;
+      w || (N.current = !1, (R = E.current) == null || R.call(E));
+    }), () => {
+      w = !0, x.disconnect();
+    };
+  }, []), Re(() => {
+    var R;
+    if (!h) return;
+    const _ = d.current, x = u.current;
+    if (!_ || !x) return;
+    const w = () => {
+      const P = x.getBoundingClientRect(), W = Math.max(P.width, _.scrollWidth), C = window.innerWidth - W - 8, f = Math.max(8, Math.min(P.left, C));
+      _.style.width = `${W}px`, _.style.left = `${f}px`;
+      const j = _.offsetHeight, D = window.innerHeight - P.bottom;
+      D < j + 8 && P.top > D ? (_.style.top = "auto", _.style.bottom = `${window.innerHeight - P.top + 4}px`) : (_.style.bottom = "auto", _.style.top = `${P.bottom + 4}px`);
+    };
+    return w(), (R = _.querySelector('[aria-selected="true"]')) == null || R.focus(), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0), () => {
+      window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
+    };
+  }, [h, s, t]), z(() => {
+    if (!h) return;
+    const _ = (w) => {
+      var R, P;
+      (R = i.current) != null && R.contains(w.target) || (P = d.current) != null && P.contains(w.target) || T(!1);
+    }, x = (w) => {
+      var R;
+      w.key === "Escape" && (T(!1), (R = u.current) == null || R.focus());
+    };
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", x), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", x);
+    };
+  }, [h]);
+  const H = (_) => {
+    var x;
+    o || n(_), T(!1), (x = u.current) == null || x.focus();
+  }, S = (_, x) => {
+    var R, P, W, C, f, j, D;
+    const w = (R = d.current) == null ? void 0 : R.querySelectorAll(".ds-seg__option");
+    w != null && w.length && (_.key === "ArrowDown" ? (_.preventDefault(), (P = w[Math.min(x + 1, w.length - 1)]) == null || P.focus()) : _.key === "ArrowUp" ? (_.preventDefault(), x === 0 ? (W = u.current) == null || W.focus() : (C = w[x - 1]) == null || C.focus()) : _.key === "Home" ? (_.preventDefault(), (f = w[0]) == null || f.focus()) : _.key === "End" ? (_.preventDefault(), (j = w[w.length - 1]) == null || j.focus()) : _.key === "Escape" && (_.preventDefault(), T(!1), (D = u.current) == null || D.focus()));
+  }, V = /* @__PURE__ */ e.jsx("div", { className: "ds-seg__measure", ref: l, "aria-hidden": "true", children: t.map((_) => /* @__PURE__ */ e.jsxs("button", { type: "button", tabIndex: -1, className: "ds-seg__btn", "data-value": _.value, children: [
+    /* @__PURE__ */ e.jsx(Ee, { icon: _.icon }),
+    _.label
+  ] }, _.value)) }), O = A && h && typeof document < "u" && Ft(
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: d,
+        id: k,
+        className: ["ds-seg__menu", `ds-seg--${r}`].join(" "),
+        role: "listbox",
+        "aria-activedescendant": void 0,
+        children: t.map((_, x) => /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            className: ["ds-seg__option", _.value === s && "ds-seg__option--selected"].filter(Boolean).join(" "),
+            "aria-selected": _.value === s,
+            onClick: () => H(_.value),
+            onKeyDown: (w) => S(w, x),
+            children: [
+              /* @__PURE__ */ e.jsx(Ee, { icon: _.icon }),
+              _.label
+            ]
+          },
+          _.value
+        ))
+      }
+    ),
+    document.body
+  );
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-seg",
         `ds-seg--${r}`,
+        y && "ds-seg--stack",
+        A && "ds-seg--menu",
         o && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
-      ref: a,
-      role: "group",
+      ref: i,
+      role: A ? void 0 : "group",
+      "data-seg-mode": A ? "menu" : y ? "stack" : "row",
       children: [
-        l && /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            ref: i,
-            className: "ds-seg__pill",
-            "aria-hidden": "true"
-          }
-        ),
-        t.map((f) => /* @__PURE__ */ e.jsxs(
+        V,
+        A ? /* @__PURE__ */ e.jsxs(
           "button",
           {
+            ref: u,
             type: "button",
-            "data-value": f.value,
-            className: ["ds-seg__btn", s === f.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !o && n(f.value),
-            "aria-pressed": s === f.value,
+            className: "ds-seg__btn ds-seg__trigger",
+            "aria-haspopup": "listbox",
+            "aria-expanded": h,
+            "aria-controls": k,
             disabled: o,
+            onClick: () => !o && T((_) => !_),
+            onKeyDown: (_) => {
+              _.key === "ArrowDown" || _.key === "ArrowUp" ? (_.preventDefault(), T(!0)) : _.key === "Escape" && T(!1);
+            },
             children: [
-              f.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: f.icon }),
-              f.label
+              /* @__PURE__ */ e.jsxs("span", { className: "ds-seg__trigger-label", children: [
+                /* @__PURE__ */ e.jsx(Ee, { icon: I == null ? void 0 : I.icon }),
+                I == null ? void 0 : I.label
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                be,
+                {
+                  size: Qt[r] || 14,
+                  strokeWidth: 1.5,
+                  className: h ? "ds-seg__chevron ds-seg__chevron--open" : "ds-seg__chevron",
+                  "aria-hidden": "true"
+                }
+              )
             ]
-          },
-          f.value
-        ))
+          }
+        ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          v && /* @__PURE__ */ e.jsx("div", { ref: c, className: "ds-seg__pill", "aria-hidden": "true" }),
+          t.map((_) => /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              type: "button",
+              "data-value": _.value,
+              className: ["ds-seg__btn", s === _.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+              onClick: () => !o && n(_.value),
+              "aria-pressed": s === _.value,
+              disabled: o,
+              children: [
+                /* @__PURE__ */ e.jsx(Ee, { icon: _.icon }),
+                _.label
+              ]
+            },
+            _.value
+          ))
+        ] }),
+        O
       ]
     }
   );
 }
-function He({
+function qe({
   children: t,
   title: s,
   defaultExpanded: n = !1,
@@ -1303,27 +1511,27 @@ function He({
   padding: a = "m",
   ...i
 }) {
-  const [l, c] = L(n), u = r !== void 0, d = u ? r : l, p = () => {
-    u ? o == null || o(!r) : c((f) => !f);
-  }, h = [
+  const [l, c] = F(n), u = r !== void 0, d = u ? r : l, v = () => {
+    u ? o == null || o(!r) : c((m) => !m);
+  }, b = [
     "ds-accordion",
     `ds-accordion--${a}`,
     d && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-accordion__header",
-        onClick: p,
+        onClick: v,
         "aria-expanded": d,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
-            ye,
+            be,
             {
-              size: q[2],
+              size: Y[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${d ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1335,7 +1543,7 @@ function He({
   ] });
 }
 const ce = 8, pe = 8;
-function Yt(t, s, n) {
+function ts(t, s, n) {
   const r = window.innerWidth;
   let o, a;
   switch (t) {
@@ -1357,7 +1565,7 @@ function Yt(t, s, n) {
   const i = Math.max(pe, Math.min(r - n.width - pe, a)), l = a - i;
   return { top: o, left: i, arrowOffset: l };
 }
-function qt(t, s, n) {
+function ss(t, s, n) {
   const r = window.innerWidth, o = window.innerHeight;
   if (t.top >= s + ce + pe) return "top";
   if (o - t.bottom >= s + ce + pe) return "bottom";
@@ -1366,49 +1574,49 @@ function qt(t, s, n) {
   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 Ze() {
+function tt() {
   return window.matchMedia("(hover: hover) and (pointer: fine)").matches;
 }
-function Gt(t) {
+function ns(t) {
   return t ? t.matches(":focus-visible") || !!t.querySelector(":focus-visible") : !1;
 }
-function Ve({ children: t, content: s, position: n, ...r }) {
-  const [o, a] = L(!1), [i, l] = L({ visibility: "hidden" }), [c, u] = L(n || "top"), d = S(null), p = S(null), h = () => {
-    if (!d.current || !p.current) return;
-    const g = d.current.getBoundingClientRect(), $ = p.current.getBoundingClientRect(), x = n || qt(g, $.height, $.width), { top: y, left: N, arrowOffset: B } = Yt(x, g, $);
-    u(x), l({
+function Ye({ children: t, content: s, position: n, ...r }) {
+  const [o, a] = F(!1), [i, l] = F({ visibility: "hidden" }), [c, u] = F(n || "top"), d = B(null), v = B(null), b = () => {
+    if (!d.current || !v.current) return;
+    const $ = d.current.getBoundingClientRect(), E = v.current.getBoundingClientRect(), p = n || ss($, E.height, E.width), { top: k, left: y, arrowOffset: A } = ts(p, $, E);
+    u(p), l({
       position: "fixed",
-      top: y,
-      left: N,
+      top: k,
+      left: y,
       visibility: "visible",
-      "--arrow-offset": `${B}px`
+      "--arrow-offset": `${A}px`
     });
   };
-  P(() => {
+  z(() => {
     if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const g = requestAnimationFrame(h);
-    return window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
-      cancelAnimationFrame(g), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
+    const $ = requestAnimationFrame(b);
+    return window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+      cancelAnimationFrame($), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
   }, [o, n]);
-  const f = () => {
-    Ze() && a(!0);
-  }, _ = () => {
-    Gt(d.current) || a(!1);
-  }, w = (g) => {
-    const $ = g.target;
-    $ instanceof Element && $.matches(":focus-visible") && a(!0);
-  }, T = (g) => {
-    var x, y;
-    const $ = g.relatedTarget;
-    $ instanceof Node && ((x = d.current) != null && x.contains($)) || Ze() && ((y = d.current) != null && y.matches(":hover")) || a(!1);
+  const m = () => {
+    tt() && a(!0);
+  }, g = () => {
+    ns(d.current) || a(!1);
+  }, h = ($) => {
+    const E = $.target;
+    E instanceof Element && E.matches(":focus-visible") && a(!0);
+  }, T = ($) => {
+    var p, k;
+    const E = $.relatedTarget;
+    E instanceof Node && ((p = d.current) != null && p.contains(E)) || tt() && ((k = d.current) != null && k.matches(":hover")) || a(!1);
   };
   if (!s) return t;
-  const j = o && /* @__PURE__ */ e.jsx(
+  const N = o && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: p,
+      ref: v,
       "data-ds-portal": "",
       className: `ds-tooltip ds-tooltip--${c}`,
       role: "tooltip",
@@ -1421,24 +1629,24 @@ function Ve({ children: t, content: s, position: n, ...r }) {
     {
       ref: d,
       className: "ds-tooltip-wrapper",
-      onMouseEnter: f,
-      onMouseLeave: _,
-      onFocus: w,
+      onMouseEnter: m,
+      onMouseLeave: g,
+      onFocus: h,
       onBlur: T,
       ...r,
       children: [
         t,
-        typeof document < "u" && re.createPortal(j, document.body)
+        typeof document < "u" && oe.createPortal(N, document.body)
       ]
     }
   );
 }
-const Qe = 8, Ee = 8, Kt = 140;
-function et(t) {
+const st = 8, Te = 8, rs = 140;
+function nt(t) {
   const s = String(t ?? "").replace(/^@/, "").trim();
   return s ? `@${s}` : "";
 }
-function Zs({
+function ln({
   label: t,
   children: s,
   mode: n = "click",
@@ -1451,55 +1659,55 @@ function Zs({
   popoverClassName: u = "",
   ...d
 }) {
-  const p = jt(), h = S(null), f = S(null), _ = S(null), [w, T] = L(!1), [j, g] = L(null), $ = s != null, x = o || t || "", y = et(t || o), N = et(a), B = ne(() => {
-    _.current != null && (window.clearTimeout(_.current), _.current = null);
-  }, []), D = ne(() => {
-    B(), T(!0);
-  }, [B]), W = ne(() => {
-    B(), _.current = window.setTimeout(() => T(!1), Kt);
-  }, [B]), O = ne(() => {
-    const M = h.current, V = f.current;
-    if (!M) return;
-    const v = M.getBoundingClientRect(), R = (V == null ? void 0 : V.offsetHeight) ?? 160, A = (V == null ? void 0 : V.offsetWidth) ?? 260;
-    let F = v.bottom + Qe;
-    F + R > window.innerHeight - Ee && (F = Math.max(Ee, v.top - R - Qe));
-    const H = Math.max(Ee, Math.min(v.left, window.innerWidth - A - Ee));
-    g({ top: F, left: H });
+  const v = mt(), b = B(null), m = B(null), g = B(null), [h, T] = F(!1), [N, $] = F(null), E = s != null, p = o || t || "", k = nt(t || o), y = nt(a), A = re(() => {
+    g.current != null && (window.clearTimeout(g.current), g.current = null);
+  }, []), I = re(() => {
+    A(), T(!0);
+  }, [A]), M = re(() => {
+    A(), g.current = window.setTimeout(() => T(!1), rs);
+  }, [A]), H = re(() => {
+    const O = b.current, _ = m.current;
+    if (!O) return;
+    const x = O.getBoundingClientRect(), w = (_ == null ? void 0 : _.offsetHeight) ?? 160, R = (_ == null ? void 0 : _.offsetWidth) ?? 260;
+    let P = x.bottom + st;
+    P + w > window.innerHeight - Te && (P = Math.max(Te, x.top - w - st));
+    const W = Math.max(Te, Math.min(x.left, window.innerWidth - R - Te));
+    $({ top: P, left: W });
   }, []);
-  dt(() => {
-    w && O();
-  }, [w, O]), P(() => {
-    if (!w) return;
-    const M = () => O(), V = (R) => {
-      R.key === "Escape" && T(!1);
-    }, v = (R) => {
-      var F, H;
+  Re(() => {
+    h && H();
+  }, [h, H]), z(() => {
+    if (!h) return;
+    const O = () => H(), _ = (w) => {
+      w.key === "Escape" && T(!1);
+    }, x = (w) => {
+      var P, W;
       if (n === "hover") return;
-      const A = R.target;
-      (F = f.current) != null && F.contains(A) || (H = h.current) != null && H.contains(A) || T(!1);
+      const R = w.target;
+      (P = m.current) != null && P.contains(R) || (W = b.current) != null && W.contains(R) || T(!1);
     };
-    return window.addEventListener("scroll", M, !0), window.addEventListener("resize", M), document.addEventListener("keydown", V), document.addEventListener("mousedown", v), () => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("keydown", V), document.removeEventListener("mousedown", v);
+    return window.addEventListener("scroll", O, !0), window.addEventListener("resize", O), document.addEventListener("keydown", _), document.addEventListener("mousedown", x), () => {
+      window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O), document.removeEventListener("keydown", _), document.removeEventListener("mousedown", x);
     };
-  }, [w, O, n]), P(() => () => B(), [B]);
-  const k = n === "hover" ? { onMouseEnter: D, onMouseLeave: W } : {}, C = w ? re.createPortal(
+  }, [h, H, n]), z(() => () => A(), [A]);
+  const S = n === "hover" ? { onMouseEnter: I, onMouseLeave: M } : {}, V = h ? oe.createPortal(
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: f,
-        id: p,
+        ref: m,
+        id: v,
         role: "dialog",
-        "aria-label": x || y || "Mention",
+        "aria-label": p || k || "Mention",
         "data-ds-portal": "",
         className: ["ds-mention__popover", u].filter(Boolean).join(" "),
-        style: j ? { top: j.top, left: j.left } : { top: -9999, left: -9999, visibility: "hidden" },
-        ...k,
+        style: N ? { top: N.top, left: N.left } : { top: -9999, left: -9999, visibility: "hidden" },
+        ...S,
         children: [
-          (r || x || N) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
+          (r || p || y) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
             r,
-            (x || N) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
-              x ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__name", children: x }) : null,
-              N ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: N }) : null
+            (p || y) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
+              p ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__name", children: p }) : null,
+              y ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: y }) : null
             ] })
           ] }),
           i ? /* @__PURE__ */ e.jsx("p", { className: "ds-mention__desc", children: i }) : null,
@@ -1514,35 +1722,35 @@ function Zs({
       "button",
       {
         ...d,
-        ref: h,
+        ref: b,
         type: "button",
         className: [
           "ds-mention",
-          $ && "ds-mention--custom",
+          E && "ds-mention--custom",
           c
         ].filter(Boolean).join(" "),
-        "aria-expanded": w,
+        "aria-expanded": h,
         "aria-haspopup": "dialog",
-        "aria-label": $ && (y || x) || void 0,
-        "aria-controls": w ? p : void 0,
-        onClick: (M) => {
-          var V;
-          if ((V = d.onClick) == null || V.call(d, M), !M.defaultPrevented) {
-            if (M.preventDefault(), M.stopPropagation(), n === "hover") {
-              D();
+        "aria-label": E && (k || p) || void 0,
+        "aria-controls": h ? v : void 0,
+        onClick: (O) => {
+          var _;
+          if ((_ = d.onClick) == null || _.call(d, O), !O.defaultPrevented) {
+            if (O.preventDefault(), O.stopPropagation(), n === "hover") {
+              I();
               return;
             }
-            T((v) => !v);
+            T((x) => !x);
           }
         },
-        ...k,
-        children: $ ? s : y
+        ...S,
+        children: E ? s : k
       }
     ),
-    typeof document < "u" ? C : null
+    typeof document < "u" ? V : null
   ] });
 }
-function Qs({
+function cn({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1551,7 +1759,7 @@ function Qs({
   id: a,
   ...i
 }) {
-  const l = a || `toggle-${X.useId()}`, c = [
+  const l = a || `toggle-${J.useId()}`, c = [
     "ds-toggle",
     `ds-toggle--${n}`,
     r && "ds-toggle--disabled"
@@ -1573,7 +1781,7 @@ function Qs({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function en({
+function dn({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1582,7 +1790,7 @@ function en({
   id: a,
   ...i
 }) {
-  const l = a || `checkbox-${X.useId()}`, c = [
+  const l = a || `checkbox-${J.useId()}`, c = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     r && "ds-checkbox--disabled"
@@ -1601,7 +1809,7 @@ function en({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
-      Pe,
+      Fe,
       {
         size: u,
         strokeWidth: 2.5,
@@ -1611,7 +1819,7 @@ function en({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function tn({
+function un({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1622,7 +1830,7 @@ function tn({
   id: l,
   ...c
 }) {
-  const u = l || `radio-${X.useId()}`, d = [
+  const u = l || `radio-${J.useId()}`, d = [
     "ds-radio",
     `ds-radio--${n}`,
     r && "ds-radio--disabled"
@@ -1635,7 +1843,7 @@ function tn({
         id: u,
         className: "ds-radio__input",
         checked: t,
-        onChange: (p) => s == null ? void 0 : s(p.target.checked),
+        onChange: (v) => s == null ? void 0 : s(v.target.checked),
         disabled: r,
         name: a,
         value: i,
@@ -1646,7 +1854,7 @@ function tn({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function Xt({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: o = "", style: a = {}, ...i }) {
+function os({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: o = "", style: a = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1657,7 +1865,7 @@ function Xt({ width: t, height: s, shape: n = "rect", aspectRatio: r, className:
     }
   );
 }
-function Jt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: o = {}, ...a }) {
+function as({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: o = {}, ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1676,20 +1884,20 @@ function Jt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "",
     }
   );
 }
-Xt.Text = Jt;
-function Zt(t) {
+os.Text = as;
+function is(t) {
   let s = 2166136261;
   for (let n = 0; n < t.length; n++)
     s ^= t.charCodeAt(n), s = Math.imul(s, 16777619) >>> 0;
   return s % 360;
 }
-function Qt(t) {
+function ls(t) {
   if (!t) return "";
   const s = t.trim().split(/\s+/);
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
-function sn({ seed: t, icon: s, src: n, size: r = 32, className: o = "", style: a = {}, ...i }) {
-  const l = Zt(t ?? ""), [c, u] = L(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Qt(t) });
+function fn({ seed: t, icon: s, src: n, size: r = 32, className: o = "", style: a = {}, ...i }) {
+  const l = is(t ?? ""), [c, u] = F(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: ls(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1701,7 +1909,7 @@ function sn({ seed: t, icon: s, src: n, size: r = 32, className: o = "", style:
     }
   );
 }
-function nn({
+function mn({
   children: t,
   size: s = "compact",
   stickyTop: n,
@@ -1731,13 +1939,13 @@ function nn({
     }
   );
 }
-function rn({ children: t, ...s }) {
+function pn({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function on({ children: t, ...s }) {
+function hn({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function an({ children: t, interactive: s, selected: n, subheader: r, exiting: o, updated: a, className: i = "", onClick: l, ...c }) {
+function xn({ children: t, interactive: s, selected: n, subheader: r, exiting: o, updated: a, className: i = "", onClick: l, ...c }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1756,11 +1964,11 @@ function an({ children: t, interactive: s, selected: n, subheader: r, exiting: o
     }
   );
 }
-function ln({ children: t, colSpan: s = 999, ...n }) {
+function vn({ 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 cn({ children: t, align: s = "left", sortDir: n, onSort: r, width: o, className: a = "", style: i = {}, ...l }) {
-  const c = !!r || n !== void 0, u = n === "asc" ? gt : n === "desc" ? ye : yt;
+function bn({ children: t, align: s = "left", sortDir: n, onSort: r, width: o, className: a = "", style: i = {}, ...l }) {
+  const c = !!r || n !== void 0, u = n === "asc" ? kt : n === "desc" ? be : Et;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1781,7 +1989,7 @@ function cn({ children: t, align: s = "left", sortDir: n, onSort: r, width: o, c
     }
   );
 }
-function dn({ children: t, align: s = "left", secondary: n, muted: r, truncate: o, nowrap: a, className: i = "", ...l }) {
+function _n({ children: t, align: s = "left", secondary: n, muted: r, truncate: o, nowrap: a, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1799,7 +2007,7 @@ function dn({ children: t, align: s = "left", secondary: n, muted: r, truncate:
     }
   );
 }
-function un({
+function jn({
   icon: t,
   title: s,
   description: n,
@@ -1822,7 +2030,7 @@ function un({
     }
   );
 }
-function fn({
+function gn({
   label: t,
   hint: s,
   error: n,
@@ -1834,7 +2042,7 @@ function fn({
   style: c,
   ...u
 }) {
-  const d = X.useId(), p = a ?? d, h = `${p}-hint`, f = `${p}-error`;
+  const d = J.useId(), v = a ?? d, b = `${v}-hint`, m = `${v}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1845,15 +2053,15 @@ function fn({
       style: c,
       ...u,
       children: [
-        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
+        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: v, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: s }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: f, role: "alert", children: n })
+        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: b, children: s }),
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: m, role: "alert", children: n })
       ]
     }
   );
 }
-function mn({ label: t, value: s, delta: n, size: r = "m", inline: o = !1, className: a = "", style: i, ...l }) {
+function wn({ 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",
@@ -1874,7 +2082,7 @@ function mn({ label: t, value: s, delta: n, size: r = "m", inline: o = !1, class
     }
   );
 }
-function pn({
+function Nn({
   children: t,
   separator: s = "/",
   "aria-label": n,
@@ -1882,7 +2090,7 @@ function pn({
   style: o,
   ...a
 }) {
-  const i = K(), l = X.Children.toArray(t).filter(Boolean);
+  const i = X(), l = J.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1897,7 +2105,7 @@ function pn({
     }
   );
 }
-function hn({
+function yn({
   page: t,
   total: s,
   onChange: n,
@@ -1909,7 +2117,7 @@ function hn({
   style: c,
   ...u
 }) {
-  const d = K(), { t: p } = be(), h = es(t, s, r);
+  const d = X(), { t: v } = _e(), b = cs(t, s, r);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1925,20 +2133,20 @@ function hn({
             onClick: () => n == null ? void 0 : n(t - 1),
             disabled: t <= 1,
             "aria-label": a ?? d.previousPage,
-            children: /* @__PURE__ */ e.jsx(kt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Tt, { size: 16 })
           }
         ),
-        h.map(
-          (f, _) => f === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${_}`) : /* @__PURE__ */ e.jsx(
+        b.map(
+          (m, g) => m === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${g}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${f === t ? " ds-pagination-page--current" : ""}`,
-              onClick: () => f !== t && (n == null ? void 0 : n(f)),
-              "aria-current": f === t ? "page" : void 0,
-              "aria-label": p("pageN", { n: f }),
-              children: f
+              className: `ds-pagination-page${m === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => m !== t && (n == null ? void 0 : n(m)),
+              "aria-current": m === t ? "page" : void 0,
+              "aria-label": v("pageN", { n: m }),
+              children: m
             },
-            f
+            m
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1948,22 +2156,22 @@ function hn({
             onClick: () => n == null ? void 0 : n(t + 1),
             disabled: t >= s,
             "aria-label": i ?? d.nextPage,
-            children: /* @__PURE__ */ e.jsx(Et, { size: 16 })
+            children: /* @__PURE__ */ e.jsx($t, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function es(t, s, n) {
+function cs(t, s, n) {
   if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
   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 ts = 300;
-function xn({
+const ds = 300;
+function kn({
   children: t,
   title: s,
   onClose: n,
@@ -1976,41 +2184,41 @@ function xn({
   closeLabel: u,
   ...d
 }) {
-  const p = K(), h = S(null), f = X.useId(), [_, w] = L(!1), T = S(null), j = () => {
-    !n || _ || (w(!0), T.current = setTimeout(() => {
-      w(!1), n();
-    }, ts));
+  const v = X(), b = B(null), m = J.useId(), [g, h] = F(!1), T = B(null), N = () => {
+    !n || g || (h(!0), T.current = setTimeout(() => {
+      h(!1), n();
+    }, ds));
   };
-  P(() => () => clearTimeout(T.current), []), P(() => {
-    const N = (D) => {
-      D.key === "Escape" && j();
-    }, B = (D) => {
-      var O, k;
-      const W = Ce(D);
-      W && ((O = c == null ? void 0 : c.current) != null && O.contains(W) || (k = h.current) != null && k.contains(W) || Ue(W, null) || j());
+  z(() => () => clearTimeout(T.current), []), z(() => {
+    const y = (I) => {
+      I.key === "Escape" && N();
+    }, A = (I) => {
+      var H, S;
+      const M = Ue(I);
+      M && ((H = c == null ? void 0 : c.current) != null && H.contains(M) || (S = b.current) != null && S.contains(M) || Ve(M, null) || N());
     };
-    return document.addEventListener("keydown", N), document.addEventListener("mousedown", B), () => {
-      document.removeEventListener("keydown", N), document.removeEventListener("mousedown", B);
+    return document.addEventListener("keydown", y), document.addEventListener("mousedown", A), () => {
+      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", A);
     };
-  }, [n, _, c]);
-  const g = X.Children.toArray(t), $ = g.find((N) => (N == null ? void 0 : N.type) === tt || (N == null ? void 0 : N.type) === xe), x = g.filter((N) => (N == null ? void 0 : N.type) !== tt && (N == null ? void 0 : N.type) !== xe), y = /* @__PURE__ */ e.jsx(
+  }, [n, g, c]);
+  const $ = J.Children.toArray(t), E = $.find((y) => (y == null ? void 0 : y.type) === rt || (y == null ? void 0 : y.type) === xe), p = $.filter((y) => (y == null ? void 0 : y.type) !== rt && (y == null ? void 0 : y.type) !== xe), k = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-side-page-overlay", _ && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-side-page-overlay", g && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
       "data-side": o,
       style: { "--ds-side-page-offset-left": `${i}px`, "--ds-side-page-offset-right": `${l}px` },
       ...d,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: h,
-          className: ["ds-side-page", _ && "ds-side-page--closing"].filter(Boolean).join(" "),
+          ref: b,
+          className: ["ds-side-page", g && "ds-side-page--closing"].filter(Boolean).join(" "),
           "data-surface": "2",
           "data-side": o,
           "data-size": a,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? f : void 0,
+          "aria-labelledby": s ? m : void 0,
           children: [
             n && /* @__PURE__ */ e.jsx(
               de,
@@ -2018,28 +2226,28 @@ function xn({
                 className: "ds-side-page__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 }),
-                onClick: j,
-                "aria-label": u ?? p.close
+                icon: /* @__PURE__ */ e.jsx(ne, { size: Y[2], strokeWidth: 1.5 }),
+                onClick: N,
+                "aria-label": u ?? v.close
               }
             ),
             (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: f, className: "ds-side-page__title", children: s }),
+              s && /* @__PURE__ */ e.jsx("h3", { id: m, className: "ds-side-page__title", children: s }),
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: r })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: x }),
-            $
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: p }),
+            E
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? y : re.createPortal(y, document.body);
+  return typeof document > "u" ? k : oe.createPortal(k, document.body);
 }
-function tt({ children: t }) {
-  return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
+function rt({ children: t }) {
+  return !t || J.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const _e = Le({ collapsed: !1, side: "left" }), Re = Le(!1), vn = ut(function({
+const je = Me({ collapsed: !1, side: "left" }), Ae = Me(!1), En = pt(function({
   children: s,
   collapsed: n = !1,
   side: r = "left",
@@ -2053,8 +2261,8 @@ const _e = Le({ collapsed: !1, side: "left" }), Re = Le(!1), vn = ut(function({
     n && "ds-nav-rail--collapsed",
     `ds-nav-rail--${r}`,
     i
-  ].filter(Boolean).join(" "), d = ne((p) => {
-    if (!p.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
+  ].filter(Boolean).join(" "), d = re((v) => {
+    if (!v.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
       if (n && o) {
         o();
         return;
@@ -2062,7 +2270,7 @@ const _e = Le({ collapsed: !1, side: "left" }), Re = Le(!1), vn = ut(function({
       !n && a && a();
     }
   }, [n, o, a]);
-  return /* @__PURE__ */ e.jsx(_e.Provider, { value: { collapsed: n, side: r }, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx(je.Provider, { value: { collapsed: n, side: r }, children: /* @__PURE__ */ e.jsx(
     "nav",
     {
       ref: c,
@@ -2075,7 +2283,7 @@ const _e = Le({ collapsed: !1, side: "left" }), Re = Le(!1), vn = ut(function({
     }
   ) });
 });
-function bn({
+function Tn({
   icon: t,
   label: s,
   selected: n = !1,
@@ -2087,9 +2295,9 @@ function bn({
   open: c = !1,
   onboarding: u = !1,
   className: d = "",
-  ...p
+  ...v
 }) {
-  const { collapsed: h, side: f } = le(_e), _ = le(Re), j = {
+  const { collapsed: b, side: m } = le(je), g = le(Ae), N = {
     className: [
       "ds-nav-rail__item",
       d
@@ -2097,7 +2305,7 @@ function bn({
     onClick: r ? void 0 : a,
     "aria-current": n ? "page" : void 0,
     "aria-disabled": r ? "true" : void 0,
-    "aria-label": h ? s : void 0,
+    "aria-label": b ? s : void 0,
     tabIndex: r ? -1 : void 0,
     ...{
       "data-selected": n || void 0,
@@ -2105,11 +2313,11 @@ function bn({
       "data-open": c || void 0,
       "data-onboarding": u || void 0
     },
-    ...p
-  }, g = i != null, $ = f === "left" ? "right" : "left", x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    ...v
+  }, $ = i != null, E = m === "left" ? "right" : "left", p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
-    !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
-    !h && g && /* @__PURE__ */ e.jsx(
+    !b && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
+    !b && $ && /* @__PURE__ */ e.jsx(
       "span",
       {
         className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "),
@@ -2117,26 +2325,26 @@ function bn({
         children: i
       }
     ),
-    !h && l && (!g || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
-    h && g && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
-    h && l && (!g || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), y = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...j, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: x });
-  return h && !_ ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: $, children: y }) : y;
+    !b && l && (!$ || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
+    b && $ && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
+    b && l && (!$ || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
+  ] }), k = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...N, children: p }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...N, children: p });
+  return b && !g ? /* @__PURE__ */ e.jsx(Ye, { content: s, position: E, children: k }) : k;
 }
-function _n({ children: t, className: s = "", ...n }) {
+function $n({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function jn({ children: t, className: s = "", ...n }) {
+function Rn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Nn({ children: t, className: s = "", ...n }) {
+function Sn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function wn({ className: t = "", ...s }) {
+function An({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function gn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...o }) {
-  const { collapsed: a } = le(_e), i = K(), l = s ?? i.recents, [c, u] = L(n);
+function Ln({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...o }) {
+  const { collapsed: a } = le(je), i = X(), l = s ?? i.recents, [c, u] = F(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...o, children: [
     !a && /* @__PURE__ */ e.jsxs(
       "button",
@@ -2147,42 +2355,42 @@ function gn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...
         "aria-expanded": c,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: l }),
-          /* @__PURE__ */ e.jsx(ye, { size: 12, strokeWidth: 2, className: "ds-nav-rail__recents-chevron", "aria-hidden": "true" })
+          /* @__PURE__ */ e.jsx(be, { size: 12, strokeWidth: 2, className: "ds-nav-rail__recents-chevron", "aria-hidden": "true" })
         ]
       }
     ),
     (c || a) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-const yn = ut(function({
+const Bn = pt(function({
   as: s = "button",
   avatar: n,
   label: r,
   className: o = "",
   ...a
 }, i) {
-  const { collapsed: l, side: c } = le(_e), u = le(Re), d = c === "left" ? "right" : "left", p = [
+  const { collapsed: l, side: c } = le(je), u = le(Ae), d = c === "left" ? "right" : "left", v = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
     o
-  ].filter(Boolean).join(" "), h = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), b = /* @__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: r })
-  ] }), f = /* @__PURE__ */ e.jsx(
+  ] }), m = /* @__PURE__ */ e.jsx(
     s,
     {
       ref: i,
-      className: p,
+      className: v,
       "aria-label": l ? r : void 0,
       ...s === "button" ? { type: "button" } : {},
       ...a,
-      children: h
+      children: b
     }
   );
-  return l && !u ? /* @__PURE__ */ e.jsx(Ve, { content: r, position: d, children: f }) : f;
+  return l && !u ? /* @__PURE__ */ e.jsx(Ye, { content: r, position: d, children: m }) : m;
 });
-function kn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: o, onClick: a, className: i = "", ...l }) {
-  const { collapsed: c, side: u } = le(_e), d = le(Re), f = {
+function In({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: o, onClick: a, className: i = "", ...l }) {
+  const { collapsed: c, side: u } = le(je), d = le(Ae), m = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -2197,14 +2405,14 @@ function kn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: o,
       "data-disabled": r || void 0
     },
     ...l
-  }, _ = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, g = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), w = u === "left" ? "right" : "left", T = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...f, children: _ }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: _ });
-  return c && !d ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: w, children: T }) : T;
+  ] }), h = u === "left" ? "right" : "left", T = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...m, children: g }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...m, children: g });
+  return c && !d ? /* @__PURE__ */ e.jsx(Ye, { content: s, position: h, children: T }) : T;
 }
-const st = 240, nt = 6, rt = 8;
-function En({
+const ot = 240, at = 6, it = 8;
+function Dn({
   trigger: t,
   title: s,
   children: n,
@@ -2213,57 +2421,57 @@ function En({
   defaultOpen: a = !1,
   closeLabel: i
 }) {
-  const l = K(), { side: c } = le(_e), [u, d] = L(a), p = r !== void 0, h = p ? r : u, [f, _] = L(!1), w = S(null), T = S(null), [j, g] = L({}), $ = ne(() => {
-    p ? o == null || o(!0) : d(!0);
-  }, [p, o]), x = ne(() => {
-    p ? o == null || o(!1) : d(!1);
-  }, [p, o]), y = ne(() => h ? x() : $(), [h, $, x]), N = ne(() => {
-    var M;
-    const D = w.current;
-    if (!D) return;
-    const W = D.getBoundingClientRect(), O = window.innerHeight, k = ((M = T.current) == null ? void 0 : M.offsetHeight) ?? 300, C = Math.max(rt, Math.min(O - k - rt, W.top));
-    g(c === "right" ? {
+  const l = X(), { side: c } = le(je), [u, d] = F(a), v = r !== void 0, b = v ? r : u, [m, g] = F(!1), h = B(null), T = B(null), [N, $] = F({}), E = re(() => {
+    v ? o == null || o(!0) : d(!0);
+  }, [v, o]), p = re(() => {
+    v ? o == null || o(!1) : d(!1);
+  }, [v, o]), k = re(() => b ? p() : E(), [b, E, p]), y = re(() => {
+    var O;
+    const I = h.current;
+    if (!I) return;
+    const M = I.getBoundingClientRect(), H = window.innerHeight, S = ((O = T.current) == null ? void 0 : O.offsetHeight) ?? 300, V = Math.max(it, Math.min(H - S - it, M.top));
+    $(c === "right" ? {
       position: "fixed",
-      top: C,
-      right: window.innerWidth - W.left + nt,
-      width: st
+      top: V,
+      right: window.innerWidth - M.left + at,
+      width: ot
     } : {
       position: "fixed",
-      top: C,
-      left: W.right + nt,
-      width: st
+      top: V,
+      left: M.right + at,
+      width: ot
     });
   }, [c]);
-  P(() => {
-    if (!h) {
-      _(!1);
+  z(() => {
+    if (!b) {
+      g(!1);
       return;
     }
-    return N(), requestAnimationFrame(() => _(!0)), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
-      window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
+    return y(), requestAnimationFrame(() => g(!0)), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
-  }, [h, N]), P(() => {
-    if (!h) return;
-    const D = (O) => {
-      var k, C;
-      !((k = T.current) != null && k.contains(O.target)) && !((C = w.current) != null && C.contains(O.target)) && x();
-    }, W = (O) => {
-      O.key === "Escape" && x();
+  }, [b, y]), z(() => {
+    if (!b) return;
+    const I = (H) => {
+      var S, V;
+      !((S = T.current) != null && S.contains(H.target)) && !((V = h.current) != null && V.contains(H.target)) && p();
+    }, M = (H) => {
+      H.key === "Escape" && p();
     };
-    return document.addEventListener("mousedown", D), document.addEventListener("keydown", W), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", I), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("mousedown", I), document.removeEventListener("keydown", M);
     };
-  }, [h, x]);
-  const B = h && /* @__PURE__ */ e.jsxs(
+  }, [b, p]);
+  const A = b && /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: T,
       className: [
         "ds-nav-rail-flyout",
         `ds-nav-rail-flyout--${c}`,
-        f && "ds-nav-rail-flyout--visible"
+        m && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: j,
+      style: N,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -2275,9 +2483,9 @@ function En({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: x,
+              onClick: p,
               "aria-label": i ?? l.close,
-              children: /* @__PURE__ */ e.jsx(te, { size: 16, strokeWidth: 2 })
+              children: /* @__PURE__ */ e.jsx(ne, { size: 16, strokeWidth: 2 })
             }
           )
         ] }),
@@ -2286,17 +2494,17 @@ function En({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: w, onClick: y, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
-    typeof document < "u" && re.createPortal(B, document.body)
+    /* @__PURE__ */ e.jsx(Ae.Provider, { value: b, children: /* @__PURE__ */ e.jsx("div", { ref: h, onClick: k, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    typeof document < "u" && oe.createPortal(A, document.body)
   ] });
 }
-const ss = {
-  info: We,
-  success: ze,
-  warning: Fe,
-  error: Me
+const us = {
+  info: Ce,
+  success: Oe,
+  warning: We,
+  error: ze
 };
-function Tn({
+function Pn({
   children: t,
   variant: s = "info",
   action: n,
@@ -2306,7 +2514,7 @@ function Tn({
   dismissLabel: i,
   ...l
 }) {
-  const c = K(), u = ss[s], d = a || (s === "error" ? "alert" : "status");
+  const c = X(), u = us[s], d = a || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2314,7 +2522,7 @@ function Tn({
       role: d,
       ...l,
       children: [
-        u && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(u, { size: q[2], strokeWidth: 1.5 }) }),
+        u && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(u, { size: Y[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
         n && /* @__PURE__ */ e.jsx(
           "button",
@@ -2332,14 +2540,14 @@ function Tn({
             className: "ds-banner-dismiss",
             onClick: o,
             "aria-label": i ?? c.dismiss,
-            children: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: Y[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function $n({
+function Mn({
   trigger: t,
   items: s = [],
   open: n,
@@ -2350,93 +2558,93 @@ function $n({
   style: l,
   ...c
 }) {
-  const [u, d] = L(!1), [p, h] = L(!1), f = n !== void 0, _ = f ? n : u, w = S(null), T = S(null), j = S(null), g = S(null), [$, x] = L({}), y = S(null), N = 150, B = () => {
-    if (f)
+  const [u, d] = F(!1), [v, b] = F(!1), m = n !== void 0, g = m ? n : u, h = B(null), T = B(null), N = B(null), $ = B(null), [E, p] = F({}), k = B(null), y = 150, A = () => {
+    if (m)
       r == null || r(!1);
     else {
-      if (p) return;
-      h(!0), y.current = setTimeout(() => {
-        d(!1), h(!1);
-      }, N);
-    }
-  }, D = () => {
-    const v = !_;
-    f ? r == null || r(v) : v ? (clearTimeout(y.current), h(!1), d(!0)) : B();
-  }, W = () => {
-    _ || (f ? r == null || r(!0) : (clearTimeout(y.current), h(!1), d(!0)));
+      if (v) return;
+      b(!0), k.current = setTimeout(() => {
+        d(!1), b(!1);
+      }, y);
+    }
+  }, I = () => {
+    const x = !g;
+    m ? r == null || r(x) : x ? (clearTimeout(k.current), b(!1), d(!0)) : A();
+  }, M = () => {
+    g || (m ? r == null || r(!0) : (clearTimeout(k.current), b(!1), d(!0)));
   };
-  P(() => () => clearTimeout(y.current), []), P(() => {
-    if (!_) return;
-    const v = 300, R = () => {
-      var Y;
-      const A = (Y = w.current) == null ? void 0 : Y.getBoundingClientRect();
-      if (!A) return;
-      const F = window.innerHeight - A.bottom, H = F < v + 8 && A.top > F;
-      x(
-        o === "right" ? H ? { bottom: window.innerHeight - A.top + 4, top: "auto", right: window.innerWidth - A.right } : { top: A.bottom + 4, bottom: "auto", right: window.innerWidth - A.right } : H ? { bottom: window.innerHeight - A.top + 4, top: "auto", left: A.left } : { top: A.bottom + 4, bottom: "auto", left: A.left }
+  z(() => () => clearTimeout(k.current), []), z(() => {
+    if (!g) return;
+    const x = 300, w = () => {
+      var C;
+      const R = (C = h.current) == null ? void 0 : C.getBoundingClientRect();
+      if (!R) return;
+      const P = window.innerHeight - R.bottom, W = P < x + 8 && R.top > P;
+      p(
+        o === "right" ? W ? { bottom: window.innerHeight - R.top + 4, top: "auto", right: window.innerWidth - R.right } : { top: R.bottom + 4, bottom: "auto", right: window.innerWidth - R.right } : W ? { bottom: window.innerHeight - R.top + 4, top: "auto", left: R.left } : { top: R.bottom + 4, bottom: "auto", left: R.left }
       );
     };
-    return R(), window.addEventListener("scroll", R, !0), window.addEventListener("resize", R), () => {
-      window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
+    return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
+      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
     };
-  }, [_, o]);
-  const O = () => {
-    var R;
-    const v = (R = j.current) == null ? void 0 : R.querySelector(
+  }, [g, o]);
+  const H = () => {
+    var w;
+    const x = (w = N.current) == null ? void 0 : w.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    v == null || v.focus();
+    x == null || x.focus();
   };
-  P(() => {
-    if (!_) return;
-    const v = (A) => {
-      var F, H;
-      !((F = w.current) != null && F.contains(A.target)) && !((H = T.current) != null && H.contains(A.target)) && B();
-    }, R = (A) => {
-      A.key === "Escape" && (B(), O());
+  z(() => {
+    if (!g) return;
+    const x = (R) => {
+      var P, W;
+      !((P = h.current) != null && P.contains(R.target)) && !((W = T.current) != null && W.contains(R.target)) && A();
+    }, w = (R) => {
+      R.key === "Escape" && (A(), H());
     };
-    return document.addEventListener("mousedown", v), document.addEventListener("keydown", R), () => {
-      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", R);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", w), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", w);
     };
-  }, [_]), P(() => {
-    if (!_ || !g.current || !T.current) return;
-    const v = k(), R = g.current === "last" ? v[v.length - 1] : v[0];
-    R == null || R.focus(), g.current = null;
-  }, [_]);
-  const k = () => T.current ? [...T.current.querySelectorAll(
+  }, [g]), z(() => {
+    if (!g || !$.current || !T.current) return;
+    const x = S(), w = $.current === "last" ? x[x.length - 1] : x[0];
+    w == null || w.focus(), $.current = null;
+  }, [g]);
+  const S = () => T.current ? [...T.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], C = (v) => {
-    var R, A;
-    if (v.key === "ArrowDown")
-      v.preventDefault(), _ ? (R = k()[0]) == null || R.focus() : (g.current = "first", W());
-    else if (v.key === "ArrowUp")
-      if (v.preventDefault(), !_)
-        g.current = "last", W();
+  )] : [], V = (x) => {
+    var w, R;
+    if (x.key === "ArrowDown")
+      x.preventDefault(), g ? (w = S()[0]) == null || w.focus() : ($.current = "first", M());
+    else if (x.key === "ArrowUp")
+      if (x.preventDefault(), !g)
+        $.current = "last", M();
       else {
-        const F = k();
-        (A = F[F.length - 1]) == null || A.focus();
+        const P = S();
+        (R = P[P.length - 1]) == null || R.focus();
       }
-  }, M = (v) => {
-    var F, H, Y, m;
-    const R = k(), A = R.findIndex((b) => b === document.activeElement);
-    switch (v.key) {
+  }, O = (x) => {
+    var P, W, C, f;
+    const w = S(), R = w.findIndex((j) => j === document.activeElement);
+    switch (x.key) {
       case "ArrowDown":
-        v.preventDefault(), (F = R[Math.min(A + 1, R.length - 1)]) == null || F.focus();
+        x.preventDefault(), (P = w[Math.min(R + 1, w.length - 1)]) == null || P.focus();
         break;
       case "ArrowUp":
-        v.preventDefault(), A <= 0 ? O() : (H = R[A - 1]) == null || H.focus();
+        x.preventDefault(), R <= 0 ? H() : (W = w[R - 1]) == null || W.focus();
         break;
       case "Home":
-        v.preventDefault(), (Y = R[0]) == null || Y.focus();
+        x.preventDefault(), (C = w[0]) == null || C.focus();
         break;
       case "End":
-        v.preventDefault(), (m = R[R.length - 1]) == null || m.focus();
+        x.preventDefault(), (f = w[w.length - 1]) == null || f.focus();
         break;
       case "Tab":
-        B();
+        A();
         break;
     }
-  }, V = _ && /* @__PURE__ */ e.jsx(
+  }, _ = g && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: T,
@@ -2445,39 +2653,39 @@ function $n({
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${o}`,
-        p && "ds-dropdown__menu--closing"
+        v && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: $,
-      onKeyDown: M,
-      children: s.map((v, R) => {
-        if (v.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, R);
-        if (v.type === "section")
+      style: E,
+      onKeyDown: O,
+      children: s.map((x, w) => {
+        if (x.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, w);
+        if (x.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            v.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: v.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: v.content })
-          ] }, R);
-        const A = !!v.href, F = A ? "a" : "button", H = A ? { href: v.disabled ? void 0 : v.href, "aria-disabled": v.disabled ? "true" : void 0 } : { type: "button", disabled: v.disabled };
+            x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
+          ] }, w);
+        const R = !!x.href, P = R ? "a" : "button", W = R ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
-          F,
+          P,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              v.danger && "ds-dropdown__item--danger"
+              x.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...H,
+            ...W,
             onClick: () => {
-              var Y;
-              (Y = v.onClick) == null || Y.call(v), B();
+              var C;
+              (C = x.onClick) == null || C.call(x), A();
             },
             children: [
-              v.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: v.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: v.label }),
-              v.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: v.shortcut })
+              x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
+              x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
             ]
           },
-          R
+          w
         );
       })
     }
@@ -2485,7 +2693,7 @@ function $n({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: w,
+      ref: h,
       className: ["ds-dropdown", a && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...c,
@@ -2493,19 +2701,19 @@ function $n({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: j,
+            ref: N,
             className: "ds-dropdown__trigger",
-            onClick: D,
-            onKeyDown: C,
+            onClick: I,
+            onKeyDown: V,
             children: t
           }
         ),
-        typeof document < "u" && re.createPortal(V, document.body)
+        typeof document < "u" && oe.createPortal(_, document.body)
       ]
     }
   );
 }
-function Rn({
+function Fn({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
@@ -2542,11 +2750,11 @@ function Rn({
     }
   );
 }
-const ns = (t) => 1 - Math.pow(1 - t, 3), rs = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function os(t, { duration: s = 600 } = {}) {
-  const [n, r] = L(t), o = S(t), a = S(null);
-  return P(() => {
-    if (rs()) {
+const fs = (t) => 1 - Math.pow(1 - t, 3), ms = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function ps(t, { duration: s = 600 } = {}) {
+  const [n, r] = F(t), o = B(t), a = B(null);
+  return z(() => {
+    if (ms()) {
       r(t), o.current = t;
       return;
     }
@@ -2555,25 +2763,25 @@ function os(t, { duration: s = 600 } = {}) {
     let c = null;
     const u = (d) => {
       c || (c = d);
-      const p = Math.min((d - c) / s, 1);
-      r(i + l * ns(p)), p < 1 ? a.current = requestAnimationFrame(u) : o.current = t;
+      const v = Math.min((d - c) / s, 1);
+      r(i + l * fs(v)), v < 1 ? a.current = requestAnimationFrame(u) : o.current = t;
     };
     return a.current = requestAnimationFrame(u), () => cancelAnimationFrame(a.current);
   }, [t, s]), n;
 }
-function Sn({
+function zn({
   value: t,
   duration: s = 600,
   decimals: n = 0,
   prefix: r = "",
   suffix: o = ""
 }) {
-  const i = os(t, { duration: s }).toFixed(n);
+  const i = ps(t, { duration: s }).toFixed(n);
   return `${r}${i}${o}`;
 }
-function as({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const r = S(null), [o, a] = L(!1);
-  return P(() => {
+function hs({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+  const r = B(null), [o, a] = F(!1);
+  return z(() => {
     const i = r.current;
     if (!i) return;
     const l = new IntersectionObserver(
@@ -2585,7 +2793,7 @@ function as({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [t, s, n]), { ref: r, inView: o };
 }
-function An({
+function Wn({
   children: t,
   as: s = "div",
   once: n = !1,
@@ -2595,31 +2803,31 @@ function An({
   onLeave: i,
   ...l
 }) {
-  const { ref: c, inView: u } = as({ threshold: r, rootMargin: o, once: n }), d = S(!1);
-  return P(() => {
+  const { ref: c, inView: u } = hs({ threshold: r, rootMargin: o, once: n }), d = B(!1);
+  return z(() => {
     u && !d.current && (a == null || a()), !u && d.current && (i == null || i()), d.current = u;
   }, [u]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(u) : t });
 }
-const ot = {
-  default: We,
-  success: ze,
-  warning: Fe,
-  error: Me
+const lt = {
+  default: Ce,
+  success: Oe,
+  warning: We,
+  error: ze
 };
 let ve = [];
-const De = /* @__PURE__ */ new Set();
-function pt() {
-  De.forEach((t) => t([...ve]));
+const Pe = /* @__PURE__ */ new Set();
+function vt() {
+  Pe.forEach((t) => t([...ve]));
 }
-function is(t) {
-  ve = [...ve, t], pt();
+function xs(t) {
+  ve = [...ve, t], vt();
 }
-function ls(t) {
-  ve = ve.filter((s) => s.id !== t), pt();
+function vs(t) {
+  ve = ve.filter((s) => s.id !== t), vt();
 }
-function Bn() {
+function On() {
   const t = (s, n = {}) => {
-    is({
+    xs({
       id: `${Date.now()}-${Math.random()}`,
       message: s,
       type: "default",
@@ -2629,15 +2837,15 @@ function Bn() {
   };
   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 cs({ data: t, onDismiss: s }) {
-  const n = K(), [r, o] = L(!1), a = S(null), i = S(null);
-  P(() => (requestAnimationFrame(() => o(!0)), t.duration > 0 && (a.current = setTimeout(() => l(), t.duration)), () => {
+function bs({ data: t, onDismiss: s }) {
+  const n = X(), [r, o] = F(!1), a = B(null), i = B(null);
+  z(() => (requestAnimationFrame(() => o(!0)), t.duration > 0 && (a.current = setTimeout(() => l(), t.duration)), () => {
     clearTimeout(a.current), clearTimeout(i.current);
   }), []);
   function l() {
     o(!1), i.current = setTimeout(() => s(t.id), 250);
   }
-  const c = ot[t.type] ?? ot.default;
+  const c = lt[t.type] ?? lt.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2649,7 +2857,7 @@ function cs({ data: t, onDismiss: s }) {
       role: t.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(c, { size: q[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(c, { size: Y[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -2657,26 +2865,26 @@ function cs({ data: t, onDismiss: s }) {
             className: "ds-toast__close",
             onClick: l,
             "aria-label": n.close,
-            children: /* @__PURE__ */ e.jsx(te, { size: q[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: Y[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function In({ position: t = "bottom-right" }) {
-  const [s, n] = L(() => [...ve]);
-  return P(() => (De.add(n), () => De.delete(n)), []), !s.length || typeof document > "u" ? null : re.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(cs, { data: r, onDismiss: ls }, r.id)) }),
+function Cn({ position: t = "bottom-right" }) {
+  const [s, n] = F(() => [...ve]);
+  return z(() => (Pe.add(n), () => Pe.delete(n)), []), !s.length || typeof document > "u" ? null : oe.createPortal(
+    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(bs, { data: r, onDismiss: vs }, r.id)) }),
     document.body
   );
 }
-const ds = {
+const _s = {
   running: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "info", children: "Running..." }),
   success: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "success", children: "Done" }),
   error: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "error", children: "Error" })
 };
-function Dn({
+function Hn({
   label: t,
   status: s = "idle",
   icon: n,
@@ -2688,10 +2896,10 @@ function Dn({
   className: c = "",
   ...u
 }) {
-  const d = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
+  const d = s === "running", v = /* @__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 }),
-    ds[s],
+    _s[s],
     r
   ] });
   return l ? /* @__PURE__ */ e.jsx(
@@ -2700,9 +2908,9 @@ function Dn({
       className: ["ds-tool-card", d && "ds-tool-card--running", c].filter(Boolean).join(" "),
       ...u,
       children: /* @__PURE__ */ e.jsx(
-        He,
+        qe,
         {
-          title: p,
+          title: v,
           padding: "s",
           defaultExpanded: o,
           expanded: d ? !1 : a,
@@ -2716,58 +2924,58 @@ function Dn({
     {
       className: ["ds-tool-card", "ds-tool-card--bubble", c].filter(Boolean).join(" "),
       ...u,
-      children: p
+      children: v
     }
   );
 }
-function us({
+function js({
   text: t,
   size: s = "xs",
   timeout: n = 800,
   "aria-label": r,
   ...o
 }) {
-  const a = K(), [i, l] = L(!1), c = S(null), u = (d) => {
+  const a = X(), [i, l] = F(!1), c = B(null), u = (d) => {
     d.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       l(!0), clearTimeout(c.current), c.current = setTimeout(() => l(!1), n);
     });
   };
-  return P(() => () => clearTimeout(c.current), []), /* @__PURE__ */ e.jsx(
+  return z(() => () => clearTimeout(c.current), []), /* @__PURE__ */ e.jsx(
     de,
     {
       variant: "ghost",
       size: s,
       state: i ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(Tt, { size: q[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(Rt, { size: Y[1], strokeWidth: 1.5 }),
       "aria-label": r ?? a.copyToClipboard,
       onClick: u,
       ...o
     }
   );
 }
-function Ln({ content: t, streaming: s = !1, ...n }) {
-  const [r, o] = L(s);
-  return P(() => {
+function Un({ content: t, streaming: s = !1, ...n }) {
+  const [r, o] = F(s);
+  return z(() => {
     o(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
-    He,
+    qe,
     {
       expanded: r,
       onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx($t, { size: q[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(Wt, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(St, { size: Y[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Ht, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(mt, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(xt, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         t,
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Pn({
+function Vn({
   count: t,
   current: s = 0,
   done: n = [],
@@ -2777,37 +2985,37 @@ function Pn({
   "aria-label": i,
   ...l
 }) {
-  const c = K(), { t: u } = be();
+  const c = X(), { t: u } = _e();
   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 ?? c.steps, children: Array.from({ length: t }, (d, p) => {
-      const h = p === s, f = n.includes(p) && !h, _ = r && (p <= s || n.includes(p)), w = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i ?? c.steps, children: Array.from({ length: t }, (d, v) => {
+      const b = v === s, m = n.includes(v) && !b, g = r && (v <= s || n.includes(v)), h = [
         "ds-step-indicator__dot",
-        h && "ds-step-indicator__dot--active",
-        f && "ds-step-indicator__dot--done"
+        b && "ds-step-indicator__dot--active",
+        m && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          className: w,
+          className: h,
           role: "tab",
-          "aria-selected": h,
-          "aria-label": u("stepN", { n: p + 1 }),
-          disabled: !_ || p === s,
-          onClick: () => r == null ? void 0 : r(p),
-          children: f ? /* @__PURE__ */ e.jsx(Pe, { size: 8, strokeWidth: 3 }) : null
+          "aria-selected": b,
+          "aria-label": u("stepN", { n: v + 1 }),
+          disabled: !g || v === s,
+          onClick: () => r == null ? void 0 : r(v),
+          children: m ? /* @__PURE__ */ e.jsx(Fe, { size: 8, strokeWidth: 3 }) : null
         },
-        p
+        v
       );
     }) }),
-    o && /* @__PURE__ */ e.jsxs(mt, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    o && /* @__PURE__ */ e.jsxs(xt, { secondary: !0, className: "ds-step-indicator__counter", children: [
       s + 1,
       " / ",
       t
     ] })
   ] });
 }
-function Mn({
+function qn({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
@@ -2815,15 +3023,15 @@ function Mn({
   className: o = "",
   ...a
 }) {
-  const i = S(t);
-  return P(() => {
+  const i = B(t);
+  return z(() => {
     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" })
   ] });
 }
-function Fn({
+function Yn({
   role: t = "assistant",
   header: s,
   footer: n,
@@ -2850,9 +3058,9 @@ function Fn({
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function zn(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const r = S(!1), o = S(0);
-  P(() => {
+function Gn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+  const r = B(!1), o = B(0);
+  z(() => {
     const a = s == null ? void 0 : s.current;
     if (!a) return;
     const i = () => {
@@ -2860,12 +3068,12 @@ function zn(t, { containerRef: s, smartPause: n = !0 } = {}) {
       !l && a.scrollTop < o.current && (r.current = !0), l && (r.current = !1), o.current = a.scrollTop;
     };
     return a.addEventListener("scroll", i, { passive: !0 }), () => a.removeEventListener("scroll", i);
-  }, [s]), P(() => {
+  }, [s]), z(() => {
     const a = s == null ? void 0 : s.current;
     a && (n && r.current || (a.scrollTop = a.scrollHeight));
   }, t);
 }
-function fs({
+function gs({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
@@ -2874,36 +3082,36 @@ function fs({
   betweenTime: a = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = L(0), [u, d] = L(""), p = S("typing"), h = S(0), f = S(0), _ = S(null), w = S(0);
-  P(() => {
-    f.current = l;
-  }, [l]), P(() => {
-    if (_.current && (clearTimeout(_.current), _.current = null), !s || t.length === 0) {
-      d(""), h.current = 0, p.current = "typing";
+  const [l, c] = F(0), [u, d] = F(""), v = B("typing"), b = B(0), m = B(0), g = B(null), h = B(0);
+  z(() => {
+    m.current = l;
+  }, [l]), z(() => {
+    if (g.current && (clearTimeout(g.current), g.current = null), !s || t.length === 0) {
+      d(""), b.current = 0, v.current = "typing";
       return;
     }
-    const x = () => {
-      const y = Date.now();
-      if (w.current > y) {
-        _.current = setTimeout(x, w.current - y);
+    const p = () => {
+      const k = Date.now();
+      if (h.current > k) {
+        g.current = setTimeout(p, h.current - k);
         return;
       }
-      const N = t[f.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, d(N.slice(0, h.current)), h.current >= N.length ? (p.current = "holding", _.current = setTimeout(x, o)) : _.current = setTimeout(x, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", _.current = setTimeout(x, r)) : (h.current = Math.max(0, h.current - 1), d(N.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), _.current = setTimeout(x, a)) : _.current = setTimeout(x, r));
+      const y = t[m.current % t.length] ?? "";
+      v.current === "typing" ? (b.current += 1, d(y.slice(0, b.current)), b.current >= y.length ? (v.current = "holding", g.current = setTimeout(p, o)) : g.current = setTimeout(p, n + Math.random() * 28)) : v.current === "holding" ? (v.current = "erasing", g.current = setTimeout(p, r)) : (b.current = Math.max(0, b.current - 1), d(y.slice(0, b.current)), b.current <= 0 ? (v.current = "typing", m.current = (m.current + 1) % t.length, c(m.current), g.current = setTimeout(p, a)) : g.current = setTimeout(p, r));
     };
-    return _.current = setTimeout(x, 260), () => {
-      _.current && clearTimeout(_.current);
+    return g.current = setTimeout(p, 260), () => {
+      g.current && clearTimeout(g.current);
     };
   }, [s, t, n, r, o, a]);
-  const T = (x) => {
+  const T = (p) => {
     if (t.length === 0) return;
-    const y = (x % t.length + t.length) % t.length, N = t[y];
-    f.current = y, h.current = N.length, p.current = "holding", w.current = Date.now() + i, c(y), d(N);
-  }, j = () => T(f.current + 1), g = () => T(f.current - 1), $ = t[l % t.length] ?? "";
-  return { displayed: u, currentPrompt: $, index: l, next: j, prev: g };
+    const k = (p % t.length + t.length) % t.length, y = t[k];
+    m.current = k, b.current = y.length, v.current = "holding", h.current = Date.now() + i, c(k), d(y);
+  }, N = () => T(m.current + 1), $ = () => T(m.current - 1), E = t[l % t.length] ?? "";
+  return { displayed: u, currentPrompt: E, index: l, next: N, prev: $ };
 }
-let ms = 0;
-function Wn({
+let ws = 0;
+function Kn({
   value: t = "",
   onChange: s,
   onSubmit: n,
@@ -2915,217 +3123,217 @@ function Wn({
   animatedPlaceholders: c,
   attachments: u,
   images: d,
-  onAttachFiles: p,
-  onAttachImages: h,
-  onRemoveAttachment: f,
-  onRemoveImage: _,
-  acceptImage: w,
+  onAttachFiles: v,
+  onAttachImages: b,
+  onRemoveAttachment: m,
+  onRemoveImage: g,
+  acceptImage: h,
   acceptFile: T,
-  maxImages: j,
-  maxImageSize: g,
-  leftSlot: $,
-  rightSlot: x,
-  className: y = "",
-  ...N
+  maxImages: N,
+  maxImageSize: $,
+  leftSlot: E,
+  rightSlot: p,
+  className: k = "",
+  ...y
 }) {
-  const B = K(), { t: D } = be(), W = S(null), O = S(null), k = S(0), [C, M] = L(!1), [V, v] = L([]), R = S(/* @__PURE__ */ new Set()), A = l ?? B.promptPlaceholder, F = (E) => {
-    const z = ++ms;
-    v((Z) => [...Z, { id: z, msg: E }]);
-    const J = setTimeout(() => {
-      R.current.delete(J), v((Z) => Z.filter((ee) => ee.id !== z));
+  const A = X(), { t: I } = _e(), M = B(null), H = B(null), S = B(0), [V, O] = F(!1), [_, x] = F([]), w = B(/* @__PURE__ */ new Set()), R = l ?? A.promptPlaceholder, P = (L) => {
+    const U = ++ws;
+    x((ee) => [...ee, { id: U, msg: L }]);
+    const Q = setTimeout(() => {
+      w.current.delete(Q), x((ee) => ee.filter((se) => se.id !== U));
     }, 6e3);
-    R.current.add(J);
+    w.current.add(Q);
   };
-  P(() => {
-    const E = R.current;
-    return () => E.forEach(clearTimeout);
+  z(() => {
+    const L = w.current;
+    return () => L.forEach(clearTimeout);
   }, []);
-  const H = (E) => v((z) => z.filter((J) => J.id !== E)), Y = (E) => E.type.startsWith("image/"), m = () => !0, b = w ?? Y, I = T ?? m, U = (E) => {
-    const z = [], J = [], Z = [], ee = [];
-    let ae = 0, me = j != null ? j - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
-    for (const ie of E)
-      b(ie) ? g && ie.size > g ? Z.push(ie.name) : me > 0 ? (z.push(ie), me--) : ae++ : I(ie) ? J.push(ie) : ee.push(ie.name);
-    return { imageFiles: z, docFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ae };
-  }, se = (E) => {
-    const z = g ? D("fileTooLargeMaxHint", { maxMb: g / 1024 / 1024 }) : "";
-    F(D("fileTooLarge", { maxHint: z, names: E.join(", ") }));
-  }, oe = (E) => {
-    const { imageFiles: z, docFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ae } = U(E);
-    Z.length && se(Z), ee.length && F(D("filesSkipped", { names: ee.join(", ") })), ae && F(D("maxImages", { n: j })), h && z.length && h(z);
-    const me = J.concat(h ? [] : z);
-    p && me.length && p(me);
+  const W = (L) => x((U) => U.filter((Q) => Q.id !== L)), C = (L) => L.type.startsWith("image/"), f = () => !0, j = h ?? C, D = T ?? f, q = (L) => {
+    const U = [], Q = [], ee = [], se = [];
+    let ae = 0, me = N != null ? N - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
+    for (const ie of L)
+      j(ie) ? $ && ie.size > $ ? ee.push(ie.name) : me > 0 ? (U.push(ie), me--) : ae++ : D(ie) ? Q.push(ie) : se.push(ie.name);
+    return { imageFiles: U, docFiles: Q, tooLarge: ee, skipped: se, limitExceeded: ae };
+  }, G = (L) => {
+    const U = $ ? I("fileTooLargeMaxHint", { maxMb: $ / 1024 / 1024 }) : "";
+    P(I("fileTooLarge", { maxHint: U, names: L.join(", ") }));
+  }, Z = (L) => {
+    const { imageFiles: U, docFiles: Q, tooLarge: ee, skipped: se, limitExceeded: ae } = q(L);
+    ee.length && G(ee), se.length && P(I("filesSkipped", { names: se.join(", ") })), ae && P(I("maxImages", { n: N })), b && U.length && b(U);
+    const me = Q.concat(b ? [] : U);
+    v && me.length && v(me);
   };
-  P(() => {
-    const E = O.current;
-    E && (E.style.height = "auto", E.style.height = `${Math.min(E.scrollHeight, 200)}px`);
-  }, [t]), P(() => {
-    const E = (z) => {
-      var Z, ee, ae;
+  z(() => {
+    const L = H.current;
+    L && (L.style.height = "auto", L.style.height = `${Math.min(L.scrollHeight, 200)}px`);
+  }, [t]), z(() => {
+    const L = (U) => {
+      var ee, se, ae;
       if (a || i) return;
-      const J = (Z = z.target) == null ? void 0 : Z.tagName;
-      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (ee = z.target) != null && ee.isContentEditable || z.ctrlKey || z.metaKey || z.altKey || z.key.length !== 1 && z.key !== "Backspace" && z.key !== "Delete" || (ae = O.current) == null || ae.focus();
+      const Q = (ee = U.target) == null ? void 0 : ee.tagName;
+      Q === "INPUT" || Q === "TEXTAREA" || Q === "SELECT" || (se = U.target) != null && se.isContentEditable || U.ctrlKey || U.metaKey || U.altKey || U.key.length !== 1 && U.key !== "Backspace" && U.key !== "Delete" || (ae = H.current) == null || ae.focus();
     };
-    return document.addEventListener("keydown", E), () => document.removeEventListener("keydown", E);
+    return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
   }, [a, i]);
-  const G = (E) => {
-    E.preventDefault(), k.current++, E.dataTransfer.types.includes("Files") && M(!0);
-  }, Q = (E) => {
-    E.preventDefault(), k.current--, k.current === 0 && M(!1);
-  }, fe = (E) => E.preventDefault(), je = (E) => {
-    E.preventDefault(), k.current = 0, M(!1);
-    const z = Array.from(E.dataTransfer.files);
-    z.length && oe(z);
-  }, Se = (E) => {
-    const z = Array.from(E.target.files || []);
-    W.current && (W.current.value = ""), z.length && oe(z);
-  }, ht = (E) => {
+  const K = (L) => {
+    L.preventDefault(), S.current++, L.dataTransfer.types.includes("Files") && O(!0);
+  }, te = (L) => {
+    L.preventDefault(), S.current--, S.current === 0 && O(!1);
+  }, fe = (L) => L.preventDefault(), ge = (L) => {
+    L.preventDefault(), S.current = 0, O(!1);
+    const U = Array.from(L.dataTransfer.files);
+    U.length && Z(U);
+  }, Le = (L) => {
+    const U = Array.from(L.target.files || []);
+    M.current && (M.current.value = ""), U.length && Z(U);
+  }, bt = (L) => {
     var ie;
-    if (!h) return;
-    const z = (ie = E.clipboardData) == null ? void 0 : ie.items;
-    if (!z) return;
-    const J = [];
-    for (const bt of z) {
-      const qe = bt.getAsFile();
-      qe && J.push(qe);
-    }
-    if (J.length === 0) return;
-    const { imageFiles: Z, tooLarge: ee, skipped: ae, limitExceeded: me } = U(J);
-    ee.length && se(ee), ae.length && F(D("filesSkipped", { names: ae.join(", ") })), me && F(D("maxImages", { n: j })), Z.length && (E.preventDefault(), h(Z));
-  }, Ne = !a && !i && !!(c != null && c.length) && t.length === 0, ke = fs({
+    if (!b) return;
+    const U = (ie = L.clipboardData) == null ? void 0 : ie.items;
+    if (!U) return;
+    const Q = [];
+    for (const gt of U) {
+      const Ke = gt.getAsFile();
+      Ke && Q.push(Ke);
+    }
+    if (Q.length === 0) return;
+    const { imageFiles: ee, tooLarge: se, skipped: ae, limitExceeded: me } = q(Q);
+    se.length && G(se), ae.length && P(I("filesSkipped", { names: ae.join(", ") })), me && P(I("maxImages", { n: N })), ee.length && (L.preventDefault(), b(ee));
+  }, we = !a && !i && !!(c != null && c.length) && t.length === 0, ke = gs({
     prompts: c ?? [],
-    enabled: Ne
-  }), xt = (E) => {
-    if (Ne) {
-      if (E.key === "ArrowDown" || E.key === "ArrowRight") {
-        E.preventDefault(), ke.next();
+    enabled: we
+  }), _t = (L) => {
+    if (we) {
+      if (L.key === "ArrowDown" || L.key === "ArrowRight") {
+        L.preventDefault(), ke.next();
         return;
       }
-      if (E.key === "ArrowUp" || E.key === "ArrowLeft") {
-        E.preventDefault(), ke.prev();
+      if (L.key === "ArrowUp" || L.key === "ArrowLeft") {
+        L.preventDefault(), ke.prev();
         return;
       }
-      if (E.key === "Tab" && !E.shiftKey) {
-        E.preventDefault(), s == null || s(ke.currentPrompt);
+      if (L.key === "Tab" && !L.shiftKey) {
+        L.preventDefault(), s == null || s(ke.currentPrompt);
         return;
       }
     }
-    o == null || o(E);
-  }, vt = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Ye = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", y].filter(Boolean).join(" "), ...N, children: [
-    Ye && /* @__PURE__ */ e.jsx(
+    o == null || o(L);
+  }, jt = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Ge = v || b;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", k].filter(Boolean).join(" "), ...y, children: [
+    Ge && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: W,
+        ref: M,
         type: "file",
         multiple: !0,
         accept: "*/*",
         className: "ds-prompt-input__file-input",
-        onChange: Se
+        onChange: Le
       }
     ),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", C && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
-        onDragEnter: G,
-        onDragLeave: Q,
+        className: ["ds-prompt-input__box", V && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        onDragEnter: K,
+        onDragLeave: te,
         onDragOver: fe,
-        onDrop: je,
+        onDrop: ge,
         children: [
-          C && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: B.dropFilesHere }),
+          V && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: A.dropFilesHere }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: O,
+              ref: H,
               value: t,
-              onChange: (E) => s == null ? void 0 : s(E.target.value),
-              onKeyDown: xt,
-              onPaste: ht,
-              placeholder: Ne ? "" : A,
+              onChange: (L) => s == null ? void 0 : s(L.target.value),
+              onKeyDown: _t,
+              onPaste: bt,
+              placeholder: we ? "" : R,
               disabled: a || i,
               rows: 1,
-              className: ["ds-prompt-input__textarea", Ne && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
+              className: ["ds-prompt-input__textarea", we && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
             }
           ),
-          Ne && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
+          we && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ke.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: d.map((E, z) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: E.preview, alt: "" }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: d.map((L, U) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: L.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => _ == null ? void 0 : _(z),
-                "aria-label": B.removeImage,
+                onClick: () => g == null ? void 0 : g(U),
+                "aria-label": A.removeImage,
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(te, { size: 12, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, z)) }),
-          V.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: V.map((E) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: E.msg }),
+          ] }, U)) }),
+          _.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: _.map((L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: L.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => H(E.id),
-                "aria-label": B.dismiss,
-                children: /* @__PURE__ */ e.jsx(te, { size: q[1], strokeWidth: 1.5 })
+                onClick: () => W(L.id),
+                "aria-label": A.dismiss,
+                children: /* @__PURE__ */ e.jsx(ne, { size: Y[1], strokeWidth: 1.5 })
               }
             )
-          ] }, E.id)) }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((E, z) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            E.uploading ? /* @__PURE__ */ e.jsx(Rt, { size: q[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ge, { size: q[1], strokeWidth: 1.5 }),
-            E.filename,
-            E.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: B.uploading }) : /* @__PURE__ */ e.jsx(
+          ] }, L.id)) }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((L, U) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            L.uploading ? /* @__PURE__ */ e.jsx(At, { size: Y[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Xe, { size: Y[1], strokeWidth: 1.5 }),
+            L.filename,
+            L.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: A.uploading }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => f == null ? void 0 : f(z),
-                "aria-label": B.removeAttachment,
-                children: /* @__PURE__ */ e.jsx(te, { size: q[1], strokeWidth: 1.5 })
+                onClick: () => m == null ? void 0 : m(U),
+                "aria-label": A.removeAttachment,
+                children: /* @__PURE__ */ e.jsx(ne, { size: Y[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, z)) }),
+          ] }) }, U)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            Ye && /* @__PURE__ */ e.jsx(
+            Ge && /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Ge, { size: q[2], strokeWidth: 1.5 }),
-                "aria-label": B.attachFiles,
+                icon: /* @__PURE__ */ e.jsx(Xe, { size: Y[2], strokeWidth: 1.5 }),
+                "aria-label": A.attachFiles,
                 onClick: () => {
-                  var E;
-                  return (E = W.current) == null ? void 0 : E.click();
+                  var L;
+                  return (L = M.current) == null ? void 0 : L.click();
                 }
               }
             ),
-            $,
-            x,
+            E,
+            p,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             a ? /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(St, { size: q[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Lt, { size: Y[2], strokeWidth: 1.5 }),
                 onClick: r,
-                "aria-label": B.stop
+                "aria-label": A.stop
               }
             ) : /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(At, { size: q[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Bt, { size: Y[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !vt,
-                "aria-label": B.send
+                disabled: !jt,
+                "aria-label": A.send
               }
             )
           ] })
@@ -3134,8 +3342,8 @@ function Wn({
     )
   ] });
 }
-const at = { fast: 0, standard: 1, premium: 2 }, it = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function On({
+const ct = { fast: 0, standard: 1, premium: 2 }, dt = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function Xn({
   models: t = [],
   value: s,
   onChange: n,
@@ -3146,58 +3354,58 @@ function On({
   className: l = "",
   ...c
 }) {
-  const [u, d] = L(!1), p = S(null), h = S(null), f = S(null), [_, w] = L({}), T = r === "s" ? "s" : "xs", j = t.filter((k) => !o || k.name === "auto" ? !0 : (at[k.tier] ?? 1) >= (at[o] ?? 1)), g = j.find((k) => k.name === "auto"), $ = j.filter((k) => k.name !== "auto"), x = t.find((k) => k.name === s), N = new Set($.map((k) => k.tier).filter(Boolean)).size > 1;
-  P(() => {
+  const [u, d] = F(!1), v = B(null), b = B(null), m = B(null), [g, h] = F({}), T = r === "s" ? "s" : "xs", N = t.filter((S) => !o || S.name === "auto" ? !0 : (ct[S.tier] ?? 1) >= (ct[o] ?? 1)), $ = N.find((S) => S.name === "auto"), E = N.filter((S) => S.name !== "auto"), p = t.find((S) => S.name === s), y = new Set(E.map((S) => S.tier).filter(Boolean)).size > 1;
+  z(() => {
     if (!u) return;
-    const k = 320, C = () => {
-      var F;
-      const v = (F = h.current) == null ? void 0 : F.getBoundingClientRect();
-      if (!v) return;
-      const R = window.innerHeight - v.bottom, A = R < k + 8 && v.top > R;
-      w({
+    const S = 320, V = () => {
+      var P;
+      const x = (P = b.current) == null ? void 0 : P.getBoundingClientRect();
+      if (!x) return;
+      const w = window.innerHeight - x.bottom, R = w < S + 8 && x.top > w;
+      h({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: v.left,
-        ...A ? { bottom: window.innerHeight - v.top + 4, top: "auto" } : { top: v.bottom + 4, bottom: "auto" }
+        left: x.left,
+        ...R ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
       });
     };
-    C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    const M = (v) => {
-      var R, A;
-      !((R = p.current) != null && R.contains(v.target)) && !((A = f.current) != null && A.contains(v.target)) && d(!1);
-    }, V = (v) => {
-      v.key === "Escape" && d(!1);
+    V(), window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
+    const O = (x) => {
+      var w, R;
+      !((w = v.current) != null && w.contains(x.target)) && !((R = m.current) != null && R.contains(x.target)) && d(!1);
+    }, _ = (x) => {
+      x.key === "Escape" && d(!1);
     };
-    return document.addEventListener("mousedown", M), document.addEventListener("keydown", V), () => {
-      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", M), document.removeEventListener("keydown", V);
+    return document.addEventListener("mousedown", O), document.addEventListener("keydown", _), () => {
+      window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V), document.removeEventListener("mousedown", O), document.removeEventListener("keydown", _);
     };
   }, [u]);
-  const B = (k) => {
-    n == null || n(k), d(!1);
-  }, D = (k) => /* @__PURE__ */ e.jsxs(
+  const A = (S) => {
+    n == null || n(S), d(!1);
+  }, I = (S) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        k.name === s && "ds-model-picker__item--active"
+        S.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => B(k.name),
+      onClick: () => A(S.name),
       children: [
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: k.icon || /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: k.displayName || k.name }),
-        N && k.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: it[k.tier] || "default", children: k.tier })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: S.icon || /* @__PURE__ */ e.jsx(Je, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: S.displayName || S.name }),
+        y && S.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: dt[S.tier] || "default", children: S.tier })
       ]
     },
-    k.name
-  ), W = () => !i || !N ? $.map(D) : ["fast", "standard", "premium"].flatMap((k) => {
-    const C = $.filter((M) => M.tier === k);
-    return C.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": k, children: k.charAt(0).toUpperCase() + k.slice(1) }, `lbl-${k}`),
-      ...C.map(D)
+    S.name
+  ), M = () => !i || !y ? E.map(I) : ["fast", "standard", "premium"].flatMap((S) => {
+    const V = E.filter((O) => O.tier === S);
+    return V.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": S, children: S.charAt(0).toUpperCase() + S.slice(1) }, `lbl-${S}`),
+      ...V.map(I)
     ] : [];
-  }), O = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: `ds-model-picker__menu ds-model-picker__menu--${T} ds-scrollable`, "data-ds-portal": "", style: _, children: [
-    a && g && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), H = u && /* @__PURE__ */ e.jsxs("div", { ref: m, className: `ds-model-picker__menu ds-model-picker__menu--${T} ds-scrollable`, "data-ds-portal": "", style: g, children: [
+    a && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -3207,121 +3415,121 @@ function On({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => B("auto"),
+          onClick: () => A("auto"),
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: /* @__PURE__ */ e.jsx(Bt, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: /* @__PURE__ */ e.jsx(It, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
-      $.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      E.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    W()
+    M()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: p,
+      ref: v,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
       ...c,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
           {
-            ref: h,
+            ref: b,
             type: "button",
             className: `ds-model-picker__trigger ds-model-picker__trigger--${T}`,
-            onClick: () => d((k) => !k),
+            onClick: () => d((S) => !S),
             "aria-haspopup": "listbox",
             "aria-expanded": u,
             children: [
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__icon", children: (x == null ? void 0 : x.icon) || /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (x == null ? void 0 : x.displayName) || (x == null ? void 0 : x.name) || s }),
-              N && (x == null ? void 0 : x.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: it[x.tier] || "default", children: x.tier })
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__icon", children: (p == null ? void 0 : p.icon) || /* @__PURE__ */ e.jsx(Je, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (p == null ? void 0 : p.displayName) || (p == null ? void 0 : p.name) || s }),
+              y && (p == null ? void 0 : p.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: dt[p.tier] || "default", children: p.tier })
             ]
           }
         ),
-        typeof document < "u" && re.createPortal(O, document.body)
+        typeof document < "u" && oe.createPortal(H, document.body)
       ]
     }
   );
 }
-const ps = ({ filename: t, pagesLabel: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+const Ns = ({ filename: t, pagesLabel: 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 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: s })
 ] });
-function hs(t) {
+function ys(t) {
   const s = /* @__PURE__ */ new Map();
   for (const n of t)
     s.has(n.filename) || s.set(n.filename, { filename: n.filename, url: n.url, items: [] }), s.get(n.filename).items.push(n);
   return [...s.values()];
 }
-function Cn({
+function Jn({
   sources: t = [],
   layout: s = "list",
   title: n,
   maxVisible: r = 5,
   onSourceClick: o
 }) {
-  const a = K(), { t: i } = be(), l = n ?? a.sources, [c, u] = L(!1), d = hs(t), p = d.length > r, h = c ? d : d.slice(0, r), f = t.some((j) => j.snippet), _ = (j) => j != null && j.length ? i("pageAbbrev", { pages: j.join(", ") }) : null, w = i("moreSources", { n: d.length - r }), T = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const a = X(), { t: i } = _e(), l = n ?? a.sources, [c, u] = F(!1), d = ys(t), v = d.length > r, b = c ? d : d.slice(0, r), m = t.some((N) => N.snippet), g = (N) => N != null && N.length ? i("pageAbbrev", { pages: N.join(", ") }) : null, h = i("moreSources", { n: d.length - r }), T = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: T, children: [
-    h.map((j) => {
-      const g = j.items.map((y) => y.page).filter(Boolean), $ = _(g), x = !!o;
+    b.map((N) => {
+      const $ = N.items.map((k) => k.page).filter(Boolean), E = g($), p = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: x ? () => o(j.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${p ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: p ? () => o(N.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(It, { size: q[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: j.filename }),
-            $ && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: $ })
+            /* @__PURE__ */ e.jsx(Dt, { size: Y[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: N.filename }),
+            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
           ]
         },
-        j.filename
+        N.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: w })
+    v && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: h })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: T, children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: l }),
-    h.map((j) => {
-      const g = j.items.map((y) => y.page).filter(Boolean), $ = _(g), x = !!o;
-      return f ? /* @__PURE__ */ e.jsx(
-        He,
+    b.map((N) => {
+      const $ = N.items.map((k) => k.page).filter(Boolean), E = g($), p = !!o;
+      return m ? /* @__PURE__ */ e.jsx(
+        qe,
         {
-          title: /* @__PURE__ */ e.jsx(ps, { filename: j.filename, pagesLabel: $ }),
+          title: /* @__PURE__ */ e.jsx(Ns, { filename: N.filename, pagesLabel: E }),
           padding: "s",
-          children: j.items.map((y, N) => /* @__PURE__ */ e.jsx(
+          children: N.items.map((k, y) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => o(y) : void 0,
-              children: y.snippet ?? i("pageAbbrev", { pages: y.page })
+              className: `ds-sources-panel__snippet${p ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: p ? () => o(k) : void 0,
+              children: k.snippet ?? i("pageAbbrev", { pages: k.page })
             },
-            N
+            y
           ))
         },
-        j.filename
+        N.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: x ? () => o(j.items[0]) : void 0,
+          className: `ds-sources-panel__row${p ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: p ? () => o(N.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: j.filename }),
-            $ && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: $ })
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: N.filename }),
+            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
           ]
         },
-        j.filename
+        N.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: w })
+    v && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: h })
   ] });
 }
-function lt(t) {
+function ut(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function Un({
+function Zn({
   used: t,
   limit: s,
   size: n = "s",
@@ -3348,9 +3556,9 @@ function Un({
         ) }),
         (r || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
           r && /* @__PURE__ */ e.jsxs("span", { children: [
-            lt(t),
+            ut(t),
             " / ",
-            lt(s)
+            ut(s)
           ] }),
           o && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
@@ -3361,24 +3569,24 @@ function Un({
     }
   );
 }
-const ct = 5;
-function xs(t) {
+const ft = 5;
+function ks(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function Hn({
+function Qn({
   value: t = 0,
   size: s = "xs",
   showLabel: n = "none",
   layout: r = "inline"
 }) {
-  const o = Math.max(0, Math.min(1, t)), a = Math.round(o * ct), i = xs(o);
+  const o = Math.max(0, Math.min(1, t)), a = Math.round(o * ft), i = ks(o);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
     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: ct }, (l, c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: ft }, (l, c) => /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `ds-confidence-bar__seg${c < a ? " ds-confidence-bar__seg--filled" : ""}`
@@ -3388,15 +3596,15 @@ function Hn({
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const vs = { add: "+", remove: "-", context: " " };
-function Ae({ line: t, lineNumbers: s }) {
+const Es = { add: "+", remove: "-", context: " " };
+function Be({ 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: vs[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Es[t.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function Vn({
+function er({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
@@ -3414,17 +3622,17 @@ function Vn({
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       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: c.map((d, p) => /* @__PURE__ */ e.jsx(Ae, { line: d, lineNumbers: r }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((d, p) => /* @__PURE__ */ e.jsx(Ae, { line: d, lineNumbers: r }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((d, v) => /* @__PURE__ */ e.jsx(Be, { line: d, lineNumbers: r }, v)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((d, v) => /* @__PURE__ */ e.jsx(Be, { line: d, lineNumbers: r }, v)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     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, u) => /* @__PURE__ */ e.jsx(Ae, { line: c, lineNumbers: r }, u)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, u) => /* @__PURE__ */ e.jsx(Be, { line: c, lineNumbers: r }, u)) })
   ] });
 }
-function bs({
+function Ts({
   value: t = "idle",
   onLike: s,
   onDislike: n,
@@ -3433,7 +3641,7 @@ function bs({
   dislikeLabel: a,
   ...i
 }) {
-  const l = K(), c = t !== "idle";
+  const l = X(), c = t !== "idle";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3456,9 +3664,9 @@ function bs({
             "aria-label": o ?? l.like,
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              Dt,
+              Pt,
               {
-                size: q[1],
+                size: Y[1],
                 strokeWidth: 1.5,
                 fill: t === "liked" ? "currentColor" : "none"
               }
@@ -3477,9 +3685,9 @@ function bs({
             "aria-label": a ?? l.dislike,
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              Lt,
+              Mt,
               {
-                size: q[1],
+                size: Y[1],
                 strokeWidth: 1.5,
                 fill: t === "disliked" ? "currentColor" : "none"
               }
@@ -3490,7 +3698,7 @@ function bs({
     }
   );
 }
-function _s(t) {
+function $s(t) {
   const s = t instanceof Date ? t : new Date(t);
   if (isNaN(s)) return null;
   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);
@@ -3499,7 +3707,7 @@ function _s(t) {
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
   return `${i} ${l} ${r}`;
 }
-function Yn({
+function tr({
   role: t = "assistant",
   text: s,
   timestamp: n,
@@ -3509,7 +3717,7 @@ function Yn({
   className: i = "",
   ...l
 }) {
-  const c = t === "assistant" && (o || a), u = !!s, d = n ? _s(n) : null;
+  const c = t === "assistant" && (o || a), u = !!s, d = n ? $s(n) : null;
   return !c && !u && !d ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3517,20 +3725,20 @@ function Yn({
       ...l,
       children: [
         t === "user" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d }),
-        c && /* @__PURE__ */ e.jsx(bs, { className: "ds-message-action", value: r, onLike: o, onDislike: a }),
-        u && /* @__PURE__ */ e.jsx(us, { className: "ds-message-action", text: s }),
+        c && /* @__PURE__ */ e.jsx(Ts, { className: "ds-message-action", value: r, onLike: o, onDislike: a }),
+        u && /* @__PURE__ */ e.jsx(js, { className: "ds-message-action", text: s }),
         t === "assistant" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d })
       ]
     }
   );
 }
-function qn({ label: t, className: s = "", ...n }) {
+function sr({ label: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", s].filter(Boolean).join(" "), ...n, children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
     t && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: t })
   ] });
 }
-function Gn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...o }) {
+function nr({ 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",
@@ -3571,7 +3779,7 @@ function Gn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...o }) {
     }
   );
 }
-function Kn({ children: t, axis: s = "y", style: n, className: r = "", ...o }) {
+function rr({ 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",
@@ -3583,11 +3791,11 @@ function Kn({ children: t, axis: s = "y", style: n, className: r = "", ...o }) {
     }
   );
 }
-const Be = 280, js = 22, Ns = 14, ue = 8, Te = 6, ws = 200;
-function gs(t) {
+const Ie = 280, Rs = 22, Ss = 14, ue = 8, $e = 6, As = 200;
+function Ls(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function ys(t, s, n, r) {
+function Bs(t, s, n, r) {
   const o = window.innerWidth, a = window.innerHeight;
   if (a - t.bottom >= s + r + ue) return "bottom";
   if (t.top >= s + r + ue) return "top";
@@ -3596,7 +3804,7 @@ function ys(t, s, n, r) {
   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 ks(t, s, n, r, o) {
+function Is(t, s, n, r, o) {
   const a = window.innerWidth, i = window.innerHeight;
   let l, c;
   switch (t) {
@@ -3615,7 +3823,7 @@ function ks(t, s, n, r, o) {
   const u = Math.max(ue, Math.min(a - r - ue, c)), d = Math.max(ue, Math.min(i - n - ue, l));
   return { top: d, left: u, arrowOffset: c - u, arrowOffsetY: l - d };
 }
-function Xn({
+function or({
   steps: t,
   currentStep: s,
   onNext: n,
@@ -3627,99 +3835,99 @@ function Xn({
   labelNext: c,
   labelBack: u,
   labelSkip: d,
-  labelFinish: p,
-  statePrimary: h = "idle",
-  stateBack: f = "idle"
+  labelFinish: v,
+  statePrimary: b = "idle",
+  stateBack: m = "idle"
 }) {
-  const _ = K(), { t: w } = be(), T = c ?? _.next, j = u ?? _.back, g = d ?? _.skipTour, $ = p ?? _.done, x = S(null), y = S(t), N = S(s), B = S(l);
-  y.current = t, N.current = s, B.current = l;
-  const [D, W] = L(!1), [O, k] = L({ position: "fixed", visibility: "hidden", width: Be }), [C, M] = L("bottom"), [V, v] = L(null), R = S(!1), A = t[s], F = s === t.length - 1, H = ne(() => {
-    const Y = y.current[N.current];
-    if (!Y || !x.current) return;
-    const m = gs(Y.target);
-    if (!m) return;
-    const b = m.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, se = Be, oe = B.current ? js : Ns, G = Y.position || ys(b, U, se, oe), { top: Q, left: fe, arrowOffset: je, arrowOffsetY: Se } = ks(G, b, U, se, oe);
-    M(G), k({
+  const g = X(), { t: h } = _e(), T = c ?? g.next, N = u ?? g.back, $ = d ?? g.skipTour, E = v ?? g.done, p = B(null), k = B(t), y = B(s), A = B(l);
+  k.current = t, y.current = s, A.current = l;
+  const [I, M] = F(!1), [H, S] = F({ position: "fixed", visibility: "hidden", width: Ie }), [V, O] = F("bottom"), [_, x] = F(null), w = B(!1), R = t[s], P = s === t.length - 1, W = re(() => {
+    const C = k.current[y.current];
+    if (!C || !p.current) return;
+    const f = Ls(C.target);
+    if (!f) return;
+    const j = f.getBoundingClientRect(), q = p.current.getBoundingClientRect().height || 160, G = Ie, Z = A.current ? Rs : Ss, K = C.position || Bs(j, q, G, Z), { top: te, left: fe, arrowOffset: ge, arrowOffsetY: Le } = Is(K, j, q, G, Z);
+    O(K), S({
       position: "fixed",
-      top: Q,
+      top: te,
       left: fe,
-      width: Be,
+      width: Ie,
       visibility: "visible",
-      "--arrow-offset": `${je}px`,
-      "--arrow-offset-y": `${Se}px`
-    }), v({
-      top: b.top - Te,
-      left: b.left - Te,
-      width: b.width + Te * 2,
-      height: b.height + Te * 2
+      "--arrow-offset": `${ge}px`,
+      "--arrow-offset-y": `${Le}px`
+    }), x({
+      top: j.top - $e,
+      left: j.left - $e,
+      width: j.width + $e * 2,
+      height: j.height + $e * 2
     });
   }, []);
-  return P(() => {
-    window.addEventListener("scroll", H, !0), window.addEventListener("resize", H);
-    const Y = requestAnimationFrame(() => {
-      H(), W(!0), R.current = !0;
+  return z(() => {
+    window.addEventListener("scroll", W, !0), window.addEventListener("resize", W);
+    const C = requestAnimationFrame(() => {
+      W(), M(!0), w.current = !0;
     });
     return () => {
-      cancelAnimationFrame(Y), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
+      cancelAnimationFrame(C), window.removeEventListener("scroll", W, !0), window.removeEventListener("resize", W);
     };
-  }, []), P(() => {
-    if (!R.current) return;
-    W(!1);
-    const Y = setTimeout(() => {
-      k((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
-        H(), W(!0);
+  }, []), z(() => {
+    if (!w.current) return;
+    M(!1);
+    const C = setTimeout(() => {
+      S((f) => ({ ...f, visibility: "hidden" })), requestAnimationFrame(() => {
+        W(), M(!0);
       });
-    }, ws + 20);
-    return () => clearTimeout(Y);
-  }, [s]), P(() => {
-    D && x.current && x.current.focus({ preventScroll: !0 });
-  }, [D]), P(() => {
-    const Y = (m) => {
-      m.key === "Escape" && o();
+    }, As + 20);
+    return () => clearTimeout(C);
+  }, [s]), z(() => {
+    I && p.current && p.current.focus({ preventScroll: !0 });
+  }, [I]), z(() => {
+    const C = (f) => {
+      f.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
-  }, [o]), P(() => {
-    if (!D) return;
-    const Y = (m) => {
-      if (m.key !== "Tab" || !x.current) return;
-      const b = Array.from(
-        x.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
+  }, [o]), z(() => {
+    if (!I) return;
+    const C = (f) => {
+      if (f.key !== "Tab" || !p.current) return;
+      const j = Array.from(
+        p.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
-      if (!b.length) return;
-      const I = b[0], U = b[b.length - 1];
-      m.shiftKey && document.activeElement === I ? (m.preventDefault(), U.focus()) : !m.shiftKey && document.activeElement === U && (m.preventDefault(), I.focus());
+      if (!j.length) return;
+      const D = j[0], q = j[j.length - 1];
+      f.shiftKey && document.activeElement === D ? (f.preventDefault(), q.focus()) : !f.shiftKey && document.activeElement === q && (f.preventDefault(), D.focus());
     };
-    return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
-  }, [D]), !A || typeof document > "u" ? null : re.createPortal(
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
+  }, [I]), !R || typeof document > "u" ? null : oe.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      V && /* @__PURE__ */ e.jsx(
+      _ && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: [
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            D && "ds-coachmark__spotlight--visible"
+            I && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
-          style: V,
+          style: _,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: x,
+          ref: p,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": A.title ?? w("stepOf", { current: s + 1, total: t.length }),
+          "aria-label": R.title ?? h("stepOf", { current: s + 1, total: t.length }),
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${C}`,
-            D && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${V}`,
+            I && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
-          style: O,
+          style: H,
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e.jsx(
@@ -3728,12 +3936,12 @@ function Xn({
                 type: "button",
                 className: "ds-coachmark__close",
                 onClick: o,
-                "aria-label": g,
-                children: /* @__PURE__ */ e.jsx(te, { size: 16, strokeWidth: 2 })
+                "aria-label": $,
+                children: /* @__PURE__ */ e.jsx(ne, { size: 16, strokeWidth: 2 })
               }
             ),
-            A.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: A.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: A.content }),
+            R.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: R.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: R.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3741,8 +3949,8 @@ function Xn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(de, { variant: "secondary", size: "s", state: f, onClick: r, children: j }),
-                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: h, onClick: F ? a : n, children: F ? $ : T })
+                s > 0 && /* @__PURE__ */ e.jsx(de, { variant: "secondary", size: "s", state: m, onClick: r, children: N }),
+                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: b, onClick: P ? a : n, children: P ? E : T })
               ] })
             ] })
           ]
@@ -3752,8 +3960,8 @@ function Xn({
     document.body
   );
 }
-function Jn(t, s = {}) {
-  const { storageKey: n } = s, [r, o] = L(0), [a, i] = L(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = ne(() => {
+function ar(t, s = {}) {
+  const { storageKey: n } = s, [r, o] = F(0), [a, i] = F(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = re(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3768,8 +3976,8 @@ function Jn(t, s = {}) {
     finish: c
   };
 }
-function Zn() {
-  const t = S(null), s = ne(() => {
+function ir() {
+  const t = B(null), s = re(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
@@ -3781,103 +3989,103 @@ function Zn() {
   return { ref: t, shake: s };
 }
 export {
-  He as Accordion,
-  Ws as Alert,
-  Sn as AnimatedNumber,
-  sn as Avatar,
+  qe as Accordion,
+  Ks as Alert,
+  zn as AnimatedNumber,
+  fn as Avatar,
   he as Badge,
-  Tn as Banner,
-  Cs as BottomSheet,
-  pn as Breadcrumb,
-  qs as BrowserPane,
-  Gs as BrowserTabs,
+  Pn as Banner,
+  Js as BottomSheet,
+  Nn as Breadcrumb,
+  sn as BrowserPane,
+  nn as BrowserTabs,
   de as Button,
-  Ds as Card,
-  Fn as ChatMessage,
-  en as Checkbox,
-  Xn as Coachmark,
-  Us as Code,
-  Vt as CodeAccordion,
-  Hn as ConfidenceBar,
-  us as CopyButton,
-  Vn as DiffView,
-  $n as Dropdown,
-  un as EmptyState,
-  Gn as EngineerGrid,
-  fn as FormField,
-  Ls as H1,
-  Ps as H2,
-  Ms as H3,
-  Fs as H4,
-  An as InView,
-  Ss as Input,
-  Hs as Link,
-  Ks as List,
-  Xs as ListRow,
-  Rs as LocaleProvider,
-  Zs as Mention,
-  bs as MessageFeedback,
-  Yn as MessageFooter,
-  Os as Modal,
+  Hs as Card,
+  Yn as ChatMessage,
+  dn as Checkbox,
+  or as Coachmark,
+  Zs as Code,
+  Gt as CodeAccordion,
+  Qn as ConfidenceBar,
+  js as CopyButton,
+  er as DiffView,
+  Mn as Dropdown,
+  jn as EmptyState,
+  nr as EngineerGrid,
+  gn as FormField,
+  Us as H1,
+  Vs as H2,
+  qs as H3,
+  Ys as H4,
+  Wn as InView,
+  zs as Input,
+  Qs as Link,
+  rn as List,
+  on as ListRow,
+  Fs as LocaleProvider,
+  ln as Mention,
+  Ts as MessageFeedback,
+  tr as MessageFooter,
+  Xs as Modal,
   xe as ModalFooter,
-  On as ModelPicker,
-  vn as NavRail,
-  kn as NavRailAgent,
-  _n as NavRailBody,
-  yn as NavRailCustomItem,
-  wn as NavRailDivider,
-  En as NavRailFlyout,
-  Nn as NavRailFooter,
-  jn as NavRailHeader,
-  bn as NavRailItem,
-  gn as NavRailRecents,
-  zs as P1,
-  Wt as P2,
-  mt as P3,
-  hn as Pagination,
-  Rn as ProgressBar,
-  Wn as PromptInput,
-  tn as Radio,
-  Ln as ReasoningBlock,
-  Kn as Scrollable,
-  Js as SegmentedControl,
-  Bs as Select,
-  xn as SidePage,
-  tt as SidePageFooter,
-  Xt as Skeleton,
-  Cn as SourcesPanel,
-  Ft as Spinner,
-  mn as Stat,
-  Pn as StepIndicator,
-  Is as Stepper,
-  Mn as StreamingText,
-  Ys as Tab,
-  nn as Table,
-  on as TableBody,
-  rn as TableHead,
-  an as TableRow,
-  ln as TableSubheaderRow,
-  Vs as Tabs,
-  dn as Td,
-  As as Textarea,
-  cn as Th,
-  qn as ThinkingDot,
-  In as ToastContainer,
-  Qs as Toggle,
-  Un as TokenCounter,
-  Dn as ToolCallBubble,
-  Dn as ToolCallCard,
-  Ve as Tooltip,
-  $e as defaultStrings,
-  ft as formatString,
-  q as iconSizes,
-  os as useAnimatedNumber,
-  fs as useAnimatedPlaceholder,
-  Jn as useCoachmark,
-  as as useInView,
-  be as useLocale,
-  Zn as useShake,
-  zn as useStreamScroll,
-  K as useStrings,
-  Bn as useToast
+  Xn as ModelPicker,
+  En as NavRail,
+  In as NavRailAgent,
+  $n as NavRailBody,
+  Bn as NavRailCustomItem,
+  An as NavRailDivider,
+  Dn as NavRailFlyout,
+  Sn as NavRailFooter,
+  Rn as NavRailHeader,
+  Tn as NavRailItem,
+  Ln as NavRailRecents,
+  Gs as P1,
+  Ht as P2,
+  xt as P3,
+  yn as Pagination,
+  Fn as ProgressBar,
+  Kn as PromptInput,
+  un as Radio,
+  Un as ReasoningBlock,
+  rr as Scrollable,
+  an as SegmentedControl,
+  Os as Select,
+  kn as SidePage,
+  rt as SidePageFooter,
+  os as Skeleton,
+  Jn as SourcesPanel,
+  Ot as Spinner,
+  wn as Stat,
+  Vn as StepIndicator,
+  Cs as Stepper,
+  qn as StreamingText,
+  tn as Tab,
+  mn as Table,
+  hn as TableBody,
+  pn as TableHead,
+  xn as TableRow,
+  vn as TableSubheaderRow,
+  en as Tabs,
+  _n as Td,
+  Ws as Textarea,
+  bn as Th,
+  sr as ThinkingDot,
+  Cn as ToastContainer,
+  cn as Toggle,
+  Zn as TokenCounter,
+  Hn as ToolCallBubble,
+  Hn as ToolCallCard,
+  Ye as Tooltip,
+  Se as defaultStrings,
+  ht as formatString,
+  Y as iconSizes,
+  ps as useAnimatedNumber,
+  gs as useAnimatedPlaceholder,
+  ar as useCoachmark,
+  hs as useInView,
+  _e as useLocale,
+  ir as useShake,
+  Gn as useStreamScroll,
+  X as useStrings,
+  On as useToast
 };