@donkit-ai/design-system 1.1.26 → 1.1.27

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import L, { useState as g, useRef as R, useEffect as P, useLayoutEffect as ve } from "react";
-import Q from "react-dom";
-import { ChevronDown as ee, Minus as _e, Plus as je, XCircle as fe, AlertTriangle as me, CheckCircle as pe, Info as he, X as ce, Check as we, ChevronUp as Ne, ChevronsUpDown as ye } from "lucide-react";
+import L, { useState as T, useRef as R, useEffect as P, useLayoutEffect as _e } from "react";
+import { Check as fe, X as Q, ChevronDown as ee, Minus as je, Plus as we, XCircle as me, AlertTriangle as pe, CheckCircle as he, Info as be, ChevronUp as Ne, ChevronsUpDown as ye } from "lucide-react";
+import te from "react-dom";
 const O = {
   1: 16,
   2: 20,
@@ -8,7 +8,7 @@ const O = {
   4: 28,
   5: 48
 };
-var ae = { exports: {} }, G = {};
+var oe = { exports: {} }, G = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -51,7 +51,7 @@ var X = {};
  * LICENSE file in the root directory of this source tree.
  */
 var le;
-function Re() {
+function ke() {
   return le || (le = 1, process.env.NODE_ENV !== "production" && function() {
     function t(c) {
       if (c == null) return null;
@@ -61,15 +61,15 @@ function Re() {
       switch (c) {
         case y:
           return "Fragment";
-        case T:
+        case S:
           return "Profiler";
         case E:
           return "StrictMode";
-        case W:
+        case C:
           return "Suspense";
-        case x:
+        case h:
           return "SuspenseList";
-        case D:
+        case F:
           return "Activity";
       }
       if (typeof c == "object")
@@ -78,14 +78,14 @@ function Re() {
         ), c.$$typeof) {
           case _:
             return "Portal";
-          case I:
+          case k:
             return c.displayName || "Context";
-          case w:
+          case I:
             return (c._context.displayName || "Context") + ".Consumer";
-          case V:
+          case D:
             var b = c.render;
             return c = c.displayName, c || (c = b.displayName || b.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
-          case S:
+          case j:
             return b = c.displayName || null, b !== null ? b : t(c.type) || "Memo";
           case A:
             b = c._payload, c = c._init;
@@ -143,7 +143,7 @@ function Re() {
     }
     function l(c, b) {
       function N() {
-        F || (F = !0, console.error(
+        W || (W = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           b
         ));
@@ -159,15 +159,15 @@ function Re() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(c, b, N, $, Z, re) {
-      var k = N.ref;
+    function u(c, b, N, $, Z, ne) {
+      var g = N.ref;
       return c = {
         $$typeof: v,
         type: c,
         key: b,
         props: N,
         _owner: $
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(c, "ref", {
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
         get: m
       }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
@@ -189,28 +189,28 @@ function Re() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: re
+        value: ne
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function f(c, b, N, $, Z, re) {
-      var k = b.children;
-      if (k !== void 0)
+    function f(c, b, N, $, Z, ne) {
+      var g = b.children;
+      if (g !== void 0)
         if ($)
-          if (te(k)) {
-            for ($ = 0; $ < k.length; $++)
-              p(k[$]);
-            Object.freeze && Object.freeze(k);
+          if (se(g)) {
+            for ($ = 0; $ < g.length; $++)
+              p(g[$]);
+            Object.freeze && Object.freeze(g);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(k);
+        else p(g);
       if (J.call(b, "key")) {
-        k = t(c);
-        var z = Object.keys(b).filter(function(xe) {
-          return xe !== "key";
+        g = t(c);
+        var z = Object.keys(b).filter(function(ve) {
+          return ve !== "key";
         });
-        $ = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", H[k + $] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", H[g + $] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -218,35 +218,35 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           $,
-          k,
+          g,
           z,
-          k
-        ), H[k + $] = !0);
+          g
+        ), H[g + $] = !0);
       }
-      if (k = null, N !== void 0 && (r(N), k = "" + N), i(b) && (r(b.key), k = "" + b.key), "key" in b) {
+      if (g = null, N !== void 0 && (r(N), g = "" + N), i(b) && (r(b.key), g = "" + b.key), "key" in b) {
         N = {};
-        for (var ne in b)
-          ne !== "key" && (N[ne] = b[ne]);
+        for (var ae in b)
+          ae !== "key" && (N[ae] = b[ae]);
       } else N = b;
-      return k && l(
+      return g && l(
         N,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), u(
         c,
-        k,
+        g,
         N,
         n(),
         Z,
-        re
+        ne
       );
     }
     function p(c) {
-      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === A && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+      x(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === A && (c._payload.status === "fulfilled" ? x(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
-    function h(c) {
+    function x(c) {
       return typeof c == "object" && c !== null && c.$$typeof === v;
     }
-    var d = L, v = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), I = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), M = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, te = Array.isArray, j = console.createTask ? console.createTask : function() {
+    var d = L, v = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), k = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), M = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, se = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -254,10 +254,10 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var F, q = {}, K = d.react_stack_bottom_frame.bind(
+    var W, q = {}, K = d.react_stack_bottom_frame.bind(
       d,
       a
-    )(), se = j(o(a)), H = {};
+    )(), re = w(o(a)), H = {};
     X.Fragment = y, X.jsx = function(c, b, N) {
       var $ = 1e4 > M.recentlyCreatedOwnerStacks++;
       return f(
@@ -266,7 +266,7 @@ React keys must be passed directly to JSX without using spread:
         N,
         !1,
         $ ? Error("react-stack-top-frame") : K,
-        $ ? j(o(c)) : se
+        $ ? w(o(c)) : re
       );
     }, X.jsxs = function(c, b, N) {
       var $ = 1e4 > M.recentlyCreatedOwnerStacks++;
@@ -276,14 +276,14 @@ React keys must be passed directly to JSX without using spread:
         N,
         !0,
         $ ? Error("react-stack-top-frame") : K,
-        $ ? j(o(c)) : se
+        $ ? w(o(c)) : re
       );
     };
   }()), X;
 }
-process.env.NODE_ENV === "production" ? ae.exports = Ee() : ae.exports = Re();
-var s = ae.exports;
-function $e({ size: t = "m", color: e = "default", className: r = "", ...o }) {
+process.env.NODE_ENV === "production" ? oe.exports = Ee() : oe.exports = ke();
+var s = oe.exports;
+function Re({ size: t = "m", color: e = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ s.jsx(
     "span",
     {
@@ -294,7 +294,8 @@ function $e({ size: t = "m", color: e = "default", className: r = "", ...o }) {
     }
   );
 }
-function ke({
+const $e = { xs: 12, s: 14, m: 16, l: 20 };
+function ge({
   children: t,
   variant: e = "primary",
   size: r = "m",
@@ -308,38 +309,36 @@ function ke({
   "aria-label": f,
   ...p
 }) {
-  const h = n && !t, d = i === "loading", v = r === "l" ? "s" : "xs", _ = [
+  const x = n && !t, d = i === "loading", v = i === "success", _ = i === "error", y = d || v || _, E = r === "l" ? "s" : "xs", S = $e[r] ?? 16, I = d ? /* @__PURE__ */ s.jsx(Re, { size: E }) : v ? /* @__PURE__ */ s.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(fe, { size: S, strokeWidth: 2.5 }) }) : _ ? /* @__PURE__ */ s.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(Q, { size: S, strokeWidth: 2.5 }) }) : null, k = [
     "ds-button",
     `ds-button--${e}`,
     `ds-button--${r}`,
     o && "ds-button--full",
-    h && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), y = i !== "idle" ? i : void 0, E = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    d && /* @__PURE__ */ s.jsx($e, { size: v }),
-    !d && n && !h && /* @__PURE__ */ s.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n }),
-    t,
-    !d && h && /* @__PURE__ */ s.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n })
+    x && "ds-button--icon-only"
+  ].filter(Boolean).join(" "), D = i !== "idle" ? i : void 0, C = /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    y ? I : n && /* @__PURE__ */ s.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n }),
+    t
   ] });
   if (u) {
-    const T = (w) => {
+    const h = (j) => {
       if (a || d) {
-        w.preventDefault();
+        j.preventDefault();
         return;
       }
-      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), l == null || l(w));
+      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), l == null || l(j));
     };
     return /* @__PURE__ */ s.jsx(
       "a",
       {
-        className: _,
+        className: k,
         href: a || d ? void 0 : u,
-        onClick: T,
+        onClick: h,
         "aria-label": f,
         "aria-disabled": a || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
-        "data-state": y,
+        "data-state": D,
         ...p,
-        children: E
+        children: C
       }
     );
   }
@@ -347,18 +346,18 @@ function ke({
     "button",
     {
       type: m,
-      className: _,
+      className: k,
       disabled: a,
       onClick: d ? void 0 : l,
       "aria-label": f,
       "aria-busy": d ? "true" : void 0,
-      "data-state": y,
+      "data-state": D,
       ...p,
-      children: E
+      children: C
     }
   );
 }
-function Ue({
+function qe({
   label: t,
   error: e,
   hint: r,
@@ -371,7 +370,7 @@ function Ue({
   id: u,
   ...f
 }) {
-  const p = u || `input-${L.useId()}`, h = r ? `${p}-hint` : void 0, d = e ? `${p}-error` : void 0, v = d || h;
+  const p = u || `input-${L.useId()}`, x = r ? `${p}-hint` : void 0, d = e ? `${p}-error` : void 0, v = d || x;
   return /* @__PURE__ */ s.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${e ? "ds-input-wrapper--error" : ""}`, children: [
     t && /* @__PURE__ */ s.jsx("label", { className: "ds-input-label", htmlFor: p, children: t }),
     /* @__PURE__ */ s.jsxs("div", { className: "ds-input-container", children: [
@@ -399,11 +398,11 @@ function Ue({
         }
       )
     ] }),
-    r && !e && /* @__PURE__ */ s.jsx("span", { id: h, className: "ds-input-hint", children: r }),
+    r && !e && /* @__PURE__ */ s.jsx("span", { id: x, className: "ds-input-hint", children: r }),
     /* @__PURE__ */ s.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ s.jsx("div", { className: "ds-input-error-inner", children: e && /* @__PURE__ */ s.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: e }) }) })
   ] });
 }
-function qe({
+function He({
   label: t,
   error: e,
   hint: r,
@@ -415,7 +414,7 @@ function qe({
   rows: m = 3,
   ...u
 }) {
-  const f = i || `textarea-${L.useId()}`, p = r ? `${f}-hint` : void 0, h = e ? `${f}-error` : void 0, d = h || p;
+  const f = i || `textarea-${L.useId()}`, p = r ? `${f}-hint` : void 0, x = e ? `${f}-error` : void 0, d = x || p;
   return /* @__PURE__ */ s.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${a ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ s.jsx("label", { className: "ds-textarea-label", htmlFor: f, children: t }),
     /* @__PURE__ */ s.jsx(
@@ -431,10 +430,10 @@ function qe({
       }
     ),
     r && !e && /* @__PURE__ */ s.jsx("span", { id: p, className: "ds-textarea-hint", children: r }),
-    e && /* @__PURE__ */ s.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: e })
+    e && /* @__PURE__ */ s.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: e })
   ] });
 }
-function He({
+function Ge({
   label: t,
   value: e,
   onChange: r,
@@ -447,19 +446,19 @@ function He({
   id: u,
   ...f
 }) {
-  const [p, h] = g(!1), [d, v] = g(!1), [_, y] = g({}), [E, T] = g("down"), w = R(null), I = R(null), V = R(null), W = u || `select-${L.useId()}`, x = `${W}-label`, S = a ? `${W}-error` : void 0, A = 150, D = () => {
-    d || (v(!0), V.current = setTimeout(() => {
-      h(!1), v(!1);
+  const [p, x] = T(!1), [d, v] = T(!1), [_, y] = T({}), [E, S] = T("down"), I = R(null), k = R(null), D = R(null), C = u || `select-${L.useId()}`, h = `${C}-label`, j = a ? `${C}-error` : void 0, A = 150, F = () => {
+    d || (v(!0), D.current = setTimeout(() => {
+      x(!1), v(!1);
     }, A));
   };
-  P(() => () => clearTimeout(V.current), []);
+  P(() => () => clearTimeout(D.current), []);
   const B = () => {
     var c;
-    const j = (c = w.current) == null ? void 0 : c.getBoundingClientRect();
-    if (!j) return;
-    const F = window.innerHeight, q = F - j.bottom, K = j.top, H = q < 300 && K > q;
-    T(H ? "up" : "down"), y(
-      H ? { bottom: F - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
+    const w = (c = I.current) == null ? void 0 : c.getBoundingClientRect();
+    if (!w) return;
+    const W = window.innerHeight, q = W - w.bottom, K = w.top, H = q < 300 && K > q;
+    S(H ? "up" : "down"), y(
+      H ? { bottom: W - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
     );
   };
   P(() => {
@@ -468,17 +467,17 @@ function He({
         window.removeEventListener("scroll", B, !0), window.removeEventListener("resize", B);
       };
   }, [p]), P(() => {
-    const j = (F) => {
-      w.current && !w.current.contains(F.target) && I.current && !I.current.contains(F.target) && D();
+    const w = (W) => {
+      I.current && !I.current.contains(W.target) && k.current && !k.current.contains(W.target) && F();
     };
-    return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
+    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
   }, [d]);
-  const M = o.find((j) => j.value === e), J = l === "xs" ? O[1] : l === "small" ? O[2] : O[3], te = p && /* @__PURE__ */ s.jsx(
+  const M = o.find((w) => w.value === e), J = l === "xs" ? O[1] : l === "small" ? O[2] : O[3], se = p && /* @__PURE__ */ s.jsx(
     "div",
     {
-      ref: I,
+      ref: k,
       role: "listbox",
-      "aria-labelledby": t ? x : void 0,
+      "aria-labelledby": t ? h : void 0,
       className: [
         "ds-select-dropdown",
         `ds-select-dropdown--${l}`,
@@ -486,38 +485,38 @@ function He({
         d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: _,
-      children: o.map((j) => /* @__PURE__ */ s.jsx(
+      children: o.map((w) => /* @__PURE__ */ s.jsx(
         "button",
         {
           type: "button",
           role: "option",
-          "aria-selected": e === j.value,
-          className: `ds-select-option ds-select-option--${l} ${e === j.value ? "ds-select-option--selected" : ""}`,
+          "aria-selected": e === w.value,
+          className: `ds-select-option ds-select-option--${l} ${e === w.value ? "ds-select-option--selected" : ""}`,
           onClick: () => {
-            r == null || r(j.value), D();
+            r == null || r(w.value), F();
           },
-          children: j.label
+          children: w.label
         },
-        j.value
+        w.value
       ))
     }
   );
   return /* @__PURE__ */ s.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ s.jsx("label", { id: x, className: "ds-select-label", children: t }),
-    /* @__PURE__ */ s.jsx("div", { className: "ds-select-container", ref: w, children: /* @__PURE__ */ s.jsxs(
+    t && /* @__PURE__ */ s.jsx("label", { id: h, className: "ds-select-label", children: t }),
+    /* @__PURE__ */ s.jsx("div", { className: "ds-select-container", ref: I, children: /* @__PURE__ */ s.jsxs(
       "button",
       {
         type: "button",
-        id: W,
+        id: C,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-labelledby": t ? x : void 0,
+        "aria-labelledby": t ? h : void 0,
         "aria-invalid": a ? "true" : "false",
-        "aria-describedby": S,
+        "aria-describedby": j,
         className: `ds-select-trigger ds-select-trigger--${l} ${a ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (p ? D() : (clearTimeout(V.current), v(!1), h(!0)));
+          m || (p ? F() : (clearTimeout(D.current), v(!1), x(!0)));
         },
         disabled: m,
         ...f,
@@ -535,11 +534,11 @@ function He({
         ]
       }
     ) }),
-    a && /* @__PURE__ */ s.jsx("span", { id: S, className: "ds-select-error", role: "alert", children: a }),
-    typeof document < "u" && Q.createPortal(te, document.body)
+    a && /* @__PURE__ */ s.jsx("span", { id: j, className: "ds-select-error", role: "alert", children: a }),
+    typeof document < "u" && te.createPortal(se, document.body)
   ] });
 }
-function Ge({
+function Xe({
   label: t,
   value: e = 0,
   onChange: r,
@@ -556,21 +555,21 @@ function Ge({
     if (l) return;
     const E = Math.min(Number(e) + a, n);
     r == null || r(E);
-  }, h = () => {
+  }, x = () => {
     if (l) return;
     const E = Math.max(Number(e) - a, o);
     r == null || r(E);
   }, d = (E) => {
     if (l) return;
-    const T = E.target.value;
-    if (T === "") {
+    const S = E.target.value;
+    if (S === "") {
       r == null || r(o);
       return;
     }
-    const w = Number(T);
-    if (!isNaN(w)) {
-      const I = Math.min(Math.max(w, o), n);
-      r == null || r(I);
+    const I = Number(S);
+    if (!isNaN(I)) {
+      const k = Math.min(Math.max(I, o), n);
+      r == null || r(k);
     }
   }, v = [
     "ds-stepper-wrapper",
@@ -589,10 +588,10 @@ function Ge({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: h,
+          onClick: x,
           disabled: l || e <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ s.jsx(_e, { size: y, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ s.jsx(je, { size: y, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ s.jsx(
@@ -617,7 +616,7 @@ function Ge({
           onClick: p,
           disabled: l || e >= n,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ s.jsx(je, { size: y, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ s.jsx(we, { size: y, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -625,7 +624,7 @@ function Ge({
     u && /* @__PURE__ */ s.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Xe({
+function Je({
   children: t,
   padding: e = "m",
   variant: r = "info",
@@ -661,7 +660,7 @@ function Xe({
       }
     );
   }
-  const p = u && n ? "button" : "div", h = u && n ? {
+  const p = u && n ? "button" : "div", x = u && n ? {
     type: "button",
     onClick: n,
     disabled: i
@@ -671,34 +670,34 @@ function Xe({
     {
       className: f,
       role: u && !n ? "article" : void 0,
-      ...h,
+      ...x,
       ...l,
       children: t
     }
   );
 }
-function Je({ children: t, ...e }) {
+function Ke({ children: t, ...e }) {
   return /* @__PURE__ */ s.jsx("h1", { className: "ds-h1", ...e, children: t });
 }
-function Ke({ children: t, ...e }) {
+function Ze({ children: t, ...e }) {
   return /* @__PURE__ */ s.jsx("h2", { className: "ds-h2", ...e, children: t });
 }
-function Ze({ children: t, ...e }) {
+function Qe({ children: t, ...e }) {
   return /* @__PURE__ */ s.jsx("h3", { className: "ds-h3", ...e, children: t });
 }
-function Qe({ children: t, ...e }) {
+function et({ children: t, ...e }) {
   return /* @__PURE__ */ s.jsx("h4", { className: "ds-h4", ...e, children: t });
 }
-function et({ children: t, secondary: e = !1, ...r }) {
+function tt({ children: t, secondary: e = !1, ...r }) {
   return /* @__PURE__ */ s.jsx("p", { className: `ds-p1 ${e ? "ds-p1--secondary" : ""}`, ...r, children: t });
 }
-function tt({ children: t, secondary: e = !1, ...r }) {
+function st({ children: t, secondary: e = !1, ...r }) {
   return /* @__PURE__ */ s.jsx("p", { className: `ds-p2 ${e ? "ds-p2--secondary" : ""}`, ...r, children: t });
 }
-function st({ children: t, secondary: e = !1, ...r }) {
+function rt({ children: t, secondary: e = !1, ...r }) {
   return /* @__PURE__ */ s.jsx("p", { className: `ds-p3 ${e ? "ds-p3--secondary" : ""}`, ...r, children: t });
 }
-function rt({
+function nt({
   children: t,
   variant: e = "default",
   size: r = "m",
@@ -712,13 +711,13 @@ function rt({
   ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(e) ? "status" : void 0);
   return /* @__PURE__ */ s.jsx("span", { className: a, role: i, ...n, children: t });
 }
-const ge = {
-  info: he,
-  success: pe,
-  warning: me,
-  error: fe
+const Te = {
+  info: be,
+  success: he,
+  warning: pe,
+  error: me
 };
-function nt({
+function at({
   children: t,
   variant: e = "info",
   title: r,
@@ -726,7 +725,7 @@ function nt({
   role: n,
   ...a
 }) {
-  const i = ge[e], l = n || (e === "error" ? "alert" : "status");
+  const i = Te[e], l = n || (e === "error" ? "alert" : "status");
   return /* @__PURE__ */ s.jsxs("div", { className: `ds-alert ds-alert--${e} ${r ? "" : "ds-alert--no-title"}`, role: l, ...a, children: [
     i && /* @__PURE__ */ s.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ s.jsx(i, { size: O[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ s.jsxs("div", { className: "ds-alert__content", children: [
@@ -740,23 +739,23 @@ function nt({
         className: "ds-alert__close",
         onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ s.jsx(ce, { size: O[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ s.jsx(Q, { size: O[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const Te = 200;
-function at({
+const Se = 200;
+function ot({
   children: t,
   title: e,
   onClose: r,
   size: o = "m",
   ...n
 }) {
-  const a = R(null), i = L.useId(), [l, m] = g(!1), u = () => {
+  const a = R(null), i = L.useId(), [l, m] = T(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Te));
+    }, Se));
   };
   P(() => {
     const d = (_) => {
@@ -768,7 +767,7 @@ function at({
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", v);
     };
   }, [r, l]);
-  const f = L.Children.toArray(t), p = f.find((d) => (d == null ? void 0 : d.type) === de), h = f.filter((d) => (d == null ? void 0 : d.type) !== de);
+  const f = L.Children.toArray(t), p = f.find((d) => (d == null ? void 0 : d.type) === de), x = f.filter((d) => (d == null ? void 0 : d.type) !== de);
   return /* @__PURE__ */ s.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...n, children: /* @__PURE__ */ s.jsxs(
     "div",
     {
@@ -781,17 +780,17 @@ function at({
         (e || r) && /* @__PURE__ */ s.jsxs("div", { className: "ds-modal__header", children: [
           e && /* @__PURE__ */ s.jsx("h3", { id: i, className: "ds-modal__title", children: e }),
           r && /* @__PURE__ */ s.jsx(
-            ke,
+            ge,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ s.jsx(ce, { size: O[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ s.jsx(Q, { size: O[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsx("div", { className: "ds-modal__body", children: h }),
+        /* @__PURE__ */ s.jsx("div", { className: "ds-modal__body", children: x }),
         p
       ]
     }
@@ -810,7 +809,7 @@ function Ie({
   className: i = "",
   ...l
 }) {
-  const [m, u] = g(r), f = o !== void 0, p = f ? o : m, h = () => {
+  const [m, u] = T(r), f = o !== void 0, p = f ? o : m, x = () => {
     f ? n == null || n(!o) : u((v) => !v);
   }, d = [
     "ds-code-accordion",
@@ -824,7 +823,7 @@ function Ie({
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: h,
+        onClick: x,
         "aria-expanded": p,
         children: [
           /* @__PURE__ */ s.jsx("span", { className: "ds-code-accordion__title", children: e }),
@@ -842,10 +841,10 @@ function Ie({
     /* @__PURE__ */ s.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ s.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ s.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ s.jsx("code", { children: t }) }) }) })
   ] });
 }
-function ot({ children: t, block: e = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: n = !1, ...a }) {
+function ct({ children: t, block: e = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: n = !1, ...a }) {
   return e ? r ? /* @__PURE__ */ s.jsx(Ie, { title: o, defaultExpanded: n, ...a, children: t }) : /* @__PURE__ */ s.jsx("pre", { className: "ds-code-block", ...a, children: /* @__PURE__ */ s.jsx("code", { children: t }) }) : /* @__PURE__ */ s.jsx("code", { className: "ds-code-inline", ...a, children: t });
 }
-function ct({ href: t, children: e, onClick: r, target: o, rel: n, ...a }) {
+function it({ href: t, children: e, onClick: r, target: o, rel: n, ...a }) {
   const l = o === "_blank" ? n ? `${n} noopener noreferrer` : "noopener noreferrer" : n;
   return /* @__PURE__ */ s.jsx(
     "a",
@@ -860,10 +859,10 @@ function ct({ href: t, children: e, onClick: r, target: o, rel: n, ...a }) {
     }
   );
 }
-function it({ children: t, size: e = "m", variant: r = "ghost", ...o }) {
+function lt({ children: t, size: e = "m", variant: r = "ghost", ...o }) {
   return /* @__PURE__ */ s.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: L.Children.map(t, (n) => L.isValidElement(n) ? L.cloneElement(n, { size: e, variant: r }) : n) });
 }
-function lt({ children: t, selected: e = !1, onClick: r, size: o = "m", variant: n = "ghost", disabled: a = !1, icon: i, href: l, ...m }) {
+function dt({ children: t, selected: e = !1, onClick: r, size: o = "m", variant: n = "ghost", disabled: a = !1, icon: i, href: l, ...m }) {
   const u = i && !t, f = [
     "ds-tab",
     `ds-tab--${o}`,
@@ -875,7 +874,7 @@ function lt({ children: t, selected: e = !1, onClick: r, size: o = "m", variant:
     t
   ] });
   if (l) {
-    const h = (d) => {
+    const x = (d) => {
       if (a) {
         d.preventDefault();
         return;
@@ -890,7 +889,7 @@ function lt({ children: t, selected: e = !1, onClick: r, size: o = "m", variant:
         "aria-disabled": a ? "true" : void 0,
         className: f,
         href: a ? void 0 : l,
-        onClick: h,
+        onClick: x,
         ...m,
         children: p
       }
@@ -909,23 +908,23 @@ function lt({ children: t, selected: e = !1, onClick: r, size: o = "m", variant:
     }
   );
 }
-function dt({ options: t, value: e, onChange: r, size: o = "m", disabled: n = !1 }) {
-  const a = R(null), i = R(null), [l, m] = g(!1), u = R(!1), f = R(null), p = R(null), h = () => {
+function ut({ options: t, value: e, onChange: r, size: o = "m", disabled: n = !1 }) {
+  const a = R(null), i = R(null), [l, m] = T(!1), u = R(!1), f = R(null), p = R(null), x = () => {
     if (!a.current) return;
     const d = a.current.querySelector(`[data-value="${e}"]`);
     if (!d) return;
     const v = a.current.getBoundingClientRect(), _ = d.getBoundingClientRect(), y = _.left - v.left, E = _.width;
     i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = y + "px", i.current.style.width = E + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!i.current || !a.current) return;
-      const T = a.current.querySelector(`[data-value="${e}"]`);
-      if (!T) return;
-      const w = a.current.getBoundingClientRect(), I = T.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = I.left - w.left + "px", i.current.style.width = I.width + "px";
+      const S = a.current.querySelector(`[data-value="${e}"]`);
+      if (!S) return;
+      const I = a.current.getBoundingClientRect(), k = S.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = k.left - I.left + "px", i.current.style.width = k.width + "px";
     }));
   };
-  return p.current = h, ve(() => {
+  return p.current = x, _e(() => {
     const d = f.current !== e;
-    f.current = e, u.current = l && d, h();
+    f.current = e, u.current = l && d, x();
   }), P(() => {
     if (!a.current) return;
     const d = new ResizeObserver(() => {
@@ -971,7 +970,7 @@ function dt({ options: t, value: e, onChange: r, size: o = "m", disabled: n = !1
     }
   );
 }
-function ut({
+function ft({
   children: t,
   title: e,
   defaultExpanded: r = !1,
@@ -980,14 +979,14 @@ function ut({
   padding: a = "m",
   ...i
 }) {
-  const [l, m] = g(r), u = o !== void 0, f = u ? o : l, p = () => {
+  const [l, m] = T(r), u = o !== void 0, f = u ? o : l, p = () => {
     u ? n == null || n(!o) : m((d) => !d);
-  }, h = [
+  }, x = [
     "ds-accordion",
     `ds-accordion--${a}`,
     f && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s.jsxs("div", { className: h, ...i, children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: x, ...i, children: [
     /* @__PURE__ */ s.jsxs(
       "button",
       {
@@ -1011,48 +1010,48 @@ function ut({
     /* @__PURE__ */ s.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ s.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ s.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
   ] });
 }
-const C = 8, Y = 8;
-function Se(t, e, r) {
+const V = 8, Y = 8;
+function Ae(t, e, r) {
   const o = window.innerWidth;
   let n, a;
   switch (t) {
     case "top":
-      n = e.top - r.height - C, a = e.left + e.width / 2 - r.width / 2;
+      n = e.top - r.height - V, a = e.left + e.width / 2 - r.width / 2;
       break;
     case "bottom":
-      n = e.bottom + C, a = e.left + e.width / 2 - r.width / 2;
+      n = e.bottom + V, a = e.left + e.width / 2 - r.width / 2;
       break;
     case "left":
-      n = e.top + e.height / 2 - r.height / 2, a = e.left - r.width - C;
+      n = e.top + e.height / 2 - r.height / 2, a = e.left - r.width - V;
       break;
     case "right":
-      n = e.top + e.height / 2 - r.height / 2, a = e.right + C;
+      n = e.top + e.height / 2 - r.height / 2, a = e.right + V;
       break;
     default:
-      n = e.bottom + C, a = e.left;
+      n = e.bottom + V, a = e.left;
   }
   const i = Math.max(Y, Math.min(o - r.width - Y, a)), l = a - i;
   return { top: n, left: i, arrowOffset: l };
 }
-function Ae(t, e, r) {
+function Pe(t, e, r) {
   const o = window.innerWidth, n = window.innerHeight;
-  if (t.top >= e + C + Y) return "top";
-  if (n - t.bottom >= e + C + Y) return "bottom";
-  if (o - t.right >= r + C + Y) return "right";
-  if (t.left >= r + C + Y) return "left";
+  if (t.top >= e + V + Y) return "top";
+  if (n - t.bottom >= e + V + Y) return "bottom";
+  if (o - t.right >= r + V + Y) return "right";
+  if (t.left >= r + V + Y) return "left";
   const a = Math.max(t.top, n - t.bottom, t.left, o - t.right);
   return a === t.top ? "top" : a === n - t.bottom ? "bottom" : a === o - t.right ? "right" : "left";
 }
-function ft({ children: t, content: e, position: r, ...o }) {
-  const [n, a] = g(!1), [i, l] = g({ visibility: "hidden" }), [m, u] = g(r || "top"), f = R(null), p = R(null), h = R(!1), d = () => {
+function mt({ children: t, content: e, position: r, ...o }) {
+  const [n, a] = T(!1), [i, l] = T({ visibility: "hidden" }), [m, u] = T(r || "top"), f = R(null), p = R(null), x = R(!1), d = () => {
     if (!f.current || !p.current) return;
-    const _ = f.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), E = r || Ae(_, y.height, y.width), { top: T, left: w, arrowOffset: I } = Se(E, _, y);
+    const _ = f.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), E = r || Pe(_, y.height, y.width), { top: S, left: I, arrowOffset: k } = Ae(E, _, y);
     u(E), l({
       position: "fixed",
-      top: T,
-      left: w,
+      top: S,
+      left: I,
       visibility: "visible",
-      "--arrow-offset": `${I}px`
+      "--arrow-offset": `${k}px`
     });
   };
   if (P(() => {
@@ -1085,23 +1084,23 @@ function ft({ children: t, content: e, position: r, ...o }) {
       ref: f,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        h.current || a(!0);
+        x.current || a(!0);
       },
       onMouseLeave: () => {
-        h.current || a(!1);
+        x.current || a(!1);
       },
       onTouchStart: () => {
-        h.current = !0, a((_) => !_);
+        x.current = !0, a((_) => !_);
       },
       ...o,
       children: [
         t,
-        typeof document < "u" && Q.createPortal(v, document.body)
+        typeof document < "u" && te.createPortal(v, document.body)
       ]
     }
   );
 }
-function mt({
+function pt({
   checked: t = !1,
   onChange: e,
   size: r = "m",
@@ -1132,7 +1131,7 @@ function mt({
     n && /* @__PURE__ */ s.jsx("span", { className: "ds-toggle__label", children: n })
   ] });
 }
-function pt({
+function ht({
   checked: t = !1,
   onChange: e,
   size: r = "m",
@@ -1160,7 +1159,7 @@ function pt({
       }
     ),
     /* @__PURE__ */ s.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ s.jsx(
-      we,
+      fe,
       {
         size: u,
         strokeWidth: 2.5,
@@ -1170,7 +1169,7 @@ function pt({
     n && /* @__PURE__ */ s.jsx("span", { className: "ds-checkbox__label", children: n })
   ] });
 }
-function ht({
+function bt({
   checked: t = !1,
   onChange: e,
   size: r = "m",
@@ -1205,7 +1204,7 @@ function ht({
     n && /* @__PURE__ */ s.jsx("span", { className: "ds-radio__label", children: n })
   ] });
 }
-function bt({ width: t, height: e, shape: r = "rect", className: o = "", style: n = {}, ...a }) {
+function xt({ width: t, height: e, shape: r = "rect", className: o = "", style: n = {}, ...a }) {
   return /* @__PURE__ */ s.jsx(
     "span",
     {
@@ -1216,19 +1215,19 @@ function bt({ width: t, height: e, shape: r = "rect", className: o = "", style:
     }
   );
 }
-function Pe(t) {
+function Oe(t) {
   let e = 2166136261;
   for (let r = 0; r < t.length; r++)
     e ^= t.charCodeAt(r), e = Math.imul(e, 16777619) >>> 0;
   return e % 360;
 }
-function Oe(t) {
+function Be(t) {
   if (!t) return "";
   const e = t.trim().split(/\s+/);
   return e.length >= 2 ? (e[0][0] + e[1][0]).toUpperCase() : t[0].toUpperCase();
 }
-function xt({ seed: t, icon: e, src: r, size: o = 32, className: n = "", style: a = {}, ...i }) {
-  const l = Pe(t ?? ""), [m, u] = g(!1), f = e ?? /* @__PURE__ */ s.jsx("span", { className: "ds-avatar__initials", children: Oe(t) });
+function vt({ seed: t, icon: e, src: r, size: o = 32, className: n = "", style: a = {}, ...i }) {
+  const l = Oe(t ?? ""), [m, u] = T(!1), f = e ?? /* @__PURE__ */ s.jsx("span", { className: "ds-avatar__initials", children: Be(t) });
   return /* @__PURE__ */ s.jsx(
     "div",
     {
@@ -1240,7 +1239,7 @@ function xt({ seed: t, icon: e, src: r, size: o = 32, className: n = "", style:
     }
   );
 }
-function vt({
+function _t({
   children: t,
   size: e = "compact",
   stickyTop: r,
@@ -1270,13 +1269,13 @@ function vt({
     }
   );
 }
-function _t({ children: t, ...e }) {
+function jt({ children: t, ...e }) {
   return /* @__PURE__ */ s.jsx("thead", { ...e, children: t });
 }
-function jt({ children: t, ...e }) {
+function wt({ children: t, ...e }) {
   return /* @__PURE__ */ s.jsx("tbody", { ...e, children: t });
 }
-function wt({ children: t, interactive: e, selected: r, subheader: o, className: n = "", onClick: a, ...i }) {
+function Nt({ children: t, interactive: e, selected: r, subheader: o, className: n = "", onClick: a, ...i }) {
   return /* @__PURE__ */ s.jsx(
     "tr",
     {
@@ -1293,10 +1292,10 @@ function wt({ children: t, interactive: e, selected: r, subheader: o, className:
     }
   );
 }
-function Nt({ children: t, colSpan: e = 999, ...r }) {
+function yt({ children: t, colSpan: e = 999, ...r }) {
   return /* @__PURE__ */ s.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ s.jsx("td", { colSpan: e, children: t }) });
 }
-function yt({ children: t, align: e = "left", sortDir: r, onSort: o, width: n, className: a = "", style: i = {}, ...l }) {
+function Et({ children: t, align: e = "left", sortDir: r, onSort: o, width: n, className: a = "", style: i = {}, ...l }) {
   const m = !!o || r !== void 0, u = r === "asc" ? Ne : r === "desc" ? ee : ye;
   return /* @__PURE__ */ s.jsx(
     "th",
@@ -1318,7 +1317,7 @@ function yt({ children: t, align: e = "left", sortDir: r, onSort: o, width: n, c
     }
   );
 }
-function Et({ children: t, align: e = "left", secondary: r, muted: o, truncate: n, nowrap: a, className: i = "", ...l }) {
+function kt({ children: t, align: e = "left", secondary: r, muted: o, truncate: n, nowrap: a, className: i = "", ...l }) {
   return /* @__PURE__ */ s.jsx(
     "td",
     {
@@ -1369,44 +1368,44 @@ function $t({
   style: i,
   ...l
 }) {
-  const [m, u] = g(!1), [f, p] = g(!1), h = r !== void 0, d = h ? r : m, v = R(null), _ = R(null), [y, E] = g({}), T = R(null), w = 150, I = () => {
-    if (h)
+  const [m, u] = T(!1), [f, p] = T(!1), x = r !== void 0, d = x ? r : m, v = R(null), _ = R(null), [y, E] = T({}), S = R(null), I = 150, k = () => {
+    if (x)
       o == null || o(!1);
     else {
       if (f) return;
-      p(!0), T.current = setTimeout(() => {
+      p(!0), S.current = setTimeout(() => {
         u(!1), p(!1);
-      }, w);
+      }, I);
     }
-  }, V = () => {
-    const x = !d;
-    h ? o == null || o(x) : x ? (clearTimeout(T.current), p(!1), u(!0)) : I();
+  }, D = () => {
+    const h = !d;
+    x ? o == null || o(h) : h ? (clearTimeout(S.current), p(!1), u(!0)) : k();
   };
-  P(() => () => clearTimeout(T.current), []), P(() => {
+  P(() => () => clearTimeout(S.current), []), P(() => {
     if (!d) return;
-    const x = () => {
+    const h = () => {
       var A;
-      const S = (A = v.current) == null ? void 0 : A.getBoundingClientRect();
-      S && E(
-        n === "right" ? { top: S.bottom + 4, right: window.innerWidth - S.right } : { top: S.bottom + 4, left: S.left }
+      const j = (A = v.current) == null ? void 0 : A.getBoundingClientRect();
+      j && E(
+        n === "right" ? { top: j.bottom + 4, right: window.innerWidth - j.right } : { top: j.bottom + 4, left: j.left }
       );
     };
-    return x(), window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
-      window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
+    return h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
+      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
   }, [d, n]), P(() => {
     if (!d) return;
-    const x = (A) => {
-      var D, B;
-      !((D = v.current) != null && D.contains(A.target)) && !((B = _.current) != null && B.contains(A.target)) && I();
-    }, S = (A) => {
-      A.key === "Escape" && I();
+    const h = (A) => {
+      var F, B;
+      !((F = v.current) != null && F.contains(A.target)) && !((B = _.current) != null && B.contains(A.target)) && k();
+    }, j = (A) => {
+      A.key === "Escape" && k();
     };
-    return document.addEventListener("mousedown", x), document.addEventListener("keydown", S), () => {
-      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", S);
+    return document.addEventListener("mousedown", h), document.addEventListener("keydown", j), () => {
+      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", j);
     };
   }, [d]);
-  const W = d && /* @__PURE__ */ s.jsx(
+  const C = d && /* @__PURE__ */ s.jsx(
     "div",
     {
       ref: _,
@@ -1416,34 +1415,34 @@ function $t({
         f && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
       style: y,
-      children: e.map((x, S) => {
-        if (x.separator)
-          return /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__separator" }, S);
-        if (x.type === "section")
+      children: e.map((h, j) => {
+        if (h.separator)
+          return /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__separator" }, j);
+        if (h.type === "section")
           return /* @__PURE__ */ s.jsxs("div", { className: "ds-dropdown__section", children: [
-            x.label && /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
-            /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
-          ] }, S);
-        const A = !!x.href, D = A ? "a" : "button", B = A ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
+            h.label && /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__section-label", children: h.label }),
+            /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__section-content", children: h.content })
+          ] }, j);
+        const A = !!h.href, F = A ? "a" : "button", B = A ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
         return /* @__PURE__ */ s.jsxs(
-          D,
+          F,
           {
             className: [
               "ds-dropdown__item",
-              x.danger && "ds-dropdown__item--danger"
+              h.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...B,
             onClick: () => {
               var M;
-              (M = x.onClick) == null || M.call(x), I();
+              (M = h.onClick) == null || M.call(h), k();
             },
             children: [
-              x.icon && /* @__PURE__ */ s.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
-              /* @__PURE__ */ s.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
-              x.shortcut && /* @__PURE__ */ s.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
+              h.icon && /* @__PURE__ */ s.jsx("span", { className: "ds-dropdown__item-icon", children: h.icon }),
+              /* @__PURE__ */ s.jsx("span", { className: "ds-dropdown__item-label", children: h.label }),
+              h.shortcut && /* @__PURE__ */ s.jsx("span", { className: "ds-dropdown__item-shortcut", children: h.shortcut })
             ]
           },
-          S
+          j
         );
       })
     }
@@ -1456,13 +1455,13 @@ function $t({
       style: i,
       ...l,
       children: [
-        /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__trigger", onClick: V, children: t }),
-        typeof document < "u" && Q.createPortal(W, document.body)
+        /* @__PURE__ */ s.jsx("div", { className: "ds-dropdown__trigger", onClick: D, children: t }),
+        typeof document < "u" && te.createPortal(C, document.body)
       ]
     }
   );
 }
-function kt({
+function gt({
   value: t = 0,
   size: e = "m",
   variant: r = "default",
@@ -1499,11 +1498,11 @@ function kt({
     }
   );
 }
-const Be = (t) => 1 - Math.pow(1 - t, 3), Le = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Me(t, { duration: e = 600 } = {}) {
-  const [r, o] = g(t), n = R(t), a = R(null);
+const Le = (t) => 1 - Math.pow(1 - t, 3), Me = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function De(t, { duration: e = 600 } = {}) {
+  const [r, o] = T(t), n = R(t), a = R(null);
   return P(() => {
-    if (Le()) {
+    if (Me()) {
       o(t), n.current = t;
       return;
     }
@@ -1513,23 +1512,23 @@ function Me(t, { duration: e = 600 } = {}) {
     const u = (f) => {
       m || (m = f);
       const p = Math.min((f - m) / e, 1);
-      o(i + l * Be(p)), p < 1 ? a.current = requestAnimationFrame(u) : n.current = t;
+      o(i + l * Le(p)), p < 1 ? a.current = requestAnimationFrame(u) : n.current = t;
     };
     return a.current = requestAnimationFrame(u), () => cancelAnimationFrame(a.current);
   }, [t, e]), r;
 }
-function gt({
+function Tt({
   value: t,
   duration: e = 600,
   decimals: r = 0,
   prefix: o = "",
   suffix: n = ""
 }) {
-  const i = Me(t, { duration: e }).toFixed(r);
+  const i = De(t, { duration: e }).toFixed(r);
   return `${o}${i}${n}`;
 }
-function De({ threshold: t = 0.1, rootMargin: e = "0px", once: r = !1 } = {}) {
-  const o = R(null), [n, a] = g(!1);
+function Ce({ threshold: t = 0.1, rootMargin: e = "0px", once: r = !1 } = {}) {
+  const o = R(null), [n, a] = T(!1);
   return P(() => {
     const i = o.current;
     if (!i) return;
@@ -1542,7 +1541,7 @@ function De({ threshold: t = 0.1, rootMargin: e = "0px", once: r = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [t, e, r]), { ref: o, inView: n };
 }
-function Tt({
+function St({
   children: t,
   as: e = "div",
   once: r = !1,
@@ -1552,31 +1551,31 @@ function Tt({
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: u } = De({ threshold: o, rootMargin: n, once: r }), f = R(!1);
+  const { ref: m, inView: u } = Ce({ threshold: o, rootMargin: n, once: r }), f = R(!1);
   return P(() => {
     u && !f.current && (a == null || a()), !u && f.current && (i == null || i()), f.current = u;
   }, [u]), /* @__PURE__ */ s.jsx(e, { ref: m, ...l, children: typeof t == "function" ? t(u) : t });
 }
 const ue = {
-  default: he,
-  success: pe,
-  warning: me,
-  error: fe
+  default: be,
+  success: he,
+  warning: pe,
+  error: me
 };
 let U = [];
-const oe = /* @__PURE__ */ new Set();
-function be() {
-  oe.forEach((t) => t([...U]));
-}
-function Ce(t) {
-  U = [...U, t], be();
+const ce = /* @__PURE__ */ new Set();
+function xe() {
+  ce.forEach((t) => t([...U]));
 }
 function Fe(t) {
-  U = U.filter((e) => e.id !== t), be();
+  U = [...U, t], xe();
+}
+function Ve(t) {
+  U = U.filter((e) => e.id !== t), xe();
 }
 function It() {
   const t = (e, r = {}) => {
-    Ce({
+    Fe({
       id: `${Date.now()}-${Math.random()}`,
       message: e,
       type: "default",
@@ -1586,8 +1585,8 @@ function It() {
   };
   return t.success = (e, r) => t(e, { ...r, type: "success" }), t.error = (e, r) => t(e, { ...r, type: "error" }), t.warning = (e, r) => t(e, { ...r, type: "warning" }), { toast: t };
 }
-function Ve({ data: t, onDismiss: e }) {
-  const [r, o] = g(!1), n = R(null);
+function We({ data: t, onDismiss: e }) {
+  const [r, o] = T(!1), n = R(null);
   P(() => (requestAnimationFrame(() => o(!0)), t.duration > 0 && (n.current = setTimeout(() => a(), t.duration)), () => clearTimeout(n.current)), []);
   function a() {
     o(!1), setTimeout(() => e(t.id), 250);
@@ -1612,67 +1611,67 @@ function Ve({ data: t, onDismiss: e }) {
             className: "ds-toast__close",
             onClick: a,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ s.jsx(ce, { size: O[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ s.jsx(Q, { size: O[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function St({ position: t = "bottom-right" }) {
-  const [e, r] = g(() => [...U]);
-  return P(() => (oe.add(r), () => oe.delete(r)), []), !e.length || typeof document > "u" ? null : Q.createPortal(
-    /* @__PURE__ */ s.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: e.map((o) => /* @__PURE__ */ s.jsx(Ve, { data: o, onDismiss: Fe }, o.id)) }),
+function At({ position: t = "bottom-right" }) {
+  const [e, r] = T(() => [...U]);
+  return P(() => (ce.add(r), () => ce.delete(r)), []), !e.length || typeof document > "u" ? null : te.createPortal(
+    /* @__PURE__ */ s.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: e.map((o) => /* @__PURE__ */ s.jsx(We, { data: o, onDismiss: Ve }, o.id)) }),
     document.body
   );
 }
 export {
-  ut as Accordion,
-  nt as Alert,
-  gt as AnimatedNumber,
-  xt as Avatar,
-  rt as Badge,
-  ke as Button,
-  Xe as Card,
-  pt as Checkbox,
-  ot as Code,
+  ft as Accordion,
+  at as Alert,
+  Tt as AnimatedNumber,
+  vt as Avatar,
+  nt as Badge,
+  ge as Button,
+  Je as Card,
+  ht as Checkbox,
+  ct as Code,
   Ie as CodeAccordion,
   $t as Dropdown,
   Rt as EmptyState,
-  Je as H1,
-  Ke as H2,
-  Ze as H3,
-  Qe as H4,
-  Tt as InView,
-  Ue as Input,
-  ct as Link,
-  at as Modal,
+  Ke as H1,
+  Ze as H2,
+  Qe as H3,
+  et as H4,
+  St as InView,
+  qe as Input,
+  it as Link,
+  ot as Modal,
   de as ModalFooter,
-  et as P1,
-  tt as P2,
-  st as P3,
-  kt as ProgressBar,
-  ht as Radio,
-  dt as SegmentedControl,
-  He as Select,
-  bt as Skeleton,
-  $e as Spinner,
-  Ge as Stepper,
-  lt as Tab,
-  vt as Table,
-  jt as TableBody,
-  _t as TableHead,
-  wt as TableRow,
-  Nt as TableSubheaderRow,
-  it as Tabs,
-  Et as Td,
-  qe as Textarea,
-  yt as Th,
-  St as ToastContainer,
-  mt as Toggle,
-  ft as Tooltip,
+  tt as P1,
+  st as P2,
+  rt as P3,
+  gt as ProgressBar,
+  bt as Radio,
+  ut as SegmentedControl,
+  Ge as Select,
+  xt as Skeleton,
+  Re as Spinner,
+  Xe as Stepper,
+  dt as Tab,
+  _t as Table,
+  wt as TableBody,
+  jt as TableHead,
+  Nt as TableRow,
+  yt as TableSubheaderRow,
+  lt as Tabs,
+  kt as Td,
+  He as Textarea,
+  Et as Th,
+  At as ToastContainer,
+  pt as Toggle,
+  mt as Tooltip,
   O as iconSizes,
-  Me as useAnimatedNumber,
-  De as useInView,
+  De as useAnimatedNumber,
+  Ce as useInView,
   It as useToast
 };