npm - @donkit-ai/design-system - Versions diffs - 1.3.6 → 1.3.8 - Mend

@donkit-ai/design-system 1.3.6 → 1.3.8

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,7 +1,7 @@
-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 L, { useState as g, useRef as k, useEffect as P, useLayoutEffect as ye, useId as ke } from "react";
+import { Check as le, X as ee, ChevronDown as re, Minus as Ee, Plus as $e, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as ge, ChevronsUpDown as Re, ChevronLeft as Te, ChevronRight as je, Copy as Ie } from "lucide-react";
 import ne from "react-dom";
-const P = {
+const S = {
   1: 16,
   2: 20,
   3: 24,
@@ -18,14 +18,14 @@ var ie = { 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 me;
-function Te() {
-  if (me) return te;
-  me = 1;
+var pe;
+function Ae() {
+  if (pe) return te;
+  pe = 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,7 +33,7 @@ function Te() {
     return a = n.ref, {
       $$typeof: s,
       type: o,
-      key: c,
+      key: i,
       ref: a !== void 0 ? a : null,
       props: n
     };
@@ -50,16 +50,16 @@ 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 pe;
-function Ie() {
-  return pe || (pe = 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 k:
+var he;
+function Se() {
+  return he || (he = 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 E:
           return "Fragment";
         case B:
           return "Profiler";
@@ -72,131 +72,131 @@ function Ie() {
         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) {
+        ), c.$$typeof) {
           case w:
             return "Portal";
           case $:
-            return i.displayName || "Context";
+            return c.displayName || "Context";
           case T:
-            return (i._context.displayName || "Context") + ".Consumer";
-          case z:
-            var x = i.render;
-            return i = i.displayName, i || (i = x.displayName || x.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+            return (c._context.displayName || "Context") + ".Consumer";
+          case W:
+            var x = c.render;
+            return c = c.displayName, c || (c = x.displayName || x.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
           case M:
-            return x = i.displayName || null, x !== null ? x : s(i.type) || "Memo";
+            return x = c.displayName || null, x !== null ? x : s(c.type) || "Memo";
           case F:
-            x = i._payload, i = i._init;
+            x = c._payload, c = c._init;
             try {
-              return s(i(x));
+              return s(c(x));
             } catch {
             }
         }
       return null;
     }
-    function t(i) {
-      return "" + i;
+    function t(c) {
+      return "" + c;
     }
-    function r(i) {
+    function r(c) {
       try {
-        t(i);
+        t(c);
         var x = !1;
       } catch {
         x = !0;
       }
       if (x) {
         x = console;
-        var y = x.error, I = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        var y = x.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return y.call(
           x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           I
-        ), t(i);
+        ), t(c);
       }
     }
-    function o(i) {
-      if (i === k) return "<>";
-      if (typeof i == "object" && i !== null && i.$$typeof === F)
+    function o(c) {
+      if (c === E) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
       try {
-        var x = s(i);
+        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 (C.call(i, "key")) {
-        var x = Object.getOwnPropertyDescriptor(i, "key").get;
+    function i(c) {
+      if (z.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, x) {
+    function l(c, x) {
       function y() {
-        g || (g = !0, console.error(
+        R || (R = !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)",
           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 D[c] || (D[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, x, y, I, K, X) {
+    function u(c, x, y, I, K, X) {
       var A = y.ref;
-      return i = {
+      return c = {
         $$typeof: _,
-        type: i,
+        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, x, y, I, K, X) {
+    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 Ie() {
               "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 (C.call(x, "key")) {
-        A = s(i);
-        var J = Object.keys(x).filter(function(we) {
-          return we !== "key";
+      if (z.call(x, "key")) {
+        A = s(c);
+        var J = Object.keys(x).filter(function(Ne) {
+          return Ne !== "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(x) && (r(x.key), A = "" + x.key), "key" in x) {
+      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 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,50 +240,50 @@ React keys must be passed directly to JSX without using spread:
         X
       );
     }
-    function f(i) {
-      h(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === F && (i._payload.status === "fulfilled" ? h(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 h(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === _;
+    function b(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    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, b = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), W = 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, z = 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 g, S = {}, W = d.react_stack_bottom_frame.bind(
+    var R, D = {}, C = d.react_stack_bottom_frame.bind(
       d,
       n
     )(), U = v(o(n)), j = {};
-    se.Fragment = k, se.jsx = function(i, x, y) {
+    se.Fragment = E, se.jsx = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
-        i,
+        c,
         x,
         y,
         !1,
-        I ? Error("react-stack-top-frame") : W,
-        I ? v(o(i)) : U
+        I ? Error("react-stack-top-frame") : C,
+        I ? v(o(c)) : U
       );
-    }, se.jsxs = function(i, x, y) {
+    }, se.jsxs = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
-        i,
+        c,
         x,
         y,
         !0,
-        I ? Error("react-stack-top-frame") : W,
-        I ? v(o(i)) : U
+        I ? Error("react-stack-top-frame") : C,
+        I ? v(o(c)) : U
       );
     };
   }()), se;
 }
-process.env.NODE_ENV === "production" ? ie.exports = Te() : ie.exports = Ie();
+process.env.NODE_ENV === "production" ? ie.exports = Ae() : ie.exports = Se();
 var e = ie.exports;
-function Ae({ size: s = "m", color: t = "default", className: r = "", ...o }) {
+function De({ size: s = "m", color: t = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,29 +294,29 @@ function Ae({ size: s = "m", color: t = "default", className: r = "", ...o }) {
     }
   );
 }
-const Se = { xs: 12, s: 14, m: 16, l: 20 };
-function De({
+const Pe = { xs: 12, s: 14, m: 16, l: 20 };
+function _e({
   children: s,
   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 h = a && !s, d = c === "loading", _ = c === "success", w = c === "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, $ = [
+  const b = a && !s, d = i === "loading", _ = i === "success", w = i === "error", E = d || _ || w, N = r === "xs" ? "s" : "m", B = Pe[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(De, { size: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(le, { 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--${t}`,
     `ds-button--${r}`,
     o && "ds-button--full",
-    h && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), z = c !== "idle" ? c : 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 }),
+    b && "ds-button--icon-only"
+  ].filter(Boolean).join(" "), W = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    E ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (u) {
@@ -336,7 +336,7 @@ function De({
         "aria-label": p,
         "aria-disabled": n || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
-        "data-state": z,
+        "data-state": W,
         ...f,
         children: O
       }
@@ -351,26 +351,26 @@ function De({
       onClick: d ? void 0 : l,
       "aria-label": p,
       "aria-busy": d ? "true" : void 0,
-      "data-state": z,
+      "data-state": W,
       ...f,
       children: O
     }
   );
 }
-function st({
+function at({
   label: s,
   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-${L.useId()}`, h = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || h;
+  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: [
@@ -391,30 +391,30 @@ function st({
         {
           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 && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: r }),
+    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 rt({
+function ot({
   label: s,
   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-${L.useId()}`, f = r ? `${p}-hint` : void 0, h = t ? `${p}-error` : void 0, d = h || f;
+  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(
@@ -430,64 +430,64 @@ function rt({
       }
     ),
     r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
-    t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
+    t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function nt({
+function it({
   label: s,
   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, h] = 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) => {
+  const [f, b] = g(!1), [d, _] = g(!1), [w, E] = g({}), [N, B] = g("down"), [T, $] = g(-1), W = k(null), O = k(null), q = k(null), M = k(null), F = u || `select-${L.useId()}`, V = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, z = (j = !1) => {
     d || (_(!0), $(-1), M.current = setTimeout(() => {
-      var i;
-      h(!1), _(!1), j && ((i = q.current) == null || i.focus());
+      var c;
+      b(!1), _(!1), j && ((c = q.current) == null || c.focus());
     }, H));
-  }, b = (j) => {
+  }, h = (j) => {
     clearTimeout(M.current), _(!1);
-    const i = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
-    $(i), h(!0);
+    const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
+    $(c), b(!0);
   };
-  D(() => () => clearTimeout(M.current), []);
+  P(() => () => clearTimeout(M.current), []);
   const v = () => {
     var X;
-    const j = (X = z.current) == null ? void 0 : X.getBoundingClientRect();
+    const j = (X = W.current) == null ? void 0 : X.getBoundingClientRect();
     if (!j) return;
-    const i = window.innerHeight, x = i - j.bottom, y = j.top, K = x < 300 && y > x;
-    B(K ? "up" : "down"), k(
-      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"), E(
+      K ? { bottom: c - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
     );
   };
-  D(() => {
+  P(() => {
     if (f)
       return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
         window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [f]), D(() => {
-    const j = (i) => {
-      z.current && !z.current.contains(i.target) && O.current && !O.current.contains(i.target) && C();
+  }, [f]), P(() => {
+    const j = (c) => {
+      W.current && !W.current.contains(c.target) && O.current && !O.current.contains(c.target) && z();
     };
     return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
-  }, [d]), D(() => {
-    var i;
+  }, [d]), P(() => {
+    var c;
     if (!f || T < 0 || !O.current) return;
-    (i = O.current.querySelectorAll(".ds-select-option")[T]) == null || i.scrollIntoView({ block: "nearest" });
+    (c = O.current.querySelectorAll(".ds-select-option")[T]) == null || c.scrollIntoView({ block: "nearest" });
   }, [T, f]);
-  const g = (j) => {
+  const R = (j) => {
     switch (j.key) {
       case "ArrowDown":
-        j.preventDefault(), f ? $((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 ? $((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(), $(0));
@@ -497,16 +497,16 @@ function nt({
         break;
       case "Enter":
       case " ":
-        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), C(!0)) : b();
+        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), z(!0)) : h();
         break;
       case "Escape":
-        f && (j.preventDefault(), C(!0));
+        f && (j.preventDefault(), z(!0));
         break;
       case "Tab":
-        f && C(!1);
+        f && z(!1);
         break;
     }
-  }, S = o.find((j) => j.value === t), W = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], U = f && /* @__PURE__ */ e.jsx(
+  }, D = o.find((j) => j.value === t), C = l === "xs" ? S[1] : l === "small" ? S[2] : S[3], U = f && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: O,
@@ -520,10 +520,10 @@ function nt({
         d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: w,
-      children: o.map((j, i) => /* @__PURE__ */ e.jsx(
+      children: o.map((j, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${F}-opt-${i}`,
+          id: `${F}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
@@ -532,10 +532,10 @@ function nt({
             "ds-select-option",
             `ds-select-option--${l}`,
             t === j.value && "ds-select-option--selected",
-            i === T && "ds-select-option--active"
+            c === T && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(j.value), C(!0);
+            r == null || r(j.value), z(!0);
           },
           children: j.label
         },
@@ -543,9 +543,9 @@ function nt({
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${c ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
+  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(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: W, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: q,
@@ -560,17 +560,17 @@ function nt({
         "aria-describedby": G,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (f ? C() : b());
+          m || (f ? z() : h());
         },
-        onKeyDown: g,
+        onKeyDown: R,
         disabled: m,
         ...p,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: S ? "" : "ds-select-placeholder", children: (S == null ? void 0 : S.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: D ? "" : "ds-select-placeholder", children: (D == null ? void 0 : D.label) || a }),
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: W,
+              size: C,
               strokeWidth: 1.5,
               className: `ds-select-icon ${f && N === "down" ? "ds-select-icon--open" : ""} ${f && N === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
@@ -583,14 +583,14 @@ function nt({
     typeof document < "u" && ne.createPortal(U, document.body)
   ] });
 }
-function at({
+function ct({
   label: s,
   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,
@@ -600,7 +600,7 @@ function at({
     if (l) return;
     const N = Math.min(Number(t) + n, a);
     r == null || r(N);
-  }, h = () => {
+  }, b = () => {
     if (l) return;
     const N = Math.max(Number(t) - n, o);
     r == null || r(N);
@@ -622,9 +622,9 @@ function at({
     u && "ds-stepper-wrapper--error"
   ].filter(Boolean).join(" "), w = [
     "ds-stepper",
-    `ds-stepper--${c}`,
+    `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), k = c === "xs" ? P[1] : c === "small" ? P[2] : P[3];
+  ].filter(Boolean).join(" "), E = i === "xs" ? S[1] : i === "small" ? S[2] : S[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: [
@@ -633,10 +633,10 @@ function at({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: h,
+          onClick: b,
           disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ee, { size: k, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ee, { size: E, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -661,7 +661,7 @@ function at({
           onClick: f,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(ke, { size: k, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx($e, { size: E, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -669,7 +669,7 @@ function at({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Pe({
+function Be({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -677,7 +677,7 @@ function Pe({
   // deprecated, use variant="interactive"
   onClick: a,
   href: n,
-  disabled: c = !1,
+  disabled: i = !1,
   ...l
 }) {
   const u = (o ? "interactive" : r) === "interactive" || a || n, p = [
@@ -687,7 +687,7 @@ function Pe({
   ].filter(Boolean).join(" ");
   if (n) {
     const d = (_) => {
-      if (c) {
+      if (i) {
         _.preventDefault();
         return;
       }
@@ -697,49 +697,49 @@ function Pe({
       "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", h = u && a ? {
+  const f = u && a ? "button" : "div", b = u && a ? {
     type: "button",
     onClick: a,
-    disabled: c
+    disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
     f,
     {
       className: p,
       role: u && !a ? "article" : void 0,
-      ...h,
+      ...b,
       ...l,
       children: s
     }
   );
 }
-function ot({ children: s, ...t }) {
+function lt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function it({ children: s, ...t }) {
+function dt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function ct({ children: s, ...t }) {
+function ut({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function lt({ children: s, ...t }) {
+function ft({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function dt({ children: s, secondary: t = !1, ...r }) {
+function mt({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function ut({ children: s, secondary: t = !1, ...r }) {
+function pt({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function ft({ children: s, secondary: t = !1, ...r }) {
+function ht({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
 function oe({
@@ -753,16 +753,16 @@ function oe({
     "ds-badge",
     `ds-badge--${t}`,
     `ds-badge--${r}`
-  ].filter(Boolean).join(" "), c = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: n, role: c, ...a, children: s });
-}
-const Be = {
-  info: fe,
-  success: ue,
-  warning: de,
-  error: le
+  ].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 Oe = {
+  info: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
-function mt({
+function bt({
   children: s,
   variant: t = "info",
   title: r,
@@ -770,9 +770,9 @@ function mt({
   role: a,
   ...n
 }) {
-  const c = Be[t], l = a || (t === "error" ? "alert" : "status");
+  const i = Oe[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: [
-    c && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(c, { size: P[3], strokeWidth: 1.5 }) }),
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: S[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 })
@@ -784,25 +784,25 @@ function mt({
         className: "ds-alert__close",
         onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const Oe = 200;
-function pt({
+const Le = 200;
+function xt({
   children: s,
   title: t,
   onClose: r,
   size: o = "m",
   ...a
 }) {
-  const n = E(null), c = L.useId(), [l, m] = R(!1), u = () => {
+  const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Oe));
+    }, Le));
   };
-  D(() => {
+  P(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (w) => {
@@ -812,7 +812,7 @@ function pt({
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
-  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), h = p.filter((d) => (d == null ? void 0 : d.type) !== be);
+  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-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -820,22 +820,22 @@ function pt({
       ref: n,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": t ? c : void 0,
+      "aria-labelledby": t ? i : void 0,
       children: [
         (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          t && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-modal__title", children: t }),
+          t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
           r && /* @__PURE__ */ e.jsx(
-            De,
+            _e,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: h }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: b }),
         f
       ]
     }
@@ -844,23 +844,23 @@ function pt({
 function be({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function Le({
+function Me({
   children: s,
   title: t = "Code",
   defaultExpanded: r = !1,
   expanded: o,
   onToggle: a,
   padding: n = "s",
-  className: c = "",
+  className: i = "",
   ...l
 }) {
-  const [m, u] = R(r), p = o !== void 0, f = p ? o : m, h = () => {
+  const [m, u] = g(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__ */ e.jsxs("div", { className: d, ...l, children: [
     /* @__PURE__ */ e.jsxs(
@@ -868,14 +868,14 @@ function Le({
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: h,
+        onClick: b,
         "aria-expanded": f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: P[2],
+              size: S[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -886,10 +886,10 @@ function Le({
     /* @__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 bt({ 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 vt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(Me, { 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 ht({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
+function jt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
   const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -904,22 +904,22 @@ function ht({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
     }
   );
 }
-function xt({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
+function _t({ 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 vt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: c, href: l, ...m }) {
-  const u = c && !s, p = [
+function wt({ 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}`,
     t && "ds-tab--selected",
     u && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    c && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: c }),
+    i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     s
   ] });
   if (l) {
-    const h = (d) => {
+    const b = (d) => {
       if (n) {
         d.preventDefault();
         return;
@@ -934,7 +934,7 @@ function vt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
         "aria-disabled": n ? "true" : void 0,
         className: p,
         href: n ? void 0 : l,
-        onClick: h,
+        onClick: b,
         ...m,
         children: f
       }
@@ -953,24 +953,24 @@ function vt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     }
   );
 }
-function jt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
-  const n = E(null), c = E(null), [l, m] = R(!1), u = E(!1), p = E(null), f = E(null), h = () => {
+function Nt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
+  const n = k(null), i = k(null), [l, m] = g(!1), u = k(!1), p = k(null), f = k(null), b = () => {
     if (!n.current) return;
     const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
-    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), k = w.left - _.left, N = w.width;
-    c.current ? (c.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", c.current.style.left = k + "px", c.current.style.width = N + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
-      if (!c.current || !n.current) return;
+    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), E = 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 = E + "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();
-      c.current.style.transition = "none", c.current.style.left = $.left - T.left + "px", c.current.style.width = $.width + "px";
+      i.current.style.transition = "none", i.current.style.left = $.left - T.left + "px", i.current.style.width = $.width + "px";
     }));
   };
-  return f.current = h, Ne(() => {
+  return f.current = b, ye(() => {
     const d = p.current !== t;
-    p.current = t, u.current = l && d, h();
-  }), D(() => {
+    p.current = t, u.current = l && d, b();
+  }), P(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
       u.current = !1, f.current();
@@ -990,7 +990,7 @@ function jt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
         l && /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: c,
+            ref: i,
             className: "ds-seg__pill",
             "aria-hidden": "true"
           }
@@ -1015,23 +1015,23 @@ function jt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function _t({
+function yt({
   children: s,
   title: t,
   defaultExpanded: r = !1,
   expanded: o,
   onToggle: a,
   padding: n = "m",
-  ...c
+  ...i
 }) {
-  const [l, m] = R(r), u = o !== void 0, p = u ? o : l, f = () => {
+  const [l, m] = g(r), u = o !== void 0, p = u ? o : l, f = () => {
     u ? a == null || a(!o) : m((d) => !d);
-  }, h = [
+  }, b = [
     "ds-accordion",
     `ds-accordion--${n}`,
     p && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: h, ...c, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1044,7 +1044,7 @@ function _t({
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: P[2],
+              size: S[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1056,7 +1056,7 @@ function _t({
   ] });
 }
 const Y = 8, Z = 8;
-function Me(s, t, r) {
+function Fe(s, t, r) {
   const o = window.innerWidth;
   let a, n;
   switch (s) {
@@ -1075,10 +1075,10 @@ function Me(s, t, r) {
     default:
       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 Fe(s, t, r) {
+function Ce(s, t, r) {
   const o = window.innerWidth, a = window.innerHeight;
   if (s.top >= t + Y + Z) return "top";
   if (a - s.bottom >= t + Y + Z) return "bottom";
@@ -1087,10 +1087,10 @@ function Fe(s, t, r) {
   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 wt({ children: s, content: t, position: r, ...o }) {
-  const [a, n] = R(!1), [c, l] = R({ visibility: "hidden" }), [m, u] = R(r || "top"), p = E(null), f = E(null), h = E(!1), d = () => {
+function kt({ children: s, content: t, position: r, ...o }) {
+  const [a, n] = g(!1), [i, l] = g({ visibility: "hidden" }), [m, u] = g(r || "top"), p = k(null), f = k(null), b = k(!1), d = () => {
     if (!p.current || !f.current) return;
-    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);
+    const w = p.current.getBoundingClientRect(), E = f.current.getBoundingClientRect(), N = r || Ce(w, E.height, E.width), { top: B, left: T, arrowOffset: $ } = Fe(N, w, E);
     u(N), l({
       position: "fixed",
       top: B,
@@ -1099,17 +1099,17 @@ function wt({ children: s, content: t, position: r, ...o }) {
       "--arrow-offset": `${$}px`
     });
   };
-  if (D(() => {
+  if (P(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
     const w = requestAnimationFrame(d);
     return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
       cancelAnimationFrame(w), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [a, r]), D(() => {
+  }, [a, r]), P(() => {
     if (!a) return;
-    const w = (k) => {
-      p.current && !p.current.contains(k.target) && n(!1);
+    const w = (E) => {
+      p.current && !p.current.contains(E.target) && n(!1);
     };
     return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
   }, [a]), !t) return s;
@@ -1119,7 +1119,7 @@ function wt({ children: s, content: t, position: r, ...o }) {
       ref: f,
       className: `ds-tooltip ds-tooltip--${m}`,
       role: "tooltip",
-      style: c,
+      style: i,
       children: t
     }
   );
@@ -1129,13 +1129,13 @@ function wt({ children: s, content: t, position: r, ...o }) {
       ref: p,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        h.current || n(!0);
+        b.current || n(!0);
       },
       onMouseLeave: () => {
-        h.current || n(!1);
+        b.current || n(!1);
       },
       onTouchStart: () => {
-        h.current = !0, n((w) => !w);
+        b.current = !0, n((w) => !w);
       },
       ...o,
       children: [
@@ -1145,14 +1145,14 @@ function wt({ children: s, content: t, position: r, ...o }) {
     }
   );
 }
-function Nt({
+function Et({
   checked: s = !1,
   onChange: t,
   size: r = "m",
   disabled: o = !1,
   label: a,
   id: n,
-  ...c
+  ...i
 }) {
   const l = n || `toggle-${L.useId()}`, m = [
     "ds-toggle",
@@ -1169,21 +1169,21 @@ function Nt({
         checked: s,
         onChange: (u) => t == null ? void 0 : t(u.target.checked),
         disabled: o,
-        ...c
+        ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function yt({
+function $t({
   checked: s = !1,
   onChange: t,
   size: r = "m",
   disabled: o = !1,
   label: a,
   id: n,
-  ...c
+  ...i
 }) {
   const l = n || `checkbox-${L.useId()}`, m = [
     "ds-checkbox",
@@ -1200,11 +1200,11 @@ function yt({
         checked: s,
         onChange: (p) => t == null ? void 0 : t(p.target.checked),
         disabled: o,
-        ...c
+        ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
-      ve,
+      le,
       {
         size: u,
         strokeWidth: 2.5,
@@ -1214,14 +1214,14 @@ function yt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function Et({
+function gt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
   disabled: o = !1,
   label: a,
   name: n,
-  value: c,
+  value: i,
   id: l,
   ...m
 }) {
@@ -1241,7 +1241,7 @@ function Et({
         onChange: (f) => t == null ? void 0 : t(f.target.checked),
         disabled: o,
         name: n,
-        value: c,
+        value: i,
         ...m
       }
     ),
@@ -1249,49 +1249,69 @@ function Et({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function kt({ width: s, height: t, shape: r = "rect", className: o = "", style: a = {}, ...n }) {
+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: t, ...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 We(s) {
+We.Text = ze;
+function Ve(s) {
   let t = 2166136261;
   for (let r = 0; r < s.length; r++)
     t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
   return t % 360;
 }
-function ze(s) {
+function Ue(s) {
   if (!s) return "";
   const t = s.trim().split(/\s+/);
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function $t({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...c }) {
-  const l = We(s ?? ""), [m, u] = R(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: ze(s) });
+function Rt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
+  const l = Ve(s ?? ""), [m, u] = g(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ue(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,
+      ...i,
       children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : p
     }
   );
 }
-function gt({
+function Tt({
   children: s,
   size: t = "compact",
   stickyTop: r,
   maxHeight: o,
   className: a = "",
   style: n = {},
-  ...c
+  ...i
 }) {
   const l = {
     ...o ? { maxHeight: o } : {},
@@ -1307,20 +1327,20 @@ function gt({
         "table",
         {
           className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
-          ...c,
+          ...i,
           children: s
         }
       )
     }
   );
 }
-function Rt({ children: s, ...t }) {
+function It({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function Tt({ children: s, ...t }) {
+function At({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function It({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...c }) {
+function St({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1332,16 +1352,16 @@ function It({ children: s, interactive: t, selected: r, subheader: o, className:
         a
       ].filter(Boolean).join(" "),
       onClick: n,
-      ...c,
+      ...i,
       children: s
     }
   );
 }
-function At({ children: s, colSpan: t = 999, ...r }) {
+function Dt({ 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 St({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: c = {}, ...l }) {
-  const m = !!o || r !== void 0, u = r === "asc" ? $e : r === "desc" ? re : ge;
+function Pt({ 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" ? ge : r === "desc" ? re : Re;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1353,7 +1373,7 @@ function St({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
         n
       ].filter(Boolean).join(" "),
       onClick: o,
-      style: { width: a, ...c },
+      style: { width: a, ...i },
       ...l,
       children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
@@ -1362,7 +1382,7 @@ function St({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
     }
   );
 }
-function Dt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: c = "", ...l }) {
+function Bt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1373,27 +1393,27 @@ function Dt({ children: s, align: t = "left", secondary: r, muted: o, truncate:
         o ? "ds-table-cell--muted" : "",
         a ? "ds-table-cell--truncate" : "",
         n ? "ds-table-cell--nowrap" : "",
-        c
+        i
       ].filter(Boolean).join(" "),
       ...l,
       children: s
     }
   );
 }
-function Pt({
+function Ot({
   icon: s,
   title: t,
   description: r,
   action: o,
   size: a = "m",
   className: n = "",
-  ...c
+  ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
-      ...c,
+      ...i,
       children: [
         s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
@@ -1403,19 +1423,19 @@ function Pt({
     }
   );
 }
-function Bt({
+function Lt({
   label: s,
   hint: t,
   error: r,
   required: o = !1,
   disabled: a = !1,
   htmlFor: n,
-  children: c,
+  children: i,
   className: l = "",
   style: m,
   ...u
 }) {
-  const p = L.useId(), f = n ?? p, h = `${f}-hint`, d = `${f}-error`;
+  const p = L.useId(), f = n ?? p, b = `${f}-hint`, d = `${f}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1427,14 +1447,14 @@ function Bt({
       ...u,
       children: [
         s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: c }),
-        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
+        /* @__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 Ot({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: c, ...l }) {
+function Mt({ 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__ */ e.jsxs(
     "div",
@@ -1445,7 +1465,7 @@ function Ot({ label: s, value: t, 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__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
@@ -1455,7 +1475,7 @@ function Ot({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
     }
   );
 }
-function Lt({
+function Ft({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1463,7 +1483,7 @@ function Lt({
   style: a,
   ...n
 }) {
-  const c = L.Children.toArray(s).filter(Boolean);
+  const i = L.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1471,30 +1491,30 @@ function Lt({
       "aria-label": r,
       style: a,
       ...n,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: c.map((l, m) => /* @__PURE__ */ e.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__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
+        m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
       ] }, m)) })
     }
   );
 }
-function Mt({
+function Ct({
   page: s,
   total: t,
   onChange: r,
   siblings: o = 1,
   "aria-label": a = "Pagination",
   className: n = "",
-  style: c,
+  style: i,
   ...l
 }) {
-  const m = Ce(s, t, o);
+  const m = Ye(s, t, o);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${n ? ` ${n}` : ""}`,
       "aria-label": a,
-      style: c,
+      style: i,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(
@@ -1504,7 +1524,7 @@ function Mt({
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Re, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Te, { size: 16 })
           }
         ),
         m.map(
@@ -1534,27 +1554,27 @@ function Mt({
     }
   );
 }
-function Ce(s, t, r) {
-  if (t <= 7) return Array.from({ length: t }, (c, l) => l + 1);
+function Ye(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);
+  for (let i = o; i <= a; i++) n.push(i);
   return a < t - 1 && n.push("…"), n.push(t), n;
 }
-const Ve = 200;
-function Ft({
+const qe = 200;
+function Wt({
   children: s,
   title: t,
   onClose: r,
   side: o = "right",
   ...a
 }) {
-  const n = E(null), c = L.useId(), [l, m] = R(!1), u = () => {
+  const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Ve));
+    }, qe));
   };
-  D(() => {
+  P(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (w) => {
@@ -1564,7 +1584,7 @@ function Ft({
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
-  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === he), h = p.filter((d) => (d == null ? void 0 : d.type) !== he);
+  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === xe), b = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1578,13 +1598,13 @@ function Ft({
           ref: n,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? c : void 0,
+          "aria-labelledby": t ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
-              t && /* @__PURE__ */ e.jsx("h3", { id: c, 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 }) })
+              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: S[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
             f
           ]
         }
@@ -1592,33 +1612,33 @@ function Ft({
     }
   );
 }
-function he({ children: s }) {
+function xe({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const Ue = {
-  info: fe,
-  success: ue,
-  warning: de,
-  error: le
+const He = {
+  info: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
-function Wt({
+function zt({
   children: s,
   variant: t = "info",
   action: r,
   onAction: o,
   onDismiss: a,
   role: n,
-  ...c
+  ...i
 }) {
-  const l = Ue[t], m = n || (t === "error" ? "alert" : "status");
+  const l = He[t], m = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${t}`,
       role: m,
-      ...c,
+      ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: P[2], strokeWidth: 1.5 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: S[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
         r && /* @__PURE__ */ e.jsx(
           "button",
@@ -1636,108 +1656,108 @@ function Wt({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function zt({
+function Vt({
   trigger: s,
   items: t = [],
   open: r,
   onOpenChange: o,
   align: a = "left",
   className: n = "",
-  style: c,
+  style: i,
   ...l
 }) {
-  const [m, u] = R(!1), [p, f] = R(!1), h = r !== void 0, d = h ? r : m, _ = E(null), w = E(null), k = E(null), N = E(null), [B, T] = R({}), $ = E(null), z = 150, O = () => {
-    if (h)
+  const [m, u] = g(!1), [p, f] = g(!1), b = r !== void 0, d = b ? r : m, _ = k(null), w = k(null), E = k(null), N = k(null), [B, T] = g({}), $ = k(null), W = 150, O = () => {
+    if (b)
       o == null || o(!1);
     else {
       if (p) return;
       f(!0), $.current = setTimeout(() => {
         u(!1), f(!1);
-      }, z);
+      }, W);
     }
   }, q = () => {
-    const b = !d;
-    h ? o == null || o(b) : b ? (clearTimeout($.current), f(!1), u(!0)) : O();
+    const h = !d;
+    b ? o == null || o(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
   }, M = () => {
-    d || (h ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
+    d || (b ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
   };
-  D(() => () => clearTimeout($.current), []), D(() => {
+  P(() => () => clearTimeout($.current), []), P(() => {
     if (!d) return;
-    const b = () => {
-      var g;
-      const v = (g = _.current) == null ? void 0 : g.getBoundingClientRect();
+    const h = () => {
+      var R;
+      const v = (R = _.current) == null ? void 0 : R.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 = k.current) == null ? void 0 : v.querySelector(
+    const h = (v = E.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();
   };
-  D(() => {
+  P(() => {
     if (!d) return;
-    const b = (g) => {
-      var S, W;
-      !((S = _.current) != null && S.contains(g.target)) && !((W = w.current) != null && W.contains(g.target)) && O();
-    }, v = (g) => {
-      g.key === "Escape" && (O(), F());
+    const h = (R) => {
+      var D, C;
+      !((D = _.current) != null && D.contains(R.target)) && !((C = w.current) != null && C.contains(R.target)) && O();
+    }, v = (R) => {
+      R.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]), D(() => {
+  }, [d]), P(() => {
     if (!d || !N.current || !w.current) return;
-    const b = V(), v = N.current === "last" ? b[b.length - 1] : b[0];
+    const h = V(), v = N.current === "last" ? h[h.length - 1] : h[0];
     v == null || v.focus(), N.current = null;
   }, [d]);
   const V = () => w.current ? [...w.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], G = (b) => {
-    var v, g;
-    if (b.key === "ArrowDown")
-      b.preventDefault(), d ? (v = V()[0]) == null || v.focus() : (N.current = "first", M());
-    else if (b.key === "ArrowUp")
-      if (b.preventDefault(), !d)
+  )] : [], G = (h) => {
+    var v, R;
+    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 = V();
-        (g = S[S.length - 1]) == null || g.focus();
+        const D = V();
+        (R = D[D.length - 1]) == null || R.focus();
       }
-  }, H = (b) => {
-    var S, W, U, j;
-    const v = V(), g = v.findIndex((i) => i === document.activeElement);
-    switch (b.key) {
+  }, H = (h) => {
+    var D, C, U, j;
+    const v = V(), R = v.findIndex((c) => c === document.activeElement);
+    switch (h.key) {
       case "ArrowDown":
-        b.preventDefault(), (S = v[Math.min(g + 1, v.length - 1)]) == null || S.focus();
+        h.preventDefault(), (D = v[Math.min(R + 1, v.length - 1)]) == null || D.focus();
         break;
       case "ArrowUp":
-        b.preventDefault(), g <= 0 ? F() : (W = v[g - 1]) == null || W.focus();
+        h.preventDefault(), R <= 0 ? F() : (C = v[R - 1]) == null || C.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;
     }
-  }, C = d && /* @__PURE__ */ e.jsx(
+  }, z = d && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: w,
@@ -1749,32 +1769,32 @@ function zt({
       ].filter(Boolean).join(" "),
       style: B,
       onKeyDown: H,
-      children: t.map((b, v) => {
-        if (b.separator)
+      children: t.map((h, v) => {
+        if (h.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
-        if (b.type === "section")
+        if (h.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            b.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: b.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: b.content })
+            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 g = !!b.href, S = g ? "a" : "button", W = g ? { href: b.disabled ? void 0 : b.href, "aria-disabled": b.disabled ? "true" : void 0 } : { type: "button", disabled: b.disabled };
+        const R = !!h.href, D = R ? "a" : "button", C = R ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
         return /* @__PURE__ */ e.jsxs(
-          S,
+          D,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              b.danger && "ds-dropdown__item--danger"
+              h.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...W,
+            ...C,
             onClick: () => {
               var U;
-              (U = b.onClick) == null || U.call(b), O();
+              (U = h.onClick) == null || U.call(h), O();
             },
             children: [
-              b.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: b.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: b.label }),
-              b.shortcut && /* @__PURE__ */ e.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
@@ -1787,25 +1807,25 @@ function zt({
     {
       ref: _,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
-      style: c,
+      style: i,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: k,
+            ref: E,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: G,
             children: s
           }
         ),
-        typeof document < "u" && ne.createPortal(C, document.body)
+        typeof document < "u" && ne.createPortal(z, document.body)
       ]
     }
   );
 }
-function Ct({
+function Ut({
   value: s = 0,
   size: t = "m",
   variant: r = "default",
@@ -1813,7 +1833,7 @@ function Ct({
   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;
+  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",
     {
@@ -1823,7 +1843,7 @@ function Ct({
         !n && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
-      "aria-valuenow": c,
+      "aria-valuenow": i,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       children: [
@@ -1835,91 +1855,91 @@ function Ct({
           }
         ) }),
         o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
-          Math.round(c),
+          Math.round(i),
           "%"
         ] })
       ]
     }
   );
 }
-const Ye = (s) => 1 - Math.pow(1 - s, 3), qe = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function He(s, { duration: t = 600 } = {}) {
-  const [r, o] = R(s), a = E(s), n = E(null);
-  return D(() => {
-    if (qe()) {
+const Ke = (s) => 1 - Math.pow(1 - s, 3), Ge = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Xe(s, { duration: t = 600 } = {}) {
+  const [r, o] = g(s), a = k(s), n = k(null);
+  return P(() => {
+    if (Ge()) {
       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) / t, 1);
-      o(c + l * Ye(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+      o(i + l * Ke(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function Vt({
+function Yt({
   value: s,
   duration: t = 600,
   decimals: r = 0,
   prefix: o = "",
   suffix: a = ""
 }) {
-  const c = He(s, { duration: t }).toFixed(r);
-  return `${o}${c}${a}`;
-}
-function Ke({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
-  const o = E(null), [a, n] = R(!1);
-  return D(() => {
-    const c = o.current;
-    if (!c) return;
+  const i = Xe(s, { duration: t }).toFixed(r);
+  return `${o}${i}${a}`;
+}
+function Je({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const o = k(null), [a, n] = g(!1);
+  return P(() => {
+    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: t }
     );
-    return l.observe(c), () => l.disconnect();
+    return l.observe(i), () => l.disconnect();
   }, [s, t, r]), { ref: o, inView: a };
 }
-function Ut({
+function qt({
   children: s,
   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 } = Ke({ threshold: o, rootMargin: a, once: r }), p = E(!1);
-  return D(() => {
-    u && !p.current && (n == null || n()), !u && p.current && (c == null || c()), p.current = u;
+  const { ref: m, inView: u } = Je({ threshold: o, rootMargin: a, once: r }), p = k(!1);
+  return P(() => {
+    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
+const ve = {
+  default: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
 let Q = [];
 const ce = /* @__PURE__ */ new Set();
-function _e() {
+function we() {
   ce.forEach((s) => s([...Q]));
 }
-function Ge(s) {
-  Q = [...Q, s], _e();
+function Ze(s) {
+  Q = [...Q, s], we();
 }
-function Xe(s) {
-  Q = Q.filter((t) => t.id !== s), _e();
+function Qe(s) {
+  Q = Q.filter((t) => t.id !== s), we();
 }
-function Yt() {
+function Ht() {
   const s = (t, r = {}) => {
-    Ge({
+    Ze({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
@@ -1929,13 +1949,13 @@ function Yt() {
   };
   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 Je({ 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 et({ data: s, onDismiss: t }) {
+  const [r, o] = g(!1), a = k(null);
+  P(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
   function n() {
     o(!1), setTimeout(() => t(s.id), 250);
   }
-  const c = xe[s.type] ?? xe.default;
+  const i = ve[s.type] ?? ve.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1947,7 +1967,7 @@ function Je({ data: s, onDismiss: t }) {
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(c, { size: P[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: S[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -1955,61 +1975,61 @@ function Je({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function qt({ 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(Je, { data: o, onDismiss: Xe }, o.id)) }),
+function Kt({ position: s = "bottom-right" }) {
+  const [t, r] = g(() => [...Q]);
+  return P(() => (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(et, { data: o, onDismiss: Qe }, o.id)) }),
     document.body
   );
 }
-const Ze = {
+const tt = {
   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 Ht({
+function Gt({
   label: s,
   status: t = "idle",
   icon: r,
   badge: o,
   defaultExpanded: a = !1,
   expanded: n,
-  onToggle: c,
+  onToggle: i,
   padding: l = "s",
   children: m,
   ...u
 }) {
-  const f = `tc-body-${ye().replace(/:/g, "")}`, [h, d] = R(a), _ = n !== void 0, w = _ ? n : h, k = () => {
-    _ ? c == null || c(!n) : d((N) => !N);
+  const f = `tc-body-${ke().replace(/:/g, "")}`, [b, d] = g(a), _ = n !== void 0, w = _ ? n : b, E = () => {
+    _ ? i == null || i(!n) : d((N) => !N);
   };
-  return /* @__PURE__ */ e.jsxs(Pe, { padding: l, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(Be, { padding: l, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
-        onClick: k,
+        onClick: E,
         "aria-expanded": w,
         "aria-controls": f,
         children: [
           /* @__PURE__ */ e.jsx(
             je,
             {
-              size: P[1],
+              size: S[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 }),
-          Ze[t],
+          tt[t],
           o
         ]
       }
@@ -2017,61 +2037,86 @@ function Ht({
     w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
   ] });
 }
+function Xt({
+  text: s,
+  size: t = "xs",
+  timeout: r = 2e3,
+  "aria-label": o = "Copy to clipboard",
+  ...a
+}) {
+  const [n, i] = g(!1), l = () => {
+    navigator.clipboard.writeText(s).then(() => {
+      i(!0), setTimeout(() => i(!1), r);
+    });
+  };
+  return /* @__PURE__ */ e.jsx(
+    _e,
+    {
+      variant: "ghost",
+      size: t,
+      icon: n ? /* @__PURE__ */ e.jsx(le, { size: S[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Ie, { size: S[1], strokeWidth: 1.5 }),
+      "aria-label": o,
+      onClick: l,
+      ...a
+    }
+  );
+}
 export {
-  _t as Accordion,
-  mt as Alert,
-  Vt as AnimatedNumber,
-  $t as Avatar,
+  yt as Accordion,
+  bt as Alert,
+  Yt as AnimatedNumber,
+  Rt as Avatar,
   oe as Badge,
-  Wt as Banner,
-  Lt as Breadcrumb,
-  De as Button,
-  Pe as Card,
-  yt as Checkbox,
-  bt as Code,
-  Le as CodeAccordion,
-  Ft as Drawer,
-  he as DrawerFooter,
-  zt as Dropdown,
-  Pt as EmptyState,
-  Bt as FormField,
-  ot as H1,
-  it as H2,
-  ct as H3,
-  lt as H4,
-  Ut as InView,
-  st as Input,
-  ht as Link,
-  pt as Modal,
+  zt as Banner,
+  Ft as Breadcrumb,
+  _e as Button,
+  Be as Card,
+  $t as Checkbox,
+  vt as Code,
+  Me as CodeAccordion,
+  Xt as CopyButton,
+  Wt as Drawer,
+  xe as DrawerFooter,
+  Vt as Dropdown,
+  Ot as EmptyState,
+  Lt as FormField,
+  lt as H1,
+  dt as H2,
+  ut as H3,
+  ft as H4,
+  qt as InView,
+  at as Input,
+  jt as Link,
+  xt as Modal,
   be as ModalFooter,
-  dt as P1,
-  ut as P2,
-  ft as P3,
-  Mt as Pagination,
-  Ct as ProgressBar,
-  Et as Radio,
-  jt as SegmentedControl,
-  nt as Select,
-  kt as Skeleton,
-  Ae as Spinner,
-  Ot as Stat,
-  at as Stepper,
-  vt as Tab,
-  gt as Table,
-  Tt as TableBody,
-  Rt as TableHead,
-  It as TableRow,
-  At as TableSubheaderRow,
-  xt as Tabs,
-  Dt as Td,
-  rt as Textarea,
-  St as Th,
-  qt as ToastContainer,
-  Nt as Toggle,
-  Ht as ToolCallCard,
-  wt as Tooltip,
-  P as iconSizes,
-  He as useAnimatedNumber,
-  Ke as useInView,
-  Yt as useToast
+  mt as P1,
+  pt as P2,
+  ht as P3,
+  Ct as Pagination,
+  Ut as ProgressBar,
+  gt as Radio,
+  Nt as SegmentedControl,
+  it as Select,
+  We as Skeleton,
+  De as Spinner,
+  Mt as Stat,
+  ct as Stepper,
+  wt as Tab,
+  Tt as Table,
+  At as TableBody,
+  It as TableHead,
+  St as TableRow,
+  Dt as TableSubheaderRow,
+  _t as Tabs,
+  Bt as Td,
+  ot as Textarea,
+  Pt as Th,
+  Kt as ToastContainer,
+  Et as Toggle,
+  Gt as ToolCallCard,
+  kt as Tooltip,
+  S as iconSizes,
+  Xe as useAnimatedNumber,
+  Je as useInView,
+  Ht as useToast
 };