npm - @donkit-ai/design-system - Versions diffs - 1.3.5 → 1.3.7 - Mend

@donkit-ai/design-system 1.3.5 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,14 +1,14 @@
-import B, { useState as T, useRef as E, useEffect as P, useLayoutEffect as we } from "react";
-import { Check as xe, X as ee, ChevronDown as re, Minus as _e, Plus as Ne, XCircle as ce, AlertTriangle as le, CheckCircle as de, Info as ue, ChevronUp as ye, ChevronsUpDown as Ee, ChevronLeft as ke, ChevronRight as $e } from "lucide-react";
+import L, { useState as R, useRef as E, useEffect as D, useLayoutEffect as Ne, useId as ye } from "react";
+import { Check as ve, X as ee, ChevronDown as re, Minus as Ee, Plus as ke, XCircle as le, AlertTriangle as de, CheckCircle as ue, Info as fe, ChevronUp as $e, ChevronsUpDown as ge, ChevronLeft as Re, ChevronRight as je } from "lucide-react";
 import ne from "react-dom";
-const L = {
+const P = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var oe = { exports: {} }, te = {};
+var ie = { exports: {} }, te = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,14 +18,14 @@ var oe = { exports: {} }, te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var fe;
-function ge() {
-  if (fe) return te;
-  fe = 1;
-  var s = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
+var me;
+function Te() {
+  if (me) return te;
+  me = 1;
+  var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(o, a, n) {
-    var c = null;
-    if (n !== void 0 && (c = "" + n), a.key !== void 0 && (c = "" + a.key), "key" in a) {
+    var i = null;
+    if (n !== void 0 && (i = "" + n), a.key !== void 0 && (i = "" + a.key), "key" in a) {
       n = {};
       for (var l in a)
         l !== "key" && (n[l] = a[l]);
@@ -33,12 +33,12 @@ function ge() {
     return a = n.ref, {
       $$typeof: s,
       type: o,
-      key: c,
+      key: i,
       ref: a !== void 0 ? a : null,
       props: n
     };
   }
-  return te.Fragment = e, te.jsx = r, te.jsxs = r, te;
+  return te.Fragment = t, te.jsx = r, te.jsxs = r, te;
 }
 var se = {};
 /**
@@ -50,18 +50,18 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var me;
-function Re() {
-  return me || (me = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(i) {
-      if (i == null) return null;
-      if (typeof i == "function")
-        return i.$$typeof === G ? null : i.displayName || i.name || null;
-      if (typeof i == "string") return i;
-      switch (i) {
-        case g:
+var pe;
+function Ie() {
+  return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(c) {
+      if (c == null) return null;
+      if (typeof c == "function")
+        return c.$$typeof === G ? null : c.displayName || c.name || null;
+      if (typeof c == "string") return c;
+      switch (c) {
+        case k:
           return "Fragment";
-        case D:
+        case B:
           return "Profiler";
         case N:
           return "StrictMode";
@@ -69,134 +69,134 @@ function Re() {
           return "Suspense";
         case q:
           return "SuspenseList";
-        case C:
+        case V:
           return "Activity";
       }
-      if (typeof i == "object")
-        switch (typeof i.tag == "number" && console.error(
+      if (typeof c == "object")
+        switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), i.$$typeof) {
-          case _:
+        ), c.$$typeof) {
+          case w:
             return "Portal";
-          case k:
-            return i.displayName || "Context";
-          case R:
-            return (i._context.displayName || "Context") + ".Consumer";
-          case V:
-            var h = i.render;
-            return i = i.displayName, i || (i = h.displayName || h.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case $:
+            return c.displayName || "Context";
+          case T:
+            return (c._context.displayName || "Context") + ".Consumer";
+          case z:
+            var x = c.render;
+            return c = c.displayName, c || (c = x.displayName || x.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
           case M:
-            return h = i.displayName || null, h !== null ? h : s(i.type) || "Memo";
+            return x = c.displayName || null, x !== null ? x : s(c.type) || "Memo";
           case F:
-            h = i._payload, i = i._init;
+            x = c._payload, c = c._init;
             try {
-              return s(i(h));
+              return s(c(x));
             } catch {
             }
         }
       return null;
     }
-    function e(i) {
-      return "" + i;
+    function t(c) {
+      return "" + c;
     }
-    function r(i) {
+    function r(c) {
       try {
-        e(i);
-        var h = !1;
+        t(c);
+        var x = !1;
       } catch {
-        h = !0;
+        x = !0;
       }
-      if (h) {
-        h = console;
-        var y = h.error, I = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+      if (x) {
+        x = console;
+        var y = x.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return y.call(
-          h,
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           I
-        ), e(i);
+        ), t(c);
       }
     }
-    function o(i) {
-      if (i === g) return "<>";
-      if (typeof i == "object" && i !== null && i.$$typeof === F)
+    function o(c) {
+      if (c === k) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
       try {
-        var h = s(i);
-        return h ? "<" + h + ">" : "<...>";
+        var x = s(c);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var i = H.A;
-      return i === null ? null : i.getOwner();
+      var c = H.A;
+      return c === null ? null : c.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function c(i) {
-      if (z.call(i, "key")) {
-        var h = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function i(c) {
+      if (C.call(c, "key")) {
+        var x = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
-      return i.key !== void 0;
+      return c.key !== void 0;
     }
-    function l(i, h) {
+    function l(c, x) {
       function y() {
-        $ || ($ = !0, console.error(
+        g || (g = !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)",
-          h
+          x
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(i, "key", {
+      y.isReactWarning = !0, Object.defineProperty(c, "key", {
         get: y,
         configurable: !0
       });
     }
     function m() {
-      var i = s(this.type);
-      return S[i] || (S[i] = !0, console.error(
+      var c = s(this.type);
+      return S[c] || (S[c] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), i = this.props.ref, i !== void 0 ? i : null;
+      )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(i, h, y, I, K, X) {
+    function u(c, x, y, I, K, X) {
       var A = y.ref;
-      return i = {
-        $$typeof: w,
-        type: i,
-        key: h,
+      return c = {
+        $$typeof: _,
+        type: c,
+        key: x,
         props: y,
         _owner: I
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(i, "ref", {
+      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
         get: m
-      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
+      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(i, "_debugInfo", {
+      }), Object.defineProperty(c, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(i, "_debugStack", {
+      }), Object.defineProperty(c, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: K
-      }), Object.defineProperty(i, "_debugTask", {
+      }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: X
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function p(i, h, y, I, K, X) {
-      var A = h.children;
+    function p(c, x, y, I, K, X) {
+      var A = x.children;
       if (A !== void 0)
         if (I)
-          if (b(A)) {
+          if (h(A)) {
             for (I = 0; I < A.length; I++)
               f(A[I]);
             Object.freeze && Object.freeze(A);
@@ -205,10 +205,10 @@ function Re() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else f(A);
-      if (z.call(h, "key")) {
-        A = s(i);
-        var J = Object.keys(h).filter(function(je) {
-          return je !== "key";
+      if (C.call(x, "key")) {
+        A = s(c);
+        var J = Object.keys(x).filter(function(we) {
+          return we !== "key";
         });
         I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[A + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -223,16 +223,16 @@ React keys must be passed directly to JSX without using spread:
           A
         ), j[A + I] = !0);
       }
-      if (A = null, y !== void 0 && (r(y), A = "" + y), c(h) && (r(h.key), A = "" + h.key), "key" in h) {
+      if (A = null, y !== void 0 && (r(y), A = "" + y), i(x) && (r(x.key), A = "" + x.key), "key" in x) {
         y = {};
-        for (var ae in h)
-          ae !== "key" && (y[ae] = h[ae]);
-      } else y = h;
+        for (var ae in x)
+          ae !== "key" && (y[ae] = x[ae]);
+      } else y = x;
       return A && l(
         y,
-        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
+        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), u(
-        i,
+        c,
         A,
         y,
         a(),
@@ -240,83 +240,83 @@ React keys must be passed directly to JSX without using spread:
         X
       );
     }
-    function f(i) {
-      x(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === F && (i._payload.status === "fulfilled" ? x(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
+    function f(c) {
+      b(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? b(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
-    function x(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === w;
+    function b(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    var d = B, w = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), k = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, b = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
-      react_stack_bottom_frame: function(i) {
-        return i();
+      react_stack_bottom_frame: function(c) {
+        return c();
       }
     };
-    var $, S = {}, W = d.react_stack_bottom_frame.bind(
+    var g, S = {}, W = d.react_stack_bottom_frame.bind(
       d,
       n
     )(), U = v(o(n)), j = {};
-    se.Fragment = g, se.jsx = function(i, h, y) {
+    se.Fragment = k, se.jsx = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
-        i,
-        h,
+        c,
+        x,
         y,
         !1,
         I ? Error("react-stack-top-frame") : W,
-        I ? v(o(i)) : U
+        I ? v(o(c)) : U
       );
-    }, se.jsxs = function(i, h, y) {
+    }, se.jsxs = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
-        i,
-        h,
+        c,
+        x,
         y,
         !0,
         I ? Error("react-stack-top-frame") : W,
-        I ? v(o(i)) : U
+        I ? v(o(c)) : U
       );
     };
   }()), se;
 }
-process.env.NODE_ENV === "production" ? oe.exports = ge() : oe.exports = Re();
-var t = oe.exports;
-function Te({ size: s = "m", color: e = "default", className: r = "", ...o }) {
-  return /* @__PURE__ */ t.jsx(
+process.env.NODE_ENV === "production" ? ie.exports = Te() : ie.exports = Ie();
+var e = ie.exports;
+function Ae({ size: s = "m", color: t = "default", className: r = "", ...o }) {
+  return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${e}`, r].filter(Boolean).join(" "),
+      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, r].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
       ...o
     }
   );
 }
-const Ie = { xs: 12, s: 14, m: 16, l: 20 };
-function Ae({
+const Se = { xs: 12, s: 14, m: 16, l: 20 };
+function De({
   children: s,
-  variant: e = "primary",
+  variant: t = "primary",
   size: r = "m",
   fullWidth: o = !1,
   icon: a,
   disabled: n = !1,
-  state: c = "idle",
+  state: i = "idle",
   onClick: l,
   type: m = "button",
   href: u,
   "aria-label": p,
   ...f
 }) {
-  const x = a && !s, d = c === "loading", w = c === "success", _ = c === "error", g = d || w || _, N = r === "xs" ? "s" : "m", D = Ie[r] ?? 16, R = d ? /* @__PURE__ */ t.jsx(Te, { size: N }) : w ? /* @__PURE__ */ t.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(xe, { size: D, strokeWidth: 2.5 }) }) : _ ? /* @__PURE__ */ t.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(ee, { size: D, strokeWidth: 2.5 }) }) : null, k = [
+  const b = a && !s, d = i === "loading", _ = i === "success", w = i === "error", k = d || _ || w, N = r === "xs" ? "s" : "m", B = Se[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(Ae, { size: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ve, { size: B, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: B, strokeWidth: 2.5 }) }) : null, $ = [
     "ds-button",
-    `ds-button--${e}`,
+    `ds-button--${t}`,
     `ds-button--${r}`,
     o && "ds-button--full",
-    x && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), V = c !== "idle" ? c : void 0, O = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    g ? R : a && /* @__PURE__ */ t.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    b && "ds-button--icon-only"
+  ].filter(Boolean).join(" "), z = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    k ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (u) {
@@ -327,191 +327,191 @@ function Ae({
       }
       M.metaKey || M.ctrlKey || M.button === 1 || (M.preventDefault(), l == null || l(M));
     };
-    return /* @__PURE__ */ t.jsx(
+    return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: k,
+        className: $,
         href: n || d ? void 0 : u,
         onClick: q,
         "aria-label": p,
         "aria-disabled": n || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
-        "data-state": V,
+        "data-state": z,
         ...f,
         children: O
       }
     );
   }
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     "button",
     {
       type: m,
-      className: k,
+      className: $,
       disabled: n,
       onClick: d ? void 0 : l,
       "aria-label": p,
       "aria-busy": d ? "true" : void 0,
-      "data-state": V,
+      "data-state": z,
       ...f,
       children: O
     }
   );
 }
-function Ze({
+function nt({
   label: s,
-  error: e,
+  error: t,
   hint: r,
   fullWidth: o = !0,
   icon: a,
   iconRight: n,
-  onIconRightClick: c,
+  onIconRightClick: i,
   size: l = "m",
   disabled: m,
   id: u,
   ...p
 }) {
-  const f = u || `input-${B.useId()}`, x = r ? `${f}-hint` : void 0, d = e ? `${f}-error` : void 0, w = d || x;
-  return /* @__PURE__ */ t.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${e ? "ds-input-wrapper--error" : ""}`, children: [
-    s && /* @__PURE__ */ t.jsx("label", { className: "ds-input-label", htmlFor: f, children: s }),
-    /* @__PURE__ */ t.jsxs("div", { className: "ds-input-container", children: [
-      a && /* @__PURE__ */ t.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
-      /* @__PURE__ */ t.jsx(
+  const f = u || `input-${L.useId()}`, b = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || b;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: s }),
+    /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
+      a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
+      /* @__PURE__ */ e.jsx(
         "input",
         {
           id: f,
-          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${e ? "ds-input--error" : ""}`,
+          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
           disabled: m,
-          "aria-invalid": e ? "true" : "false",
-          "aria-describedby": w,
+          "aria-invalid": t ? "true" : "false",
+          "aria-describedby": _,
           ...p
         }
       ),
-      n && /* @__PURE__ */ t.jsx(
+      n && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: `ds-input-icon-right ds-input-icon-right--${l}`,
-          onClick: c,
+          onClick: i,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
           children: n
         }
       )
     ] }),
-    r && !e && /* @__PURE__ */ t.jsx("span", { id: x, className: "ds-input-hint", children: r }),
-    /* @__PURE__ */ t.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ t.jsx("div", { className: "ds-input-error-inner", children: e && /* @__PURE__ */ t.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: e }) }) })
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-input-hint", children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: t }) }) })
   ] });
 }
-function Qe({
+function at({
   label: s,
-  error: e,
+  error: t,
   hint: r,
   fullWidth: o = !0,
   size: a = "m",
   disabled: n,
-  id: c,
+  id: i,
   resize: l = !0,
   rows: m = 3,
   ...u
 }) {
-  const p = c || `textarea-${B.useId()}`, f = r ? `${p}-hint` : void 0, x = e ? `${p}-error` : void 0, d = x || f;
-  return /* @__PURE__ */ t.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ t.jsx("label", { className: "ds-textarea-label", htmlFor: p, children: s }),
-    /* @__PURE__ */ t.jsx(
+  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, b = t ? `${p}-error` : void 0, d = b || f;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: p, children: s }),
+    /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: p,
-        className: `ds-textarea ds-textarea--${a} ${e ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
+        className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: n,
-        "aria-invalid": e ? "true" : "false",
+        "aria-invalid": t ? "true" : "false",
         "aria-describedby": d,
         rows: m,
         ...u
       }
     ),
-    r && !e && /* @__PURE__ */ t.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
-    e && /* @__PURE__ */ t.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: e })
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
+    t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function et({
+function ot({
   label: s,
-  value: e,
+  value: t,
   onChange: r,
   options: o = [],
   placeholder: a = "Select option",
   error: n,
-  fullWidth: c = !0,
+  fullWidth: i = !0,
   size: l = "m",
   disabled: m = !1,
   id: u,
   ...p
 }) {
-  const [f, x] = T(!1), [d, w] = T(!1), [_, g] = T({}), [N, D] = T("down"), [R, k] = T(-1), V = E(null), O = E(null), q = E(null), M = E(null), F = u || `select-${B.useId()}`, C = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, z = (j = !1) => {
-    d || (w(!0), k(-1), M.current = setTimeout(() => {
-      var i;
-      x(!1), w(!1), j && ((i = q.current) == null || i.focus());
+  const [f, b] = R(!1), [d, _] = R(!1), [w, k] = R({}), [N, B] = R("down"), [T, $] = R(-1), z = E(null), O = E(null), q = E(null), M = E(null), F = u || `select-${L.useId()}`, V = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, C = (j = !1) => {
+    d || (_(!0), $(-1), M.current = setTimeout(() => {
+      var c;
+      b(!1), _(!1), j && ((c = q.current) == null || c.focus());
     }, H));
-  }, b = (j) => {
-    clearTimeout(M.current), w(!1);
-    const i = j !== void 0 ? j : Math.max(o.findIndex((h) => h.value === e), 0);
-    k(i), x(!0);
+  }, h = (j) => {
+    clearTimeout(M.current), _(!1);
+    const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
+    $(c), b(!0);
   };
-  P(() => () => clearTimeout(M.current), []);
+  D(() => () => clearTimeout(M.current), []);
   const v = () => {
     var X;
-    const j = (X = V.current) == null ? void 0 : X.getBoundingClientRect();
+    const j = (X = z.current) == null ? void 0 : X.getBoundingClientRect();
     if (!j) return;
-    const i = window.innerHeight, h = i - j.bottom, y = j.top, K = h < 300 && y > h;
-    D(K ? "up" : "down"), g(
-      K ? { bottom: i - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
+    const c = window.innerHeight, x = c - j.bottom, y = j.top, K = x < 300 && y > x;
+    B(K ? "up" : "down"), k(
+      K ? { bottom: c - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
     );
   };
-  P(() => {
+  D(() => {
     if (f)
       return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
         window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [f]), P(() => {
-    const j = (i) => {
-      V.current && !V.current.contains(i.target) && O.current && !O.current.contains(i.target) && z();
+  }, [f]), D(() => {
+    const j = (c) => {
+      z.current && !z.current.contains(c.target) && O.current && !O.current.contains(c.target) && C();
     };
     return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
-  }, [d]), P(() => {
-    var i;
-    if (!f || R < 0 || !O.current) return;
-    (i = O.current.querySelectorAll(".ds-select-option")[R]) == null || i.scrollIntoView({ block: "nearest" });
-  }, [R, f]);
-  const $ = (j) => {
+  }, [d]), D(() => {
+    var c;
+    if (!f || T < 0 || !O.current) return;
+    (c = O.current.querySelectorAll(".ds-select-option")[T]) == null || c.scrollIntoView({ block: "nearest" });
+  }, [T, f]);
+  const g = (j) => {
     switch (j.key) {
       case "ArrowDown":
-        j.preventDefault(), f ? k((i) => Math.min(i + 1, o.length - 1)) : b();
+        j.preventDefault(), f ? $((c) => Math.min(c + 1, o.length - 1)) : h();
         break;
       case "ArrowUp":
-        j.preventDefault(), f ? k((i) => Math.max(i - 1, 0)) : b(o.length - 1);
+        j.preventDefault(), f ? $((c) => Math.max(c - 1, 0)) : h(o.length - 1);
         break;
       case "Home":
-        f && (j.preventDefault(), k(0));
+        f && (j.preventDefault(), $(0));
         break;
       case "End":
-        f && (j.preventDefault(), k(o.length - 1));
+        f && (j.preventDefault(), $(o.length - 1));
         break;
       case "Enter":
       case " ":
-        j.preventDefault(), f ? R >= 0 && (r == null || r(o[R].value), z(!0)) : b();
+        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), C(!0)) : h();
         break;
       case "Escape":
-        f && (j.preventDefault(), z(!0));
+        f && (j.preventDefault(), C(!0));
         break;
       case "Tab":
-        f && z(!1);
+        f && C(!1);
         break;
     }
-  }, S = o.find((j) => j.value === e), W = l === "xs" ? L[1] : l === "small" ? L[2] : L[3], U = f && /* @__PURE__ */ t.jsx(
+  }, S = o.find((j) => j.value === t), W = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], U = f && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: O,
       role: "listbox",
-      "aria-labelledby": s ? C : void 0,
+      "aria-labelledby": s ? V : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown",
@@ -519,23 +519,23 @@ function et({
         `ds-select-dropdown--${N}`,
         d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: _,
-      children: o.map((j, i) => /* @__PURE__ */ t.jsx(
+      style: w,
+      children: o.map((j, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${F}-opt-${i}`,
+          id: `${F}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": e === j.value,
+          "aria-selected": t === j.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            e === j.value && "ds-select-option--selected",
-            i === R && "ds-select-option--active"
+            t === j.value && "ds-select-option--selected",
+            c === T && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(j.value), z(!0);
+            r == null || r(j.value), C(!0);
           },
           children: j.label
         },
@@ -543,9 +543,9 @@ function et({
       ))
     }
   );
-  return /* @__PURE__ */ t.jsxs("div", { className: `ds-select-wrapper ${c ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ t.jsx("label", { id: C, className: "ds-select-label", children: s }),
-    /* @__PURE__ */ t.jsx("div", { className: "ds-select-container", ref: V, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { id: V, className: "ds-select-label", children: s }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: z, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: q,
@@ -554,20 +554,20 @@ function et({
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": f,
-        "aria-activedescendant": f && R >= 0 ? `${F}-opt-${R}` : void 0,
-        "aria-labelledby": s ? C : void 0,
+        "aria-activedescendant": f && T >= 0 ? `${F}-opt-${T}` : void 0,
+        "aria-labelledby": s ? V : void 0,
         "aria-invalid": n ? "true" : "false",
         "aria-describedby": G,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (f ? z() : b());
+          m || (f ? C() : h());
         },
-        onKeyDown: $,
+        onKeyDown: g,
         disabled: m,
         ...p,
         children: [
-          /* @__PURE__ */ t.jsx("span", { className: S ? "" : "ds-select-placeholder", children: (S == null ? void 0 : S.label) || a }),
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx("span", { className: S ? "" : "ds-select-placeholder", children: (S == null ? void 0 : S.label) || a }),
+          /* @__PURE__ */ e.jsx(
             re,
             {
               size: W,
@@ -579,18 +579,18 @@ function et({
         ]
       }
     ) }),
-    n && /* @__PURE__ */ t.jsx("span", { id: G, className: "ds-select-error", role: "alert", children: n }),
+    n && /* @__PURE__ */ e.jsx("span", { id: G, className: "ds-select-error", role: "alert", children: n }),
     typeof document < "u" && ne.createPortal(U, document.body)
   ] });
 }
-function tt({
+function it({
   label: s,
-  value: e = 0,
+  value: t = 0,
   onChange: r,
   min: o = 0,
   max: a = 100,
   step: n = 1,
-  size: c = "m",
+  size: i = "m",
   disabled: l = !1,
   hint: m,
   error: u,
@@ -598,53 +598,53 @@ function tt({
 }) {
   const f = () => {
     if (l) return;
-    const N = Math.min(Number(e) + n, a);
+    const N = Math.min(Number(t) + n, a);
     r == null || r(N);
-  }, x = () => {
+  }, b = () => {
     if (l) return;
-    const N = Math.max(Number(e) - n, o);
+    const N = Math.max(Number(t) - n, o);
     r == null || r(N);
   }, d = (N) => {
     if (l) return;
-    const D = N.target.value;
-    if (D === "") {
+    const B = N.target.value;
+    if (B === "") {
       r == null || r(o);
       return;
     }
-    const R = Number(D);
-    if (!isNaN(R)) {
-      const k = Math.min(Math.max(R, o), a);
-      r == null || r(k);
+    const T = Number(B);
+    if (!isNaN(T)) {
+      const $ = Math.min(Math.max(T, o), a);
+      r == null || r($);
     }
-  }, w = [
+  }, _ = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), _ = [
+  ].filter(Boolean).join(" "), w = [
     "ds-stepper",
-    `ds-stepper--${c}`,
+    `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), g = c === "xs" ? L[1] : c === "small" ? L[2] : L[3];
-  return /* @__PURE__ */ t.jsxs("div", { className: w, children: [
-    s && /* @__PURE__ */ t.jsx("label", { className: "ds-stepper-label", children: s }),
-    /* @__PURE__ */ t.jsxs("div", { className: _, children: [
-      /* @__PURE__ */ t.jsx(
+  ].filter(Boolean).join(" "), k = i === "xs" ? P[1] : i === "small" ? P[2] : P[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
+    s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
+    /* @__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 || e <= o,
+          onClick: b,
+          disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ t.jsx(_e, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ee, { size: k, strokeWidth: 1.5 })
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsx(
         "input",
         {
           type: "number",
           className: "ds-stepper-input",
-          value: e,
+          value: t,
           onChange: d,
           min: o,
           max: a,
@@ -653,229 +653,229 @@ function tt({
           ...p
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: f,
-          disabled: l || e >= a,
+          disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ t.jsx(Ne, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(ke, { size: k, strokeWidth: 1.5 })
         }
       )
     ] }),
-    m && !u && /* @__PURE__ */ t.jsx("div", { className: "ds-stepper-hint", children: m }),
-    u && /* @__PURE__ */ t.jsx("div", { className: "ds-stepper-error", children: u })
+    m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
+    u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function st({
+function Pe({
   children: s,
-  padding: e = "m",
+  padding: t = "m",
   variant: r = "info",
   hover: o = !1,
   // deprecated, use variant="interactive"
   onClick: a,
   href: n,
-  disabled: c = !1,
+  disabled: i = !1,
   ...l
 }) {
   const u = (o ? "interactive" : r) === "interactive" || a || n, p = [
     "ds-card",
-    `ds-card--${e}`,
+    `ds-card--${t}`,
     u && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (n) {
-    const d = (w) => {
-      if (c) {
-        w.preventDefault();
+    const d = (_) => {
+      if (i) {
+        _.preventDefault();
         return;
       }
-      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), a == null || a(w));
+      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), a == null || a(_));
     };
-    return /* @__PURE__ */ t.jsx(
+    return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: p,
-        href: c ? void 0 : n,
+        href: i ? void 0 : n,
         onClick: d,
-        "aria-disabled": c ? "true" : void 0,
+        "aria-disabled": i ? "true" : void 0,
         ...l,
         children: s
       }
     );
   }
-  const f = u && a ? "button" : "div", x = u && a ? {
+  const f = u && a ? "button" : "div", b = u && a ? {
     type: "button",
     onClick: a,
-    disabled: c
+    disabled: i
   } : {};
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     f,
     {
       className: p,
       role: u && !a ? "article" : void 0,
-      ...x,
+      ...b,
       ...l,
       children: s
     }
   );
 }
-function rt({ children: s, ...e }) {
-  return /* @__PURE__ */ t.jsx("h1", { className: "ds-h1", ...e, children: s });
+function ct({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function nt({ children: s, ...e }) {
-  return /* @__PURE__ */ t.jsx("h2", { className: "ds-h2", ...e, children: s });
+function lt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function at({ children: s, ...e }) {
-  return /* @__PURE__ */ t.jsx("h3", { className: "ds-h3", ...e, children: s });
+function dt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function ot({ children: s, ...e }) {
-  return /* @__PURE__ */ t.jsx("h4", { className: "ds-h4", ...e, children: s });
+function ut({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function it({ children: s, secondary: e = !1, ...r }) {
-  return /* @__PURE__ */ t.jsx("p", { className: `ds-p1 ${e ? "ds-p1--secondary" : ""}`, ...r, children: s });
+function ft({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function ct({ children: s, secondary: e = !1, ...r }) {
-  return /* @__PURE__ */ t.jsx("p", { className: `ds-p2 ${e ? "ds-p2--secondary" : ""}`, ...r, children: s });
+function mt({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function lt({ children: s, secondary: e = !1, ...r }) {
-  return /* @__PURE__ */ t.jsx("p", { className: `ds-p3 ${e ? "ds-p3--secondary" : ""}`, ...r, children: s });
+function pt({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
-function dt({
+function oe({
   children: s,
-  variant: e = "default",
+  variant: t = "default",
   size: r = "m",
   role: o,
   ...a
 }) {
   const n = [
     "ds-badge",
-    `ds-badge--${e}`,
+    `ds-badge--${t}`,
     `ds-badge--${r}`
-  ].filter(Boolean).join(" "), c = o || (["info", "success", "warning", "error"].includes(e) ? "status" : void 0);
-  return /* @__PURE__ */ t.jsx("span", { className: n, role: c, ...a, children: s });
-}
-const Se = {
-  info: ue,
-  success: de,
-  warning: le,
-  error: ce
+  ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
+}
+const Be = {
+  info: fe,
+  success: ue,
+  warning: de,
+  error: le
 };
-function ut({
+function ht({
   children: s,
-  variant: e = "info",
+  variant: t = "info",
   title: r,
   onClose: o,
   role: a,
   ...n
 }) {
-  const c = Se[e], l = a || (e === "error" ? "alert" : "status");
-  return /* @__PURE__ */ t.jsxs("div", { className: `ds-alert ds-alert--${e} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
-    c && /* @__PURE__ */ t.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ t.jsx(c, { size: L[3], strokeWidth: 1.5 }) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "ds-alert__content", children: [
-      r && /* @__PURE__ */ t.jsx("div", { className: "ds-alert__title", children: r }),
-      s && /* @__PURE__ */ t.jsx("div", { className: "ds-alert__message", children: s })
+  const i = Be[t], l = a || (t === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
+      r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
+      s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
-    o && /* @__PURE__ */ t.jsx(
+    o && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
         onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ t.jsx(ee, { size: L[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const Pe = 200;
-function ft({
+const Oe = 200;
+function bt({
   children: s,
-  title: e,
+  title: t,
   onClose: r,
   size: o = "m",
   ...a
 }) {
-  const n = E(null), c = B.useId(), [l, m] = T(!1), u = () => {
+  const n = E(null), i = L.useId(), [l, m] = R(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Pe));
+    }, Oe));
   };
-  P(() => {
-    const d = (_) => {
-      _.key === "Escape" && u();
-    }, w = (_) => {
-      n.current && !n.current.contains(_.target) && u();
+  D(() => {
+    const d = (w) => {
+      w.key === "Escape" && u();
+    }, _ = (w) => {
+      n.current && !n.current.contains(w.target) && u();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
-  const p = B.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === pe), x = p.filter((d) => (d == null ? void 0 : d.type) !== pe);
-  return /* @__PURE__ */ t.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ t.jsxs(
+  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === he), b = p.filter((d) => (d == null ? void 0 : d.type) !== he);
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-modal ds-modal--${o}`,
       ref: n,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": e ? c : void 0,
+      "aria-labelledby": t ? i : void 0,
       children: [
-        (e || r) && /* @__PURE__ */ t.jsxs("div", { className: "ds-modal__header", children: [
-          e && /* @__PURE__ */ t.jsx("h3", { id: c, className: "ds-modal__title", children: e }),
-          r && /* @__PURE__ */ t.jsx(
-            Ae,
+        (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
+          r && /* @__PURE__ */ e.jsx(
+            De,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ t.jsx(ee, { size: L[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "ds-modal__body", children: x }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: b }),
         f
       ]
     }
   ) });
 }
-function pe({ children: s }) {
-  return /* @__PURE__ */ t.jsx("div", { className: "ds-modal__footer", children: s });
+function he({ children: s }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function De({
+function Le({
   children: s,
-  title: e = "Code",
+  title: t = "Code",
   defaultExpanded: r = !1,
   expanded: o,
   onToggle: a,
   padding: n = "s",
-  className: c = "",
+  className: i = "",
   ...l
 }) {
-  const [m, u] = T(r), p = o !== void 0, f = p ? o : m, x = () => {
-    p ? a == null || a(!o) : u((w) => !w);
+  const [m, u] = R(r), p = o !== void 0, f = p ? o : m, b = () => {
+    p ? a == null || a(!o) : u((_) => !_);
   }, d = [
     "ds-code-accordion",
     `ds-code-accordion--${n}`,
     f && "ds-code-accordion--expanded",
-    c
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t.jsxs("div", { className: d, ...l, children: [
-    /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
+    /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: x,
+        onClick: b,
         "aria-expanded": f,
         children: [
-          /* @__PURE__ */ t.jsx("span", { className: "ds-code-accordion__title", children: e }),
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
+          /* @__PURE__ */ e.jsx(
             re,
             {
-              size: L[2],
+              size: P[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -883,15 +883,15 @@ function De({
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ t.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ t.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ t.jsx("code", { children: s }) }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
   ] });
 }
-function mt({ children: s, block: e = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
-  return e ? r ? /* @__PURE__ */ t.jsx(De, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ t.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ t.jsx("code", { children: s }) }) : /* @__PURE__ */ t.jsx("code", { className: "ds-code-inline", ...n, children: s });
+function xt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(Le, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
 }
-function pt({ href: s, children: e, onClick: r, target: o, rel: a, ...n }) {
+function vt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
   const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     "a",
     {
       href: s,
@@ -900,51 +900,51 @@ function pt({ href: s, children: e, onClick: r, target: o, rel: a, ...n }) {
       target: o,
       rel: l,
       ...n,
-      children: e
+      children: t
     }
   );
 }
-function bt({ children: s, size: e = "m", variant: r = "ghost", ...o }) {
-  return /* @__PURE__ */ t.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: B.Children.map(s, (a) => B.isValidElement(a) ? B.cloneElement(a, { size: e, variant: r }) : a) });
+function jt({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: L.Children.map(s, (a) => L.isValidElement(a) ? L.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function ht({ children: s, selected: e = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: c, href: l, ...m }) {
-  const u = c && !s, p = [
+function _t({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
+  const u = i && !s, p = [
     "ds-tab",
     `ds-tab--${o}`,
     `ds-tab--${a}`,
-    e && "ds-tab--selected",
+    t && "ds-tab--selected",
     u && "ds-tab--icon-only"
-  ].filter(Boolean).join(" "), f = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    c && /* @__PURE__ */ t.jsx("span", { className: "ds-tab-icon", children: c }),
+  ].filter(Boolean).join(" "), f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     s
   ] });
   if (l) {
-    const x = (d) => {
+    const b = (d) => {
       if (n) {
         d.preventDefault();
         return;
       }
       d.metaKey || d.ctrlKey || d.button === 1 || (d.preventDefault(), r == null || r(d));
     };
-    return /* @__PURE__ */ t.jsx(
+    return /* @__PURE__ */ e.jsx(
       "a",
       {
         role: "tab",
-        "aria-current": e ? "page" : void 0,
+        "aria-current": t ? "page" : void 0,
         "aria-disabled": n ? "true" : void 0,
         className: p,
         href: n ? void 0 : l,
-        onClick: x,
+        onClick: b,
         ...m,
         children: f
       }
     );
   }
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     "button",
     {
       role: "tab",
-      "aria-selected": e,
+      "aria-selected": t,
       className: p,
       onClick: r,
       disabled: n,
@@ -953,30 +953,30 @@ function ht({ children: s, selected: e = !1, onClick: r, size: o = "m", variant:
     }
   );
 }
-function xt({ options: s, value: e, onChange: r, size: o = "m", disabled: a = !1 }) {
-  const n = E(null), c = E(null), [l, m] = T(!1), u = E(!1), p = E(null), f = E(null), x = () => {
+function wt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
+  const n = E(null), i = E(null), [l, m] = R(!1), u = E(!1), p = E(null), f = E(null), b = () => {
     if (!n.current) return;
-    const d = n.current.querySelector(`[data-value="${e}"]`);
+    const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
-    const w = n.current.getBoundingClientRect(), _ = d.getBoundingClientRect(), g = _.left - w.left, N = _.width;
-    c.current ? (c.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", c.current.style.left = g + "px", c.current.style.width = N + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
-      if (!c.current || !n.current) return;
-      const D = n.current.querySelector(`[data-value="${e}"]`);
-      if (!D) return;
-      const R = n.current.getBoundingClientRect(), k = D.getBoundingClientRect();
-      c.current.style.transition = "none", c.current.style.left = k.left - R.left + "px", c.current.style.width = k.width + "px";
+    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), k = w.left - _.left, N = w.width;
+    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = k + "px", i.current.style.width = N + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
+      if (!i.current || !n.current) return;
+      const B = n.current.querySelector(`[data-value="${t}"]`);
+      if (!B) return;
+      const T = n.current.getBoundingClientRect(), $ = B.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = $.left - T.left + "px", i.current.style.width = $.width + "px";
     }));
   };
-  return f.current = x, we(() => {
-    const d = p.current !== e;
-    p.current = e, u.current = l && d, x();
-  }), P(() => {
+  return f.current = b, Ne(() => {
+    const d = p.current !== t;
+    p.current = t, u.current = l && d, b();
+  }), D(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
       u.current = !1, f.current();
     });
     return d.observe(n.current), () => d.disconnect();
-  }, []), /* @__PURE__ */ t.jsxs(
+  }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
@@ -987,25 +987,25 @@ function xt({ options: s, value: e, onChange: r, size: o = "m", disabled: a = !1
       ref: n,
       role: "group",
       children: [
-        l && /* @__PURE__ */ t.jsx(
+        l && /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: c,
+            ref: i,
             className: "ds-seg__pill",
             "aria-hidden": "true"
           }
         ),
-        s.map((d) => /* @__PURE__ */ t.jsxs(
+        s.map((d) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
             "data-value": d.value,
-            className: ["ds-seg__btn", e === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            className: ["ds-seg__btn", t === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
             onClick: () => !a && r(d.value),
-            "aria-pressed": e === d.value,
+            "aria-pressed": t === d.value,
             disabled: a,
             children: [
-              d.icon && /* @__PURE__ */ t.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
+              d.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
               d.label
             ]
           },
@@ -1015,24 +1015,24 @@ function xt({ options: s, value: e, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function vt({
+function Nt({
   children: s,
-  title: e,
+  title: t,
   defaultExpanded: r = !1,
   expanded: o,
   onToggle: a,
   padding: n = "m",
-  ...c
+  ...i
 }) {
-  const [l, m] = T(r), u = o !== void 0, p = u ? o : l, f = () => {
+  const [l, m] = R(r), u = o !== void 0, p = u ? o : l, f = () => {
     u ? a == null || a(!o) : m((d) => !d);
-  }, x = [
+  }, b = [
     "ds-accordion",
     `ds-accordion--${n}`,
     p && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t.jsxs("div", { className: x, ...c, children: [
-    /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
+    /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
@@ -1040,11 +1040,11 @@ function vt({
         onClick: f,
         "aria-expanded": p,
         children: [
-          /* @__PURE__ */ t.jsx("span", { className: "ds-accordion__title", children: e }),
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
+          /* @__PURE__ */ e.jsx(
             re,
             {
-              size: L[2],
+              size: P[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1052,371 +1052,391 @@ function vt({
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
+    /* @__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: s }) }) })
   ] });
 }
 const Y = 8, Z = 8;
-function Oe(s, e, r) {
+function Me(s, t, r) {
   const o = window.innerWidth;
   let a, n;
   switch (s) {
     case "top":
-      a = e.top - r.height - Y, n = e.left + e.width / 2 - r.width / 2;
+      a = t.top - r.height - Y, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "bottom":
-      a = e.bottom + Y, n = e.left + e.width / 2 - r.width / 2;
+      a = t.bottom + Y, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "left":
-      a = e.top + e.height / 2 - r.height / 2, n = e.left - r.width - Y;
+      a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - Y;
       break;
     case "right":
-      a = e.top + e.height / 2 - r.height / 2, n = e.right + Y;
+      a = t.top + t.height / 2 - r.height / 2, n = t.right + Y;
       break;
     default:
-      a = e.bottom + Y, n = e.left;
+      a = t.bottom + Y, n = t.left;
   }
-  const c = Math.max(Z, Math.min(o - r.width - Z, n)), l = n - c;
-  return { top: a, left: c, arrowOffset: l };
+  const i = Math.max(Z, Math.min(o - r.width - Z, n)), l = n - i;
+  return { top: a, left: i, arrowOffset: l };
 }
-function Be(s, e, r) {
+function Fe(s, t, r) {
   const o = window.innerWidth, a = window.innerHeight;
-  if (s.top >= e + Y + Z) return "top";
-  if (a - s.bottom >= e + Y + Z) return "bottom";
+  if (s.top >= t + Y + Z) return "top";
+  if (a - s.bottom >= t + Y + Z) return "bottom";
   if (o - s.right >= r + Y + Z) return "right";
   if (s.left >= r + Y + Z) return "left";
   const n = Math.max(s.top, a - s.bottom, s.left, o - s.right);
   return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
 }
-function jt({ children: s, content: e, position: r, ...o }) {
-  const [a, n] = T(!1), [c, l] = T({ visibility: "hidden" }), [m, u] = T(r || "top"), p = E(null), f = E(null), x = E(!1), d = () => {
+function yt({ children: s, content: t, position: r, ...o }) {
+  const [a, n] = R(!1), [i, l] = R({ visibility: "hidden" }), [m, u] = R(r || "top"), p = E(null), f = E(null), b = E(!1), d = () => {
     if (!p.current || !f.current) return;
-    const _ = p.current.getBoundingClientRect(), g = f.current.getBoundingClientRect(), N = r || Be(_, g.height, g.width), { top: D, left: R, arrowOffset: k } = Oe(N, _, g);
+    const w = p.current.getBoundingClientRect(), k = f.current.getBoundingClientRect(), N = r || Fe(w, k.height, k.width), { top: B, left: T, arrowOffset: $ } = Me(N, w, k);
     u(N), l({
       position: "fixed",
-      top: D,
-      left: R,
+      top: B,
+      left: T,
       visibility: "visible",
-      "--arrow-offset": `${k}px`
+      "--arrow-offset": `${$}px`
     });
   };
-  if (P(() => {
+  if (D(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const _ = requestAnimationFrame(d);
+    const w = requestAnimationFrame(d);
     return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      cancelAnimationFrame(_), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+      cancelAnimationFrame(w), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [a, r]), P(() => {
+  }, [a, r]), D(() => {
     if (!a) return;
-    const _ = (g) => {
-      p.current && !p.current.contains(g.target) && n(!1);
+    const w = (k) => {
+      p.current && !p.current.contains(k.target) && n(!1);
     };
-    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
-  }, [a]), !e) return s;
-  const w = a && /* @__PURE__ */ t.jsx(
+    return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
+  }, [a]), !t) return s;
+  const _ = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: f,
       className: `ds-tooltip ds-tooltip--${m}`,
       role: "tooltip",
-      style: c,
-      children: e
+      style: i,
+      children: t
     }
   );
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: p,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        x.current || n(!0);
+        b.current || n(!0);
       },
       onMouseLeave: () => {
-        x.current || n(!1);
+        b.current || n(!1);
       },
       onTouchStart: () => {
-        x.current = !0, n((_) => !_);
+        b.current = !0, n((w) => !w);
       },
       ...o,
       children: [
         s,
-        typeof document < "u" && ne.createPortal(w, document.body)
+        typeof document < "u" && ne.createPortal(_, document.body)
       ]
     }
   );
 }
-function wt({
+function Et({
   checked: s = !1,
-  onChange: e,
+  onChange: t,
   size: r = "m",
   disabled: o = !1,
   label: a,
   id: n,
-  ...c
+  ...i
 }) {
-  const l = n || `toggle-${B.useId()}`, m = [
+  const l = n || `toggle-${L.useId()}`, m = [
     "ds-toggle",
     `ds-toggle--${r}`,
     o && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t.jsxs("label", { className: m, htmlFor: l, children: [
-    /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+    /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
         id: l,
         className: "ds-toggle__input",
         checked: s,
-        onChange: (u) => e == null ? void 0 : e(u.target.checked),
+        onChange: (u) => t == null ? void 0 : t(u.target.checked),
         disabled: o,
-        ...c
+        ...i
       }
     ),
-    /* @__PURE__ */ t.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ t.jsx("span", { className: "ds-toggle__thumb" }) }),
-    a && /* @__PURE__ */ t.jsx("span", { className: "ds-toggle__label", children: a })
+    /* @__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 _t({
+function kt({
   checked: s = !1,
-  onChange: e,
+  onChange: t,
   size: r = "m",
   disabled: o = !1,
   label: a,
   id: n,
-  ...c
+  ...i
 }) {
-  const l = n || `checkbox-${B.useId()}`, m = [
+  const l = n || `checkbox-${L.useId()}`, m = [
     "ds-checkbox",
     `ds-checkbox--${r}`,
     o && "ds-checkbox--disabled"
   ].filter(Boolean).join(" "), u = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
-  return /* @__PURE__ */ t.jsxs("label", { className: m, htmlFor: l, children: [
-    /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+    /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
         id: l,
         className: "ds-checkbox__input",
         checked: s,
-        onChange: (p) => e == null ? void 0 : e(p.target.checked),
+        onChange: (p) => t == null ? void 0 : t(p.target.checked),
         disabled: o,
-        ...c
+        ...i
       }
     ),
-    /* @__PURE__ */ t.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ t.jsx(
-      xe,
+    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
+      ve,
       {
         size: u,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
     ) }),
-    a && /* @__PURE__ */ t.jsx("span", { className: "ds-checkbox__label", children: a })
+    a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function Nt({
+function $t({
   checked: s = !1,
-  onChange: e,
+  onChange: t,
   size: r = "m",
   disabled: o = !1,
   label: a,
   name: n,
-  value: c,
+  value: i,
   id: l,
   ...m
 }) {
-  const u = l || `radio-${B.useId()}`, p = [
+  const u = l || `radio-${L.useId()}`, p = [
     "ds-radio",
     `ds-radio--${r}`,
     o && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t.jsxs("label", { className: p, htmlFor: u, children: [
-    /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: u, children: [
+    /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
         id: u,
         className: "ds-radio__input",
         checked: s,
-        onChange: (f) => e == null ? void 0 : e(f.target.checked),
+        onChange: (f) => t == null ? void 0 : t(f.target.checked),
         disabled: o,
         name: n,
-        value: c,
+        value: i,
         ...m
       }
     ),
-    /* @__PURE__ */ t.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ t.jsx("span", { className: "ds-radio__dot" }) }),
-    a && /* @__PURE__ */ t.jsx("span", { className: "ds-radio__label", children: a })
+    /* @__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 yt({ width: s, height: e, shape: r = "rect", className: o = "", style: a = {}, ...n }) {
-  return /* @__PURE__ */ t.jsx(
+function We({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      className: ["ds-skeleton", `ds-skeleton--${r}`, a].filter(Boolean).join(" "),
+      style: { width: s, height: t, aspectRatio: o, ...n },
+      "aria-hidden": "true",
+      ...i
+    }
+  );
+}
+function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+  return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${r}`, o].filter(Boolean).join(" "),
-      style: { width: s, height: e, ...a },
+      className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
+      style: { gap: r, ...a },
       "aria-hidden": "true",
-      ...n
+      ...n,
+      children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
+        "span",
+        {
+          className: "ds-skeleton ds-skeleton--text",
+          style: l === s - 1 && s > 1 ? { width: t } : void 0
+        },
+        l
+      ))
     }
   );
 }
-function Le(s) {
-  let e = 2166136261;
+We.Text = ze;
+function Ce(s) {
+  let t = 2166136261;
   for (let r = 0; r < s.length; r++)
-    e ^= s.charCodeAt(r), e = Math.imul(e, 16777619) >>> 0;
-  return e % 360;
+    t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
+  return t % 360;
 }
-function Me(s) {
+function Ve(s) {
   if (!s) return "";
-  const e = s.trim().split(/\s+/);
-  return e.length >= 2 ? (e[0][0] + e[1][0]).toUpperCase() : s[0].toUpperCase();
+  const t = s.trim().split(/\s+/);
+  return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function Et({ seed: s, icon: e, src: r, size: o = 32, className: a = "", style: n = {}, ...c }) {
-  const l = Le(s ?? ""), [m, u] = T(!1), p = e ?? /* @__PURE__ */ t.jsx("span", { className: "ds-avatar__initials", children: Me(s) });
-  return /* @__PURE__ */ t.jsx(
+function gt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
+  const l = Ce(s ?? ""), [m, u] = R(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ve(s) });
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-avatar", a].filter(Boolean).join(" "),
       style: { width: o, height: o, "--ds-avatar-h": l, ...n },
       "aria-hidden": "true",
-      ...c,
-      children: r && !m ? /* @__PURE__ */ t.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : p
+      ...i,
+      children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : p
     }
   );
 }
-function kt({
+function Rt({
   children: s,
-  size: e = "compact",
+  size: t = "compact",
   stickyTop: r,
   maxHeight: o,
   className: a = "",
   style: n = {},
-  ...c
+  ...i
 }) {
   const l = {
     ...o ? { maxHeight: o } : {},
     ...r !== void 0 ? { "--ds-table-sticky-top": typeof r == "number" ? `${r}px` : r } : {},
     ...n
   };
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-table-wrap", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
       style: l,
-      children: /* @__PURE__ */ t.jsx(
+      children: /* @__PURE__ */ e.jsx(
         "table",
         {
-          className: ["ds-table", `ds-table--${e}`, a].filter(Boolean).join(" "),
-          ...c,
+          className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
+          ...i,
           children: s
         }
       )
     }
   );
 }
-function $t({ children: s, ...e }) {
-  return /* @__PURE__ */ t.jsx("thead", { ...e, children: s });
+function Tt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function gt({ children: s, ...e }) {
-  return /* @__PURE__ */ t.jsx("tbody", { ...e, children: s });
+function It({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function Rt({ children: s, interactive: e, selected: r, subheader: o, className: a = "", onClick: n, ...c }) {
-  return /* @__PURE__ */ t.jsx(
+function At({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
+  return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
-        e || n ? "ds-table-row--interactive" : "",
+        t || n ? "ds-table-row--interactive" : "",
         r ? "ds-table-row--selected" : "",
         o ? "ds-table-row--subheader" : "",
         a
       ].filter(Boolean).join(" "),
       onClick: n,
-      ...c,
+      ...i,
       children: s
     }
   );
 }
-function Tt({ children: s, colSpan: e = 999, ...r }) {
-  return /* @__PURE__ */ t.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ t.jsx("td", { colSpan: e, children: s }) });
+function St({ children: s, colSpan: t = 999, ...r }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
-function It({ children: s, align: e = "left", sortDir: r, onSort: o, width: a, className: n = "", style: c = {}, ...l }) {
-  const m = !!o || r !== void 0, u = r === "asc" ? ye : r === "desc" ? re : Ee;
-  return /* @__PURE__ */ t.jsx(
+function Dt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
+  const m = !!o || r !== void 0, u = r === "asc" ? $e : r === "desc" ? re : ge;
+  return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
         m ? "ds-th--sortable" : "",
         r ? "ds-th--sorted" : "",
-        e !== "left" ? `ds-table-cell--${e}` : "",
+        t !== "left" ? `ds-table-cell--${t}` : "",
         n
       ].filter(Boolean).join(" "),
       onClick: o,
-      style: { width: a, ...c },
+      style: { width: a, ...i },
       ...l,
-      children: m ? /* @__PURE__ */ t.jsxs("span", { className: "ds-th__inner", children: [
+      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
-        /* @__PURE__ */ t.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ t.jsx(u, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
       ] }) : s
     }
   );
 }
-function At({ children: s, align: e = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: c = "", ...l }) {
-  return /* @__PURE__ */ t.jsx(
+function Pt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+  return /* @__PURE__ */ e.jsx(
     "td",
     {
       className: [
         "ds-td",
-        e !== "left" ? `ds-table-cell--${e}` : "",
+        t !== "left" ? `ds-table-cell--${t}` : "",
         r ? "ds-table-cell--secondary" : "",
         o ? "ds-table-cell--muted" : "",
         a ? "ds-table-cell--truncate" : "",
         n ? "ds-table-cell--nowrap" : "",
-        c
+        i
       ].filter(Boolean).join(" "),
       ...l,
       children: s
     }
   );
 }
-function St({
+function Bt({
   icon: s,
-  title: e,
+  title: t,
   description: r,
   action: o,
   size: a = "m",
   className: n = "",
-  ...c
+  ...i
 }) {
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
-      ...c,
+      ...i,
       children: [
-        s && /* @__PURE__ */ t.jsx("div", { className: "ds-empty-state__icon", children: s }),
-        /* @__PURE__ */ t.jsx("div", { className: "ds-empty-state__title", children: e }),
-        r && /* @__PURE__ */ t.jsx("div", { className: "ds-empty-state__description", children: r }),
-        o && /* @__PURE__ */ t.jsx("div", { className: "ds-empty-state__action", children: o })
+        s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
+        r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: r }),
+        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
       ]
     }
   );
 }
-function Pt({
+function Ot({
   label: s,
-  hint: e,
+  hint: t,
   error: r,
   required: o = !1,
   disabled: a = !1,
   htmlFor: n,
-  children: c,
+  children: i,
   className: l = "",
   style: m,
   ...u
 }) {
-  const p = B.useId(), f = n ?? p, x = `${f}-hint`, d = `${f}-error`;
-  return /* @__PURE__ */ t.jsxs(
+  const p = L.useId(), f = n ?? p, b = `${f}-hint`, d = `${f}-error`;
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
@@ -1426,17 +1446,17 @@ function Pt({
       style: m,
       ...u,
       children: [
-        s && /* @__PURE__ */ t.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
-        /* @__PURE__ */ t.jsx("div", { className: "ds-field-control", children: c }),
-        e && !r && /* @__PURE__ */ t.jsx("p", { className: "ds-field-hint", id: x, children: e }),
-        r && /* @__PURE__ */ t.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
+        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
+        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: b, children: t }),
+        r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
       ]
     }
   );
 }
-function Dt({ label: s, value: e, delta: r, size: o = "m", inline: a = !1, className: n = "", style: c, ...l }) {
+function Lt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
   const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
@@ -1445,70 +1465,70 @@ function Dt({ label: s, value: e, delta: r, size: o = "m", inline: a = !1, class
         a && "ds-stat--inline",
         n
       ].filter(Boolean).join(" "),
-      style: c,
+      style: i,
       ...l,
       children: [
-        s && /* @__PURE__ */ t.jsx("span", { className: "ds-stat-label", children: s }),
-        e != null && /* @__PURE__ */ t.jsx("span", { className: "ds-stat-value", children: e }),
-        r != null && /* @__PURE__ */ t.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
+        s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
+        t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
+        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
       ]
     }
   );
 }
-function Ot({
+function Mt({
   children: s,
-  separator: e = "/",
+  separator: t = "/",
   "aria-label": r = "Breadcrumb",
   className: o = "",
   style: a,
   ...n
 }) {
-  const c = B.Children.toArray(s).filter(Boolean);
-  return /* @__PURE__ */ t.jsx(
+  const i = L.Children.toArray(s).filter(Boolean);
+  return /* @__PURE__ */ e.jsx(
     "nav",
     {
       className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
       "aria-label": r,
       style: a,
       ...n,
-      children: /* @__PURE__ */ t.jsx("ol", { className: "ds-breadcrumb-list", children: c.map((l, m) => /* @__PURE__ */ t.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        m < c.length - 1 && /* @__PURE__ */ t.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: e })
+        m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
       ] }, m)) })
     }
   );
 }
-function Bt({
+function Ft({
   page: s,
-  total: e,
+  total: t,
   onChange: r,
   siblings: o = 1,
   "aria-label": a = "Pagination",
   className: n = "",
-  style: c,
+  style: i,
   ...l
 }) {
-  const m = Fe(s, e, o);
-  return /* @__PURE__ */ t.jsxs(
+  const m = Ue(s, t, o);
+  return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${n ? ` ${n}` : ""}`,
       "aria-label": a,
-      style: c,
+      style: i,
       ...l,
       children: [
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-pagination-arrow",
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ t.jsx(ke, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Re, { size: 16 })
           }
         ),
         m.map(
-          (u, p) => u === "…" ? /* @__PURE__ */ t.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${p}`) : /* @__PURE__ */ t.jsx(
+          (u, p) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${p}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
               className: `ds-pagination-page${u === s ? " ds-pagination-page--current" : ""}`,
@@ -1520,57 +1540,57 @@ function Bt({
             u
           )
         ),
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-pagination-arrow",
             onClick: () => r == null ? void 0 : r(s + 1),
-            disabled: s >= e,
+            disabled: s >= t,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ t.jsx($e, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(je, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Fe(s, e, r) {
-  if (e <= 7) return Array.from({ length: e }, (c, l) => l + 1);
-  const o = Math.max(2, s - r), a = Math.min(e - 1, s + r), n = [1];
+function Ue(s, t, r) {
+  if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
+  const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
   o > 2 && n.push("…");
-  for (let c = o; c <= a; c++) n.push(c);
-  return a < e - 1 && n.push("…"), n.push(e), n;
+  for (let i = o; i <= a; i++) n.push(i);
+  return a < t - 1 && n.push("…"), n.push(t), n;
 }
-const We = 200;
-function Lt({
+const Ye = 200;
+function Wt({
   children: s,
-  title: e,
+  title: t,
   onClose: r,
   side: o = "right",
   ...a
 }) {
-  const n = E(null), c = B.useId(), [l, m] = T(!1), u = () => {
+  const n = E(null), i = L.useId(), [l, m] = R(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, We));
+    }, Ye));
   };
-  P(() => {
-    const d = (_) => {
-      _.key === "Escape" && u();
-    }, w = (_) => {
-      n.current && !n.current.contains(_.target) && u();
+  D(() => {
+    const d = (w) => {
+      w.key === "Escape" && u();
+    }, _ = (w) => {
+      n.current && !n.current.contains(w.target) && u();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
-  const p = B.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), x = p.filter((d) => (d == null ? void 0 : d.type) !== be);
-  return /* @__PURE__ */ t.jsx(
+  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), b = p.filter((d) => (d == null ? void 0 : d.type) !== be);
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-drawer-overlay", l && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
       ...a,
-      children: /* @__PURE__ */ t.jsxs(
+      children: /* @__PURE__ */ e.jsxs(
         "aside",
         {
           className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
@@ -1578,13 +1598,13 @@ function Lt({
           ref: n,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": e ? c : void 0,
+          "aria-labelledby": t ? i : void 0,
           children: [
-            /* @__PURE__ */ t.jsxs("header", { className: "ds-drawer-header", children: [
-              e && /* @__PURE__ */ t.jsx("h3", { id: c, className: "ds-drawer-title", children: e }),
-              r && /* @__PURE__ */ t.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ t.jsx(ee, { size: L[2], strokeWidth: 1.5 }) })
+            /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
+              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ t.jsx("div", { className: "ds-drawer-body", children: x }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
             f
           ]
         }
@@ -1593,34 +1613,34 @@ function Lt({
   );
 }
 function be({ children: s }) {
-  return /* @__PURE__ */ t.jsx("footer", { className: "ds-drawer-footer", children: s });
+  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const Ve = {
-  info: ue,
-  success: de,
-  warning: le,
-  error: ce
+const qe = {
+  info: fe,
+  success: ue,
+  warning: de,
+  error: le
 };
-function Mt({
+function zt({
   children: s,
-  variant: e = "info",
+  variant: t = "info",
   action: r,
   onAction: o,
   onDismiss: a,
   role: n,
-  ...c
+  ...i
 }) {
-  const l = Ve[e], m = n || (e === "error" ? "alert" : "status");
-  return /* @__PURE__ */ t.jsxs(
+  const l = qe[t], m = n || (t === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-banner ds-banner--${e}`,
+      className: `ds-banner ds-banner--${t}`,
       role: m,
-      ...c,
+      ...i,
       children: [
-        l && /* @__PURE__ */ t.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(l, { size: L[2], strokeWidth: 1.5 }) }),
-        /* @__PURE__ */ t.jsx("span", { className: "ds-banner-text", children: s }),
-        r && /* @__PURE__ */ t.jsx(
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: P[2], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
+        r && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
@@ -1629,152 +1649,152 @@ function Mt({
             children: r
           }
         ),
-        a && /* @__PURE__ */ t.jsx(
+        a && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ t.jsx(ee, { size: L[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ft({
+function Ct({
   trigger: s,
-  items: e = [],
+  items: t = [],
   open: r,
   onOpenChange: o,
   align: a = "left",
   className: n = "",
-  style: c,
+  style: i,
   ...l
 }) {
-  const [m, u] = T(!1), [p, f] = T(!1), x = r !== void 0, d = x ? r : m, w = E(null), _ = E(null), g = E(null), N = E(null), [D, R] = T({}), k = E(null), V = 150, O = () => {
-    if (x)
+  const [m, u] = R(!1), [p, f] = R(!1), b = r !== void 0, d = b ? r : m, _ = E(null), w = E(null), k = E(null), N = E(null), [B, T] = R({}), $ = E(null), z = 150, O = () => {
+    if (b)
       o == null || o(!1);
     else {
       if (p) return;
-      f(!0), k.current = setTimeout(() => {
+      f(!0), $.current = setTimeout(() => {
         u(!1), f(!1);
-      }, V);
+      }, z);
     }
   }, q = () => {
-    const b = !d;
-    x ? o == null || o(b) : b ? (clearTimeout(k.current), f(!1), u(!0)) : O();
+    const h = !d;
+    b ? o == null || o(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
   }, M = () => {
-    d || (x ? o == null || o(!0) : (clearTimeout(k.current), f(!1), u(!0)));
+    d || (b ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
   };
-  P(() => () => clearTimeout(k.current), []), P(() => {
+  D(() => () => clearTimeout($.current), []), D(() => {
     if (!d) return;
-    const b = () => {
-      var $;
-      const v = ($ = w.current) == null ? void 0 : $.getBoundingClientRect();
-      v && R(
+    const h = () => {
+      var g;
+      const v = (g = _.current) == null ? void 0 : g.getBoundingClientRect();
+      v && T(
         a === "right" ? { top: v.bottom + 4, right: window.innerWidth - v.right } : { top: v.bottom + 4, left: v.left }
       );
     };
-    return b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
-      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+    return h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
+      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
   }, [d, a]);
   const F = () => {
     var v;
-    const b = (v = g.current) == null ? void 0 : v.querySelector(
+    const h = (v = k.current) == null ? void 0 : v.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    b == null || b.focus();
+    h == null || h.focus();
   };
-  P(() => {
+  D(() => {
     if (!d) return;
-    const b = ($) => {
+    const h = (g) => {
       var S, W;
-      !((S = w.current) != null && S.contains($.target)) && !((W = _.current) != null && W.contains($.target)) && O();
-    }, v = ($) => {
-      $.key === "Escape" && (O(), F());
+      !((S = _.current) != null && S.contains(g.target)) && !((W = w.current) != null && W.contains(g.target)) && O();
+    }, v = (g) => {
+      g.key === "Escape" && (O(), F());
     };
-    return document.addEventListener("mousedown", b), document.addEventListener("keydown", v), () => {
-      document.removeEventListener("mousedown", b), document.removeEventListener("keydown", v);
+    return document.addEventListener("mousedown", h), document.addEventListener("keydown", v), () => {
+      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", v);
     };
-  }, [d]), P(() => {
-    if (!d || !N.current || !_.current) return;
-    const b = C(), v = N.current === "last" ? b[b.length - 1] : b[0];
+  }, [d]), D(() => {
+    if (!d || !N.current || !w.current) return;
+    const h = V(), v = N.current === "last" ? h[h.length - 1] : h[0];
     v == null || v.focus(), N.current = null;
   }, [d]);
-  const C = () => _.current ? [..._.current.querySelectorAll(
+  const V = () => w.current ? [...w.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], G = (b) => {
-    var v, $;
-    if (b.key === "ArrowDown")
-      b.preventDefault(), d ? (v = C()[0]) == null || v.focus() : (N.current = "first", M());
-    else if (b.key === "ArrowUp")
-      if (b.preventDefault(), !d)
+  )] : [], G = (h) => {
+    var v, g;
+    if (h.key === "ArrowDown")
+      h.preventDefault(), d ? (v = V()[0]) == null || v.focus() : (N.current = "first", M());
+    else if (h.key === "ArrowUp")
+      if (h.preventDefault(), !d)
         N.current = "last", M();
       else {
-        const S = C();
-        ($ = S[S.length - 1]) == null || $.focus();
+        const S = V();
+        (g = S[S.length - 1]) == null || g.focus();
       }
-  }, H = (b) => {
+  }, H = (h) => {
     var S, W, U, j;
-    const v = C(), $ = v.findIndex((i) => i === document.activeElement);
-    switch (b.key) {
+    const v = V(), g = v.findIndex((c) => c === document.activeElement);
+    switch (h.key) {
       case "ArrowDown":
-        b.preventDefault(), (S = v[Math.min($ + 1, v.length - 1)]) == null || S.focus();
+        h.preventDefault(), (S = v[Math.min(g + 1, v.length - 1)]) == null || S.focus();
         break;
       case "ArrowUp":
-        b.preventDefault(), $ <= 0 ? F() : (W = v[$ - 1]) == null || W.focus();
+        h.preventDefault(), g <= 0 ? F() : (W = v[g - 1]) == null || W.focus();
         break;
       case "Home":
-        b.preventDefault(), (U = v[0]) == null || U.focus();
+        h.preventDefault(), (U = v[0]) == null || U.focus();
         break;
       case "End":
-        b.preventDefault(), (j = v[v.length - 1]) == null || j.focus();
+        h.preventDefault(), (j = v[v.length - 1]) == null || j.focus();
         break;
       case "Tab":
         O();
         break;
     }
-  }, z = d && /* @__PURE__ */ t.jsx(
+  }, C = d && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: _,
+      ref: w,
       role: "menu",
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${a}`,
         p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: D,
+      style: B,
       onKeyDown: H,
-      children: e.map((b, v) => {
-        if (b.separator)
-          return /* @__PURE__ */ t.jsx("div", { className: "ds-dropdown__separator" }, v);
-        if (b.type === "section")
-          return /* @__PURE__ */ t.jsxs("div", { className: "ds-dropdown__section", children: [
-            b.label && /* @__PURE__ */ t.jsx("div", { className: "ds-dropdown__section-label", children: b.label }),
-            /* @__PURE__ */ t.jsx("div", { className: "ds-dropdown__section-content", children: b.content })
+      children: t.map((h, v) => {
+        if (h.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
+        if (h.type === "section")
+          return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
+            h.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: h.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: h.content })
           ] }, v);
-        const $ = !!b.href, S = $ ? "a" : "button", W = $ ? { href: b.disabled ? void 0 : b.href, "aria-disabled": b.disabled ? "true" : void 0 } : { type: "button", disabled: b.disabled };
-        return /* @__PURE__ */ t.jsxs(
+        const g = !!h.href, S = g ? "a" : "button", W = g ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
+        return /* @__PURE__ */ e.jsxs(
           S,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              b.danger && "ds-dropdown__item--danger"
+              h.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...W,
             onClick: () => {
               var U;
-              (U = b.onClick) == null || U.call(b), O();
+              (U = h.onClick) == null || U.call(h), O();
             },
             children: [
-              b.icon && /* @__PURE__ */ t.jsx("span", { className: "ds-dropdown__item-icon", children: b.icon }),
-              /* @__PURE__ */ t.jsx("span", { className: "ds-dropdown__item-label", children: b.label }),
-              b.shortcut && /* @__PURE__ */ t.jsx("span", { className: "ds-dropdown__item-shortcut", children: b.shortcut })
+              h.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: h.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: h.label }),
+              h.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: h.shortcut })
             ]
           },
           v
@@ -1782,161 +1802,161 @@ function Ft({
       })
     }
   );
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: w,
+      ref: _,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
-      style: c,
+      style: i,
       ...l,
       children: [
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: g,
+            ref: k,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: G,
             children: s
           }
         ),
-        typeof document < "u" && ne.createPortal(z, document.body)
+        typeof document < "u" && ne.createPortal(C, document.body)
       ]
     }
   );
 }
-function Wt({
+function Vt({
   value: s = 0,
-  size: e = "m",
+  size: t = "m",
   variant: r = "default",
   showValue: o = !1,
   min: a = 2,
   animate: n = !0
 }) {
-  const c = Math.min(100, Math.max(0, s)), l = Math.max(a, c), m = r === "auto" ? c >= 70 ? "success" : c >= 50 ? "warning" : "danger" : r;
-  return /* @__PURE__ */ t.jsxs(
+  const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), m = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-progress",
-        `ds-progress--${e}`,
+        `ds-progress--${t}`,
         !n && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
-      "aria-valuenow": c,
+      "aria-valuenow": i,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       children: [
-        /* @__PURE__ */ t.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
             className: `ds-progress__fill ds-progress__fill--${m}`,
             style: { width: `${l}%` }
           }
         ) }),
-        o && /* @__PURE__ */ t.jsxs("span", { className: "ds-progress__value", children: [
-          Math.round(c),
+        o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+          Math.round(i),
           "%"
         ] })
       ]
     }
   );
 }
-const ze = (s) => 1 - Math.pow(1 - s, 3), Ce = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Ue(s, { duration: e = 600 } = {}) {
-  const [r, o] = T(s), a = E(s), n = E(null);
-  return P(() => {
-    if (Ce()) {
+const He = (s) => 1 - Math.pow(1 - s, 3), Ke = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Ge(s, { duration: t = 600 } = {}) {
+  const [r, o] = R(s), a = E(s), n = E(null);
+  return D(() => {
+    if (Ke()) {
       o(s), a.current = s;
       return;
     }
-    const c = a.current, l = s - c;
+    const i = a.current, l = s - i;
     if (l === 0) return;
     let m = null;
     const u = (p) => {
       m || (m = p);
-      const f = Math.min((p - m) / e, 1);
-      o(c + l * ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+      const f = Math.min((p - m) / t, 1);
+      o(i + l * He(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
-  }, [s, e]), r;
+  }, [s, t]), r;
 }
-function Vt({
+function Ut({
   value: s,
-  duration: e = 600,
+  duration: t = 600,
   decimals: r = 0,
   prefix: o = "",
   suffix: a = ""
 }) {
-  const c = Ue(s, { duration: e }).toFixed(r);
-  return `${o}${c}${a}`;
-}
-function Ye({ threshold: s = 0.1, rootMargin: e = "0px", once: r = !1 } = {}) {
-  const o = E(null), [a, n] = T(!1);
-  return P(() => {
-    const c = o.current;
-    if (!c) return;
+  const i = Ge(s, { duration: t }).toFixed(r);
+  return `${o}${i}${a}`;
+}
+function Xe({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const o = E(null), [a, n] = R(!1);
+  return D(() => {
+    const i = o.current;
+    if (!i) return;
     const l = new IntersectionObserver(
       ([m]) => {
         m.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
       },
-      { threshold: s, rootMargin: e }
+      { threshold: s, rootMargin: t }
     );
-    return l.observe(c), () => l.disconnect();
-  }, [s, e, r]), { ref: o, inView: a };
+    return l.observe(i), () => l.disconnect();
+  }, [s, t, r]), { ref: o, inView: a };
 }
-function zt({
+function Yt({
   children: s,
-  as: e = "div",
+  as: t = "div",
   once: r = !1,
   threshold: o = 0.1,
   rootMargin: a = "0px",
   onEnter: n,
-  onLeave: c,
+  onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: u } = Ye({ threshold: o, rootMargin: a, once: r }), p = E(!1);
-  return P(() => {
-    u && !p.current && (n == null || n()), !u && p.current && (c == null || c()), p.current = u;
-  }, [u]), /* @__PURE__ */ t.jsx(e, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
-}
-const he = {
-  default: ue,
-  success: de,
-  warning: le,
-  error: ce
+  const { ref: m, inView: u } = Xe({ threshold: o, rootMargin: a, once: r }), p = E(!1);
+  return D(() => {
+    u && !p.current && (n == null || n()), !u && p.current && (i == null || i()), p.current = u;
+  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
+}
+const xe = {
+  default: fe,
+  success: ue,
+  warning: de,
+  error: le
 };
 let Q = [];
-const ie = /* @__PURE__ */ new Set();
-function ve() {
-  ie.forEach((s) => s([...Q]));
+const ce = /* @__PURE__ */ new Set();
+function _e() {
+  ce.forEach((s) => s([...Q]));
 }
-function qe(s) {
-  Q = [...Q, s], ve();
+function Je(s) {
+  Q = [...Q, s], _e();
 }
-function He(s) {
-  Q = Q.filter((e) => e.id !== s), ve();
+function Ze(s) {
+  Q = Q.filter((t) => t.id !== s), _e();
 }
-function Ct() {
-  const s = (e, r = {}) => {
-    qe({
+function qt() {
+  const s = (t, r = {}) => {
+    Je({
       id: `${Date.now()}-${Math.random()}`,
-      message: e,
+      message: t,
       type: "default",
       duration: 4e3,
       ...r
     });
   };
-  return s.success = (e, r) => s(e, { ...r, type: "success" }), s.error = (e, r) => s(e, { ...r, type: "error" }), s.warning = (e, r) => s(e, { ...r, type: "warning" }), { toast: s };
+  return s.success = (t, r) => s(t, { ...r, type: "success" }), s.error = (t, r) => s(t, { ...r, type: "error" }), s.warning = (t, r) => s(t, { ...r, type: "warning" }), { toast: s };
 }
-function Ke({ data: s, onDismiss: e }) {
-  const [r, o] = T(!1), a = E(null);
-  P(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
+function Qe({ data: s, onDismiss: t }) {
+  const [r, o] = R(!1), a = E(null);
+  D(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
   function n() {
-    o(!1), setTimeout(() => e(s.id), 250);
+    o(!1), setTimeout(() => t(s.id), 250);
   }
-  const c = he[s.type] ?? he.default;
-  return /* @__PURE__ */ t.jsxs(
+  const i = xe[s.type] ?? xe.default;
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
@@ -1947,82 +1967,131 @@ function Ke({ data: s, onDismiss: e }) {
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ t.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ t.jsx(c, { size: L[3], strokeWidth: 1.5 }) }),
-        /* @__PURE__ */ t.jsx("span", { className: "ds-toast__message", children: s.message }),
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
+        /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ t.jsx(ee, { size: L[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ut({ position: s = "bottom-right" }) {
-  const [e, r] = T(() => [...Q]);
-  return P(() => (ie.add(r), () => ie.delete(r)), []), !e.length || typeof document > "u" ? null : ne.createPortal(
-    /* @__PURE__ */ t.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: e.map((o) => /* @__PURE__ */ t.jsx(Ke, { data: o, onDismiss: He }, o.id)) }),
+function Ht({ position: s = "bottom-right" }) {
+  const [t, r] = R(() => [...Q]);
+  return D(() => (ce.add(r), () => ce.delete(r)), []), !t.length || typeof document > "u" ? null : ne.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(Qe, { data: o, onDismiss: Ze }, o.id)) }),
     document.body
   );
 }
+const et = {
+  running: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "info", children: "Running..." }),
+  success: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "error", children: "Error" })
+};
+function Kt({
+  label: s,
+  status: t = "idle",
+  icon: r,
+  badge: o,
+  defaultExpanded: a = !1,
+  expanded: n,
+  onToggle: i,
+  padding: l = "s",
+  children: m,
+  ...u
+}) {
+  const f = `tc-body-${ye().replace(/:/g, "")}`, [b, d] = R(a), _ = n !== void 0, w = _ ? n : b, k = () => {
+    _ ? i == null || i(!n) : d((N) => !N);
+  };
+  return /* @__PURE__ */ e.jsxs(Pe, { padding: l, ...u, children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "ds-tool-card__header",
+        onClick: k,
+        "aria-expanded": w,
+        "aria-controls": f,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            je,
+            {
+              size: P[1],
+              strokeWidth: 1.5,
+              className: `ds-tool-card__chevron${w ? " ds-tool-card__chevron--expanded" : ""}`
+            }
+          ),
+          r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
+          et[t],
+          o
+        ]
+      }
+    ),
+    w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
+  ] });
+}
 export {
-  vt as Accordion,
-  ut as Alert,
-  Vt as AnimatedNumber,
-  Et as Avatar,
-  dt as Badge,
-  Mt as Banner,
-  Ot as Breadcrumb,
-  Ae as Button,
-  st as Card,
-  _t as Checkbox,
-  mt as Code,
-  De as CodeAccordion,
-  Lt as Drawer,
+  Nt as Accordion,
+  ht as Alert,
+  Ut as AnimatedNumber,
+  gt as Avatar,
+  oe as Badge,
+  zt as Banner,
+  Mt as Breadcrumb,
+  De as Button,
+  Pe as Card,
+  kt as Checkbox,
+  xt as Code,
+  Le as CodeAccordion,
+  Wt as Drawer,
   be as DrawerFooter,
-  Ft as Dropdown,
-  St as EmptyState,
-  Pt as FormField,
-  rt as H1,
-  nt as H2,
-  at as H3,
-  ot as H4,
-  zt as InView,
-  Ze as Input,
-  pt as Link,
-  ft as Modal,
-  pe as ModalFooter,
-  it as P1,
-  ct as P2,
-  lt as P3,
-  Bt as Pagination,
-  Wt as ProgressBar,
-  Nt as Radio,
-  xt as SegmentedControl,
-  et as Select,
-  yt as Skeleton,
-  Te as Spinner,
-  Dt as Stat,
-  tt as Stepper,
-  ht as Tab,
-  kt as Table,
-  gt as TableBody,
-  $t as TableHead,
-  Rt as TableRow,
-  Tt as TableSubheaderRow,
-  bt as Tabs,
-  At as Td,
-  Qe as Textarea,
-  It as Th,
-  Ut as ToastContainer,
-  wt as Toggle,
-  jt as Tooltip,
-  L as iconSizes,
-  Ue as useAnimatedNumber,
-  Ye as useInView,
-  Ct as useToast
+  Ct as Dropdown,
+  Bt as EmptyState,
+  Ot as FormField,
+  ct as H1,
+  lt as H2,
+  dt as H3,
+  ut as H4,
+  Yt as InView,
+  nt as Input,
+  vt as Link,
+  bt as Modal,
+  he as ModalFooter,
+  ft as P1,
+  mt as P2,
+  pt as P3,
+  Ft as Pagination,
+  Vt as ProgressBar,
+  $t as Radio,
+  wt as SegmentedControl,
+  ot as Select,
+  We as Skeleton,
+  Ae as Spinner,
+  Lt as Stat,
+  it as Stepper,
+  _t as Tab,
+  Rt as Table,
+  It as TableBody,
+  Tt as TableHead,
+  At as TableRow,
+  St as TableSubheaderRow,
+  jt as Tabs,
+  Pt as Td,
+  at as Textarea,
+  Dt as Th,
+  Ht as ToastContainer,
+  Et as Toggle,
+  Kt as ToolCallCard,
+  yt as Tooltip,
+  P as iconSizes,
+  Ge as useAnimatedNumber,
+  Xe as useInView,
+  qt as useToast
 };