@donkit-ai/design-system 1.3.16 → 1.4.1

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import q, { useState as S, useRef as $, useEffect as B, useLayoutEffect as ze, useId as We } from "react";
-import { Check as he, X as ne, ChevronDown as xe, Minus as Fe, Plus as Ce, XCircle as ve, AlertTriangle as Ne, CheckCircle as we, Info as ye, ChevronUp as Ue, ChevronsUpDown as Ve, ChevronLeft as Ye, ChevronRight as Be, Copy as qe, Brain as He, Loader as Ke, Paperclip as Ee, Square as Ge, ArrowUp as Xe, Zap as Je, Cpu as $e } from "lucide-react";
+import q, { useState as S, useRef as $, useEffect as B, useLayoutEffect as Ve, useId as Ye } from "react";
+import { Check as he, X as ne, ChevronDown as xe, Minus as qe, Plus as He, XCircle as we, AlertTriangle as ye, CheckCircle as ge, Info as ke, ChevronUp as Ke, ChevronsUpDown as Ge, ChevronLeft as Xe, ChevronRight as Oe, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Te, Square as es, ArrowUp as ss, Zap as ts, Cpu as Re, FileText as rs } from "lucide-react";
 import me from "react-dom";
-const D = {
+const I = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var je = { exports: {} }, de = {};
+var ve = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,22 +18,22 @@ var je = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Te;
-function Ze() {
-  if (Te) return de;
-  Te = 1;
+var Se;
+function ns() {
+  if (Se) return de;
+  Se = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(o, a, n) {
-    var i = null;
-    if (n !== void 0 && (i = "" + n), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+  function r(i, a, n) {
+    var o = null;
+    if (n !== void 0 && (o = "" + n), a.key !== void 0 && (o = "" + a.key), "key" in a) {
       n = {};
       for (var l in a)
         l !== "key" && (n[l] = a[l]);
     } else n = a;
     return a = n.ref, {
       $$typeof: s,
-      type: o,
-      key: i,
+      type: i,
+      key: o,
       ref: a !== void 0 ? a : null,
       props: n
     };
@@ -50,9 +50,9 @@ var ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Re;
-function Qe() {
-  return Re || (Re = 1, process.env.NODE_ENV !== "production" && function() {
+var Ae;
+function as() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
     function s(c) {
       if (c == null) return null;
       if (typeof c == "function")
@@ -65,7 +65,7 @@ function Qe() {
           return "Profiler";
         case E:
           return "StrictMode";
-        case I:
+        case D:
           return "Suspense";
         case v:
           return "SuspenseList";
@@ -76,16 +76,16 @@ function Qe() {
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case _:
+          case b:
             return "Portal";
           case k:
             return c.displayName || "Context";
           case A:
             return (c._context.displayName || "Context") + ".Consumer";
-          case M:
+          case O:
             var N = c.render;
             return c = c.displayName, c || (c = N.displayName || N.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
-          case L:
+          case M:
             return N = c.displayName || null, N !== null ? N : s(c.type) || "Memo";
           case z:
             N = c._payload, c = c._init;
@@ -108,15 +108,15 @@ function Qe() {
       }
       if (N) {
         N = console;
-        var P = N.error, W = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        var P = N.error, F = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return P.call(
           N,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          W
+          F
         ), t(c);
       }
     }
-    function o(c) {
+    function i(c) {
       if (c === R) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === z)
         return "<...>";
@@ -134,7 +134,7 @@ function Qe() {
     function n() {
       return Error("react-stack-top-frame");
     }
-    function i(c) {
+    function o(c) {
       if (U.call(c, "key")) {
         var N = Object.getOwnPropertyDescriptor(c, "key").get;
         if (N && N.isReactWarning) return !1;
@@ -143,7 +143,7 @@ function Qe() {
     }
     function l(c, N) {
       function P() {
-        O || (O = !0, console.error(
+        L || (L = !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)",
           N
         ));
@@ -153,23 +153,23 @@ function Qe() {
         configurable: !0
       });
     }
-    function p() {
+    function m() {
       var c = s(this.type);
       return C[c] || (C[c] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(c, N, P, W, se, ae) {
-      var F = P.ref;
+    function u(c, N, P, F, te, ae) {
+      var W = P.ref;
       return c = {
-        $$typeof: b,
+        $$typeof: x,
         type: c,
         key: N,
         props: P,
-        _owner: W
-      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(c, "ref", {
+        _owner: F
+      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
-        get: p
+        get: m
       }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,7 +184,7 @@ function Qe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: se
+        value: te
       }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -192,61 +192,61 @@ function Qe() {
         value: ae
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function m(c, N, P, W, se, ae) {
-      var F = N.children;
-      if (F !== void 0)
-        if (W)
-          if (x(F)) {
-            for (W = 0; W < F.length; W++)
-              f(F[W]);
-            Object.freeze && Object.freeze(F);
+    function f(c, N, P, F, te, ae) {
+      var W = N.children;
+      if (W !== void 0)
+        if (F)
+          if (_(W)) {
+            for (F = 0; F < W.length; F++)
+              p(W[F]);
+            Object.freeze && Object.freeze(W);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(F);
+        else p(W);
       if (U.call(N, "key")) {
-        F = s(c);
-        var Q = Object.keys(N).filter(function(be) {
-          return be !== "key";
+        W = s(c);
+        var Q = Object.keys(N).filter(function(_e) {
+          return _e !== "key";
         });
-        W = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", w[F + W] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", w[W + F] || (Q = 0 < Q.length ? "{" + Q.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} />`,
-          W,
           F,
+          W,
           Q,
-          F
-        ), w[F + W] = !0);
+          W
+        ), w[W + F] = !0);
       }
-      if (F = null, P !== void 0 && (r(P), F = "" + P), i(N) && (r(N.key), F = "" + N.key), "key" in N) {
+      if (W = null, P !== void 0 && (r(P), W = "" + P), o(N) && (r(N.key), W = "" + N.key), "key" in N) {
         P = {};
-        for (var oe in N)
-          oe !== "key" && (P[oe] = N[oe]);
+        for (var ie in N)
+          ie !== "key" && (P[ie] = N[ie]);
       } else P = N;
-      return F && l(
+      return W && l(
         P,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), u(
         c,
-        F,
+        W,
         P,
         a(),
-        se,
+        te,
         ae
       );
     }
-    function f(c) {
+    function p(c) {
       h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === z && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
     function h(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === b;
+      return typeof c == "object" && c !== null && c.$$typeof === x;
     }
-    var d = q, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), k = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), X = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, y = console.createTask ? console.createTask : function() {
+    var d = q, x = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), k = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), X = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, _ = Array.isArray, y = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -254,78 +254,78 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var O, C = {}, K = d.react_stack_bottom_frame.bind(
+    var L, C = {}, K = d.react_stack_bottom_frame.bind(
       d,
       n
-    )(), Z = y(o(n)), w = {};
+    )(), Z = y(i(n)), w = {};
     ue.Fragment = R, ue.jsx = function(c, N, P) {
-      var W = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return m(
+      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return f(
         c,
         N,
         P,
         !1,
-        W ? Error("react-stack-top-frame") : K,
-        W ? y(o(c)) : Z
+        F ? Error("react-stack-top-frame") : K,
+        F ? y(i(c)) : Z
       );
     }, ue.jsxs = function(c, N, P) {
-      var W = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return m(
+      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return f(
         c,
         N,
         P,
         !0,
-        W ? Error("react-stack-top-frame") : K,
-        W ? y(o(c)) : Z
+        F ? Error("react-stack-top-frame") : K,
+        F ? y(i(c)) : Z
       );
     };
   }()), ue;
 }
-process.env.NODE_ENV === "production" ? je.exports = Ze() : je.exports = Qe();
-var e = je.exports;
-function et({ size: s = "m", color: t = "default", className: r = "", ...o }) {
+process.env.NODE_ENV === "production" ? ve.exports = ns() : ve.exports = as();
+var e = ve.exports;
+function is({ size: s = "m", color: t = "default", className: r = "", ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, r].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
-      ...o
+      ...i
     }
   );
 }
-const tt = { xs: 12, s: 14, m: 16, l: 20 };
+const os = { xs: 12, s: 14, m: 16, l: 20 };
 function fe({
   children: s,
   variant: t = "primary",
   size: r = "m",
-  fullWidth: o = !1,
+  fullWidth: i = !1,
   icon: a,
   disabled: n = !1,
-  state: i = "idle",
+  state: o = "idle",
   onClick: l,
-  type: p = "button",
+  type: m = "button",
   href: u,
-  "aria-label": m,
-  ...f
+  "aria-label": f,
+  ...p
 }) {
-  const h = a && !s, d = i === "loading", b = i === "success", _ = i === "error", R = d || b || _, E = r === "xs" ? "s" : "m", g = tt[r] ?? 16, A = d ? /* @__PURE__ */ e.jsx(et, { size: E }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: g, strokeWidth: 2.5 }) }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: g, strokeWidth: 2.5 }) }) : null, k = [
+  const h = a && !s, d = o === "loading", x = o === "success", b = o === "error", R = d || x || b, E = r === "xs" ? "s" : "m", g = os[r] ?? 16, A = d ? /* @__PURE__ */ e.jsx(is, { size: E }) : x ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: g, strokeWidth: 2.5 }) }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: g, strokeWidth: 2.5 }) }) : null, k = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
-    o && "ds-button--full",
+    i && "ds-button--full",
     h && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), M = i !== "idle" ? i : void 0, I = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), O = o !== "idle" ? o : void 0, D = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     R ? A : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (u) {
-    const v = (L) => {
+    const v = (M) => {
       if (n || d) {
-        L.preventDefault();
+        M.preventDefault();
         return;
       }
-      L.metaKey || L.ctrlKey || L.button === 1 || (L.preventDefault(), l == null || l(L));
+      M.metaKey || M.ctrlKey || M.button === 1 || (M.preventDefault(), l == null || l(M));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -333,57 +333,57 @@ function fe({
         className: k,
         href: n || d ? void 0 : u,
         onClick: v,
-        "aria-label": m,
+        "aria-label": f,
         "aria-disabled": n || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
-        "data-state": M,
-        ...f,
-        children: I
+        "data-state": O,
+        ...p,
+        children: D
       }
     );
   }
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: p,
+      type: m,
       className: k,
       disabled: n,
       onClick: d ? void 0 : l,
-      "aria-label": m,
+      "aria-label": f,
       "aria-busy": d ? "true" : void 0,
-      "data-state": M,
-      ...f,
-      children: I
+      "data-state": O,
+      ...p,
+      children: D
     }
   );
 }
-function St({
+function Os({
   label: s,
   error: t,
   hint: r,
-  fullWidth: o = !0,
+  fullWidth: i = !0,
   icon: a,
   iconRight: n,
-  onIconRightClick: i,
+  onIconRightClick: o,
   size: l = "m",
-  disabled: p,
+  disabled: m,
   id: u,
-  ...m
+  ...f
 }) {
-  const f = u || `input-${q.useId()}`, h = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, b = d || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${p ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: s }),
+  const p = u || `input-${q.useId()}`, h = r ? `${p}-hint` : void 0, d = t ? `${p}-error` : void 0, x = d || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${i ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          id: f,
+          id: p,
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
-          disabled: p,
+          disabled: m,
           "aria-invalid": t ? "true" : "false",
-          "aria-describedby": b,
-          ...m
+          "aria-describedby": x,
+          ...f
         }
       ),
       n && /* @__PURE__ */ e.jsx(
@@ -391,7 +391,7 @@ function St({
         {
           type: "button",
           className: `ds-input-icon-right ds-input-icon-right--${l}`,
-          onClick: i,
+          onClick: o,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
           children: n
@@ -402,114 +402,114 @@ function St({
     /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: t }) }) })
   ] });
 }
-function At({
+function zs({
   label: s,
   error: t,
   hint: r,
-  fullWidth: o = !0,
+  fullWidth: i = !0,
   size: a = "m",
   disabled: n,
-  id: i,
+  id: o,
   resize: l = !0,
-  rows: p = 3,
+  rows: m = 3,
   ...u
 }) {
-  const m = i || `textarea-${q.useId()}`, f = r ? `${m}-hint` : void 0, h = t ? `${m}-error` : void 0, d = h || f;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: s }),
+  const f = o || `textarea-${q.useId()}`, p = r ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, d = h || p;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${i ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: f, children: s }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        id: m,
+        id: f,
         className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: n,
         "aria-invalid": t ? "true" : "false",
         "aria-describedby": d,
-        rows: p,
+        rows: m,
         ...u
       }
     ),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: r }),
     t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function It({
+function Fs({
   label: s,
   value: t,
   onChange: r,
-  options: o = [],
+  options: i = [],
   placeholder: a = "Select option",
   error: n,
-  fullWidth: i = !0,
+  fullWidth: o = !0,
   size: l = "m",
-  disabled: p = !1,
+  disabled: m = !1,
   id: u,
-  ...m
+  ...f
 }) {
-  const [f, h] = S(!1), [d, b] = S(!1), [_, R] = S({}), [E, g] = S("down"), [A, k] = S(-1), M = $(null), I = $(null), v = $(null), L = $(null), z = u || `select-${q.useId()}`, Y = `${z}-label`, H = n ? `${z}-error` : void 0, X = 150, U = (w = !1) => {
-    d || (b(!0), k(-1), L.current = setTimeout(() => {
+  const [p, h] = S(!1), [d, x] = S(!1), [b, R] = S({}), [E, g] = S("down"), [A, k] = S(-1), O = $(null), D = $(null), v = $(null), M = $(null), z = u || `select-${q.useId()}`, Y = `${z}-label`, H = n ? `${z}-error` : void 0, X = 150, U = (w = !1) => {
+    d || (x(!0), k(-1), M.current = setTimeout(() => {
       var c;
-      h(!1), b(!1), w && ((c = v.current) == null || c.focus());
+      h(!1), x(!1), w && ((c = v.current) == null || c.focus());
     }, X));
-  }, x = (w) => {
-    clearTimeout(L.current), b(!1);
-    const c = w !== void 0 ? w : Math.max(o.findIndex((N) => N.value === t), 0);
+  }, _ = (w) => {
+    clearTimeout(M.current), x(!1);
+    const c = w !== void 0 ? w : Math.max(i.findIndex((N) => N.value === t), 0);
     k(c), h(!0);
   };
-  B(() => () => clearTimeout(L.current), []);
+  B(() => () => clearTimeout(M.current), []);
   const y = () => {
     var ae;
-    const w = (ae = M.current) == null ? void 0 : ae.getBoundingClientRect();
+    const w = (ae = O.current) == null ? void 0 : ae.getBoundingClientRect();
     if (!w) return;
-    const c = window.innerHeight, N = c - w.bottom, P = w.top, se = N < 300 && P > N;
-    g(se ? "up" : "down"), R(
-      se ? { bottom: c - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
+    const c = window.innerHeight, N = c - w.bottom, P = w.top, te = N < 300 && P > N;
+    g(te ? "up" : "down"), R(
+      te ? { bottom: c - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
     );
   };
   B(() => {
-    if (f)
+    if (p)
       return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
         window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
       };
-  }, [f]), B(() => {
+  }, [p]), B(() => {
     const w = (c) => {
-      M.current && !M.current.contains(c.target) && I.current && !I.current.contains(c.target) && U();
+      O.current && !O.current.contains(c.target) && D.current && !D.current.contains(c.target) && U();
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
   }, [d]), B(() => {
     var c;
-    if (!f || A < 0 || !I.current) return;
-    (c = I.current.querySelectorAll(".ds-select-option")[A]) == null || c.scrollIntoView({ block: "nearest" });
-  }, [A, f]);
-  const O = (w) => {
+    if (!p || A < 0 || !D.current) return;
+    (c = D.current.querySelectorAll(".ds-select-option")[A]) == null || c.scrollIntoView({ block: "nearest" });
+  }, [A, p]);
+  const L = (w) => {
     switch (w.key) {
       case "ArrowDown":
-        w.preventDefault(), f ? k((c) => Math.min(c + 1, o.length - 1)) : x();
+        w.preventDefault(), p ? k((c) => Math.min(c + 1, i.length - 1)) : _();
         break;
       case "ArrowUp":
-        w.preventDefault(), f ? k((c) => Math.max(c - 1, 0)) : x(o.length - 1);
+        w.preventDefault(), p ? k((c) => Math.max(c - 1, 0)) : _(i.length - 1);
         break;
       case "Home":
-        f && (w.preventDefault(), k(0));
+        p && (w.preventDefault(), k(0));
         break;
       case "End":
-        f && (w.preventDefault(), k(o.length - 1));
+        p && (w.preventDefault(), k(i.length - 1));
         break;
       case "Enter":
       case " ":
-        w.preventDefault(), f ? A >= 0 && (r == null || r(o[A].value), U(!0)) : x();
+        w.preventDefault(), p ? A >= 0 && (r == null || r(i[A].value), U(!0)) : _();
         break;
       case "Escape":
-        f && (w.preventDefault(), U(!0));
+        p && (w.preventDefault(), U(!0));
         break;
       case "Tab":
-        f && U(!1);
+        p && U(!1);
         break;
     }
-  }, C = o.find((w) => w.value === t), K = l === "xs" ? D[1] : l === "small" ? D[2] : D[3], Z = f && /* @__PURE__ */ e.jsx(
+  }, C = i.find((w) => w.value === t), K = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], Z = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: I,
+      ref: D,
       role: "listbox",
       "aria-labelledby": s ? Y : void 0,
       tabIndex: -1,
@@ -519,8 +519,8 @@ function It({
         `ds-select-dropdown--${E}`,
         d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: _,
-      children: o.map((w, c) => /* @__PURE__ */ e.jsx(
+      style: b,
+      children: i.map((w, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
           id: `${z}-opt-${c}`,
@@ -543,9 +543,9 @@ function It({
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${p ? "ds-select-wrapper--disabled" : ""}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { id: Y, className: "ds-select-label", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: O, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: v,
@@ -553,18 +553,18 @@ function It({
         id: z,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": f,
-        "aria-activedescendant": f && A >= 0 ? `${z}-opt-${A}` : void 0,
+        "aria-expanded": p,
+        "aria-activedescendant": p && A >= 0 ? `${z}-opt-${A}` : void 0,
         "aria-labelledby": s ? Y : void 0,
         "aria-invalid": n ? "true" : "false",
         "aria-describedby": H,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          p || (f ? U() : x());
+          m || (p ? U() : _());
         },
-        onKeyDown: O,
-        disabled: p,
-        ...m,
+        onKeyDown: L,
+        disabled: m,
+        ...f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: C ? "" : "ds-select-placeholder", children: (C == null ? void 0 : C.label) || a }),
           /* @__PURE__ */ e.jsx(
@@ -572,7 +572,7 @@ function It({
             {
               size: K,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && E === "down" ? "ds-select-icon--open" : ""} ${f && E === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && E === "down" ? "ds-select-icon--open" : ""} ${p && E === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
@@ -583,60 +583,60 @@ function It({
     typeof document < "u" && me.createPortal(Z, document.body)
   ] });
 }
-function Dt({
+function Ws({
   label: s,
   value: t = 0,
   onChange: r,
-  min: o = 0,
+  min: i = 0,
   max: a = 100,
   step: n = 1,
-  size: i = "m",
+  size: o = "m",
   disabled: l = !1,
-  hint: p,
+  hint: m,
   error: u,
-  ...m
+  ...f
 }) {
-  const f = () => {
+  const p = () => {
     if (l) return;
     const E = Math.min(Number(t) + n, a);
     r == null || r(E);
   }, h = () => {
     if (l) return;
-    const E = Math.max(Number(t) - n, o);
+    const E = Math.max(Number(t) - n, i);
     r == null || r(E);
   }, d = (E) => {
     if (l) return;
     const g = E.target.value;
     if (g === "") {
-      r == null || r(o);
+      r == null || r(i);
       return;
     }
     const A = Number(g);
     if (!isNaN(A)) {
-      const k = Math.min(Math.max(A, o), a);
+      const k = Math.min(Math.max(A, i), a);
       r == null || r(k);
     }
-  }, b = [
+  }, x = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), _ = [
+  ].filter(Boolean).join(" "), b = [
     "ds-stepper",
-    `ds-stepper--${i}`,
+    `ds-stepper--${o}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), R = i === "xs" ? D[1] : i === "small" ? D[2] : D[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
+  ].filter(Boolean).join(" "), R = o === "xs" ? I[1] : o === "small" ? I[2] : I[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
-    /* @__PURE__ */ e.jsxs("div", { className: _, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: b, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
           onClick: h,
-          disabled: l || t <= o,
+          disabled: l || t <= i,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Fe, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(qe, { size: R, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -646,11 +646,11 @@ function Dt({
           className: "ds-stepper-input",
           value: t,
           onChange: d,
-          min: o,
+          min: i,
           max: a,
           step: n,
           disabled: l,
-          ...m
+          ...f
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -658,62 +658,62 @@ function Dt({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
-          onClick: f,
+          onClick: p,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(Ce, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(He, { size: R, strokeWidth: 1.5 })
         }
       )
     ] }),
-    p && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: p }),
+    m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function st({
+function ls({
   children: s,
   padding: t = "m",
   variant: r = "info",
-  hover: o = !1,
+  hover: i = !1,
   // deprecated, use variant="interactive"
   onClick: a,
   href: n,
-  disabled: i = !1,
+  disabled: o = !1,
   ...l
 }) {
-  const u = (o ? "interactive" : r) === "interactive" || a || n, m = [
+  const u = (i ? "interactive" : r) === "interactive" || a || n, f = [
     "ds-card",
     `ds-card--${t}`,
     u && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (n) {
-    const d = (b) => {
-      if (i) {
-        b.preventDefault();
+    const d = (x) => {
+      if (o) {
+        x.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
+      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), a == null || a(x));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: m,
-        href: i ? void 0 : n,
+        className: f,
+        href: o ? void 0 : n,
         onClick: d,
-        "aria-disabled": i ? "true" : void 0,
+        "aria-disabled": o ? "true" : void 0,
         ...l,
         children: s
       }
     );
   }
-  const f = u && a ? "button" : "div", h = u && a ? {
+  const p = u && a ? "button" : "div", h = u && a ? {
     type: "button",
     onClick: a,
-    disabled: i
+    disabled: o
   } : {};
   return /* @__PURE__ */ e.jsx(
-    f,
+    p,
     {
-      className: m,
+      className: f,
       role: u && !a ? "article" : void 0,
       ...h,
       ...l,
@@ -721,146 +721,146 @@ function st({
     }
   );
 }
-function Bt({ children: s, ...t }) {
+function Cs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function Pt({ children: s, ...t }) {
+function Us({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function Lt({ children: s, ...t }) {
+function Vs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function Ot({ children: s, ...t }) {
+function Ys({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function Mt({ children: s, secondary: t = !1, ...r }) {
+function qs({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function rt({ children: s, secondary: t = !1, ...r }) {
+function cs({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function Pe({ children: s, secondary: t = !1, ...r }) {
+function ze({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
 function pe({
   children: s,
   variant: t = "default",
   size: r = "m",
-  role: o,
+  role: i,
   ...a
 }) {
   const n = [
     "ds-badge",
     `ds-badge--${t}`,
     `ds-badge--${r}`
-  ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
-}
-const nt = {
-  info: ye,
-  success: we,
-  warning: Ne,
-  error: ve
+  ].filter(Boolean).join(" "), o = i || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: n, role: o, ...a, children: s });
+}
+const ds = {
+  info: ke,
+  success: ge,
+  warning: ye,
+  error: we
 };
-function zt({
+function Hs({
   children: s,
   variant: t = "info",
   title: r,
-  onClose: o,
+  onClose: i,
   role: a,
   ...n
 }) {
-  const i = nt[t], l = a || (t === "error" ? "alert" : "status");
+  const o = ds[t], l = a || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: D[3], strokeWidth: 1.5 }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[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 })
     ] }),
-    o && /* @__PURE__ */ e.jsx(
+    i && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: o,
+        onClick: i,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const at = 200;
-function Wt({
+const us = 200;
+function Ks({
   children: s,
   title: t,
   onClose: r,
-  size: o = "m",
+  size: i = "m",
   ...a
 }) {
-  const n = $(null), i = q.useId(), [l, p] = S(!1), u = () => {
-    !r || l || (p(!0), setTimeout(() => {
-      p(!1), r();
-    }, at));
+  const n = $(null), o = q.useId(), [l, m] = S(!1), u = () => {
+    !r || l || (m(!0), setTimeout(() => {
+      m(!1), r();
+    }, us));
   };
   B(() => {
-    const d = (_) => {
-      _.key === "Escape" && u();
-    }, b = (_) => {
-      n.current && !n.current.contains(_.target) && u();
+    const d = (b) => {
+      b.key === "Escape" && u();
+    }, x = (b) => {
+      n.current && !n.current.contains(b.target) && u();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", x);
     };
   }, [r, l]);
-  const m = q.Children.toArray(s), f = m.find((d) => (d == null ? void 0 : d.type) === Se), h = m.filter((d) => (d == null ? void 0 : d.type) !== Se);
+  const f = q.Children.toArray(s), p = f.find((d) => (d == null ? void 0 : d.type) === Ie), h = f.filter((d) => (d == null ? void 0 : d.type) !== Ie);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-modal ds-modal--${o}`,
+      className: `ds-modal ds-modal--${i}`,
       ref: n,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": t ? i : void 0,
+      "aria-labelledby": t ? o : void 0,
       children: [
         (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
+          t && /* @__PURE__ */ e.jsx("h3", { id: o, className: "ds-modal__title", children: t }),
           r && /* @__PURE__ */ e.jsx(
             fe,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
           )
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: h }),
-        f
+        p
       ]
     }
   ) });
 }
-function Se({ children: s }) {
+function Ie({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function ot({
+function fs({
   children: s,
   title: t = "Code",
   defaultExpanded: r = !1,
-  expanded: o,
+  expanded: i,
   onToggle: a,
   padding: n = "s",
-  className: i = "",
+  className: o = "",
   ...l
 }) {
-  const [p, u] = S(r), m = o !== void 0, f = m ? o : p, h = () => {
-    m ? a == null || a(!o) : u((b) => !b);
+  const [m, u] = S(r), f = i !== void 0, p = f ? i : m, h = () => {
+    f ? a == null || a(!i) : u((x) => !x);
   }, d = [
     "ds-code-accordion",
     `ds-code-accordion--${n}`,
-    f && "ds-code-accordion--expanded",
-    i
+    p && "ds-code-accordion--expanded",
+    o
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
     /* @__PURE__ */ e.jsxs(
@@ -869,15 +869,15 @@ function ot({
         type: "button",
         className: "ds-code-accordion__header",
         onClick: h,
-        "aria-expanded": f,
+        "aria-expanded": p,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: D[2],
+              size: I[2],
               strokeWidth: 1.5,
-              className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
+              className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -886,36 +886,36 @@ function ot({
     /* @__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", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
   ] });
 }
-function Ft({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
-  return t ? r ? /* @__PURE__ */ e.jsx(ot, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
+function Gs({ children: s, block: t = !1, collapsible: r = !1, title: i = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(fs, { title: i, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
 }
-function Ct({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
-  const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
+function Xs({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
+  const l = i === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
       href: s,
       className: "ds-link",
       onClick: r,
-      target: o,
+      target: i,
       rel: l,
       ...n,
       children: t
     }
   );
 }
-function Ut({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: q.Children.map(s, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: t, variant: r }) : a) });
+function Js({ children: s, size: t = "m", variant: r = "ghost", ...i }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...i, children: q.Children.map(s, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function Vt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...p }) {
-  const u = i && !s, m = [
+function Zs({ children: s, selected: t = !1, onClick: r, size: i = "m", variant: a = "ghost", disabled: n = !1, icon: o, href: l, ...m }) {
+  const u = o && !s, f = [
     "ds-tab",
-    `ds-tab--${o}`,
+    `ds-tab--${i}`,
     `ds-tab--${a}`,
     t && "ds-tab--selected",
     u && "ds-tab--icon-only"
-  ].filter(Boolean).join(" "), f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
+  ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: o }),
     s
   ] });
   if (l) {
@@ -932,11 +932,11 @@ function Vt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
         role: "tab",
         "aria-current": t ? "page" : void 0,
         "aria-disabled": n ? "true" : void 0,
-        className: m,
+        className: f,
         href: n ? void 0 : l,
         onClick: h,
-        ...p,
-        children: f
+        ...m,
+        children: p
       }
     );
   }
@@ -945,35 +945,35 @@ function Vt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     {
       role: "tab",
       "aria-selected": t,
-      className: m,
+      className: f,
       onClick: r,
       disabled: n,
-      ...p,
-      children: f
+      ...m,
+      children: p
     }
   );
 }
-function Yt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
-  const n = $(null), i = $(null), [l, p] = S(!1), u = $(!1), m = $(null), f = $(null), h = () => {
+function Qs({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1 }) {
+  const n = $(null), o = $(null), [l, m] = S(!1), u = $(!1), f = $(null), p = $(null), h = () => {
     if (!n.current) return;
     const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
-    const b = n.current.getBoundingClientRect(), _ = d.getBoundingClientRect(), R = _.left - b.left, E = _.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = R + "px", i.current.style.width = E + "px", u.current = !1) : (p(!0), requestAnimationFrame(() => {
-      if (!i.current || !n.current) return;
+    const x = n.current.getBoundingClientRect(), b = d.getBoundingClientRect(), R = b.left - x.left, E = b.width;
+    o.current ? (o.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = R + "px", o.current.style.width = E + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
+      if (!o.current || !n.current) return;
       const g = n.current.querySelector(`[data-value="${t}"]`);
       if (!g) return;
       const A = n.current.getBoundingClientRect(), k = g.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = k.left - A.left + "px", i.current.style.width = k.width + "px";
+      o.current.style.transition = "none", o.current.style.left = k.left - A.left + "px", o.current.style.width = k.width + "px";
     }));
   };
-  return f.current = h, ze(() => {
-    const d = m.current !== t;
-    m.current = t, u.current = l && d, h();
+  return p.current = h, Ve(() => {
+    const d = f.current !== t;
+    f.current = t, u.current = l && d, h();
   }), B(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
-      u.current = !1, f.current();
+      u.current = !1, p.current();
     });
     return d.observe(n.current), () => d.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
@@ -981,7 +981,7 @@ function Yt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     {
       className: [
         "ds-seg",
-        `ds-seg--${o}`,
+        `ds-seg--${i}`,
         a && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
       ref: n,
@@ -990,7 +990,7 @@ function Yt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
         l && /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: i,
+            ref: o,
             className: "ds-seg__pill",
             "aria-hidden": "true"
           }
@@ -1015,38 +1015,38 @@ function Yt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function it({
+function Fe({
   children: s,
   title: t,
   defaultExpanded: r = !1,
-  expanded: o,
+  expanded: i,
   onToggle: a,
   padding: n = "m",
-  ...i
+  ...o
 }) {
-  const [l, p] = S(r), u = o !== void 0, m = u ? o : l, f = () => {
-    u ? a == null || a(!o) : p((d) => !d);
+  const [l, m] = S(r), u = i !== void 0, f = u ? i : l, p = () => {
+    u ? a == null || a(!i) : m((d) => !d);
   }, h = [
     "ds-accordion",
     `ds-accordion--${n}`,
-    m && "ds-accordion--expanded"
+    f && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: h, ...o, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-accordion__header",
-        onClick: f,
-        "aria-expanded": m,
+        onClick: p,
+        "aria-expanded": f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: D[2],
+              size: I[2],
               strokeWidth: 1.5,
-              className: `ds-accordion__icon ${m ? "ds-accordion__icon--expanded" : ""}`
+              className: `ds-accordion__icon ${f ? "ds-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -1056,8 +1056,8 @@ function it({
   ] });
 }
 const re = 8, le = 8;
-function lt(s, t, r) {
-  const o = window.innerWidth;
+function ms(s, t, r) {
+  const i = window.innerWidth;
   let a, n;
   switch (s) {
     case "top":
@@ -1075,22 +1075,22 @@ function lt(s, t, r) {
     default:
       a = t.bottom + re, n = t.left;
   }
-  const i = Math.max(le, Math.min(o - r.width - le, n)), l = n - i;
-  return { top: a, left: i, arrowOffset: l };
+  const o = Math.max(le, Math.min(i - r.width - le, n)), l = n - o;
+  return { top: a, left: o, arrowOffset: l };
 }
-function ct(s, t, r) {
-  const o = window.innerWidth, a = window.innerHeight;
+function ps(s, t, r) {
+  const i = window.innerWidth, a = window.innerHeight;
   if (s.top >= t + re + le) return "top";
   if (a - s.bottom >= t + re + le) return "bottom";
-  if (o - s.right >= r + re + le) return "right";
+  if (i - s.right >= r + re + le) return "right";
   if (s.left >= r + re + le) return "left";
-  const n = Math.max(s.top, a - s.bottom, s.left, o - s.right);
-  return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
+  const n = Math.max(s.top, a - s.bottom, s.left, i - s.right);
+  return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === i - s.right ? "right" : "left";
 }
-function qt({ children: s, content: t, position: r, ...o }) {
-  const [a, n] = S(!1), [i, l] = S({ visibility: "hidden" }), [p, u] = S(r || "top"), m = $(null), f = $(null), h = $(!1), d = () => {
-    if (!m.current || !f.current) return;
-    const _ = m.current.getBoundingClientRect(), R = f.current.getBoundingClientRect(), E = r || ct(_, R.height, R.width), { top: g, left: A, arrowOffset: k } = lt(E, _, R);
+function et({ children: s, content: t, position: r, ...i }) {
+  const [a, n] = S(!1), [o, l] = S({ visibility: "hidden" }), [m, u] = S(r || "top"), f = $(null), p = $(null), h = $(!1), d = () => {
+    if (!f.current || !p.current) return;
+    const b = f.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), E = r || ps(b, R.height, R.width), { top: g, left: A, arrowOffset: k } = ms(E, b, R);
     u(E), l({
       position: "fixed",
       top: g,
@@ -1102,31 +1102,31 @@ function qt({ children: s, content: t, position: r, ...o }) {
   if (B(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const _ = requestAnimationFrame(d);
+    const b = requestAnimationFrame(d);
     return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      cancelAnimationFrame(_), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+      cancelAnimationFrame(b), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
   }, [a, r]), B(() => {
     if (!a) return;
-    const _ = (R) => {
-      m.current && !m.current.contains(R.target) && n(!1);
+    const b = (R) => {
+      f.current && !f.current.contains(R.target) && n(!1);
     };
-    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
+    return document.addEventListener("touchstart", b), () => document.removeEventListener("touchstart", b);
   }, [a]), !t) return s;
-  const b = a && /* @__PURE__ */ e.jsx(
+  const x = a && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: f,
-      className: `ds-tooltip ds-tooltip--${p}`,
+      ref: p,
+      className: `ds-tooltip ds-tooltip--${m}`,
       role: "tooltip",
-      style: i,
+      style: o,
       children: t
     }
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: m,
+      ref: f,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
         h.current || n(!0);
@@ -1135,31 +1135,31 @@ function qt({ children: s, content: t, position: r, ...o }) {
         h.current || n(!1);
       },
       onTouchStart: () => {
-        h.current = !0, n((_) => !_);
+        h.current = !0, n((b) => !b);
       },
-      ...o,
+      ...i,
       children: [
         s,
-        typeof document < "u" && me.createPortal(b, document.body)
+        typeof document < "u" && me.createPortal(x, document.body)
       ]
     }
   );
 }
-function Ht({
+function st({
   checked: s = !1,
   onChange: t,
   size: r = "m",
-  disabled: o = !1,
+  disabled: i = !1,
   label: a,
   id: n,
-  ...i
+  ...o
 }) {
-  const l = n || `toggle-${q.useId()}`, p = [
+  const l = n || `toggle-${q.useId()}`, m = [
     "ds-toggle",
     `ds-toggle--${r}`,
-    o && "ds-toggle--disabled"
+    i && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1168,29 +1168,29 @@ function Ht({
         className: "ds-toggle__input",
         checked: s,
         onChange: (u) => t == null ? void 0 : t(u.target.checked),
-        disabled: o,
-        ...i
+        disabled: i,
+        ...o
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function Kt({
+function tt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
-  disabled: o = !1,
+  disabled: i = !1,
   label: a,
   id: n,
-  ...i
+  ...o
 }) {
-  const l = n || `checkbox-${q.useId()}`, p = [
+  const l = n || `checkbox-${q.useId()}`, m = [
     "ds-checkbox",
     `ds-checkbox--${r}`,
-    o && "ds-checkbox--disabled"
+    i && "ds-checkbox--disabled"
   ].filter(Boolean).join(" "), u = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1198,9 +1198,9 @@ function Kt({
         id: l,
         className: "ds-checkbox__input",
         checked: s,
-        onChange: (m) => t == null ? void 0 : t(m.target.checked),
-        disabled: o,
-        ...i
+        onChange: (f) => t == null ? void 0 : t(f.target.checked),
+        disabled: i,
+        ...o
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
@@ -1214,23 +1214,23 @@ function Kt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function Gt({
+function rt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
-  disabled: o = !1,
+  disabled: i = !1,
   label: a,
   name: n,
-  value: i,
+  value: o,
   id: l,
-  ...p
+  ...m
 }) {
-  const u = l || `radio-${q.useId()}`, m = [
+  const u = l || `radio-${q.useId()}`, f = [
     "ds-radio",
     `ds-radio--${r}`,
-    o && "ds-radio--disabled"
+    i && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: u, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: u, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1238,37 +1238,37 @@ function Gt({
         id: u,
         className: "ds-radio__input",
         checked: s,
-        onChange: (f) => t == null ? void 0 : t(f.target.checked),
-        disabled: o,
+        onChange: (p) => t == null ? void 0 : t(p.target.checked),
+        disabled: i,
         name: n,
-        value: i,
-        ...p
+        value: o,
+        ...m
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function dt({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
+function hs({ width: s, height: t, shape: r = "rect", aspectRatio: i, className: a = "", style: n = {}, ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-skeleton", `ds-skeleton--${r}`, a].filter(Boolean).join(" "),
-      style: { width: s, height: t, aspectRatio: o, ...n },
+      style: { width: s, height: t, aspectRatio: i, ...n },
       "aria-hidden": "true",
-      ...i
+      ...o
     }
   );
 }
-function ut({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+function xs({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: i = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
+      className: ["ds-skeleton-text", i].filter(Boolean).join(" "),
       style: { gap: r, ...a },
       "aria-hidden": "true",
       ...n,
-      children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
+      children: Array.from({ length: s }, (o, l) => /* @__PURE__ */ e.jsx(
         "span",
         {
           className: "ds-skeleton ds-skeleton--text",
@@ -1279,110 +1279,112 @@ function ut({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
     }
   );
 }
-dt.Text = ut;
-function ft(s) {
+hs.Text = xs;
+function _s(s) {
   let t = 2166136261;
   for (let r = 0; r < s.length; r++)
     t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
   return t % 360;
 }
-function mt(s) {
+function js(s) {
   if (!s) return "";
   const t = s.trim().split(/\s+/);
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function Xt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
-  const l = ft(s ?? ""), [p, u] = S(!1), m = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: mt(s) });
+function nt({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style: n = {}, ...o }) {
+  const l = _s(s ?? ""), [m, u] = S(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: js(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-avatar", a].filter(Boolean).join(" "),
-      style: { width: o, height: o, "--ds-avatar-h": l, ...n },
+      style: { width: i, height: i, "--ds-avatar-h": l, ...n },
       "aria-hidden": "true",
-      ...i,
-      children: r && !p ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : m
+      ...o,
+      children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : f
     }
   );
 }
-function Jt({
+function at({
   children: s,
   size: t = "compact",
   stickyTop: r,
-  maxHeight: o,
+  maxHeight: i,
   className: a = "",
   style: n = {},
-  ...i
+  ...o
 }) {
   const l = {
-    ...o ? { maxHeight: o } : {},
+    ...i ? { maxHeight: i } : {},
     ...r !== void 0 ? { "--ds-table-sticky-top": typeof r == "number" ? `${r}px` : r } : {},
     ...n
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-table-wrap", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      className: ["ds-table-wrap", i ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
       style: l,
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
           className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
-          ...i,
+          ...o,
           children: s
         }
       )
     }
   );
 }
-function Zt({ children: s, ...t }) {
+function it({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function Qt({ children: s, ...t }) {
+function ot({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function es({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
+function lt({ children: s, interactive: t, selected: r, subheader: i, exiting: a, updated: n, className: o = "", onClick: l, ...m }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
-        t || n ? "ds-table-row--interactive" : "",
+        t || l ? "ds-table-row--interactive" : "",
         r ? "ds-table-row--selected" : "",
-        o ? "ds-table-row--subheader" : "",
-        a
+        i ? "ds-table-row--subheader" : "",
+        a ? "ds-table-row--exiting" : "",
+        n ? "ds-table-row--updated" : "",
+        o
       ].filter(Boolean).join(" "),
-      onClick: n,
-      ...i,
+      onClick: l,
+      ...m,
       children: s
     }
   );
 }
-function ts({ children: s, colSpan: t = 999, ...r }) {
+function ct({ children: s, colSpan: t = 999, ...r }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
-function ss({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
-  const p = !!o || r !== void 0, u = r === "asc" ? Ue : r === "desc" ? xe : Ve;
+function dt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, className: n = "", style: o = {}, ...l }) {
+  const m = !!i || r !== void 0, u = r === "asc" ? Ke : r === "desc" ? xe : Ge;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        p ? "ds-th--sortable" : "",
+        m ? "ds-th--sortable" : "",
         r ? "ds-th--sorted" : "",
         t !== "left" ? `ds-table-cell--${t}` : "",
         n
       ].filter(Boolean).join(" "),
-      onClick: o,
-      style: { width: a, ...i },
+      onClick: i,
+      style: { width: a, ...o },
       ...l,
-      children: p ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
         /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
       ] }) : s
     }
   );
 }
-function rs({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+function ut({ children: s, align: t = "left", secondary: r, muted: i, truncate: a, nowrap: n, className: o = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1390,131 +1392,131 @@ function rs({ children: s, align: t = "left", secondary: r, muted: o, truncate:
         "ds-td",
         t !== "left" ? `ds-table-cell--${t}` : "",
         r ? "ds-table-cell--secondary" : "",
-        o ? "ds-table-cell--muted" : "",
+        i ? "ds-table-cell--muted" : "",
         a ? "ds-table-cell--truncate" : "",
         n ? "ds-table-cell--nowrap" : "",
-        i
+        o
       ].filter(Boolean).join(" "),
       ...l,
       children: s
     }
   );
 }
-function ns({
+function ft({
   icon: s,
   title: t,
   description: r,
-  action: o,
+  action: i,
   size: a = "m",
   className: n = "",
-  ...i
+  ...o
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
-      ...i,
+      ...o,
       children: [
         s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
         r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: r }),
-        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
+        i && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: i })
       ]
     }
   );
 }
-function as({
+function mt({
   label: s,
   hint: t,
   error: r,
-  required: o = !1,
+  required: i = !1,
   disabled: a = !1,
   htmlFor: n,
-  children: i,
+  children: o,
   className: l = "",
-  style: p,
+  style: m,
   ...u
 }) {
-  const m = q.useId(), f = n ?? m, h = `${f}-hint`, d = `${f}-error`;
+  const f = q.useId(), p = n ?? f, h = `${p}-hint`, d = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
       "data-state": r ? "error" : void 0,
-      "data-required": o ? "" : void 0,
+      "data-required": i ? "" : void 0,
       "data-disabled": a ? "" : void 0,
-      style: p,
+      style: m,
       ...u,
       children: [
-        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
+        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: s }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: o }),
         t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
         r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
       ]
     }
   );
 }
-function os({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
-  const p = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
+function pt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, className: n = "", style: o, ...l }) {
+  const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-stat",
-        `ds-stat--${o}`,
+        `ds-stat--${i}`,
         a && "ds-stat--inline",
         n
       ].filter(Boolean).join(" "),
-      style: i,
+      style: o,
       ...l,
       children: [
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
         t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
-        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${p}`, children: r })
+        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
       ]
     }
   );
 }
-function is({
+function ht({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
-  className: o = "",
+  className: i = "",
   style: a,
   ...n
 }) {
-  const i = q.Children.toArray(s).filter(Boolean);
+  const o = q.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
+      className: `ds-breadcrumb${i ? ` ${i}` : ""}`,
       "aria-label": r,
       style: a,
       ...n,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, p) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: o.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        p < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
-      ] }, p)) })
+        m < o.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
+      ] }, m)) })
     }
   );
 }
-function ls({
+function xt({
   page: s,
   total: t,
   onChange: r,
-  siblings: o = 1,
+  siblings: i = 1,
   "aria-label": a = "Pagination",
   className: n = "",
-  style: i,
+  style: o,
   ...l
 }) {
-  const p = pt(s, t, o);
+  const m = bs(s, t, i);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${n ? ` ${n}` : ""}`,
       "aria-label": a,
-      style: i,
+      style: o,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(
@@ -1524,11 +1526,11 @@ function ls({
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Ye, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
           }
         ),
-        p.map(
-          (u, m) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
+        m.map(
+          (u, f) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${f}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
               className: `ds-pagination-page${u === s ? " ds-pagination-page--current" : ""}`,
@@ -1547,44 +1549,44 @@ function ls({
             onClick: () => r == null ? void 0 : r(s + 1),
             disabled: s >= t,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(Be, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Oe, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function pt(s, t, r) {
-  if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
-  const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
-  o > 2 && n.push("…");
-  for (let i = o; i <= a; i++) n.push(i);
+function bs(s, t, r) {
+  if (t <= 7) return Array.from({ length: t }, (o, l) => l + 1);
+  const i = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
+  i > 2 && n.push("…");
+  for (let o = i; o <= a; o++) n.push(o);
   return a < t - 1 && n.push("…"), n.push(t), n;
 }
-const ht = 200;
-function cs({
+const vs = 200;
+function _t({
   children: s,
   title: t,
   onClose: r,
-  side: o = "right",
+  side: i = "right",
   ...a
 }) {
-  const n = $(null), i = q.useId(), [l, p] = S(!1), u = () => {
-    !r || l || (p(!0), setTimeout(() => {
-      p(!1), r();
-    }, ht));
+  const n = $(null), o = q.useId(), [l, m] = S(!1), u = () => {
+    !r || l || (m(!0), setTimeout(() => {
+      m(!1), r();
+    }, vs));
   };
   B(() => {
-    const d = (_) => {
-      _.key === "Escape" && u();
-    }, b = (_) => {
-      n.current && !n.current.contains(_.target) && u();
+    const d = (b) => {
+      b.key === "Escape" && u();
+    }, x = (b) => {
+      n.current && !n.current.contains(b.target) && u();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", x);
     };
   }, [r, l]);
-  const m = q.Children.toArray(s), f = m.find((d) => (d == null ? void 0 : d.type) === Ae), h = m.filter((d) => (d == null ? void 0 : d.type) !== Ae);
+  const f = q.Children.toArray(s), p = f.find((d) => (d == null ? void 0 : d.type) === De), h = f.filter((d) => (d == null ? void 0 : d.type) !== De);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1594,58 +1596,58 @@ function cs({
         "aside",
         {
           className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": o,
+          "data-side": i,
           ref: n,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? i : void 0,
+          "aria-labelledby": t ? o : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
-              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
-              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 }) })
+              t && /* @__PURE__ */ e.jsx("h3", { id: o, className: "ds-drawer-title", children: t }),
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
-            f
+            p
           ]
         }
       )
     }
   );
 }
-function Ae({ children: s }) {
+function De({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const xt = {
-  info: ye,
-  success: we,
-  warning: Ne,
-  error: ve
+const Ns = {
+  info: ke,
+  success: ge,
+  warning: ye,
+  error: we
 };
-function ds({
+function jt({
   children: s,
   variant: t = "info",
   action: r,
-  onAction: o,
+  onAction: i,
   onDismiss: a,
   role: n,
-  ...i
+  ...o
 }) {
-  const l = xt[t], p = n || (t === "error" ? "alert" : "status");
+  const l = Ns[t], m = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${t}`,
-      role: p,
-      ...i,
+      role: m,
+      ...o,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: D[2], strokeWidth: 1.5 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: I[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
         r && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-action",
-            onClick: o,
+            onClick: i,
             children: r
           }
         ),
@@ -1656,145 +1658,145 @@ function ds({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function us({
+function bt({
   trigger: s,
   items: t = [],
   open: r,
-  onOpenChange: o,
+  onOpenChange: i,
   align: a = "left",
   className: n = "",
-  style: i,
+  style: o,
   ...l
 }) {
-  const [p, u] = S(!1), [m, f] = S(!1), h = r !== void 0, d = h ? r : p, b = $(null), _ = $(null), R = $(null), E = $(null), [g, A] = S({}), k = $(null), M = 150, I = () => {
+  const [m, u] = S(!1), [f, p] = S(!1), h = r !== void 0, d = h ? r : m, x = $(null), b = $(null), R = $(null), E = $(null), [g, A] = S({}), k = $(null), O = 150, D = () => {
     if (h)
-      o == null || o(!1);
+      i == null || i(!1);
     else {
-      if (m) return;
-      f(!0), k.current = setTimeout(() => {
-        u(!1), f(!1);
-      }, M);
+      if (f) return;
+      p(!0), k.current = setTimeout(() => {
+        u(!1), p(!1);
+      }, O);
     }
   }, v = () => {
-    const x = !d;
-    h ? o == null || o(x) : x ? (clearTimeout(k.current), f(!1), u(!0)) : I();
-  }, L = () => {
-    d || (h ? o == null || o(!0) : (clearTimeout(k.current), f(!1), u(!0)));
+    const _ = !d;
+    h ? i == null || i(_) : _ ? (clearTimeout(k.current), p(!1), u(!0)) : D();
+  }, M = () => {
+    d || (h ? i == null || i(!0) : (clearTimeout(k.current), p(!1), u(!0)));
   };
   B(() => () => clearTimeout(k.current), []), B(() => {
     if (!d) return;
-    const x = () => {
-      var O;
-      const y = (O = b.current) == null ? void 0 : O.getBoundingClientRect();
+    const _ = () => {
+      var L;
+      const y = (L = x.current) == null ? void 0 : L.getBoundingClientRect();
       y && A(
         a === "right" ? { top: y.bottom + 4, right: window.innerWidth - y.right } : { top: y.bottom + 4, left: y.left }
       );
     };
-    return x(), window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
-      window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
+    return _(), window.addEventListener("scroll", _, !0), window.addEventListener("resize", _), () => {
+      window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _);
     };
   }, [d, a]);
   const z = () => {
     var y;
-    const x = (y = R.current) == null ? void 0 : y.querySelector(
+    const _ = (y = R.current) == null ? void 0 : y.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    x == null || x.focus();
+    _ == null || _.focus();
   };
   B(() => {
     if (!d) return;
-    const x = (O) => {
+    const _ = (L) => {
       var C, K;
-      !((C = b.current) != null && C.contains(O.target)) && !((K = _.current) != null && K.contains(O.target)) && I();
-    }, y = (O) => {
-      O.key === "Escape" && (I(), z());
+      !((C = x.current) != null && C.contains(L.target)) && !((K = b.current) != null && K.contains(L.target)) && D();
+    }, y = (L) => {
+      L.key === "Escape" && (D(), z());
     };
-    return document.addEventListener("mousedown", x), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
     };
   }, [d]), B(() => {
-    if (!d || !E.current || !_.current) return;
-    const x = Y(), y = E.current === "last" ? x[x.length - 1] : x[0];
+    if (!d || !E.current || !b.current) return;
+    const _ = Y(), y = E.current === "last" ? _[_.length - 1] : _[0];
     y == null || y.focus(), E.current = null;
   }, [d]);
-  const Y = () => _.current ? [..._.current.querySelectorAll(
+  const Y = () => b.current ? [...b.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], H = (x) => {
-    var y, O;
-    if (x.key === "ArrowDown")
-      x.preventDefault(), d ? (y = Y()[0]) == null || y.focus() : (E.current = "first", L());
-    else if (x.key === "ArrowUp")
-      if (x.preventDefault(), !d)
-        E.current = "last", L();
+  )] : [], H = (_) => {
+    var y, L;
+    if (_.key === "ArrowDown")
+      _.preventDefault(), d ? (y = Y()[0]) == null || y.focus() : (E.current = "first", M());
+    else if (_.key === "ArrowUp")
+      if (_.preventDefault(), !d)
+        E.current = "last", M();
       else {
         const C = Y();
-        (O = C[C.length - 1]) == null || O.focus();
+        (L = C[C.length - 1]) == null || L.focus();
       }
-  }, X = (x) => {
+  }, X = (_) => {
     var C, K, Z, w;
-    const y = Y(), O = y.findIndex((c) => c === document.activeElement);
-    switch (x.key) {
+    const y = Y(), L = y.findIndex((c) => c === document.activeElement);
+    switch (_.key) {
       case "ArrowDown":
-        x.preventDefault(), (C = y[Math.min(O + 1, y.length - 1)]) == null || C.focus();
+        _.preventDefault(), (C = y[Math.min(L + 1, y.length - 1)]) == null || C.focus();
         break;
       case "ArrowUp":
-        x.preventDefault(), O <= 0 ? z() : (K = y[O - 1]) == null || K.focus();
+        _.preventDefault(), L <= 0 ? z() : (K = y[L - 1]) == null || K.focus();
         break;
       case "Home":
-        x.preventDefault(), (Z = y[0]) == null || Z.focus();
+        _.preventDefault(), (Z = y[0]) == null || Z.focus();
         break;
       case "End":
-        x.preventDefault(), (w = y[y.length - 1]) == null || w.focus();
+        _.preventDefault(), (w = y[y.length - 1]) == null || w.focus();
         break;
       case "Tab":
-        I();
+        D();
         break;
     }
   }, U = d && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: _,
+      ref: b,
       role: "menu",
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${a}`,
-        m && "ds-dropdown__menu--closing"
+        f && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
       style: g,
       onKeyDown: X,
-      children: t.map((x, y) => {
-        if (x.separator)
+      children: t.map((_, y) => {
+        if (_.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
-        if (x.type === "section")
+        if (_.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            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 })
+            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
           ] }, y);
-        const O = !!x.href, C = O ? "a" : "button", K = O ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
+        const L = !!_.href, C = L ? "a" : "button", K = L ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
         return /* @__PURE__ */ e.jsxs(
           C,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              x.danger && "ds-dropdown__item--danger"
+              _.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...K,
             onClick: () => {
               var Z;
-              (Z = x.onClick) == null || Z.call(x), I();
+              (Z = _.onClick) == null || Z.call(_), D();
             },
             children: [
-              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 })
+              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
+              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
             ]
           },
           y
@@ -1805,9 +1807,9 @@ function us({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: b,
+      ref: x,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
-      style: i,
+      style: o,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(
@@ -1825,15 +1827,15 @@ function us({
     }
   );
 }
-function fs({
+function vt({
   value: s = 0,
   size: t = "m",
   variant: r = "default",
-  showValue: o = !1,
+  showValue: i = !1,
   min: a = 2,
   animate: n = !0
 }) {
-  const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), p = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
+  const o = Math.min(100, Math.max(0, s)), l = Math.max(a, o), m = r === "auto" ? o >= 70 ? "success" : o >= 50 ? "warning" : "danger" : r;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1843,103 +1845,103 @@ function fs({
         !n && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
-      "aria-valuenow": i,
+      "aria-valuenow": o,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${p}`,
+            className: `ds-progress__fill ds-progress__fill--${m}`,
             style: { width: `${l}%` }
           }
         ) }),
-        o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
-          Math.round(i),
+        i && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+          Math.round(o),
           "%"
         ] })
       ]
     }
   );
 }
-const bt = (s) => 1 - Math.pow(1 - s, 3), jt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function _t(s, { duration: t = 600 } = {}) {
-  const [r, o] = S(s), a = $(s), n = $(null);
+const ws = (s) => 1 - Math.pow(1 - s, 3), ys = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function gs(s, { duration: t = 600 } = {}) {
+  const [r, i] = S(s), a = $(s), n = $(null);
   return B(() => {
-    if (jt()) {
-      o(s), a.current = s;
+    if (ys()) {
+      i(s), a.current = s;
       return;
     }
-    const i = a.current, l = s - i;
+    const o = a.current, l = s - o;
     if (l === 0) return;
-    let p = null;
-    const u = (m) => {
-      p || (p = m);
-      const f = Math.min((m - p) / t, 1);
-      o(i + l * bt(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+    let m = null;
+    const u = (f) => {
+      m || (m = f);
+      const p = Math.min((f - m) / t, 1);
+      i(o + l * ws(p)), p < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function ms({
+function Nt({
   value: s,
   duration: t = 600,
   decimals: r = 0,
-  prefix: o = "",
+  prefix: i = "",
   suffix: a = ""
 }) {
-  const i = _t(s, { duration: t }).toFixed(r);
-  return `${o}${i}${a}`;
+  const o = gs(s, { duration: t }).toFixed(r);
+  return `${i}${o}${a}`;
 }
-function vt({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
-  const o = $(null), [a, n] = S(!1);
+function ks({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const i = $(null), [a, n] = S(!1);
   return B(() => {
-    const i = o.current;
-    if (!i) return;
+    const o = i.current;
+    if (!o) return;
     const l = new IntersectionObserver(
-      ([p]) => {
-        p.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
+      ([m]) => {
+        m.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
       },
       { threshold: s, rootMargin: t }
     );
-    return l.observe(i), () => l.disconnect();
-  }, [s, t, r]), { ref: o, inView: a };
+    return l.observe(o), () => l.disconnect();
+  }, [s, t, r]), { ref: i, inView: a };
 }
-function ps({
+function wt({
   children: s,
   as: t = "div",
   once: r = !1,
-  threshold: o = 0.1,
+  threshold: i = 0.1,
   rootMargin: a = "0px",
   onEnter: n,
-  onLeave: i,
+  onLeave: o,
   ...l
 }) {
-  const { ref: p, inView: u } = vt({ threshold: o, rootMargin: a, once: r }), m = $(!1);
+  const { ref: m, inView: u } = ks({ threshold: i, rootMargin: a, once: r }), f = $(!1);
   return B(() => {
-    u && !m.current && (n == null || n()), !u && m.current && (i == null || i()), m.current = u;
-  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: p, ...l, children: typeof s == "function" ? s(u) : s });
-}
-const Ie = {
-  default: ye,
-  success: we,
-  warning: Ne,
-  error: ve
+    u && !f.current && (n == null || n()), !u && f.current && (o == null || o()), f.current = u;
+  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
+}
+const Be = {
+  default: ke,
+  success: ge,
+  warning: ye,
+  error: we
 };
 let ce = [];
-const _e = /* @__PURE__ */ new Set();
-function Le() {
-  _e.forEach((s) => s([...ce]));
+const Ne = /* @__PURE__ */ new Set();
+function We() {
+  Ne.forEach((s) => s([...ce]));
 }
-function Nt(s) {
-  ce = [...ce, s], Le();
+function Es(s) {
+  ce = [...ce, s], We();
 }
-function wt(s) {
-  ce = ce.filter((t) => t.id !== s), Le();
+function $s(s) {
+  ce = ce.filter((t) => t.id !== s), We();
 }
-function hs() {
+function yt() {
   const s = (t, r = {}) => {
-    Nt({
+    Es({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
@@ -1949,13 +1951,13 @@ function hs() {
   };
   return s.success = (t, r) => s(t, { ...r, type: "success" }), s.error = (t, r) => s(t, { ...r, type: "error" }), s.warning = (t, r) => s(t, { ...r, type: "warning" }), { toast: s };
 }
-function yt({ data: s, onDismiss: t }) {
-  const [r, o] = S(!1), a = $(null);
-  B(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
+function Ts({ data: s, onDismiss: t }) {
+  const [r, i] = S(!1), a = $(null);
+  B(() => (requestAnimationFrame(() => i(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
   function n() {
-    o(!1), setTimeout(() => t(s.id), 250);
+    i(!1), setTimeout(() => t(s.id), 250);
   }
-  const i = Ie[s.type] ?? Ie.default;
+  const o = Be[s.type] ?? Be.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1967,7 +1969,7 @@ function yt({ data: s, onDismiss: t }) {
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: D[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -1975,78 +1977,78 @@ function yt({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function xs({ position: s = "bottom-right" }) {
+function gt({ position: s = "bottom-right" }) {
   const [t, r] = S(() => [...ce]);
-  return B(() => (_e.add(r), () => _e.delete(r)), []), !t.length || typeof document > "u" ? null : me.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(yt, { data: o, onDismiss: wt }, o.id)) }),
+  return B(() => (Ne.add(r), () => Ne.delete(r)), []), !t.length || typeof document > "u" ? null : me.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((i) => /* @__PURE__ */ e.jsx(Ts, { data: i, onDismiss: $s }, i.id)) }),
     document.body
   );
 }
-const gt = {
+const Rs = {
   running: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "info", children: "Running..." }),
   success: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "success", children: "Done" }),
   error: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "error", children: "Error" })
 };
-function bs({
+function kt({
   label: s,
   status: t = "idle",
   icon: r,
-  badge: o,
+  badge: i,
   defaultExpanded: a = !1,
   expanded: n,
-  onToggle: i,
+  onToggle: o,
   padding: l = "s",
-  children: p,
+  children: m,
   ...u
 }) {
-  const f = `tc-body-${We().replace(/:/g, "")}`, [h, d] = S(a), b = n !== void 0, _ = b ? n : h, R = () => {
-    b ? i == null || i(!n) : d((E) => !E);
+  const p = `tc-body-${Ye().replace(/:/g, "")}`, [h, d] = S(a), x = n !== void 0, b = x ? n : h, R = () => {
+    x ? o == null || o(!n) : d((E) => !E);
   };
-  return /* @__PURE__ */ e.jsxs(st, { padding: l, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(ls, { padding: l, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
         onClick: R,
-        "aria-expanded": _,
-        "aria-controls": f,
+        "aria-expanded": b,
+        "aria-controls": p,
         children: [
           /* @__PURE__ */ e.jsx(
-            Be,
+            Oe,
             {
-              size: D[1],
+              size: I[1],
               strokeWidth: 1.5,
-              className: `ds-tool-card__chevron${_ ? " ds-tool-card__chevron--expanded" : ""}`
+              className: `ds-tool-card__chevron${b ? " ds-tool-card__chevron--expanded" : ""}`
             }
           ),
           r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
           /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
-          gt[t],
-          o
+          Rs[t],
+          i
         ]
       }
     ),
-    _ && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: p })
+    b && /* @__PURE__ */ e.jsx("div", { id: p, className: "ds-tool-card__body", children: m })
   ] });
 }
-function js({
+function Et({
   text: s,
   size: t = "xs",
   timeout: r = 2e3,
-  "aria-label": o = "Copy to clipboard",
+  "aria-label": i = "Copy to clipboard",
   ...a
 }) {
-  const [n, i] = S(!1), l = () => {
+  const [n, o] = S(!1), l = () => {
     navigator.clipboard.writeText(s).then(() => {
-      i(!0), setTimeout(() => i(!1), r);
+      o(!0), setTimeout(() => o(!1), r);
     });
   };
   return /* @__PURE__ */ e.jsx(
@@ -2054,51 +2056,51 @@ function js({
     {
       variant: "ghost",
       size: t,
-      icon: n ? /* @__PURE__ */ e.jsx(he, { size: D[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(qe, { size: D[1], strokeWidth: 1.5 }),
-      "aria-label": o,
+      icon: n ? /* @__PURE__ */ e.jsx(he, { size: I[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Je, { size: I[1], strokeWidth: 1.5 }),
+      "aria-label": i,
       onClick: l,
       ...a
     }
   );
 }
-function _s({ content: s, streaming: t = !1, ...r }) {
-  const [o, a] = S(t);
+function $t({ content: s, streaming: t = !1, ...r }) {
+  const [i, a] = S(t);
   return B(() => {
     a(!!t);
   }, [t]), /* @__PURE__ */ e.jsx(
-    it,
+    Fe,
     {
-      expanded: o,
+      expanded: i,
       onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(He, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(rt, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(Ze, { size: I[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(cs, { secondary: !0, children: "Thinking" })
       ] }),
       ...r,
-      children: /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(ze, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         s,
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function vs({
+function Tt({
   count: s,
   current: t = 0,
   done: r = [],
-  onChange: o,
+  onChange: i,
   showCounter: a = !0,
   className: n = "",
-  "aria-label": i = "Steps",
+  "aria-label": o = "Steps",
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (p, u) => {
-      const m = u === t, f = r.includes(u) && !m, h = o && (u <= t || r.includes(u)), d = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": o, children: Array.from({ length: s }, (m, u) => {
+      const f = u === t, p = r.includes(u) && !f, h = i && (u <= t || r.includes(u)), d = [
         "ds-step-indicator__dot",
-        m && "ds-step-indicator__dot--active",
-        f && "ds-step-indicator__dot--done"
+        f && "ds-step-indicator__dot--active",
+        p && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
         "button",
@@ -2106,216 +2108,216 @@ function vs({
           type: "button",
           className: d,
           role: "tab",
-          "aria-selected": m,
+          "aria-selected": f,
           "aria-label": `Step ${u + 1}`,
           disabled: !h || u === t,
-          onClick: () => o == null ? void 0 : o(u),
-          children: f ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
+          onClick: () => i == null ? void 0 : i(u),
+          children: p ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
         },
         u
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    a && /* @__PURE__ */ e.jsxs(ze, { secondary: !0, className: "ds-step-indicator__counter", children: [
       t + 1,
       " / ",
       s
     ] })
   ] });
 }
-function Ns({
+function Rt({
   content: s,
   isStreaming: t = !1,
   cursor: r = "line",
-  onChunk: o,
+  onChunk: i,
   className: a = "",
   ...n
 }) {
-  const i = $(s);
+  const o = $(s);
   return B(() => {
-    s !== i.current && (o == null || o(s), i.current = s);
-  }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...n, children: [
+    s !== o.current && (i == null || i(s), o.current = s);
+  }, [s, i]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...n, children: [
     s,
     t && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
   ] });
 }
-function ws({
+function St({
   role: s = "assistant",
   header: t,
   footer: r,
-  attachments: o,
+  attachments: i,
   isStreaming: a = !1,
   children: n,
-  className: i = "",
+  className: o = "",
   ...l
 }) {
-  const p = [
+  const m = [
     "ds-chat-message",
     `ds-chat-message--${s}`,
     a && "ds-chat-message--streaming",
-    i
+    o
   ].filter(Boolean).join(" ");
-  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: p, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: i }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: n }),
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     t && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: t }),
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: i }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: n }),
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
   ] });
 }
-function ys(s, { containerRef: t, smartPause: r = !0 } = {}) {
-  const o = $(!1), a = $(0);
+function At(s, { containerRef: t, smartPause: r = !0 } = {}) {
+  const i = $(!1), a = $(0);
   B(() => {
     const n = t == null ? void 0 : t.current;
     if (!n) return;
-    const i = () => {
+    const o = () => {
       const l = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
-      !l && n.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = n.scrollTop;
+      !l && n.scrollTop < a.current && (i.current = !0), l && (i.current = !1), a.current = n.scrollTop;
     };
-    return n.addEventListener("scroll", i, { passive: !0 }), () => n.removeEventListener("scroll", i);
+    return n.addEventListener("scroll", o, { passive: !0 }), () => n.removeEventListener("scroll", o);
   }, [t]), B(() => {
     const n = t == null ? void 0 : t.current;
-    n && (r && o.current || (n.scrollTop = n.scrollHeight));
+    n && (r && i.current || (n.scrollTop = n.scrollHeight));
   }, s);
 }
-function kt({
+function Ss({
   prompts: s,
   enabled: t,
   typingSpeed: r = 38,
-  erasingSpeed: o = 18,
+  erasingSpeed: i = 18,
   holdTime: a = 2200,
   betweenTime: n = 380,
-  manualPauseMs: i = 5e3
+  manualPauseMs: o = 5e3
 }) {
-  const [l, p] = S(0), [u, m] = S(""), f = $("typing"), h = $(0), d = $(0), b = $(null), _ = $(0);
+  const [l, m] = S(0), [u, f] = S(""), p = $("typing"), h = $(0), d = $(0), x = $(null), b = $(0);
   B(() => {
     d.current = l;
   }, [l]), B(() => {
-    if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
-      m(""), h.current = 0, f.current = "typing";
+    if (x.current && (clearTimeout(x.current), x.current = null), !t || s.length === 0) {
+      f(""), h.current = 0, p.current = "typing";
       return;
     }
     const k = () => {
-      const M = Date.now();
-      if (_.current > M) {
-        b.current = setTimeout(k, _.current - M);
+      const O = Date.now();
+      if (b.current > O) {
+        x.current = setTimeout(k, b.current - O);
         return;
       }
-      const I = s[d.current % s.length] ?? "";
-      f.current === "typing" ? (h.current += 1, m(I.slice(0, h.current)), h.current >= I.length ? (f.current = "holding", b.current = setTimeout(k, a)) : b.current = setTimeout(k, r + Math.random() * 28)) : f.current === "holding" ? (f.current = "erasing", b.current = setTimeout(k, o)) : (h.current = Math.max(0, h.current - 1), m(I.slice(0, h.current)), h.current <= 0 ? (f.current = "typing", d.current = (d.current + 1) % s.length, p(d.current), b.current = setTimeout(k, n)) : b.current = setTimeout(k, o));
+      const D = s[d.current % s.length] ?? "";
+      p.current === "typing" ? (h.current += 1, f(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", x.current = setTimeout(k, a)) : x.current = setTimeout(k, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(k, i)) : (h.current = Math.max(0, h.current - 1), f(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", d.current = (d.current + 1) % s.length, m(d.current), x.current = setTimeout(k, n)) : x.current = setTimeout(k, i));
     };
-    return b.current = setTimeout(k, 260), () => {
-      b.current && clearTimeout(b.current);
+    return x.current = setTimeout(k, 260), () => {
+      x.current && clearTimeout(x.current);
     };
-  }, [t, s, r, o, a, n]);
+  }, [t, s, r, i, a, n]);
   const R = (k) => {
     if (s.length === 0) return;
-    const M = (k % s.length + s.length) % s.length, I = s[M];
-    d.current = M, h.current = I.length, f.current = "holding", _.current = Date.now() + i, p(M), m(I);
+    const O = (k % s.length + s.length) % s.length, D = s[O];
+    d.current = O, h.current = D.length, p.current = "holding", b.current = Date.now() + o, m(O), f(D);
   }, E = () => R(d.current + 1), g = () => R(d.current - 1), A = s[l % s.length] ?? "";
   return { displayed: u, currentPrompt: A, index: l, next: E, prev: g };
 }
-let Et = 0;
-function gs({
+let As = 0;
+function It({
   value: s = "",
   onChange: t,
   onSubmit: r,
-  onStop: o,
+  onStop: i,
   onKeyDown: a,
   loading: n = !1,
-  disabled: i = !1,
+  disabled: o = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: p,
+  animatedPlaceholders: m,
   attachments: u,
-  images: m,
-  onAttachFiles: f,
+  images: f,
+  onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: d,
-  onRemoveImage: b,
-  acceptImage: _,
+  onRemoveImage: x,
+  acceptImage: b,
   acceptFile: R,
   maxImages: E,
   maxImageSize: g,
   leftSlot: A,
   rightSlot: k,
-  className: M = "",
-  ...I
+  className: O = "",
+  ...D
 }) {
-  const v = $(null), L = $(null), z = $(0), [Y, H] = S(!1), [X, U] = S([]), x = (j) => {
-    const T = ++Et;
+  const v = $(null), M = $(null), z = $(0), [Y, H] = S(!1), [X, U] = S([]), _ = (j) => {
+    const T = ++As;
     U((V) => [...V, { id: T, msg: j }]), setTimeout(() => U((V) => V.filter((G) => G.id !== T)), 6e3);
-  }, y = (j) => U((T) => T.filter((V) => V.id !== j)), O = (j) => j.type.startsWith("image/"), C = () => !0, K = _ ?? O, Z = R ?? C, w = (j) => {
+  }, y = (j) => U((T) => T.filter((V) => V.id !== j)), L = (j) => j.type.startsWith("image/"), C = () => !0, K = b ?? L, Z = R ?? C, w = (j) => {
     const T = [], V = [], G = [], J = [];
-    let ee = 0, ie = E != null ? E - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
-    for (const te of j)
-      K(te) ? g && te.size > g ? G.push(te.name) : ie > 0 ? (T.push(te), ie--) : ee++ : Z(te) ? V.push(te) : J.push(te.name);
+    let ee = 0, oe = E != null ? E - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
+    for (const se of j)
+      K(se) ? g && se.size > g ? G.push(se.name) : oe > 0 ? (T.push(se), oe--) : ee++ : Z(se) ? V.push(se) : J.push(se.name);
     return { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: ee };
   }, c = (j) => {
     const { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: ee } = w(j);
-    G.length && x(`File${G.length > 1 ? "s" : ""} too large${g ? ` (max ${g / 1024 / 1024}MB)` : ""}: ${G.join(", ")}`), J.length && x(`Skipped unsupported file${J.length > 1 ? "s" : ""}: ${J.join(", ")}`), ee && x(`Max ${E} images per message`), h && T.length && h(T);
-    const ie = V.concat(h ? [] : T);
-    f && ie.length && f(ie);
+    G.length && _(`File${G.length > 1 ? "s" : ""} too large${g ? ` (max ${g / 1024 / 1024}MB)` : ""}: ${G.join(", ")}`), J.length && _(`Skipped unsupported file${J.length > 1 ? "s" : ""}: ${J.join(", ")}`), ee && _(`Max ${E} images per message`), h && T.length && h(T);
+    const oe = V.concat(h ? [] : T);
+    p && oe.length && p(oe);
   };
   B(() => {
-    const j = L.current;
+    const j = M.current;
     j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
   }, [s]), B(() => {
     const j = (T) => {
       var G, J, ee;
-      if (n || i) return;
+      if (n || o) return;
       const V = (G = T.target) == null ? void 0 : G.tagName;
-      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (J = T.target) != null && J.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (ee = L.current) == null || ee.focus();
+      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (J = T.target) != null && J.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (ee = M.current) == null || ee.focus();
     };
     return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
-  }, [n, i]);
+  }, [n, o]);
   const N = (j) => {
     j.preventDefault(), z.current++, j.dataTransfer.types.includes("Files") && H(!0);
   }, P = (j) => {
     j.preventDefault(), z.current--, z.current === 0 && H(!1);
-  }, W = (j) => j.preventDefault(), se = (j) => {
+  }, F = (j) => j.preventDefault(), te = (j) => {
     j.preventDefault(), z.current = 0, H(!1);
     const T = Array.from(j.dataTransfer.files);
     T.length && c(T);
   }, ae = (j) => {
     const T = Array.from(j.target.files || []);
     v.current && (v.current.value = ""), T.length && c(T);
-  }, F = (j) => {
-    var te;
+  }, W = (j) => {
+    var se;
     if (!h) return;
-    const T = (te = j.clipboardData) == null ? void 0 : te.items;
+    const T = (se = j.clipboardData) == null ? void 0 : se.items;
     if (!T) return;
     const V = [];
-    for (const Me of T) {
-      const ke = Me.getAsFile();
-      ke && V.push(ke);
+    for (const Ue of T) {
+      const $e = Ue.getAsFile();
+      $e && V.push($e);
     }
     if (V.length === 0) return;
-    const { imageFiles: G, tooLarge: J, skipped: ee, limitExceeded: ie } = w(V);
-    J.length && x(`File${J.length > 1 ? "s" : ""} too large: ${J.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${E} images per message`), G.length && (j.preventDefault(), h(G));
-  }, Q = !n && !i && !!(p != null && p.length) && s.length === 0, oe = kt({
-    prompts: p ?? [],
+    const { imageFiles: G, tooLarge: J, skipped: ee, limitExceeded: oe } = w(V);
+    J.length && _(`File${J.length > 1 ? "s" : ""} too large: ${J.join(", ")}`), ee.length && _(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), oe && _(`Max ${E} images per message`), G.length && (j.preventDefault(), h(G));
+  }, Q = !n && !o && !!(m != null && m.length) && s.length === 0, ie = Ss({
+    prompts: m ?? [],
     enabled: Q
-  }), be = (j) => {
+  }), _e = (j) => {
     if (Q) {
       if (j.key === "ArrowDown" || j.key === "ArrowRight") {
-        j.preventDefault(), oe.next();
+        j.preventDefault(), ie.next();
         return;
       }
       if (j.key === "ArrowUp" || j.key === "ArrowLeft") {
-        j.preventDefault(), oe.prev();
+        j.preventDefault(), ie.prev();
         return;
       }
       if (j.key === "Tab" && !j.shiftKey) {
-        j.preventDefault(), t == null || t(oe.currentPrompt);
+        j.preventDefault(), t == null || t(ie.currentPrompt);
         return;
       }
     }
     a == null || a(j);
-  }, Oe = (s.trim() || (m == null ? void 0 : m.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, ge = f || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...I, children: [
-    ge && /* @__PURE__ */ e.jsx(
+  }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (u == null ? void 0 : u.length) > 0) && !o, Ee = p || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...D, children: [
+    Ee && /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: v,
@@ -2332,35 +2334,35 @@ function gs({
         className: ["ds-prompt-input__box", Y && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: N,
         onDragLeave: P,
-        onDragOver: W,
-        onDrop: se,
+        onDragOver: F,
+        onDrop: te,
         children: [
           Y && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: L,
+              ref: M,
               value: s,
               onChange: (j) => t == null ? void 0 : t(j.target.value),
-              onKeyDown: be,
-              onPaste: F,
+              onKeyDown: _e,
+              onPaste: W,
               placeholder: Q ? "" : l,
-              disabled: n || i,
+              disabled: n || o,
               rows: 1,
               className: ["ds-prompt-input__textarea", Q && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
             }
           ),
           Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.displayed }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((j, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((j, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => b == null ? void 0 : b(T),
+                onClick: () => x == null ? void 0 : x(T),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
@@ -2376,12 +2378,12 @@ function gs({
                 className: "ds-prompt-input__warning-close",
                 onClick: () => y(j.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
               }
             )
           ] }, j.id)) }),
           u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((j, T) => /* @__PURE__ */ e.jsx(pe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            j.uploading ? /* @__PURE__ */ e.jsx(Ke, { size: D[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ee, { size: D[1], strokeWidth: 1.5 }),
+            j.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Te, { size: I[1], strokeWidth: 1.5 }),
             j.filename,
             j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
@@ -2389,17 +2391,17 @@ function gs({
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
                 onClick: () => d == null ? void 0 : d(T),
-                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, T)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            ge && /* @__PURE__ */ e.jsx(
+            Ee && /* @__PURE__ */ e.jsx(
               fe,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Ee, { size: D[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Te, { size: I[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
                   var j;
@@ -2415,8 +2417,8 @@ function gs({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Ge, { size: D[2], strokeWidth: 1.5 }),
-                onClick: o,
+                icon: /* @__PURE__ */ e.jsx(es, { size: I[2], strokeWidth: 1.5 }),
+                onClick: i,
                 "aria-label": "Stop"
               }
             ) : /* @__PURE__ */ e.jsx(
@@ -2424,9 +2426,9 @@ function gs({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Xe, { size: D[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ss, { size: I[2], strokeWidth: 1.5 }),
                 onClick: r,
-                disabled: !Oe,
+                disabled: !Ce,
                 "aria-label": "Send"
               }
             )
@@ -2436,41 +2438,41 @@ function gs({
     )
   ] });
 }
-const De = { fast: 0, standard: 1, premium: 2 };
-function ks({
+const Pe = { fast: 0, standard: 1, premium: 2 };
+function Dt({
   models: s = [],
   value: t,
   onChange: r,
-  size: o = "xs",
+  size: i = "xs",
   minTier: a,
   showAutoOption: n = !1,
-  groupByTier: i = !0,
+  groupByTier: o = !0,
   className: l = "",
-  ...p
+  ...m
 }) {
-  const [u, m] = S(!1), f = $(null), h = $(null), [d, b] = S({}), _ = s.filter((v) => !a || v.name === "auto" ? !0 : (De[v.tier] ?? 1) >= (De[a] ?? 1)), R = _.find((v) => v.name === "auto"), E = _.filter((v) => v.name !== "auto"), g = s.find((v) => v.name === t);
+  const [u, f] = S(!1), p = $(null), h = $(null), [d, x] = S({}), b = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), R = b.find((v) => v.name === "auto"), E = b.filter((v) => v.name !== "auto"), g = s.find((v) => v.name === t);
   B(() => {
     var Y;
     if (!u) return;
-    const v = (Y = f.current) == null ? void 0 : Y.getBoundingClientRect();
-    v && b({
+    const v = (Y = p.current) == null ? void 0 : Y.getBoundingClientRect();
+    v && x({
       position: "fixed",
       zIndex: "var(--z-dropdown, 500)",
       top: v.bottom + 4,
       right: window.innerWidth - v.right
     });
-    const L = (H) => {
+    const M = (H) => {
       var X, U;
-      !((X = f.current) != null && X.contains(H.target)) && !((U = h.current) != null && U.contains(H.target)) && m(!1);
+      !((X = p.current) != null && X.contains(H.target)) && !((U = h.current) != null && U.contains(H.target)) && f(!1);
     }, z = (H) => {
-      H.key === "Escape" && m(!1);
+      H.key === "Escape" && f(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", z), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", z);
+    return document.addEventListener("mousedown", M), document.addEventListener("keydown", z), () => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", z);
     };
   }, [u]);
   const A = (v) => {
-    r == null || r(v), m(!1);
+    r == null || r(v), f(!1);
   }, k = (v) => /* @__PURE__ */ e.jsxs(
     "button",
     {
@@ -2481,19 +2483,19 @@ function ks({
       ].filter(Boolean).join(" "),
       onClick: () => A(v.name),
       children: [
-        v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx($e, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx(Re, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: v.displayName || v.name }),
         v.tier && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": v.tier, children: v.tier })
       ]
     },
     v.name
-  ), M = () => i ? ["fast", "standard", "premium"].flatMap((v) => {
-    const L = E.filter((z) => z.tier === v);
-    return L.length ? [
+  ), O = () => o ? ["fast", "standard", "premium"].flatMap((v) => {
+    const M = E.filter((z) => z.tier === v);
+    return M.length ? [
       /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
-      ...L.map(k)
+      ...M.map(k)
     ] : [];
-  }) : E.map(k), I = u && /* @__PURE__ */ e.jsxs("div", { ref: h, className: "ds-model-picker__menu", style: d, children: [
+  }) : E.map(k), D = u && /* @__PURE__ */ e.jsxs("div", { ref: h, className: "ds-model-picker__menu", style: d, children: [
     n && R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2506,106 +2508,299 @@ function ks({
           ].filter(Boolean).join(" "),
           onClick: () => A("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(Je, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx(ts, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
       E.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    M()
+    O()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: f,
+      ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...p,
+      ...m,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => m((v) => !v),
+            onClick: () => f((v) => !v),
             "aria-haspopup": "listbox",
             "aria-expanded": u,
             children: [
-              g != null && g.icon ? /* @__PURE__ */ e.jsx("span", { children: g.icon }) : /* @__PURE__ */ e.jsx($e, { size: 12, strokeWidth: 1.5 }),
+              g != null && g.icon ? /* @__PURE__ */ e.jsx("span", { children: g.icon }) : /* @__PURE__ */ e.jsx(Re, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (g == null ? void 0 : g.displayName) || (g == null ? void 0 : g.name) || t }),
               (g == null ? void 0 : g.tier) && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": g.tier, children: g.tier })
             ]
           }
         ),
-        typeof document < "u" && me.createPortal(I, document.body)
+        typeof document < "u" && me.createPortal(D, document.body)
+      ]
+    }
+  );
+}
+function je(s) {
+  return s != null && s.length ? "p. " + s.join(", ") : null;
+}
+function Is(s) {
+  const t = /* @__PURE__ */ new Map();
+  for (const r of s)
+    t.has(r.filename) || t.set(r.filename, { filename: r.filename, url: r.url, items: [] }), t.get(r.filename).items.push(r);
+  return [...t.values()];
+}
+function Bt({
+  sources: s = [],
+  layout: t = "list",
+  title: r = "Sources",
+  maxVisible: i = 5,
+  onSourceClick: a
+}) {
+  const [n, o] = S(!1), l = Is(s), m = l.length > i, u = n ? l : l.slice(0, i), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
+    u.map((h) => {
+      const d = h.items.map((b) => b.page).filter(Boolean), x = !!a;
+      return /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: x ? () => a(h.items[0]) : void 0,
+          children: [
+            /* @__PURE__ */ e.jsx(rs, { size: I[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
+            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: je(d) })
+          ]
+        },
+        h.filename
+      );
+    }),
+    m && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+      "+",
+      l.length - i,
+      " more sources"
+    ] })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: r }),
+    u.map((h) => {
+      const d = h.items.map((b) => b.page).filter(Boolean), x = !!a;
+      return f ? /* @__PURE__ */ e.jsx(
+        Fe,
+        {
+          title: /* @__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: h.filename }),
+            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: je(d) })
+          ] }),
+          padding: "s",
+          children: h.items.map((b, R) => /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: x ? () => a(b) : void 0,
+              children: b.snippet ?? `p. ${b.page}`
+            },
+            R
+          ))
+        },
+        h.filename
+      ) : /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: x ? () => a(h.items[0]) : void 0,
+          children: [
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
+            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: je(d) })
+          ]
+        },
+        h.filename
+      );
+    }),
+    m && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+      "+",
+      l.length - i,
+      " more sources"
+    ] })
+  ] });
+}
+function Me(s) {
+  return s >= 1e6 ? (s / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : s >= 1e3 ? (s / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(s);
+}
+function Pt({
+  used: s,
+  limit: t,
+  size: r = "s",
+  showCount: i = !0,
+  showPercent: a = !1,
+  warningThreshold: n = 0.8,
+  errorThreshold: o = 1
+}) {
+  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), u = l >= o ? "error" : l >= n ? "warning" : "normal";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `ds-token-counter ds-token-counter--${r}`,
+      role: "meter",
+      "aria-valuenow": s,
+      "aria-valuemax": t,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `ds-token-counter__fill ds-token-counter__fill--${u}`,
+            style: { width: `${m}%` }
+          }
+        ) }),
+        (i || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
+          i && /* @__PURE__ */ e.jsxs("span", { children: [
+            Me(s),
+            " / ",
+            Me(t),
+            " tokens"
+          ] }),
+          a && /* @__PURE__ */ e.jsxs("span", { children: [
+            Math.round(l * 100),
+            "%"
+          ] })
+        ] })
       ]
     }
   );
 }
+const Le = 5;
+function Ds(s) {
+  return s < 0.34 ? "low" : s < 0.67 ? "medium" : "high";
+}
+function Mt({
+  value: s = 0,
+  size: t = "xs",
+  showLabel: r = "none",
+  layout: i = "inline"
+}) {
+  const a = Math.max(0, Math.min(1, s)), n = Math.round(a * Le), o = Ds(a);
+  return /* @__PURE__ */ e.jsxs("div", { className: [
+    "ds-confidence-bar",
+    `ds-confidence-bar--${t}`,
+    `ds-confidence-bar--${o}`,
+    i === "block" && "ds-confidence-bar--block"
+  ].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Le }, (l, m) => /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `ds-confidence-bar__seg${m < n ? " ds-confidence-bar__seg--filled" : ""}`
+      },
+      m
+    )) }),
+    r === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: o })
+  ] });
+}
+const Bs = { add: "+", remove: "-", context: " " };
+function be({ line: s, lineNumbers: t }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${s.type}`, children: [
+    t && s.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: s.lineNo }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Bs[s.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: s.text })
+  ] });
+}
+function Lt({
+  lines: s = [],
+  layout: t = "inline",
+  wordWrap: r = !1,
+  lineNumbers: i = !0,
+  maxHeight: a,
+  title: n
+}) {
+  const o = [
+    "ds-diff-view",
+    `ds-diff-view--${t}`,
+    r && "ds-diff-view--wrap"
+  ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
+  if (t === "split") {
+    const m = s.filter((f) => f.type === "remove" || f.type === "context"), u = s.filter((f) => f.type === "add" || f.type === "context");
+    return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
+      n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
+      /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body", style: l, children: [
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: u.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
+    n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, u) => /* @__PURE__ */ e.jsx(be, { line: m, lineNumbers: i }, u)) })
+  ] });
+}
 export {
-  it as Accordion,
-  zt as Alert,
-  ms as AnimatedNumber,
-  Xt as Avatar,
+  Fe as Accordion,
+  Hs as Alert,
+  Nt as AnimatedNumber,
+  nt as Avatar,
   pe as Badge,
-  ds as Banner,
-  is as Breadcrumb,
+  jt as Banner,
+  ht as Breadcrumb,
   fe as Button,
-  st as Card,
-  ws as ChatMessage,
-  Kt as Checkbox,
-  Ft as Code,
-  ot as CodeAccordion,
-  js as CopyButton,
-  cs as Drawer,
-  Ae as DrawerFooter,
-  us as Dropdown,
-  ns as EmptyState,
-  as as FormField,
-  Bt as H1,
-  Pt as H2,
-  Lt as H3,
-  Ot as H4,
-  ps as InView,
-  St as Input,
-  Ct as Link,
-  Wt as Modal,
-  Se as ModalFooter,
-  ks as ModelPicker,
-  Mt as P1,
-  rt as P2,
-  Pe as P3,
-  ls as Pagination,
-  fs as ProgressBar,
-  gs as PromptInput,
-  Gt as Radio,
-  _s as ReasoningBlock,
-  Yt as SegmentedControl,
-  It as Select,
-  dt as Skeleton,
-  et as Spinner,
-  os as Stat,
-  vs as StepIndicator,
-  Dt as Stepper,
-  Ns as StreamingText,
-  Vt as Tab,
-  Jt as Table,
-  Qt as TableBody,
-  Zt as TableHead,
-  es as TableRow,
-  ts as TableSubheaderRow,
-  Ut as Tabs,
-  rs as Td,
-  At as Textarea,
-  ss as Th,
-  xs as ToastContainer,
-  Ht as Toggle,
-  bs as ToolCallCard,
-  qt as Tooltip,
-  D as iconSizes,
-  _t as useAnimatedNumber,
-  kt as useAnimatedPlaceholder,
-  vt as useInView,
-  ys as useStreamScroll,
-  hs as useToast
+  ls as Card,
+  St as ChatMessage,
+  tt as Checkbox,
+  Gs as Code,
+  fs as CodeAccordion,
+  Mt as ConfidenceBar,
+  Et as CopyButton,
+  Lt as DiffView,
+  _t as Drawer,
+  De as DrawerFooter,
+  bt as Dropdown,
+  ft as EmptyState,
+  mt as FormField,
+  Cs as H1,
+  Us as H2,
+  Vs as H3,
+  Ys as H4,
+  wt as InView,
+  Os as Input,
+  Xs as Link,
+  Ks as Modal,
+  Ie as ModalFooter,
+  Dt as ModelPicker,
+  qs as P1,
+  cs as P2,
+  ze as P3,
+  xt as Pagination,
+  vt as ProgressBar,
+  It as PromptInput,
+  rt as Radio,
+  $t as ReasoningBlock,
+  Qs as SegmentedControl,
+  Fs as Select,
+  hs as Skeleton,
+  Bt as SourcesPanel,
+  is as Spinner,
+  pt as Stat,
+  Tt as StepIndicator,
+  Ws as Stepper,
+  Rt as StreamingText,
+  Zs as Tab,
+  at as Table,
+  ot as TableBody,
+  it as TableHead,
+  lt as TableRow,
+  ct as TableSubheaderRow,
+  Js as Tabs,
+  ut as Td,
+  zs as Textarea,
+  dt as Th,
+  gt as ToastContainer,
+  st as Toggle,
+  Pt as TokenCounter,
+  kt as ToolCallCard,
+  et as Tooltip,
+  I as iconSizes,
+  gs as useAnimatedNumber,
+  Ss as useAnimatedPlaceholder,
+  ks as useInView,
+  At as useStreamScroll,
+  yt as useToast
 };