@agentatom/design-system 1.4.78

package/dist/index.es.js

@@ -0,0 +1,3535 @@
+import q, { useState as B, useRef as R, useEffect as P, useLayoutEffect as nt, forwardRef as Je, useCallback as ce, useContext as ue, createContext as Ze } from "react";
+import { Check as Re, X as ee, ChevronDown as je, Minus as rt, Plus as at, XCircle as Se, AlertTriangle as Ae, CheckCircle as De, Info as Ie, ChevronUp as ot, ChevronsUpDown as it, ChevronLeft as lt, ChevronRight as ct, Copy as dt, Brain as ut, Loader as ft, Paperclip as ze, Square as mt, ArrowUp as pt, Zap as ht, Cpu as Fe, FileText as xt, ThumbsUp as vt, ThumbsDown as _t } from "lucide-react";
+import re from "react-dom";
+const C = {
+  1: 16,
+  2: 20,
+  3: 24,
+  4: 28,
+  5: 48
+};
+var Ee = { exports: {} }, _e = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var We;
+function bt() {
+  if (We) return _e;
+  We = 1;
+  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function n(r, a, o) {
+    var i = null;
+    if (o !== void 0 && (i = "" + o), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      o = {};
+      for (var l in a)
+        l !== "key" && (o[l] = a[l]);
+    } else o = a;
+    return a = o.ref, {
+      $$typeof: t,
+      type: r,
+      key: i,
+      ref: a !== void 0 ? a : null,
+      props: o
+    };
+  }
+  return _e.Fragment = s, _e.jsx = n, _e.jsxs = n, _e;
+}
+var be = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ce;
+function jt() {
+  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === F ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
+        case b:
+          return "Fragment";
+        case N:
+          return "Profiler";
+        case $:
+          return "StrictMode";
+        case D:
+          return "Suspense";
+        case M:
+          return "SuspenseList";
+        case j:
+          return "Activity";
+      }
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), f.$$typeof) {
+          case w:
+            return "Portal";
+          case y:
+            return f.displayName || "Context";
+          case _:
+            return (f._context.displayName || "Context") + ".Consumer";
+          case S:
+            var T = f.render;
+            return f = f.displayName, f || (f = T.displayName || T.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case W:
+            return T = f.displayName || null, T !== null ? T : t(f.type) || "Memo";
+          case z:
+            T = f._payload, f = f._init;
+            try {
+              return t(f(T));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(f) {
+      return "" + f;
+    }
+    function n(f) {
+      try {
+        s(f);
+        var T = !1;
+      } catch {
+        T = !0;
+      }
+      if (T) {
+        T = console;
+        var O = T.error, Y = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return O.call(
+          T,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          Y
+        ), s(f);
+      }
+    }
+    function r(f) {
+      if (f === b) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === z)
+        return "<...>";
+      try {
+        var T = t(f);
+        return T ? "<" + T + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var f = K.A;
+      return f === null ? null : f.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function i(f) {
+      if (V.call(f, "key")) {
+        var T = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (T && T.isReactWarning) return !1;
+      }
+      return f.key !== void 0;
+    }
+    function l(f, T) {
+      function O() {
+        k || (k = !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)",
+          T
+        ));
+      }
+      O.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: O,
+        configurable: !0
+      });
+    }
+    function c() {
+      var f = t(this.type);
+      return A[f] || (A[f] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), f = this.props.ref, f !== void 0 ? f : null;
+    }
+    function d(f, T, O, Y, te, ie) {
+      var H = O.ref;
+      return f = {
+        $$typeof: h,
+        type: f,
+        key: T,
+        props: O,
+        _owner: Y
+      }, (H !== void 0 ? H : null) !== null ? Object.defineProperty(f, "ref", {
+        enumerable: !1,
+        get: c
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(f, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(f, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: te
+      }), Object.defineProperty(f, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ie
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    }
+    function u(f, T, O, Y, te, ie) {
+      var H = T.children;
+      if (H !== void 0)
+        if (Y)
+          if (I(H)) {
+            for (Y = 0; Y < H.length; Y++)
+              m(H[Y]);
+            Object.freeze && Object.freeze(H);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else m(H);
+      if (V.call(T, "key")) {
+        H = t(f);
+        var Q = Object.keys(T).filter(function(ge) {
+          return ge !== "key";
+        });
+        Y = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", E[H + Y] || (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} />`,
+          Y,
+          H,
+          Q,
+          H
+        ), E[H + Y] = !0);
+      }
+      if (H = null, O !== void 0 && (n(O), H = "" + O), i(T) && (n(T.key), H = "" + T.key), "key" in T) {
+        O = {};
+        for (var le in T)
+          le !== "key" && (O[le] = T[le]);
+      } else O = T;
+      return H && l(
+        O,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), d(
+        f,
+        H,
+        O,
+        a(),
+        te,
+        ie
+      );
+    }
+    function m(f) {
+      x(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? x(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
+    }
+    function x(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === h;
+    }
+    var p = q, h = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), K = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, I = Array.isArray, v = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(f) {
+        return f();
+      }
+    };
+    var k, A = {}, U = p.react_stack_bottom_frame.bind(
+      p,
+      o
+    )(), G = v(r(o)), E = {};
+    be.Fragment = b, be.jsx = function(f, T, O) {
+      var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
+      return u(
+        f,
+        T,
+        O,
+        !1,
+        Y ? Error("react-stack-top-frame") : U,
+        Y ? v(r(f)) : G
+      );
+    }, be.jsxs = function(f, T, O) {
+      var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
+      return u(
+        f,
+        T,
+        O,
+        !0,
+        Y ? Error("react-stack-top-frame") : U,
+        Y ? v(r(f)) : G
+      );
+    };
+  }()), be;
+}
+process.env.NODE_ENV === "production" ? Ee.exports = bt() : Ee.exports = jt();
+var e = Ee.exports;
+function Nt({ size: t = "m", color: s = "default", className: n = "", ...r }) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      className: ["ds-spinner", `ds-spinner--${t}`, `ds-spinner--${s}`, n].filter(Boolean).join(" "),
+      role: "status",
+      "aria-label": "Loading",
+      ...r
+    }
+  );
+}
+const wt = { xs: 12, s: 14, m: 16, l: 20 };
+function oe({
+  children: t,
+  variant: s = "primary",
+  size: n = "m",
+  fullWidth: r = !1,
+  icon: a,
+  disabled: o = !1,
+  state: i = "idle",
+  onClick: l,
+  type: c = "button",
+  href: d,
+  "aria-label": u,
+  className: m = "",
+  ...x
+}) {
+  const p = a && !t, h = i === "loading", w = i === "success", b = i === "error", $ = h || w || b, N = n === "xs" ? "s" : "m", _ = s === "danger" ? "on-accent" : "default", y = wt[n] ?? 16, S = h ? /* @__PURE__ */ e.jsx(Nt, { size: N, color: _ }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: y, strokeWidth: 2.5 }) }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: y, strokeWidth: 2.5 }) }) : null, D = [
+    "ds-button",
+    `ds-button--${s}`,
+    `ds-button--${n}`,
+    r && "ds-button--full",
+    p && "ds-button--icon-only",
+    m
+  ].filter(Boolean).join(" "), M = i !== "idle" ? i : void 0, W = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    $ ? S : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    t
+  ] });
+  if (d) {
+    const z = (j) => {
+      if (o || h) {
+        j.preventDefault();
+        return;
+      }
+      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), l == null || l(j));
+    };
+    return /* @__PURE__ */ e.jsx(
+      "a",
+      {
+        className: D,
+        href: o || h ? void 0 : d,
+        onClick: z,
+        "aria-label": u,
+        "aria-disabled": o || h ? "true" : void 0,
+        "aria-busy": h ? "true" : void 0,
+        "data-state": M,
+        ...x,
+        children: W
+      }
+    );
+  }
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      type: c,
+      className: D,
+      disabled: o,
+      onClick: h ? void 0 : l,
+      "aria-label": u,
+      "aria-busy": h ? "true" : void 0,
+      "data-state": M,
+      ...x,
+      children: W
+    }
+  );
+}
+function cs({
+  label: t,
+  error: s,
+  hint: n,
+  fullWidth: r = !0,
+  icon: a,
+  iconRight: o,
+  onIconRightClick: i,
+  size: l = "m",
+  disabled: c,
+  id: d,
+  ...u
+}) {
+  const m = d || `input-${q.useId()}`, x = n ? `${m}-hint` : void 0, p = s ? `${m}-error` : void 0, h = p || x;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${r ? "ds-input-wrapper--full" : ""} ${c ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: m, children: t }),
+    /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
+      a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          id: m,
+          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${o ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
+          disabled: c,
+          "aria-invalid": s ? "true" : "false",
+          "aria-describedby": h,
+          ...u
+        }
+      ),
+      o && /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          className: `ds-input-icon-right ds-input-icon-right--${l}`,
+          onClick: i,
+          tabIndex: -1,
+          "aria-label": "Toggle visibility",
+          children: o
+        }
+      )
+    ] }),
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-input-error", role: "alert", children: s }) }) })
+  ] });
+}
+function ds({
+  label: t,
+  error: s,
+  hint: n,
+  fullWidth: r = !0,
+  size: a = "m",
+  disabled: o,
+  id: i,
+  resize: l = !0,
+  rows: c = 3,
+  ...d
+}) {
+  const u = i || `textarea-${q.useId()}`, m = n ? `${u}-hint` : void 0, x = s ? `${u}-error` : void 0, p = x || m;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${r ? "ds-textarea-wrapper--full" : ""} ${o ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: u, children: t }),
+    /* @__PURE__ */ e.jsx(
+      "textarea",
+      {
+        id: u,
+        className: `ds-textarea ds-textarea--${a} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
+        disabled: o,
+        "aria-invalid": s ? "true" : "false",
+        "aria-describedby": p,
+        rows: c,
+        ...d
+      }
+    ),
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: m, className: "ds-textarea-hint", children: n }),
+    s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: s })
+  ] });
+}
+function us({
+  label: t,
+  value: s,
+  onChange: n,
+  options: r = [],
+  placeholder: a = "Select option",
+  error: o,
+  fullWidth: i = !0,
+  size: l = "m",
+  disabled: c = !1,
+  id: d,
+  ...u
+}) {
+  const [m, x] = B(!1), [p, h] = B(!1), [w, b] = B({}), [$, N] = B("down"), [_, y] = B(-1), S = R(null), D = R(null), M = R(null), W = R(null), z = d || `select-${q.useId()}`, j = `${z}-label`, F = o ? `${z}-error` : void 0, K = 150, V = (E = !1) => {
+    p || (h(!0), y(-1), W.current = setTimeout(() => {
+      var f;
+      x(!1), h(!1), E && ((f = M.current) == null || f.focus());
+    }, K));
+  }, I = (E) => {
+    clearTimeout(W.current), h(!1);
+    const f = E !== void 0 ? E : Math.max(r.findIndex((T) => T.value === s), 0);
+    y(f), x(!0);
+  };
+  P(() => () => clearTimeout(W.current), []);
+  const v = () => {
+    var ie;
+    const E = (ie = S.current) == null ? void 0 : ie.getBoundingClientRect();
+    if (!E) return;
+    const f = window.innerHeight, T = f - E.bottom, O = E.top, te = T < 300 && O > T;
+    N(te ? "up" : "down"), b(
+      te ? { bottom: f - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
+    );
+  };
+  P(() => {
+    if (m)
+      return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
+        window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
+      };
+  }, [m]), P(() => {
+    const E = (f) => {
+      S.current && !S.current.contains(f.target) && D.current && !D.current.contains(f.target) && V();
+    };
+    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
+  }, [p]), P(() => {
+    var f;
+    if (!m || _ < 0 || !D.current) return;
+    (f = D.current.querySelectorAll(".ds-select-option")[_]) == null || f.scrollIntoView({ block: "nearest" });
+  }, [_, m]);
+  const k = (E) => {
+    switch (E.key) {
+      case "ArrowDown":
+        E.preventDefault(), m ? y((f) => Math.min(f + 1, r.length - 1)) : I();
+        break;
+      case "ArrowUp":
+        E.preventDefault(), m ? y((f) => Math.max(f - 1, 0)) : I(r.length - 1);
+        break;
+      case "Home":
+        m && (E.preventDefault(), y(0));
+        break;
+      case "End":
+        m && (E.preventDefault(), y(r.length - 1));
+        break;
+      case "Enter":
+      case " ":
+        E.preventDefault(), m ? _ >= 0 && (n == null || n(r[_].value), V(!0)) : I();
+        break;
+      case "Escape":
+        m && (E.preventDefault(), V(!0));
+        break;
+      case "Tab":
+        m && V(!1);
+        break;
+    }
+  }, A = r.find((E) => E.value === s), U = l === "xs" ? C[1] : l === "small" ? C[2] : C[3], G = m && /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: D,
+      "data-ds-portal": "",
+      role: "listbox",
+      "aria-labelledby": t ? j : void 0,
+      tabIndex: -1,
+      className: [
+        "ds-select-dropdown ds-scrollable",
+        `ds-select-dropdown--${l}`,
+        `ds-select-dropdown--${$}`,
+        p && "ds-select-dropdown--closing"
+      ].filter(Boolean).join(" "),
+      style: w,
+      children: r.map((E, f) => /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          id: `${z}-opt-${f}`,
+          type: "button",
+          role: "option",
+          tabIndex: -1,
+          "aria-selected": s === E.value,
+          className: [
+            "ds-select-option",
+            `ds-select-option--${l}`,
+            s === E.value && "ds-select-option--selected",
+            f === _ && "ds-select-option--active"
+          ].filter(Boolean).join(" "),
+          onClick: () => {
+            n == null || n(E.value), V(!0);
+          },
+          children: E.label
+        },
+        E.value
+      ))
+    }
+  );
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${c ? "ds-select-wrapper--disabled" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { id: j, className: "ds-select-label", children: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: S, children: /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        ref: M,
+        type: "button",
+        id: z,
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": m,
+        "aria-activedescendant": m && _ >= 0 ? `${z}-opt-${_}` : void 0,
+        "aria-labelledby": t ? j : void 0,
+        "aria-invalid": o ? "true" : "false",
+        "aria-describedby": F,
+        className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
+        onClick: () => {
+          c || (m ? V() : I());
+        },
+        onKeyDown: k,
+        disabled: c,
+        ...u,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: A ? "" : "ds-select-placeholder", children: (A == null ? void 0 : A.label) || a }),
+          /* @__PURE__ */ e.jsx(
+            je,
+            {
+              size: U,
+              strokeWidth: 1.5,
+              className: `ds-select-icon ${m && $ === "down" ? "ds-select-icon--open" : ""} ${m && $ === "up" ? "ds-select-icon--up" : ""}`,
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ) }),
+    o && /* @__PURE__ */ e.jsx("span", { id: F, className: "ds-select-error", role: "alert", children: o }),
+    typeof document < "u" && re.createPortal(G, document.body)
+  ] });
+}
+function fs({
+  label: t,
+  value: s = 0,
+  onChange: n,
+  min: r = 0,
+  max: a = 100,
+  step: o = 1,
+  size: i = "m",
+  disabled: l = !1,
+  hint: c,
+  error: d,
+  ...u
+}) {
+  const m = () => {
+    if (l) return;
+    const $ = Math.min(Number(s) + o, a);
+    n == null || n($);
+  }, x = () => {
+    if (l) return;
+    const $ = Math.max(Number(s) - o, r);
+    n == null || n($);
+  }, p = ($) => {
+    if (l) return;
+    const N = $.target.value;
+    if (N === "") {
+      n == null || n(r);
+      return;
+    }
+    const _ = Number(N);
+    if (!isNaN(_)) {
+      const y = Math.min(Math.max(_, r), a);
+      n == null || n(y);
+    }
+  }, h = [
+    "ds-stepper-wrapper",
+    l && "ds-stepper-wrapper--disabled",
+    d && "ds-stepper-wrapper--error"
+  ].filter(Boolean).join(" "), w = [
+    "ds-stepper",
+    `ds-stepper--${i}`,
+    l && "ds-stepper--disabled"
+  ].filter(Boolean).join(" "), b = i === "xs" ? C[1] : i === "small" ? C[2] : C[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
+    /* @__PURE__ */ e.jsxs("div", { className: w, children: [
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ds-stepper-button ds-stepper-button--minus",
+          onClick: x,
+          disabled: l || s <= r,
+          "aria-label": "Decrease",
+          children: /* @__PURE__ */ e.jsx(rt, { size: b, strokeWidth: 1.5 })
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "number",
+          className: "ds-stepper-input",
+          value: s,
+          onChange: p,
+          min: r,
+          max: a,
+          step: o,
+          disabled: l,
+          ...u
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          className: "ds-stepper-button ds-stepper-button--plus",
+          onClick: m,
+          disabled: l || s >= a,
+          "aria-label": "Increase",
+          children: /* @__PURE__ */ e.jsx(at, { size: b, strokeWidth: 1.5 })
+        }
+      )
+    ] }),
+    c && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: c }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
+  ] });
+}
+function ms({
+  children: t,
+  padding: s = "m",
+  variant: n = "info",
+  hover: r = !1,
+  // deprecated, use variant="interactive"
+  onClick: a,
+  href: o,
+  disabled: i = !1,
+  ...l
+}) {
+  const d = (r ? "interactive" : n) === "interactive" || a || o, u = [
+    "ds-card",
+    `ds-card--${s}`,
+    d && "ds-card--interactive"
+  ].filter(Boolean).join(" ");
+  if (o) {
+    const p = (h) => {
+      if (i) {
+        h.preventDefault();
+        return;
+      }
+      h.metaKey || h.ctrlKey || h.button === 1 || (h.preventDefault(), a == null || a(h));
+    };
+    return /* @__PURE__ */ e.jsx(
+      "a",
+      {
+        className: u,
+        href: i ? void 0 : o,
+        onClick: p,
+        "aria-disabled": i ? "true" : void 0,
+        ...l,
+        children: t
+      }
+    );
+  }
+  const m = d && a ? "button" : "div", x = d && a ? {
+    type: "button",
+    onClick: a,
+    disabled: i
+  } : {};
+  return /* @__PURE__ */ e.jsx(
+    m,
+    {
+      className: u,
+      role: d && !a ? "article" : void 0,
+      ...x,
+      ...l,
+      children: t
+    }
+  );
+}
+function ps({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
+}
+function hs({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
+}
+function xs({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
+}
+function vs({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
+}
+function _s({ children: t, secondary: s = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
+}
+function gt({ children: t, secondary: s = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
+}
+function Qe({ children: t, secondary: s = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
+}
+function pe({
+  children: t,
+  variant: s = "default",
+  size: n = "m",
+  role: r,
+  ...a
+}) {
+  const o = [
+    "ds-badge",
+    `ds-badge--${s}`,
+    `ds-badge--${n}`
+  ].filter(Boolean).join(" "), i = r || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: o, role: i, ...a, children: t });
+}
+const yt = {
+  info: Ie,
+  success: De,
+  warning: Ae,
+  error: Se
+}, bs = q.forwardRef(function({
+  children: s,
+  variant: n = "info",
+  title: r,
+  onClose: a,
+  role: o,
+  ...i
+}, l) {
+  const c = yt[n], d = o || (n === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: d, ...i, children: [
+    c && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(c, { size: C[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 })
+    ] }),
+    a && /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        type: "button",
+        className: "ds-alert__close",
+        onClick: a,
+        "aria-label": "Close alert",
+        children: /* @__PURE__ */ e.jsx(ee, { size: C[3], strokeWidth: 1.5 })
+      }
+    )
+  ] });
+}), kt = 200;
+function js({
+  children: t,
+  title: s,
+  onClose: n,
+  size: r = "m",
+  scrollable: a = !1,
+  subHeader: o,
+  ...i
+}) {
+  const l = R(null), c = q.useId(), [d, u] = B(!1), m = () => {
+    !n || d || (u(!0), setTimeout(() => {
+      u(!1), n();
+    }, kt));
+  };
+  P(() => {
+    const b = (N) => {
+      N.key === "Escape" && m();
+    }, $ = (N) => {
+      var y, S, D;
+      const _ = ((S = (y = N.composedPath) == null ? void 0 : y.call(N)) == null ? void 0 : S[0]) ?? N.target;
+      l.current && !l.current.contains(_) && !((D = _.closest) != null && D.call(_, "[data-ds-portal]")) && m();
+    };
+    return document.addEventListener("keydown", b), document.addEventListener("mousedown", $), () => {
+      document.removeEventListener("keydown", b), document.removeEventListener("mousedown", $);
+    };
+  }, [n, d]);
+  const x = q.Children.toArray(t), p = x.find((b) => (b == null ? void 0 : b.type) === he), h = x.filter((b) => (b == null ? void 0 : b.type) !== he), w = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
+      ref: l,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": s ? c : void 0,
+      children: [
+        n && /* @__PURE__ */ e.jsx(
+          oe,
+          {
+            className: "ds-modal__close",
+            variant: "ghost",
+            size: "small",
+            icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
+            onClick: m,
+            "aria-label": "Close modal"
+          }
+        ),
+        (s || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          s && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-modal__title", children: s }),
+          o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: h }),
+        p
+      ]
+    }
+  ) });
+  return typeof document > "u" ? w : re.createPortal(w, document.body);
+}
+function he({ children: t }) {
+  return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
+}
+const Et = 320;
+function Ns({
+  children: t,
+  title: s,
+  onClose: n,
+  subHeader: r,
+  ...a
+}) {
+  const o = R(null), i = q.useId(), [l, c] = B(!1), d = () => {
+    !n || l || (c(!0), setTimeout(() => {
+      c(!1), n();
+    }, Et));
+  };
+  P(() => {
+    const h = (b) => {
+      b.key === "Escape" && d();
+    }, w = (b) => {
+      var N, _, y;
+      const $ = ((_ = (N = b.composedPath) == null ? void 0 : N.call(b)) == null ? void 0 : _[0]) ?? b.target;
+      o.current && !o.current.contains($) && !((y = $.closest) != null && y.call($, "[data-ds-portal]")) && d();
+    };
+    return document.addEventListener("keydown", h), document.addEventListener("mousedown", w), () => {
+      document.removeEventListener("keydown", h), document.removeEventListener("mousedown", w);
+    };
+  }, [n, l]);
+  const u = q.Children.toArray(t), m = u.find((h) => (h == null ? void 0 : h.type) === he), x = u.filter((h) => (h == null ? void 0 : h.type) !== he), p = /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-bottom-sheet-overlay", l && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
+      ...a,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: o,
+          className: ["ds-bottom-sheet", l && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": s ? i : void 0,
+          children: [
+            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__handle", "aria-hidden": "true" }),
+            n && /* @__PURE__ */ e.jsx(
+              oe,
+              {
+                className: "ds-bottom-sheet__close",
+                variant: "ghost",
+                size: "small",
+                icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
+                onClick: d,
+                "aria-label": "Close"
+              }
+            ),
+            (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
+              s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: s }),
+              r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: x }),
+            m
+          ]
+        }
+      )
+    }
+  );
+  return typeof document > "u" ? p : re.createPortal(p, document.body);
+}
+function $t({
+  children: t,
+  title: s = "Code",
+  defaultExpanded: n = !1,
+  expanded: r,
+  onToggle: a,
+  padding: o = "s",
+  className: i = "",
+  ...l
+}) {
+  const [c, d] = B(n), u = r !== void 0, m = u ? r : c, x = () => {
+    u ? a == null || a(!r) : d((h) => !h);
+  }, p = [
+    "ds-code-accordion",
+    `ds-code-accordion--${o}`,
+    m && "ds-code-accordion--expanded",
+    i
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "ds-code-accordion__header",
+        onClick: x,
+        "aria-expanded": m,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
+          /* @__PURE__ */ e.jsx(
+            je,
+            {
+              size: C[2],
+              strokeWidth: 1.5,
+              className: `ds-code-accordion__icon ${m ? "ds-code-accordion__icon--expanded" : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: t }) }) }) })
+  ] });
+}
+function ws({ children: t, block: s = !1, collapsible: n = !1, title: r = "Code", defaultExpanded: a = !1, ...o }) {
+  return s ? n ? /* @__PURE__ */ e.jsx($t, { title: r, defaultExpanded: a, ...o, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...o, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...o, children: t });
+}
+function gs({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
+  const l = r === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
+  return /* @__PURE__ */ e.jsx(
+    "a",
+    {
+      href: t,
+      className: "ds-link",
+      onClick: n,
+      target: r,
+      rel: l,
+      ...o,
+      children: s
+    }
+  );
+}
+function ys({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: q.Children.map(t, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: s, variant: n }) : a) });
+}
+function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: a = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
+  const d = i && !t, u = [
+    "ds-tab",
+    `ds-tab--${r}`,
+    `ds-tab--${a}`,
+    s && "ds-tab--selected",
+    d && "ds-tab--icon-only"
+  ].filter(Boolean).join(" "), m = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
+    t
+  ] });
+  if (l) {
+    const x = (p) => {
+      if (o) {
+        p.preventDefault();
+        return;
+      }
+      p.metaKey || p.ctrlKey || p.button === 1 || (p.preventDefault(), n == null || n(p));
+    };
+    return /* @__PURE__ */ e.jsx(
+      "a",
+      {
+        role: "tab",
+        "aria-current": s ? "page" : void 0,
+        "aria-disabled": o ? "true" : void 0,
+        className: u,
+        href: o ? void 0 : l,
+        onClick: x,
+        ...c,
+        children: m
+      }
+    );
+  }
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      role: "tab",
+      "aria-selected": s,
+      className: u,
+      onClick: n,
+      disabled: o,
+      ...c,
+      children: m
+    }
+  );
+}
+function Es({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
+  const o = R(null), i = R(null), [l, c] = B(!1), d = R(!1), u = R(null), m = R(null), x = () => {
+    if (!o.current) return;
+    const p = o.current.querySelector(`[data-value="${s}"]`);
+    if (!p) return;
+    const h = o.current.getBoundingClientRect(), w = p.getBoundingClientRect(), b = w.left - h.left, $ = w.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = b + "px", i.current.style.width = $ + "px", d.current = !1) : (c(!0), requestAnimationFrame(() => {
+      if (!i.current || !o.current) return;
+      const N = o.current.querySelector(`[data-value="${s}"]`);
+      if (!N) return;
+      const _ = o.current.getBoundingClientRect(), y = N.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = y.left - _.left + "px", i.current.style.width = y.width + "px";
+    }));
+  };
+  return m.current = x, nt(() => {
+    const p = u.current !== s;
+    u.current = s, d.current = l && p, x();
+  }), P(() => {
+    if (!o.current) return;
+    const p = new ResizeObserver(() => {
+      d.current = !1, m.current();
+    });
+    return p.observe(o.current), () => p.disconnect();
+  }, []), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [
+        "ds-seg",
+        `ds-seg--${r}`,
+        a && "ds-seg--disabled"
+      ].filter(Boolean).join(" "),
+      ref: o,
+      role: "group",
+      children: [
+        l && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            ref: i,
+            className: "ds-seg__pill",
+            "aria-hidden": "true"
+          }
+        ),
+        t.map((p) => /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            type: "button",
+            "data-value": p.value,
+            className: ["ds-seg__btn", s === p.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !a && n(p.value),
+            "aria-pressed": s === p.value,
+            disabled: a,
+            children: [
+              p.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: p.icon }),
+              p.label
+            ]
+          },
+          p.value
+        ))
+      ]
+    }
+  );
+}
+function Be({
+  children: t,
+  title: s,
+  defaultExpanded: n = !1,
+  expanded: r,
+  onToggle: a,
+  padding: o = "m",
+  ...i
+}) {
+  const [l, c] = B(n), d = r !== void 0, u = d ? r : l, m = () => {
+    d ? a == null || a(!r) : c((p) => !p);
+  }, x = [
+    "ds-accordion",
+    `ds-accordion--${o}`,
+    u && "ds-accordion--expanded"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "ds-accordion__header",
+        onClick: m,
+        "aria-expanded": u,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
+          /* @__PURE__ */ e.jsx(
+            je,
+            {
+              size: C[2],
+              strokeWidth: 1.5,
+              className: `ds-accordion__icon ${u ? "ds-accordion__icon--expanded" : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
+  ] });
+}
+const ae = 8, me = 8;
+function Tt(t, s, n) {
+  const r = window.innerWidth;
+  let a, o;
+  switch (t) {
+    case "top":
+      a = s.top - n.height - ae, o = s.left + s.width / 2 - n.width / 2;
+      break;
+    case "bottom":
+      a = s.bottom + ae, o = s.left + s.width / 2 - n.width / 2;
+      break;
+    case "left":
+      a = s.top + s.height / 2 - n.height / 2, o = s.left - n.width - ae;
+      break;
+    case "right":
+      a = s.top + s.height / 2 - n.height / 2, o = s.right + ae;
+      break;
+    default:
+      a = s.bottom + ae, o = s.left;
+  }
+  const i = Math.max(me, Math.min(r - n.width - me, o)), l = o - i;
+  return { top: a, left: i, arrowOffset: l };
+}
+function Rt(t, s, n) {
+  const r = window.innerWidth, a = window.innerHeight;
+  if (t.top >= s + ae + me) return "top";
+  if (a - t.bottom >= s + ae + me) return "bottom";
+  if (r - t.right >= n + ae + me) return "right";
+  if (t.left >= n + ae + me) return "left";
+  const o = Math.max(t.top, a - t.bottom, t.left, r - t.right);
+  return o === t.top ? "top" : o === a - t.bottom ? "bottom" : o === r - t.right ? "right" : "left";
+}
+function Le({ children: t, content: s, position: n, ...r }) {
+  const [a, o] = B(!1), [i, l] = B({ visibility: "hidden" }), [c, d] = B(n || "top"), u = R(null), m = R(null), x = R(!1), p = () => {
+    if (!u.current || !m.current) return;
+    const w = u.current.getBoundingClientRect(), b = m.current.getBoundingClientRect(), $ = n || Rt(w, b.height, b.width), { top: N, left: _, arrowOffset: y } = Tt($, w, b);
+    d($), l({
+      position: "fixed",
+      top: N,
+      left: _,
+      visibility: "visible",
+      "--arrow-offset": `${y}px`
+    });
+  };
+  if (P(() => {
+    if (!a) return;
+    l({ position: "fixed", visibility: "hidden" });
+    const w = requestAnimationFrame(p);
+    return window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
+      cancelAnimationFrame(w), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
+    };
+  }, [a, n]), P(() => {
+    if (!a) return;
+    const w = (b) => {
+      u.current && !u.current.contains(b.target) && o(!1);
+    };
+    return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
+  }, [a]), !s) return t;
+  const h = a && /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: m,
+      "data-ds-portal": "",
+      className: `ds-tooltip ds-tooltip--${c}`,
+      role: "tooltip",
+      style: i,
+      children: s
+    }
+  );
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: u,
+      className: "ds-tooltip-wrapper",
+      onMouseEnter: () => {
+        x.current || o(!0);
+      },
+      onMouseLeave: () => {
+        x.current || o(!1);
+      },
+      onTouchStart: () => {
+        x.current = !0, o((w) => !w);
+      },
+      ...r,
+      children: [
+        t,
+        typeof document < "u" && re.createPortal(h, document.body)
+      ]
+    }
+  );
+}
+function $s({
+  checked: t = !1,
+  onChange: s,
+  size: n = "m",
+  disabled: r = !1,
+  label: a,
+  id: o,
+  ...i
+}) {
+  const l = o || `toggle-${q.useId()}`, c = [
+    "ds-toggle",
+    `ds-toggle--${n}`,
+    r && "ds-toggle--disabled"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "checkbox",
+        id: l,
+        className: "ds-toggle__input",
+        checked: t,
+        onChange: (d) => s == null ? void 0 : s(d.target.checked),
+        disabled: r,
+        ...i
+      }
+    ),
+    /* @__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 Ts({
+  checked: t = !1,
+  onChange: s,
+  size: n = "m",
+  disabled: r = !1,
+  label: a,
+  id: o,
+  ...i
+}) {
+  const l = o || `checkbox-${q.useId()}`, c = [
+    "ds-checkbox",
+    `ds-checkbox--${n}`,
+    r && "ds-checkbox--disabled"
+  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+  return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "checkbox",
+        id: l,
+        className: "ds-checkbox__input",
+        checked: t,
+        onChange: (u) => s == null ? void 0 : s(u.target.checked),
+        disabled: r,
+        ...i
+      }
+    ),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
+      Re,
+      {
+        size: d,
+        strokeWidth: 2.5,
+        className: "ds-checkbox__icon"
+      }
+    ) }),
+    a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
+  ] });
+}
+function Rs({
+  checked: t = !1,
+  onChange: s,
+  size: n = "m",
+  disabled: r = !1,
+  label: a,
+  name: o,
+  value: i,
+  id: l,
+  ...c
+}) {
+  const d = l || `radio-${q.useId()}`, u = [
+    "ds-radio",
+    `ds-radio--${n}`,
+    r && "ds-radio--disabled"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: d, children: [
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "radio",
+        id: d,
+        className: "ds-radio__input",
+        checked: t,
+        onChange: (m) => s == null ? void 0 : s(m.target.checked),
+        disabled: r,
+        name: o,
+        value: i,
+        ...c
+      }
+    ),
+    /* @__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 St({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: a = "", style: o = {}, ...i }) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      className: ["ds-skeleton", `ds-skeleton--${n}`, a].filter(Boolean).join(" "),
+      style: { width: t, height: s, aspectRatio: r, ...o },
+      "aria-hidden": "true",
+      ...i
+    }
+  );
+}
+function At({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: a = {}, ...o }) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      className: ["ds-skeleton-text", r].filter(Boolean).join(" "),
+      style: { gap: n, ...a },
+      "aria-hidden": "true",
+      ...o,
+      children: Array.from({ length: t }, (i, l) => /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          className: "ds-skeleton ds-skeleton--text",
+          style: l === t - 1 && t > 1 ? { width: s } : void 0
+        },
+        l
+      ))
+    }
+  );
+}
+St.Text = At;
+function Dt(t) {
+  let s = 2166136261;
+  for (let n = 0; n < t.length; n++)
+    s ^= t.charCodeAt(n), s = Math.imul(s, 16777619) >>> 0;
+  return s % 360;
+}
+function It(t) {
+  if (!t) return "";
+  const s = t.trim().split(/\s+/);
+  return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
+}
+function Ss({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
+  const l = Dt(t ?? ""), [c, d] = B(!1), u = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: It(t) });
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-avatar", a].filter(Boolean).join(" "),
+      style: { width: r, height: r, "--ds-avatar-h": l, ...o },
+      "aria-hidden": "true",
+      ...i,
+      children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : u
+    }
+  );
+}
+function As({
+  children: t,
+  size: s = "compact",
+  stickyTop: n,
+  maxHeight: r,
+  className: a = "",
+  style: o = {},
+  ...i
+}) {
+  const l = {
+    ...r ? { maxHeight: r } : {},
+    ...n !== void 0 ? { "--ds-table-sticky-top": typeof n == "number" ? `${n}px` : n } : {},
+    ...o
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-table-wrap", "ds-scrollable", r ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      style: l,
+      children: /* @__PURE__ */ e.jsx(
+        "table",
+        {
+          className: ["ds-table", `ds-table--${s}`, a].filter(Boolean).join(" "),
+          ...i,
+          children: t
+        }
+      )
+    }
+  );
+}
+function Ds({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
+}
+function Is({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
+}
+function Bs({ children: t, interactive: s, selected: n, subheader: r, exiting: a, updated: o, className: i = "", onClick: l, ...c }) {
+  return /* @__PURE__ */ e.jsx(
+    "tr",
+    {
+      className: [
+        "ds-table-row",
+        s || l ? "ds-table-row--interactive" : "",
+        n ? "ds-table-row--selected" : "",
+        r ? "ds-table-row--subheader" : "",
+        a ? "ds-table-row--exiting" : "",
+        o ? "ds-table-row--updated" : "",
+        i
+      ].filter(Boolean).join(" "),
+      onClick: l,
+      ...c,
+      children: t
+    }
+  );
+}
+function Ls({ children: t, colSpan: s = 999, ...n }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
+}
+function Ps({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, className: o = "", style: i = {}, ...l }) {
+  const c = !!r || n !== void 0, d = n === "asc" ? ot : n === "desc" ? je : it;
+  return /* @__PURE__ */ e.jsx(
+    "th",
+    {
+      className: [
+        "ds-th",
+        c ? "ds-th--sortable" : "",
+        n ? "ds-th--sorted" : "",
+        s !== "left" ? `ds-table-cell--${s}` : "",
+        o
+      ].filter(Boolean).join(" "),
+      onClick: r,
+      style: { width: a, ...i },
+      ...l,
+      children: c ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+        t,
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
+      ] }) : t
+    }
+  );
+}
+function Ms({ children: t, align: s = "left", secondary: n, muted: r, truncate: a, nowrap: o, className: i = "", ...l }) {
+  return /* @__PURE__ */ e.jsx(
+    "td",
+    {
+      className: [
+        "ds-td",
+        s !== "left" ? `ds-table-cell--${s}` : "",
+        n ? "ds-table-cell--secondary" : "",
+        r ? "ds-table-cell--muted" : "",
+        a ? "ds-table-cell--truncate" : "",
+        o ? "ds-table-cell--nowrap" : "",
+        i
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: t
+    }
+  );
+}
+function zs({
+  icon: t,
+  title: s,
+  description: n,
+  action: r,
+  size: a = "m",
+  className: o = "",
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: ["ds-empty-state", `ds-empty-state--${a}`, o].filter(Boolean).join(" "),
+      ...i,
+      children: [
+        t && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: t }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: s }),
+        n && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: n }),
+        r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: r })
+      ]
+    }
+  );
+}
+function Fs({
+  label: t,
+  hint: s,
+  error: n,
+  required: r = !1,
+  disabled: a = !1,
+  htmlFor: o,
+  children: i,
+  className: l = "",
+  style: c,
+  ...d
+}) {
+  const u = q.useId(), m = o ?? u, x = `${m}-hint`, p = `${m}-error`;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `ds-field${l ? ` ${l}` : ""}`,
+      "data-state": n ? "error" : void 0,
+      "data-required": r ? "" : void 0,
+      "data-disabled": a ? "" : void 0,
+      style: c,
+      ...d,
+      children: [
+        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: m, children: t }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
+        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: s }),
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: p, role: "alert", children: n })
+      ]
+    }
+  );
+}
+function Ws({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, className: o = "", style: i, ...l }) {
+  const c = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [
+        "ds-stat",
+        `ds-stat--${r}`,
+        a && "ds-stat--inline",
+        o
+      ].filter(Boolean).join(" "),
+      style: i,
+      ...l,
+      children: [
+        t && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: t }),
+        s != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: s }),
+        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${c}`, children: n })
+      ]
+    }
+  );
+}
+function Cs({
+  children: t,
+  separator: s = "/",
+  "aria-label": n = "Breadcrumb",
+  className: r = "",
+  style: a,
+  ...o
+}) {
+  const i = q.Children.toArray(t).filter(Boolean);
+  return /* @__PURE__ */ e.jsx(
+    "nav",
+    {
+      className: `ds-breadcrumb${r ? ` ${r}` : ""}`,
+      "aria-label": n,
+      style: a,
+      ...o,
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, c) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+        l,
+        c < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
+      ] }, c)) })
+    }
+  );
+}
+function Os({
+  page: t,
+  total: s,
+  onChange: n,
+  siblings: r = 1,
+  "aria-label": a = "Pagination",
+  className: o = "",
+  style: i,
+  ...l
+}) {
+  const c = Bt(t, s, r);
+  return /* @__PURE__ */ e.jsxs(
+    "nav",
+    {
+      className: `ds-pagination${o ? ` ${o}` : ""}`,
+      "aria-label": a,
+      style: i,
+      ...l,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "ds-pagination-arrow",
+            onClick: () => n == null ? void 0 : n(t - 1),
+            disabled: t <= 1,
+            "aria-label": "Previous page",
+            children: /* @__PURE__ */ e.jsx(lt, { size: 16 })
+          }
+        ),
+        c.map(
+          (d, u) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${u}`) : /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              className: `ds-pagination-page${d === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => d !== t && (n == null ? void 0 : n(d)),
+              "aria-current": d === t ? "page" : void 0,
+              "aria-label": `Page ${d}`,
+              children: d
+            },
+            d
+          )
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "ds-pagination-arrow",
+            onClick: () => n == null ? void 0 : n(t + 1),
+            disabled: t >= s,
+            "aria-label": "Next page",
+            children: /* @__PURE__ */ e.jsx(ct, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+function Bt(t, s, n) {
+  if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
+  const r = Math.max(2, t - n), a = Math.min(s - 1, t + n), o = [1];
+  r > 2 && o.push("…");
+  for (let i = r; i <= a; i++) o.push(i);
+  return a < s - 1 && o.push("…"), o.push(s), o;
+}
+const Lt = 300;
+function Us({
+  children: t,
+  title: s,
+  onClose: n,
+  subHeader: r,
+  side: a = "right",
+  size: o = "wide",
+  offsetLeft: i = 0,
+  offsetRight: l = 0,
+  keepOpenRef: c,
+  ...d
+}) {
+  const u = R(null), m = q.useId(), [x, p] = B(!1), h = () => {
+    !n || x || (p(!0), setTimeout(() => {
+      p(!1), n();
+    }, Lt));
+  };
+  P(() => {
+    const _ = (S) => {
+      S.key === "Escape" && h();
+    }, y = (S) => {
+      var M, W, z, j;
+      const D = ((W = (M = S.composedPath) == null ? void 0 : M.call(S)) == null ? void 0 : W[0]) ?? S.target;
+      (z = c == null ? void 0 : c.current) != null && z.contains(D) || u.current && !u.current.contains(D) && !((j = D.closest) != null && j.call(D, "[data-ds-portal]")) && h();
+    };
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", y);
+    };
+  }, [n, x, c]);
+  const w = q.Children.toArray(t), b = w.find((_) => (_ == null ? void 0 : _.type) === Oe || (_ == null ? void 0 : _.type) === he), $ = w.filter((_) => (_ == null ? void 0 : _.type) !== Oe && (_ == null ? void 0 : _.type) !== he), N = /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-side-page-overlay", x && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      "data-side": a,
+      style: { "--ds-side-page-offset-left": `${i}px`, "--ds-side-page-offset-right": `${l}px` },
+      ...d,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: u,
+          className: ["ds-side-page", x && "ds-side-page--closing"].filter(Boolean).join(" "),
+          "data-side": a,
+          "data-size": o,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": s ? m : void 0,
+          children: [
+            n && /* @__PURE__ */ e.jsx(
+              oe,
+              {
+                className: "ds-side-page__close",
+                variant: "ghost",
+                size: "small",
+                icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
+                onClick: h,
+                "aria-label": "Close"
+              }
+            ),
+            (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
+              s && /* @__PURE__ */ e.jsx("h3", { id: m, className: "ds-side-page__title", children: s }),
+              r && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: r })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: $ }),
+            b
+          ]
+        }
+      )
+    }
+  );
+  return typeof document > "u" ? N : re.createPortal(N, document.body);
+}
+function Oe({ children: t }) {
+  return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
+}
+const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1), Vs = Je(function({
+  children: s,
+  collapsed: n = !1,
+  side: r = "left",
+  onExpand: a,
+  onCollapse: o,
+  className: i = "",
+  ...l
+}, c) {
+  const d = [
+    "ds-nav-rail",
+    n && "ds-nav-rail--collapsed",
+    `ds-nav-rail--${r}`,
+    i
+  ].filter(Boolean).join(" "), u = ce((m) => {
+    if (!m.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
+      if (n && a) {
+        a();
+        return;
+      }
+      !n && o && o();
+    }
+  }, [n, a, o]);
+  return /* @__PURE__ */ e.jsx(ve.Provider, { value: { collapsed: n, side: r }, children: /* @__PURE__ */ e.jsx(
+    "nav",
+    {
+      ref: c,
+      className: d,
+      onClick: u,
+      "data-expandable": n && a ? "" : void 0,
+      "data-collapsible": !n && o ? "" : void 0,
+      ...l,
+      children: s
+    }
+  ) });
+});
+function Ys({
+  icon: t,
+  label: s,
+  selected: n = !1,
+  disabled: r = !1,
+  href: a,
+  onClick: o,
+  count: i,
+  updated: l = !1,
+  open: c = !1,
+  onboarding: d = !1,
+  className: u = "",
+  ...m
+}) {
+  const { collapsed: x, side: p } = ue(ve), h = ue(we), $ = {
+    className: [
+      "ds-nav-rail__item",
+      u
+    ].filter(Boolean).join(" "),
+    onClick: r ? void 0 : o,
+    "aria-current": n ? "page" : void 0,
+    "aria-disabled": r ? "true" : void 0,
+    "aria-label": x ? s : void 0,
+    tabIndex: r ? -1 : void 0,
+    ...{
+      "data-selected": n || void 0,
+      "data-disabled": r || void 0,
+      "data-open": c || void 0,
+      "data-onboarding": d || void 0
+    },
+    ...m
+  }, N = i != null, _ = p === "left" ? "right" : "left", y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
+    !x && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
+    !x && N && /* @__PURE__ */ e.jsx(
+      "span",
+      {
+        className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "),
+        "data-updated": l && i !== 0 || void 0,
+        children: i
+      }
+    ),
+    !x && l && (!N || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
+    x && N && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
+    x && l && (!N || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
+  ] }), S = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...$, children: y }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...$, children: y });
+  return x && !h ? /* @__PURE__ */ e.jsx(Le, { content: s, position: _, children: S }) : S;
+}
+function Hs({ children: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
+}
+function qs({ children: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
+}
+function Gs({ children: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
+}
+function Ks({ className: t = "", ...s }) {
+  return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
+}
+function Xs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: r = "", ...a }) {
+  const { collapsed: o } = ue(ve), [i, l] = B(n);
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...a, children: [
+    !o && /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: ["ds-nav-rail__recents-toggle", !i && "ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),
+        onClick: () => l((c) => !c),
+        "aria-expanded": i,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: s }),
+          /* @__PURE__ */ e.jsx(je, { size: 12, strokeWidth: 2, className: "ds-nav-rail__recents-chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    (i || o) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
+  ] });
+}
+const Js = Je(function({
+  as: s = "button",
+  avatar: n,
+  label: r,
+  className: a = "",
+  ...o
+}, i) {
+  const { collapsed: l, side: c } = ue(ve), d = ue(we), u = c === "left" ? "right" : "left", m = [
+    "ds-nav-rail__item",
+    "ds-nav-rail__agent",
+    a
+  ].filter(Boolean).join(" "), x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: n }),
+    !l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: r })
+  ] }), p = /* @__PURE__ */ e.jsx(
+    s,
+    {
+      ref: i,
+      className: m,
+      "aria-label": l ? r : void 0,
+      ...s === "button" ? { type: "button" } : {},
+      ...o,
+      children: x
+    }
+  );
+  return l && !d ? /* @__PURE__ */ e.jsx(Le, { content: r, position: u, children: p }) : p;
+});
+function Zs({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
+  const { collapsed: c, side: d } = ue(ve), u = ue(we), p = {
+    className: [
+      "ds-nav-rail__item",
+      "ds-nav-rail__agent",
+      i
+    ].filter(Boolean).join(" "),
+    onClick: r ? void 0 : o,
+    "aria-current": n ? "page" : void 0,
+    "aria-disabled": r ? "true" : void 0,
+    tabIndex: r ? -1 : void 0,
+    ...{
+      "data-selected": n || void 0,
+      "data-disabled": r || void 0
+    },
+    ...l
+  }, h = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
+    !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
+  ] }), w = d === "left" ? "right" : "left", b = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...p, children: h }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...p, children: h });
+  return c && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: w, children: b }) : b;
+}
+const Ue = 240, Ve = 6, Ye = 8;
+function Qs({
+  trigger: t,
+  title: s,
+  children: n,
+  open: r,
+  onOpenChange: a,
+  defaultOpen: o = !1
+}) {
+  const { side: i } = ue(ve), [l, c] = B(o), d = r !== void 0, u = d ? r : l, [m, x] = B(!1), p = R(null), h = R(null), [w, b] = B({}), $ = ce(() => {
+    d ? a == null || a(!0) : c(!0);
+  }, [d, a]), N = ce(() => {
+    d ? a == null || a(!1) : c(!1);
+  }, [d, a]), _ = ce(() => u ? N() : $(), [u, $, N]), y = ce(() => {
+    var F;
+    const D = p.current;
+    if (!D) return;
+    const M = D.getBoundingClientRect(), W = window.innerHeight, z = ((F = h.current) == null ? void 0 : F.offsetHeight) ?? 300, j = Math.max(Ye, Math.min(W - z - Ye, M.top));
+    b(i === "right" ? {
+      position: "fixed",
+      top: j,
+      right: window.innerWidth - M.left + Ve,
+      width: Ue
+    } : {
+      position: "fixed",
+      top: j,
+      left: M.right + Ve,
+      width: Ue
+    });
+  }, [i]);
+  P(() => {
+    if (!u) {
+      x(!1);
+      return;
+    }
+    return y(), requestAnimationFrame(() => x(!0)), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+    };
+  }, [u, y]), P(() => {
+    if (!u) return;
+    const D = (W) => {
+      var z, j;
+      !((z = h.current) != null && z.contains(W.target)) && !((j = p.current) != null && j.contains(W.target)) && N();
+    }, M = (W) => {
+      W.key === "Escape" && N();
+    };
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", M);
+    };
+  }, [u, N]);
+  const S = u && /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: h,
+      className: [
+        "ds-nav-rail-flyout",
+        `ds-nav-rail-flyout--${i}`,
+        m && "ds-nav-rail-flyout--visible"
+      ].filter(Boolean).join(" "),
+      style: w,
+      "data-ds-portal": "",
+      role: "dialog",
+      "aria-modal": "false",
+      children: [
+        s != null && /* @__PURE__ */ e.jsxs("div", { className: "ds-nav-rail-flyout__header", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail-flyout__title", children: s }),
+          /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              type: "button",
+              className: "ds-nav-rail-flyout__close",
+              onClick: N,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail-flyout__body", children: n })
+      ]
+    }
+  );
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(we.Provider, { value: u, children: /* @__PURE__ */ e.jsx("div", { ref: p, onClick: _, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    typeof document < "u" && re.createPortal(S, document.body)
+  ] });
+}
+const Pt = {
+  info: Ie,
+  success: De,
+  warning: Ae,
+  error: Se
+};
+function en({
+  children: t,
+  variant: s = "info",
+  action: n,
+  onAction: r,
+  onDismiss: a,
+  role: o,
+  ...i
+}) {
+  const l = Pt[s], c = o || (s === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `ds-banner ds-banner--${s}`,
+      role: c,
+      ...i,
+      children: [
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: C[2], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
+        n && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ds-banner-action",
+            onClick: r,
+            children: n
+          }
+        ),
+        a && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ds-banner-dismiss",
+            onClick: a,
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 })
+          }
+        )
+      ]
+    }
+  );
+}
+function tn({
+  trigger: t,
+  items: s = [],
+  open: n,
+  onOpenChange: r,
+  align: a = "left",
+  fullWidth: o = !1,
+  className: i = "",
+  style: l,
+  ...c
+}) {
+  const [d, u] = B(!1), [m, x] = B(!1), p = n !== void 0, h = p ? n : d, w = R(null), b = R(null), $ = R(null), N = R(null), [_, y] = B({}), S = R(null), D = 150, M = () => {
+    if (p)
+      r == null || r(!1);
+    else {
+      if (m) return;
+      x(!0), S.current = setTimeout(() => {
+        u(!1), x(!1);
+      }, D);
+    }
+  }, W = () => {
+    const v = !h;
+    p ? r == null || r(v) : v ? (clearTimeout(S.current), x(!1), u(!0)) : M();
+  }, z = () => {
+    h || (p ? r == null || r(!0) : (clearTimeout(S.current), x(!1), u(!0)));
+  };
+  P(() => () => clearTimeout(S.current), []), P(() => {
+    if (!h) return;
+    const v = 300, k = () => {
+      var E;
+      const A = (E = w.current) == null ? void 0 : E.getBoundingClientRect();
+      if (!A) return;
+      const U = window.innerHeight - A.bottom, G = U < v + 8 && A.top > U;
+      y(
+        a === "right" ? G ? { bottom: window.innerHeight - A.top + 4, top: "auto", right: window.innerWidth - A.right } : { top: A.bottom + 4, bottom: "auto", right: window.innerWidth - A.right } : G ? { bottom: window.innerHeight - A.top + 4, top: "auto", left: A.left } : { top: A.bottom + 4, bottom: "auto", left: A.left }
+      );
+    };
+    return k(), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
+      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
+    };
+  }, [h, a]);
+  const j = () => {
+    var k;
+    const v = (k = $.current) == null ? void 0 : k.querySelector(
+      'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
+    );
+    v == null || v.focus();
+  };
+  P(() => {
+    if (!h) return;
+    const v = (A) => {
+      var U, G;
+      !((U = w.current) != null && U.contains(A.target)) && !((G = b.current) != null && G.contains(A.target)) && M();
+    }, k = (A) => {
+      A.key === "Escape" && (M(), j());
+    };
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", k);
+    };
+  }, [h]), P(() => {
+    if (!h || !N.current || !b.current) return;
+    const v = F(), k = N.current === "last" ? v[v.length - 1] : v[0];
+    k == null || k.focus(), N.current = null;
+  }, [h]);
+  const F = () => b.current ? [...b.current.querySelectorAll(
+    'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
+  )] : [], K = (v) => {
+    var k, A;
+    if (v.key === "ArrowDown")
+      v.preventDefault(), h ? (k = F()[0]) == null || k.focus() : (N.current = "first", z());
+    else if (v.key === "ArrowUp")
+      if (v.preventDefault(), !h)
+        N.current = "last", z();
+      else {
+        const U = F();
+        (A = U[U.length - 1]) == null || A.focus();
+      }
+  }, V = (v) => {
+    var U, G, E, f;
+    const k = F(), A = k.findIndex((T) => T === document.activeElement);
+    switch (v.key) {
+      case "ArrowDown":
+        v.preventDefault(), (U = k[Math.min(A + 1, k.length - 1)]) == null || U.focus();
+        break;
+      case "ArrowUp":
+        v.preventDefault(), A <= 0 ? j() : (G = k[A - 1]) == null || G.focus();
+        break;
+      case "Home":
+        v.preventDefault(), (E = k[0]) == null || E.focus();
+        break;
+      case "End":
+        v.preventDefault(), (f = k[k.length - 1]) == null || f.focus();
+        break;
+      case "Tab":
+        M();
+        break;
+    }
+  }, I = h && /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: b,
+      role: "menu",
+      "data-ds-portal": "",
+      className: [
+        "ds-dropdown__menu",
+        `ds-dropdown__menu--${a}`,
+        m && "ds-dropdown__menu--closing"
+      ].filter(Boolean).join(" "),
+      style: _,
+      onKeyDown: V,
+      children: s.map((v, k) => {
+        if (v.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, k);
+        if (v.type === "section")
+          return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
+            v.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: v.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: v.content })
+          ] }, k);
+        const A = !!v.href, U = A ? "a" : "button", G = A ? { href: v.disabled ? void 0 : v.href, "aria-disabled": v.disabled ? "true" : void 0 } : { type: "button", disabled: v.disabled };
+        return /* @__PURE__ */ e.jsxs(
+          U,
+          {
+            role: "menuitem",
+            className: [
+              "ds-dropdown__item",
+              v.danger && "ds-dropdown__item--danger"
+            ].filter(Boolean).join(" "),
+            ...G,
+            onClick: () => {
+              var E;
+              (E = v.onClick) == null || E.call(v), M();
+            },
+            children: [
+              v.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: v.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: v.label }),
+              v.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: v.shortcut })
+            ]
+          },
+          k
+        );
+      })
+    }
+  );
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: w,
+      className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
+      style: l,
+      ...c,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            ref: $,
+            className: "ds-dropdown__trigger",
+            onClick: W,
+            onKeyDown: K,
+            children: t
+          }
+        ),
+        typeof document < "u" && re.createPortal(I, document.body)
+      ]
+    }
+  );
+}
+function sn({
+  value: t = 0,
+  size: s = "m",
+  variant: n = "default",
+  showValue: r = !1,
+  min: a = 2,
+  animate: o = !0
+}) {
+  const i = Math.min(100, Math.max(0, t)), l = Math.max(a, i), c = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [
+        "ds-progress",
+        `ds-progress--${s}`,
+        !o && "ds-progress--instant"
+      ].filter(Boolean).join(" "),
+      role: "progressbar",
+      "aria-valuenow": i,
+      "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--${c}`,
+            style: { width: `${l}%` }
+          }
+        ) }),
+        r && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+          Math.round(i),
+          "%"
+        ] })
+      ]
+    }
+  );
+}
+const Mt = (t) => 1 - Math.pow(1 - t, 3), zt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Ft(t, { duration: s = 600 } = {}) {
+  const [n, r] = B(t), a = R(t), o = R(null);
+  return P(() => {
+    if (zt()) {
+      r(t), a.current = t;
+      return;
+    }
+    const i = a.current, l = t - i;
+    if (l === 0) return;
+    let c = null;
+    const d = (u) => {
+      c || (c = u);
+      const m = Math.min((u - c) / s, 1);
+      r(i + l * Mt(m)), m < 1 ? o.current = requestAnimationFrame(d) : a.current = t;
+    };
+    return o.current = requestAnimationFrame(d), () => cancelAnimationFrame(o.current);
+  }, [t, s]), n;
+}
+function nn({
+  value: t,
+  duration: s = 600,
+  decimals: n = 0,
+  prefix: r = "",
+  suffix: a = ""
+}) {
+  const i = Ft(t, { duration: s }).toFixed(n);
+  return `${r}${i}${a}`;
+}
+function Wt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+  const r = R(null), [a, o] = B(!1);
+  return P(() => {
+    const i = r.current;
+    if (!i) return;
+    const l = new IntersectionObserver(
+      ([c]) => {
+        c.isIntersecting ? (o(!0), n && l.disconnect()) : n || o(!1);
+      },
+      { threshold: t, rootMargin: s }
+    );
+    return l.observe(i), () => l.disconnect();
+  }, [t, s, n]), { ref: r, inView: a };
+}
+function rn({
+  children: t,
+  as: s = "div",
+  once: n = !1,
+  threshold: r = 0.1,
+  rootMargin: a = "0px",
+  onEnter: o,
+  onLeave: i,
+  ...l
+}) {
+  const { ref: c, inView: d } = Wt({ threshold: r, rootMargin: a, once: n }), u = R(!1);
+  return P(() => {
+    d && !u.current && (o == null || o()), !d && u.current && (i == null || i()), u.current = d;
+  }, [d]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(d) : t });
+}
+const He = {
+  default: Ie,
+  success: De,
+  warning: Ae,
+  error: Se
+};
+let xe = [];
+const $e = /* @__PURE__ */ new Set();
+function et() {
+  $e.forEach((t) => t([...xe]));
+}
+function Ct(t) {
+  xe = [...xe, t], et();
+}
+function Ot(t) {
+  xe = xe.filter((s) => s.id !== t), et();
+}
+function an() {
+  const t = (s, n = {}) => {
+    Ct({
+      id: `${Date.now()}-${Math.random()}`,
+      message: s,
+      type: "default",
+      duration: 4e3,
+      ...n
+    });
+  };
+  return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
+}
+function Ut({ data: t, onDismiss: s }) {
+  const [n, r] = B(!1), a = R(null);
+  P(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (a.current = setTimeout(() => o(), t.duration)), () => clearTimeout(a.current)), []);
+  function o() {
+    r(!1), setTimeout(() => s(t.id), 250);
+  }
+  const i = He[t.type] ?? He.default;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [
+        "ds-toast",
+        `ds-toast--${t.type}`,
+        n && "ds-toast--visible"
+      ].filter(Boolean).join(" "),
+      role: t.type === "error" ? "alert" : "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: C[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "ds-toast__close",
+            onClick: o,
+            "aria-label": "Закрыть",
+            children: /* @__PURE__ */ e.jsx(ee, { size: C[3], strokeWidth: 1.5 })
+          }
+        )
+      ]
+    }
+  );
+}
+function on({ position: t = "bottom-right" }) {
+  const [s, n] = B(() => [...xe]);
+  return P(() => ($e.add(n), () => $e.delete(n)), []), !s.length || typeof document > "u" ? null : re.createPortal(
+    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(Ut, { data: r, onDismiss: Ot }, r.id)) }),
+    document.body
+  );
+}
+const Vt = {
+  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 ln({
+  label: t,
+  status: s = "idle",
+  icon: n,
+  badge: r,
+  defaultExpanded: a = !1,
+  expanded: o,
+  onToggle: i,
+  children: l,
+  className: c = "",
+  ...d
+}) {
+  const u = s === "running", m = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
+    n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
+    Vt[s],
+    r
+  ] });
+  return l ? /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-tool-card", u && "ds-tool-card--running", c].filter(Boolean).join(" "),
+      ...d,
+      children: /* @__PURE__ */ e.jsx(
+        Be,
+        {
+          title: m,
+          padding: "s",
+          defaultExpanded: a,
+          expanded: u ? !1 : o,
+          onToggle: u ? void 0 : i,
+          children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-tool-card", "ds-tool-card--bubble", c].filter(Boolean).join(" "),
+      ...d,
+      children: m
+    }
+  );
+}
+function Yt({
+  text: t,
+  size: s = "xs",
+  timeout: n = 800,
+  "aria-label": r = "Copy to clipboard",
+  ...a
+}) {
+  const [o, i] = B(!1), l = (c) => {
+    c.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
+      i(!0), setTimeout(() => i(!1), n);
+    });
+  };
+  return /* @__PURE__ */ e.jsx(
+    oe,
+    {
+      variant: "ghost",
+      size: s,
+      state: o ? "success" : "idle",
+      icon: /* @__PURE__ */ e.jsx(dt, { size: C[1], strokeWidth: 1.5 }),
+      "aria-label": r,
+      onClick: l,
+      ...a
+    }
+  );
+}
+function cn({ content: t, streaming: s = !1, ...n }) {
+  const [r, a] = B(s);
+  return P(() => {
+    a(!!s);
+  }, [s]), /* @__PURE__ */ e.jsx(
+    Be,
+    {
+      expanded: r,
+      onToggle: a,
+      padding: "s",
+      title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
+        /* @__PURE__ */ e.jsx(ut, { size: C[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(gt, { secondary: !0, children: "Thinking" })
+      ] }),
+      ...n,
+      children: /* @__PURE__ */ e.jsxs(Qe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+        t,
+        s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
+      ] })
+    }
+  );
+}
+function dn({
+  count: t,
+  current: s = 0,
+  done: n = [],
+  onChange: r,
+  showCounter: a = !0,
+  className: o = "",
+  "aria-label": i = "Steps",
+  ...l
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", o].filter(Boolean).join(" "), ...l, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (c, d) => {
+      const u = d === s, m = n.includes(d) && !u, x = r && (d <= s || n.includes(d)), p = [
+        "ds-step-indicator__dot",
+        u && "ds-step-indicator__dot--active",
+        m && "ds-step-indicator__dot--done"
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          className: p,
+          role: "tab",
+          "aria-selected": u,
+          "aria-label": `Step ${d + 1}`,
+          disabled: !x || d === s,
+          onClick: () => r == null ? void 0 : r(d),
+          children: m ? /* @__PURE__ */ e.jsx(Re, { size: 8, strokeWidth: 3 }) : null
+        },
+        d
+      );
+    }) }),
+    a && /* @__PURE__ */ e.jsxs(Qe, { secondary: !0, className: "ds-step-indicator__counter", children: [
+      s + 1,
+      " / ",
+      t
+    ] })
+  ] });
+}
+function un({
+  content: t,
+  isStreaming: s = !1,
+  cursor: n = "line",
+  onChunk: r,
+  className: a = "",
+  ...o
+}) {
+  const i = R(t);
+  return P(() => {
+    t !== i.current && (r == null || r(t), i.current = t);
+  }, [t, r]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...o, children: [
+    t,
+    s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
+  ] });
+}
+function fn({
+  role: t = "assistant",
+  header: s,
+  footer: n,
+  attachments: r,
+  isStreaming: a = !1,
+  children: o,
+  className: i = "",
+  ...l
+}) {
+  const c = [
+    "ds-chat-message",
+    `ds-chat-message--${t}`,
+    a && "ds-chat-message--streaming",
+    i
+  ].filter(Boolean).join(" ");
+  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: c, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: o }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: o }),
+    n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
+    s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: o }),
+    n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
+  ] });
+}
+function mn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+  const r = R(!1), a = R(0);
+  P(() => {
+    const o = s == null ? void 0 : s.current;
+    if (!o) return;
+    const i = () => {
+      const l = o.scrollHeight - o.scrollTop - o.clientHeight < 64;
+      !l && o.scrollTop < a.current && (r.current = !0), l && (r.current = !1), a.current = o.scrollTop;
+    };
+    return o.addEventListener("scroll", i, { passive: !0 }), () => o.removeEventListener("scroll", i);
+  }, [s]), P(() => {
+    const o = s == null ? void 0 : s.current;
+    o && (n && r.current || (o.scrollTop = o.scrollHeight));
+  }, t);
+}
+function Ht({
+  prompts: t,
+  enabled: s,
+  typingSpeed: n = 38,
+  erasingSpeed: r = 18,
+  holdTime: a = 2200,
+  betweenTime: o = 380,
+  manualPauseMs: i = 5e3
+}) {
+  const [l, c] = B(0), [d, u] = B(""), m = R("typing"), x = R(0), p = R(0), h = R(null), w = R(0);
+  P(() => {
+    p.current = l;
+  }, [l]), P(() => {
+    if (h.current && (clearTimeout(h.current), h.current = null), !s || t.length === 0) {
+      u(""), x.current = 0, m.current = "typing";
+      return;
+    }
+    const y = () => {
+      const S = Date.now();
+      if (w.current > S) {
+        h.current = setTimeout(y, w.current - S);
+        return;
+      }
+      const D = t[p.current % t.length] ?? "";
+      m.current === "typing" ? (x.current += 1, u(D.slice(0, x.current)), x.current >= D.length ? (m.current = "holding", h.current = setTimeout(y, a)) : h.current = setTimeout(y, n + Math.random() * 28)) : m.current === "holding" ? (m.current = "erasing", h.current = setTimeout(y, r)) : (x.current = Math.max(0, x.current - 1), u(D.slice(0, x.current)), x.current <= 0 ? (m.current = "typing", p.current = (p.current + 1) % t.length, c(p.current), h.current = setTimeout(y, o)) : h.current = setTimeout(y, r));
+    };
+    return h.current = setTimeout(y, 260), () => {
+      h.current && clearTimeout(h.current);
+    };
+  }, [s, t, n, r, a, o]);
+  const b = (y) => {
+    if (t.length === 0) return;
+    const S = (y % t.length + t.length) % t.length, D = t[S];
+    p.current = S, x.current = D.length, m.current = "holding", w.current = Date.now() + i, c(S), u(D);
+  }, $ = () => b(p.current + 1), N = () => b(p.current - 1), _ = t[l % t.length] ?? "";
+  return { displayed: d, currentPrompt: _, index: l, next: $, prev: N };
+}
+let qt = 0;
+function pn({
+  value: t = "",
+  onChange: s,
+  onSubmit: n,
+  onStop: r,
+  onKeyDown: a,
+  loading: o = !1,
+  disabled: i = !1,
+  placeholder: l = "Let's get things done...",
+  animatedPlaceholders: c,
+  attachments: d,
+  images: u,
+  onAttachFiles: m,
+  onAttachImages: x,
+  onRemoveAttachment: p,
+  onRemoveImage: h,
+  acceptImage: w,
+  acceptFile: b,
+  maxImages: $,
+  maxImageSize: N,
+  leftSlot: _,
+  rightSlot: y,
+  className: S = "",
+  ...D
+}) {
+  const M = R(null), W = R(null), z = R(0), [j, F] = B(!1), [K, V] = B([]), I = (g) => {
+    const L = ++qt;
+    V((X) => [...X, { id: L, msg: g }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
+  }, v = (g) => V((L) => L.filter((X) => X.id !== g)), k = (g) => g.type.startsWith("image/"), A = () => !0, U = w ?? k, G = b ?? A, E = (g) => {
+    const L = [], X = [], J = [], Z = [];
+    let se = 0, fe = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
+    for (const ne of g)
+      U(ne) ? N && ne.size > N ? J.push(ne.name) : fe > 0 ? (L.push(ne), fe--) : se++ : G(ne) ? X.push(ne) : Z.push(ne.name);
+    return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se };
+  }, f = (g) => {
+    const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se } = E(g);
+    J.length && I(`File${J.length > 1 ? "s" : ""} too large${N ? ` (max ${N / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && I(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), se && I(`Max ${$} images per message`), x && L.length && x(L);
+    const fe = X.concat(x ? [] : L);
+    m && fe.length && m(fe);
+  };
+  P(() => {
+    const g = W.current;
+    g && (g.style.height = "auto", g.style.height = `${Math.min(g.scrollHeight, 200)}px`);
+  }, [t]), P(() => {
+    const g = (L) => {
+      var J, Z, se;
+      if (o || i) return;
+      const X = (J = L.target) == null ? void 0 : J.tagName;
+      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = L.target) != null && Z.isContentEditable || L.ctrlKey || L.metaKey || L.altKey || L.key.length !== 1 && L.key !== "Backspace" && L.key !== "Delete" || (se = W.current) == null || se.focus();
+    };
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
+  }, [o, i]);
+  const T = (g) => {
+    g.preventDefault(), z.current++, g.dataTransfer.types.includes("Files") && F(!0);
+  }, O = (g) => {
+    g.preventDefault(), z.current--, z.current === 0 && F(!1);
+  }, Y = (g) => g.preventDefault(), te = (g) => {
+    g.preventDefault(), z.current = 0, F(!1);
+    const L = Array.from(g.dataTransfer.files);
+    L.length && f(L);
+  }, ie = (g) => {
+    const L = Array.from(g.target.files || []);
+    M.current && (M.current.value = ""), L.length && f(L);
+  }, H = (g) => {
+    var ne;
+    if (!x) return;
+    const L = (ne = g.clipboardData) == null ? void 0 : ne.items;
+    if (!L) return;
+    const X = [];
+    for (const st of L) {
+      const Me = st.getAsFile();
+      Me && X.push(Me);
+    }
+    if (X.length === 0) return;
+    const { imageFiles: J, tooLarge: Z, skipped: se, limitExceeded: fe } = E(X);
+    Z.length && I(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), se.length && I(`Skipped unsupported file${se.length > 1 ? "s" : ""}: ${se.join(", ")}`), fe && I(`Max ${$} images per message`), J.length && (g.preventDefault(), x(J));
+  }, Q = !o && !i && !!(c != null && c.length) && t.length === 0, le = Ht({
+    prompts: c ?? [],
+    enabled: Q
+  }), ge = (g) => {
+    if (Q) {
+      if (g.key === "ArrowDown" || g.key === "ArrowRight") {
+        g.preventDefault(), le.next();
+        return;
+      }
+      if (g.key === "ArrowUp" || g.key === "ArrowLeft") {
+        g.preventDefault(), le.prev();
+        return;
+      }
+      if (g.key === "Tab" && !g.shiftKey) {
+        g.preventDefault(), s == null || s(le.currentPrompt);
+        return;
+      }
+    }
+    a == null || a(g);
+  }, tt = (t.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Pe = m || x;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...D, children: [
+    Pe && /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: M,
+        type: "file",
+        multiple: !0,
+        accept: "*/*",
+        className: "ds-prompt-input__file-input",
+        onChange: ie
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: ["ds-prompt-input__box", j && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        onDragEnter: T,
+        onDragLeave: O,
+        onDragOver: Y,
+        onDrop: te,
+        children: [
+          j && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          /* @__PURE__ */ e.jsx(
+            "textarea",
+            {
+              ref: W,
+              value: t,
+              onChange: (g) => s == null ? void 0 : s(g.target.value),
+              onKeyDown: ge,
+              onPaste: H,
+              placeholder: Q ? "" : l,
+              disabled: o || i,
+              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: le.displayed }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
+          ] }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((g, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: g.preview, alt: "" }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                className: "ds-prompt-input__image-remove",
+                onClick: () => h == null ? void 0 : h(L),
+                "aria-label": "Remove image",
+                type: "button",
+                children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
+              }
+            )
+          ] }, L)) }),
+          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((g) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: g.msg }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-prompt-input__warning-close",
+                onClick: () => v(g.id),
+                "aria-label": "Dismiss",
+                children: /* @__PURE__ */ e.jsx(ee, { size: C[1], strokeWidth: 1.5 })
+              }
+            )
+          ] }, g.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((g, L) => /* @__PURE__ */ e.jsx(pe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            g.uploading ? /* @__PURE__ */ e.jsx(ft, { size: C[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: C[1], strokeWidth: 1.5 }),
+            g.filename,
+            g.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-prompt-input__remove-btn",
+                onClick: () => p == null ? void 0 : p(L),
+                children: /* @__PURE__ */ e.jsx(ee, { size: C[1], strokeWidth: 1.5 })
+              }
+            )
+          ] }) }, L)) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
+            Pe && /* @__PURE__ */ e.jsx(
+              oe,
+              {
+                variant: "ghost",
+                size: "xs",
+                icon: /* @__PURE__ */ e.jsx(ze, { size: C[2], strokeWidth: 1.5 }),
+                "aria-label": "Attach files",
+                onClick: () => {
+                  var g;
+                  return (g = M.current) == null ? void 0 : g.click();
+                }
+              }
+            ),
+            _,
+            y,
+            /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
+            o ? /* @__PURE__ */ e.jsx(
+              oe,
+              {
+                variant: "primary",
+                size: "xs",
+                icon: /* @__PURE__ */ e.jsx(mt, { size: C[2], strokeWidth: 1.5 }),
+                onClick: r,
+                "aria-label": "Stop"
+              }
+            ) : /* @__PURE__ */ e.jsx(
+              oe,
+              {
+                variant: "primary",
+                size: "xs",
+                icon: /* @__PURE__ */ e.jsx(pt, { size: C[2], strokeWidth: 1.5 }),
+                onClick: n,
+                disabled: !tt,
+                "aria-label": "Send"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const qe = { fast: 0, standard: 1, premium: 2 }, Ge = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function hn({
+  models: t = [],
+  value: s,
+  onChange: n,
+  size: r = "xs",
+  minTier: a,
+  showAutoOption: o = !1,
+  groupByTier: i = !0,
+  className: l = "",
+  ...c
+}) {
+  const [d, u] = B(!1), m = R(null), x = R(null), p = R(null), [h, w] = B({}), b = t.filter((j) => !a || j.name === "auto" ? !0 : (qe[j.tier] ?? 1) >= (qe[a] ?? 1)), $ = b.find((j) => j.name === "auto"), N = b.filter((j) => j.name !== "auto"), _ = t.find((j) => j.name === s), S = new Set(N.map((j) => j.tier).filter(Boolean)).size > 1;
+  P(() => {
+    if (!d) return;
+    const j = 320, F = () => {
+      var A;
+      const I = (A = x.current) == null ? void 0 : A.getBoundingClientRect();
+      if (!I) return;
+      const v = window.innerHeight - I.bottom, k = v < j + 8 && I.top > v;
+      w({
+        position: "fixed",
+        zIndex: "var(--z-dropdown, 500)",
+        left: I.left,
+        ...k ? { bottom: window.innerHeight - I.top + 4, top: "auto" } : { top: I.bottom + 4, bottom: "auto" }
+      });
+    };
+    F(), window.addEventListener("scroll", F, !0), window.addEventListener("resize", F);
+    const K = (I) => {
+      var v, k;
+      !((v = m.current) != null && v.contains(I.target)) && !((k = p.current) != null && k.contains(I.target)) && u(!1);
+    }, V = (I) => {
+      I.key === "Escape" && u(!1);
+    };
+    return document.addEventListener("mousedown", K), document.addEventListener("keydown", V), () => {
+      window.removeEventListener("scroll", F, !0), window.removeEventListener("resize", F), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", V);
+    };
+  }, [d]);
+  const D = (j) => {
+    n == null || n(j), u(!1);
+  }, M = (j) => /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      type: "button",
+      className: [
+        "ds-model-picker__item",
+        j.name === s && "ds-model-picker__item--active"
+      ].filter(Boolean).join(" "),
+      onClick: () => D(j.name),
+      children: [
+        j.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: j.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: j.displayName || j.name }),
+        S && j.tier && /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: Ge[j.tier] || "default", children: j.tier })
+      ]
+    },
+    j.name
+  ), W = () => !i || !S ? N.map(M) : ["fast", "standard", "premium"].flatMap((j) => {
+    const F = N.filter((K) => K.tier === j);
+    return F.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": j, children: j.charAt(0).toUpperCase() + j.slice(1) }, `lbl-${j}`),
+      ...F.map(M)
+    ] : [];
+  }), z = d && /* @__PURE__ */ e.jsxs("div", { ref: p, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: h, children: [
+    o && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs(
+        "button",
+        {
+          type: "button",
+          className: [
+            "ds-model-picker__item",
+            "ds-model-picker__item--auto",
+            s === "auto" && "ds-model-picker__item--active"
+          ].filter(Boolean).join(" "),
+          onClick: () => D("auto"),
+          children: [
+            /* @__PURE__ */ e.jsx(ht, { 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)" })
+          ]
+        }
+      ),
+      N.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+    ] }),
+    W()
+  ] });
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: m,
+      className: ["ds-model-picker", l].filter(Boolean).join(" "),
+      ...c,
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            ref: x,
+            type: "button",
+            className: "ds-model-picker__trigger",
+            onClick: () => u((j) => !j),
+            "aria-haspopup": "listbox",
+            "aria-expanded": d,
+            children: [
+              _ != null && _.icon ? /* @__PURE__ */ e.jsx("span", { children: _.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (_ == null ? void 0 : _.displayName) || (_ == null ? void 0 : _.name) || s }),
+              S && (_ == null ? void 0 : _.tier) && /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: Ge[_.tier] || "default", children: _.tier })
+            ]
+          }
+        ),
+        typeof document < "u" && re.createPortal(z, document.body)
+      ]
+    }
+  );
+}
+const Gt = ({ filename: t, pages: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+  /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: t }),
+  s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(s) })
+] });
+function Te(t) {
+  return t != null && t.length ? "p. " + t.join(", ") : null;
+}
+function Kt(t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of t)
+    s.has(n.filename) || s.set(n.filename, { filename: n.filename, url: n.url, items: [] }), s.get(n.filename).items.push(n);
+  return [...s.values()];
+}
+function xn({
+  sources: t = [],
+  layout: s = "list",
+  title: n = "Sources",
+  maxVisible: r = 5,
+  onSourceClick: a
+}) {
+  const [o, i] = B(!1), l = Kt(t), c = l.length > r, d = o ? l : l.slice(0, r), u = t.some((x) => x.snippet), m = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: m, children: [
+    d.map((x) => {
+      const p = x.items.map((w) => w.page).filter(Boolean), h = !!a;
+      return /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: `ds-sources-panel__compact-row${h ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: h ? () => a(x.items[0]) : void 0,
+          children: [
+            /* @__PURE__ */ e.jsx(xt, { size: C[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: x.filename }),
+            p.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(p) })
+          ]
+        },
+        x.filename
+      );
+    }),
+    c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+      "+",
+      l.length - r,
+      " more sources"
+    ] })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, children: [
+    n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
+    d.map((x) => {
+      const p = x.items.map((w) => w.page).filter(Boolean), h = !!a;
+      return u ? /* @__PURE__ */ e.jsx(
+        Be,
+        {
+          title: /* @__PURE__ */ e.jsx(Gt, { filename: x.filename, pages: p }),
+          padding: "s",
+          children: x.items.map((w, b) => /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: `ds-sources-panel__snippet${h ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: h ? () => a(w) : void 0,
+              children: w.snippet ?? `p. ${w.page}`
+            },
+            b
+          ))
+        },
+        x.filename
+      ) : /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: `ds-sources-panel__row${h ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: h ? () => a(x.items[0]) : void 0,
+          children: [
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: x.filename }),
+            p.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(p) })
+          ]
+        },
+        x.filename
+      );
+    }),
+    c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+      "+",
+      l.length - r,
+      " more sources"
+    ] })
+  ] });
+}
+function Ke(t) {
+  return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
+}
+function vn({
+  used: t,
+  limit: s,
+  size: n = "s",
+  showCount: r = !0,
+  showPercent: a = !1,
+  warningThreshold: o = 0.8,
+  errorThreshold: i = 1
+}) {
+  const l = s > 0 ? t / s : 0, c = Math.min(l * 100, 100), d = l >= i ? "error" : l >= o ? "warning" : "normal";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `ds-token-counter ds-token-counter--${n}`,
+      role: "meter",
+      "aria-valuenow": t,
+      "aria-valuemax": s,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
+            style: { width: `${c}%` }
+          }
+        ) }),
+        (r || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
+          r && /* @__PURE__ */ e.jsxs("span", { children: [
+            Ke(t),
+            " / ",
+            Ke(s)
+          ] }),
+          a && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
+            Math.round(l * 100),
+            "%"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+const Xe = 5;
+function Xt(t) {
+  return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
+}
+function _n({
+  value: t = 0,
+  size: s = "xs",
+  showLabel: n = "none",
+  layout: r = "inline"
+}) {
+  const a = Math.max(0, Math.min(1, t)), o = Math.round(a * Xe), i = Xt(a);
+  return /* @__PURE__ */ e.jsxs("div", { className: [
+    "ds-confidence-bar",
+    `ds-confidence-bar--${s}`,
+    `ds-confidence-bar--${i}`,
+    r === "block" && "ds-confidence-bar--block"
+  ].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Xe }, (l, c) => /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `ds-confidence-bar__seg${c < o ? " ds-confidence-bar__seg--filled" : ""}`
+      },
+      c
+    )) }),
+    n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
+  ] });
+}
+const Jt = { add: "+", remove: "-", context: " " };
+function ye({ line: t, lineNumbers: s }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${t.type}`, children: [
+    s && t.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: t.lineNo }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Jt[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
+  ] });
+}
+function bn({
+  lines: t = [],
+  layout: s = "inline",
+  wordWrap: n = !1,
+  lineNumbers: r = !0,
+  maxHeight: a,
+  title: o
+}) {
+  const i = [
+    "ds-diff-view",
+    `ds-diff-view--${s}`,
+    n && "ds-diff-view--wrap"
+  ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
+  if (s === "split") {
+    const c = t.filter((u) => u.type === "remove" || u.type === "context"), d = t.filter((u) => u.type === "add" || u.type === "context");
+    return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
+      o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
+      /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((u, m) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, m)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((u, m) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, m)) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, d) => /* @__PURE__ */ e.jsx(ye, { line: c, lineNumbers: r }, d)) })
+  ] });
+}
+function Zt({
+  value: t = "idle",
+  onLike: s,
+  onDislike: n,
+  className: r = "",
+  ...a
+}) {
+  const o = t !== "idle";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [
+        "ds-message-feedback",
+        o && "ds-message-feedback--voted",
+        r
+      ].filter(Boolean).join(" "),
+      ...a,
+      children: [
+        (!o || t === "liked") && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: [
+              "ds-message-feedback__btn",
+              t === "liked" && "ds-message-feedback__btn--liked"
+            ].filter(Boolean).join(" "),
+            onClick: s,
+            disabled: o,
+            "aria-label": "Like",
+            "aria-pressed": t === "liked",
+            children: /* @__PURE__ */ e.jsx(
+              vt,
+              {
+                size: C[1],
+                strokeWidth: 1.5,
+                fill: t === "liked" ? "currentColor" : "none"
+              }
+            )
+          }
+        ),
+        (!o || t === "disliked") && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: [
+              "ds-message-feedback__btn",
+              t === "disliked" && "ds-message-feedback__btn--disliked"
+            ].filter(Boolean).join(" "),
+            onClick: n,
+            disabled: o,
+            "aria-label": "Dislike",
+            "aria-pressed": t === "disliked",
+            children: /* @__PURE__ */ e.jsx(
+              _t,
+              {
+                size: C[1],
+                strokeWidth: 1.5,
+                fill: t === "disliked" ? "currentColor" : "none"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Qt(t) {
+  const s = t instanceof Date ? t : new Date(t);
+  if (isNaN(s)) return null;
+  const n = /* @__PURE__ */ new Date(), r = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = new Date(a - 864e5);
+  if (s >= a) return r;
+  if (s >= o) return `Yesterday ${r}`;
+  const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
+  return `${i} ${l} ${r}`;
+}
+function jn({
+  role: t = "assistant",
+  text: s,
+  timestamp: n,
+  feedbackValue: r = "idle",
+  onLike: a,
+  onDislike: o,
+  className: i = "",
+  ...l
+}) {
+  const c = t === "assistant" && (a || o), d = !!s, u = n ? Qt(n) : null;
+  return !c && !d && !u ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
+      ...l,
+      children: [
+        t === "user" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u }),
+        c && /* @__PURE__ */ e.jsx(Zt, { className: "ds-message-action", value: r, onLike: a, onDislike: o }),
+        d && /* @__PURE__ */ e.jsx(Yt, { className: "ds-message-action", text: s }),
+        t === "assistant" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u })
+      ]
+    }
+  );
+}
+function Nn({ label: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", s].filter(Boolean).join(" "), ...n, children: [
+    /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
+    t && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: t })
+  ] });
+}
+function wn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
+  const o = t === "dark", i = s ?? o, l = o ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", c = o ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "hidden",
+        zIndex: 0,
+        ...i && {
+          background: "radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"
+        },
+        ...r
+      },
+      ...a,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            inset: 0,
+            backgroundImage: [
+              `linear-gradient(${l} 1px, transparent 1px)`,
+              `linear-gradient(90deg, ${l} 1px, transparent 1px)`,
+              `linear-gradient(${c} 1px, transparent 1px)`,
+              `linear-gradient(90deg, ${c} 1px, transparent 1px)`
+            ].join(", "),
+            backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
+            backgroundPosition: "-1px -1px, -1px -1px, -1px -1px, -1px -1px",
+            ...n && {
+              WebkitMaskImage: "radial-gradient(ellipse at center, #000 30%, transparent 85%)",
+              maskImage: "radial-gradient(ellipse at center, #000 30%, transparent 85%)"
+            }
+          }
+        }
+      )
+    }
+  );
+}
+function gn({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
+  const o = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `ds-scrollable ${r}`,
+      style: { ...o, ...n },
+      ...a,
+      children: t
+    }
+  );
+}
+const ke = 280, es = 22, ts = 14, de = 8, Ne = 6, ss = 200;
+function ns(t) {
+  return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
+}
+function rs(t, s, n, r) {
+  const a = window.innerWidth, o = window.innerHeight;
+  if (o - t.bottom >= s + r + de) return "bottom";
+  if (t.top >= s + r + de) return "top";
+  if (a - t.right >= n + r + de) return "right";
+  if (t.left >= n + r + de) return "left";
+  const i = Math.max(t.top, o - t.bottom, a - t.right, t.left);
+  return i === o - t.bottom ? "bottom" : i === t.top ? "top" : i === a - t.right ? "right" : "left";
+}
+function as(t, s, n, r, a) {
+  const o = window.innerWidth, i = window.innerHeight;
+  let l, c;
+  switch (t) {
+    case "top":
+      l = s.top - n - a, c = s.left + s.width / 2 - r / 2;
+      break;
+    case "bottom":
+      l = s.bottom + a, c = s.left + s.width / 2 - r / 2;
+      break;
+    case "left":
+      l = s.top + s.height / 2 - n / 2, c = s.left - r - a;
+      break;
+    default:
+      l = s.top + s.height / 2 - n / 2, c = s.right + a;
+  }
+  const d = Math.max(de, Math.min(o - r - de, c)), u = Math.max(de, Math.min(i - n - de, l));
+  return { top: u, left: d, arrowOffset: c - d, arrowOffsetY: l - u };
+}
+function yn({
+  steps: t,
+  currentStep: s,
+  onNext: n,
+  onBack: r,
+  onSkip: a,
+  onFinish: o,
+  overlay: i = !0,
+  ring: l = !0,
+  labelNext: c = "Next",
+  labelBack: d = "Back",
+  labelSkip: u = "Skip tour",
+  labelFinish: m = "Done",
+  statePrimary: x = "idle",
+  stateBack: p = "idle"
+}) {
+  const h = R(null), w = R(t), b = R(s), $ = R(l);
+  w.current = t, b.current = s, $.current = l;
+  const [N, _] = B(!1), [y, S] = B({ position: "fixed", visibility: "hidden", width: ke }), [D, M] = B("bottom"), [W, z] = B(null), j = R(!1), F = t[s], K = s === t.length - 1, V = ce(() => {
+    const I = w.current[b.current];
+    if (!I || !h.current) return;
+    const v = ns(I.target);
+    if (!v) return;
+    const k = v.getBoundingClientRect(), U = h.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = I.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y, arrowOffsetY: te } = as(f, k, U, G, E);
+    M(f), S({
+      position: "fixed",
+      top: T,
+      left: O,
+      width: ke,
+      visibility: "visible",
+      "--arrow-offset": `${Y}px`,
+      "--arrow-offset-y": `${te}px`
+    }), z({
+      top: k.top - Ne,
+      left: k.left - Ne,
+      width: k.width + Ne * 2,
+      height: k.height + Ne * 2
+    });
+  }, []);
+  return P(() => {
+    window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
+    const I = requestAnimationFrame(() => {
+      V(), _(!0), j.current = !0;
+    });
+    return () => {
+      cancelAnimationFrame(I), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
+    };
+  }, []), P(() => {
+    if (!j.current) return;
+    _(!1);
+    const I = setTimeout(() => {
+      S((v) => ({ ...v, visibility: "hidden" })), requestAnimationFrame(() => {
+        V(), _(!0);
+      });
+    }, ss + 20);
+    return () => clearTimeout(I);
+  }, [s]), P(() => {
+    N && h.current && h.current.focus({ preventScroll: !0 });
+  }, [N]), P(() => {
+    const I = (v) => {
+      v.key === "Escape" && a();
+    };
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+  }, [a]), P(() => {
+    if (!N) return;
+    const I = (v) => {
+      if (v.key !== "Tab" || !h.current) return;
+      const k = Array.from(
+        h.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+      );
+      if (!k.length) return;
+      const A = k[0], U = k[k.length - 1];
+      v.shiftKey && document.activeElement === A ? (v.preventDefault(), U.focus()) : !v.shiftKey && document.activeElement === U && (v.preventDefault(), A.focus());
+    };
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+  }, [N]), !F || typeof document > "u" ? null : re.createPortal(
+    /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      W && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: [
+            "ds-coachmark__spotlight",
+            i && "ds-coachmark__spotlight--overlay",
+            !l && "ds-coachmark__spotlight--no-ring",
+            N && "ds-coachmark__spotlight--visible"
+          ].filter(Boolean).join(" "),
+          style: W,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: h,
+          "data-ds-portal": "",
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-live": "polite",
+          "aria-label": F.title ?? `Step ${s + 1} of ${t.length}`,
+          className: [
+            "ds-coachmark__bubble",
+            `ds-coachmark__bubble--${D}`,
+            N && "ds-coachmark__bubble--visible"
+          ].filter(Boolean).join(" "),
+          style: y,
+          tabIndex: -1,
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-coachmark__close",
+                onClick: a,
+                "aria-label": u,
+                children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
+              }
+            ),
+            F.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: F.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: F.content }),
+            /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
+              t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
+                s + 1,
+                " / ",
+                t.length
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
+                s > 0 && /* @__PURE__ */ e.jsx(oe, { variant: "secondary", size: "s", state: p, onClick: r, children: d }),
+                /* @__PURE__ */ e.jsx(oe, { variant: "primary", size: "s", state: x, onClick: K ? o : n, children: K ? m : c })
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+function kn(t, s = {}) {
+  const { storageKey: n } = s, [r, a] = B(0), [o, i] = B(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = ce(() => {
+    i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
+  }, [n]);
+  return {
+    currentStep: r,
+    isActive: o,
+    start: () => {
+      l() || (a(0), i(!0));
+    },
+    next: () => a((d) => Math.min(d + 1, t.length - 1)),
+    back: () => a((d) => Math.max(d - 1, 0)),
+    skip: c,
+    finish: c
+  };
+}
+function En() {
+  const t = R(null), s = ce(() => {
+    const n = t.current;
+    if (!n) return;
+    n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
+    const r = () => {
+      n.classList.remove("ds-shake"), n.removeEventListener("animationend", r);
+    };
+    n.addEventListener("animationend", r);
+  }, []);
+  return { ref: t, shake: s };
+}
+export {
+  Be as Accordion,
+  bs as Alert,
+  nn as AnimatedNumber,
+  Ss as Avatar,
+  pe as Badge,
+  en as Banner,
+  Ns as BottomSheet,
+  Cs as Breadcrumb,
+  oe as Button,
+  ms as Card,
+  fn as ChatMessage,
+  Ts as Checkbox,
+  yn as Coachmark,
+  ws as Code,
+  $t as CodeAccordion,
+  _n as ConfidenceBar,
+  Yt as CopyButton,
+  bn as DiffView,
+  tn as Dropdown,
+  zs as EmptyState,
+  wn as EngineerGrid,
+  Fs as FormField,
+  ps as H1,
+  hs as H2,
+  xs as H3,
+  vs as H4,
+  rn as InView,
+  cs as Input,
+  gs as Link,
+  Zt as MessageFeedback,
+  jn as MessageFooter,
+  js as Modal,
+  he as ModalFooter,
+  hn as ModelPicker,
+  Vs as NavRail,
+  Zs as NavRailAgent,
+  Hs as NavRailBody,
+  Js as NavRailCustomItem,
+  Ks as NavRailDivider,
+  Qs as NavRailFlyout,
+  Gs as NavRailFooter,
+  qs as NavRailHeader,
+  Ys as NavRailItem,
+  Xs as NavRailRecents,
+  _s as P1,
+  gt as P2,
+  Qe as P3,
+  Os as Pagination,
+  sn as ProgressBar,
+  pn as PromptInput,
+  Rs as Radio,
+  cn as ReasoningBlock,
+  gn as Scrollable,
+  Es as SegmentedControl,
+  us as Select,
+  Us as SidePage,
+  Oe as SidePageFooter,
+  St as Skeleton,
+  xn as SourcesPanel,
+  Nt as Spinner,
+  Ws as Stat,
+  dn as StepIndicator,
+  fs as Stepper,
+  un as StreamingText,
+  ks as Tab,
+  As as Table,
+  Is as TableBody,
+  Ds as TableHead,
+  Bs as TableRow,
+  Ls as TableSubheaderRow,
+  ys as Tabs,
+  Ms as Td,
+  ds as Textarea,
+  Ps as Th,
+  Nn as ThinkingDot,
+  on as ToastContainer,
+  $s as Toggle,
+  vn as TokenCounter,
+  ln as ToolCallBubble,
+  ln as ToolCallCard,
+  Le as Tooltip,
+  C as iconSizes,
+  Ft as useAnimatedNumber,
+  Ht as useAnimatedPlaceholder,
+  kn as useCoachmark,
+  Wt as useInView,
+  En as useShake,
+  mn as useStreamScroll,
+  an as useToast
+};