@donkit-ai/design-system 1.0.3 → 1.0.5

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import S, { useState as g, useRef as B, useEffect as L } from "react";
-import J from "react-dom";
-import { ChevronDown as C, Minus as ve, Plus as je, XCircle as fe, AlertTriangle as me, CheckCircle as pe, Info as be, X as se, Check as _e, ChevronUp as we, ChevronsUpDown as Ne } from "lucide-react";
+import A, { useState as I, useRef as L, useEffect as B } from "react";
+import C from "react-dom";
+import { ChevronDown as K, Minus as ve, Plus as je, XCircle as fe, AlertTriangle as me, CheckCircle as pe, Info as be, X as se, Check as _e, ChevronUp as we, ChevronsUpDown as Ne } from "lucide-react";
 const T = {
   1: 16,
   2: 20,
@@ -8,7 +8,7 @@ const T = {
   4: 28,
   5: 48
 };
-var ee = { exports: {} }, H = {};
+var ee = { exports: {} }, G = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -20,7 +20,7 @@ var ee = { exports: {} }, H = {};
  */
 var le;
 function ye() {
-  if (le) return H;
+  if (le) return G;
   le = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function s(c, n, a) {
@@ -38,9 +38,9 @@ function ye() {
       props: a
     };
   }
-  return H.Fragment = e, H.jsx = s, H.jsxs = s, H;
+  return G.Fragment = e, G.jsx = s, G.jsxs = s, G;
 }
-var G = {};
+var q = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -59,13 +59,13 @@ function Ee() {
         return o.$$typeof === D ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case R:
+        case k:
           return "Fragment";
-        case m:
+        case S:
           return "Profiler";
         case $:
           return "StrictMode";
-        case I:
+        case g:
           return "Suspense";
         case P:
           return "SuspenseList";
@@ -78,19 +78,19 @@ function Ee() {
         ), o.$$typeof) {
           case v:
             return "Portal";
-          case y:
-            return o.displayName || "Context";
           case _:
+            return o.displayName || "Context";
+          case m:
             return (o._context.displayName || "Context") + ".Consumer";
-          case A:
-            var b = o.render;
-            return o = o.displayName, o || (o = b.displayName || b.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case K:
-            return b = o.displayName || null, b !== null ? b : t(o.type) || "Memo";
-          case V:
-            b = o._payload, o = o._init;
+          case R:
+            var h = o.render;
+            return o = o.displayName, o || (o = h.displayName || h.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case M:
+            return h = o.displayName || null, h !== null ? h : t(o.type) || "Memo";
+          case U:
+            h = o._payload, o = o._init;
             try {
-              return t(o(b));
+              return t(o(h));
             } catch {
             }
         }
@@ -102,50 +102,50 @@ function Ee() {
     function s(o) {
       try {
         e(o);
-        var b = !1;
+        var h = !1;
       } catch {
-        b = !0;
+        h = !0;
       }
-      if (b) {
-        b = console;
-        var N = b.error, E = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+      if (h) {
+        h = console;
+        var N = h.error, y = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return N.call(
-          b,
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
+          y
         ), e(o);
       }
     }
     function c(o) {
-      if (o === R) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === V)
+      if (o === k) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === U)
         return "<...>";
       try {
-        var b = t(o);
-        return b ? "<" + b + ">" : "<...>";
+        var h = t(o);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function n() {
-      var o = M.A;
+      var o = F.A;
       return o === null ? null : o.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function l(o) {
-      if (q.call(o, "key")) {
-        var b = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (b && b.isReactWarning) return !1;
+      if (X.call(o, "key")) {
+        var h = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function i(o, b) {
+    function i(o, h) {
       function N() {
-        U || (U = !0, console.error(
+        H || (H = !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
+          h
         ));
       }
       N.isReactWarning = !0, Object.defineProperty(o, "key", {
@@ -159,15 +159,15 @@ function Ee() {
         "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."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function f(o, b, N, E, X, Z) {
-      var k = N.ref;
+    function f(o, h, N, y, J, Z) {
+      var E = N.ref;
       return o = {
         $$typeof: j,
         type: o,
-        key: b,
+        key: h,
         props: N,
-        _owner: E
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(o, "ref", {
+        _owner: y
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: p
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
@@ -184,7 +184,7 @@ function Ee() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
+        value: J
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -192,94 +192,94 @@ function Ee() {
         value: Z
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function d(o, b, N, E, X, Z) {
-      var k = b.children;
-      if (k !== void 0)
-        if (E)
-          if (re(k)) {
-            for (E = 0; E < k.length; E++)
-              u(k[E]);
-            Object.freeze && Object.freeze(k);
+    function d(o, h, N, y, J, Z) {
+      var E = h.children;
+      if (E !== void 0)
+        if (y)
+          if (re(E)) {
+            for (y = 0; y < E.length; y++)
+              u(E[y]);
+            Object.freeze && Object.freeze(E);
           } 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 u(k);
-      if (q.call(b, "key")) {
-        k = t(o);
-        var W = Object.keys(b).filter(function(xe) {
+        else u(E);
+      if (X.call(h, "key")) {
+        E = t(o);
+        var Y = Object.keys(h).filter(function(xe) {
           return xe !== "key";
         });
-        E = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ce[k + E] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ce[E + y] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          y,
           E,
-          k,
-          W,
-          k
-        ), ce[k + E] = !0);
+          Y,
+          E
+        ), ce[E + y] = !0);
       }
-      if (k = null, N !== void 0 && (s(N), k = "" + N), l(b) && (s(b.key), k = "" + b.key), "key" in b) {
+      if (E = null, N !== void 0 && (s(N), E = "" + N), l(h) && (s(h.key), E = "" + h.key), "key" in h) {
         N = {};
-        for (var Q in b)
-          Q !== "key" && (N[Q] = b[Q]);
-      } else N = b;
-      return k && i(
+        for (var Q in h)
+          Q !== "key" && (N[Q] = h[Q]);
+      } else N = h;
+      return E && i(
         N,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), f(
         o,
-        k,
+        E,
         N,
         n(),
-        X,
+        J,
         Z
       );
     }
     function u(o) {
-      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === V && (o._payload.status === "fulfilled" ? h(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+      x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === U && (o._payload.status === "fulfilled" ? x(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function h(o) {
+    function x(o) {
       return typeof o == "object" && o !== null && o.$$typeof === j;
     }
-    var x = S, j = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), y = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), M = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, re = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var b = A, j = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), m = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), F = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, re = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    b = {
       react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var U, ne = {}, ae = x.react_stack_bottom_frame.bind(
-      x,
+    var H, ne = {}, ae = b.react_stack_bottom_frame.bind(
+      b,
       a
-    )(), oe = F(c(a)), ce = {};
-    G.Fragment = R, G.jsx = function(o, b, N) {
-      var E = 1e4 > M.recentlyCreatedOwnerStacks++;
+    )(), oe = W(c(a)), ce = {};
+    q.Fragment = k, q.jsx = function(o, h, N) {
+      var y = 1e4 > F.recentlyCreatedOwnerStacks++;
       return d(
         o,
-        b,
+        h,
         N,
         !1,
-        E ? Error("react-stack-top-frame") : ae,
-        E ? F(c(o)) : oe
+        y ? Error("react-stack-top-frame") : ae,
+        y ? W(c(o)) : oe
       );
-    }, G.jsxs = function(o, b, N) {
-      var E = 1e4 > M.recentlyCreatedOwnerStacks++;
+    }, q.jsxs = function(o, h, N) {
+      var y = 1e4 > F.recentlyCreatedOwnerStacks++;
       return d(
         o,
-        b,
+        h,
         N,
         !0,
-        E ? Error("react-stack-top-frame") : ae,
-        E ? F(c(o)) : oe
+        y ? Error("react-stack-top-frame") : ae,
+        y ? W(c(o)) : oe
       );
     };
-  }()), G;
+  }()), q;
 }
 process.env.NODE_ENV === "production" ? ee.exports = ye() : ee.exports = Ee();
 var r = ee.exports;
@@ -296,13 +296,13 @@ function ke({
   "aria-label": f,
   ...d
 }) {
-  const u = n && !t, h = [
+  const u = n && !t, x = [
     "ds-button",
     `ds-button--${e}`,
     `ds-button--${s}`,
     c && "ds-button--full",
     u && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), x = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  ].filter(Boolean).join(" "), b = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     n && !u && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n }),
     t,
     u && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n })
@@ -318,13 +318,13 @@ function ke({
     return /* @__PURE__ */ r.jsx(
       "a",
       {
-        className: h,
+        className: x,
         href: a ? void 0 : p,
         onClick: j,
         "aria-label": f,
         "aria-disabled": a ? "true" : void 0,
         ...d,
-        children: x
+        children: b
       }
     );
   }
@@ -332,12 +332,12 @@ function ke({
     "button",
     {
       type: i,
-      className: h,
+      className: x,
       disabled: a,
       onClick: l,
       "aria-label": f,
       ...d,
-      children: x
+      children: b
     }
   );
 }
@@ -354,7 +354,7 @@ function De({
   id: f,
   ...d
 }) {
-  const u = f || `input-${S.useId()}`, h = s ? `${u}-hint` : void 0, x = e ? `${u}-error` : void 0, j = x || h;
+  const u = f || `input-${A.useId()}`, x = s ? `${u}-hint` : void 0, b = e ? `${u}-error` : void 0, j = b || x;
   return /* @__PURE__ */ r.jsxs("div", { className: `ds-input-wrapper ${c ? "ds-input-wrapper--full" : ""} ${p ? "ds-input-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ r.jsx("label", { className: "ds-input-label", htmlFor: u, children: t }),
     /* @__PURE__ */ r.jsxs("div", { className: "ds-input-container", children: [
@@ -382,8 +382,8 @@ function De({
         }
       )
     ] }),
-    s && !e && /* @__PURE__ */ r.jsx("span", { id: h, className: "ds-input-hint", children: s }),
-    e && /* @__PURE__ */ r.jsx("span", { id: x, className: "ds-input-error", role: "alert", children: e })
+    s && !e && /* @__PURE__ */ r.jsx("span", { id: x, className: "ds-input-hint", children: s }),
+    e && /* @__PURE__ */ r.jsx("span", { id: b, className: "ds-input-error", role: "alert", children: e })
   ] });
 }
 function Me({
@@ -398,7 +398,7 @@ function Me({
   rows: p = 3,
   ...f
 }) {
-  const d = l || `textarea-${S.useId()}`, u = s ? `${d}-hint` : void 0, h = e ? `${d}-error` : void 0, x = h || u;
+  const d = l || `textarea-${A.useId()}`, u = s ? `${d}-hint` : void 0, x = e ? `${d}-error` : void 0, b = x || u;
   return /* @__PURE__ */ r.jsxs("div", { className: `ds-textarea-wrapper ${c ? "ds-textarea-wrapper--full" : ""} ${a ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ r.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: t }),
     /* @__PURE__ */ r.jsx(
@@ -408,13 +408,13 @@ function Me({
         className: `ds-textarea ds-textarea--${n} ${e ? "ds-textarea--error" : ""} ${i ? "" : "ds-textarea--no-resize"}`,
         disabled: a,
         "aria-invalid": e ? "true" : "false",
-        "aria-describedby": x,
+        "aria-describedby": b,
         rows: p,
         ...f
       }
     ),
     s && !e && /* @__PURE__ */ r.jsx("span", { id: u, className: "ds-textarea-hint", children: s }),
-    e && /* @__PURE__ */ r.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: e })
+    e && /* @__PURE__ */ r.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: e })
   ] });
 }
 function Fe({
@@ -430,34 +430,34 @@ function Fe({
   id: f,
   ...d
 }) {
-  const [u, h] = g(!1), [x, j] = g({}), [v, R] = g("down"), $ = B(null), m = B(null), _ = f || `select-${S.useId()}`, y = `${_}-label`, A = a ? `${_}-error` : void 0, I = () => {
-    var U;
-    const w = (U = $.current) == null ? void 0 : U.getBoundingClientRect();
+  const [u, x] = I(!1), [b, j] = I({}), [v, k] = I("down"), $ = L(null), S = L(null), m = f || `select-${A.useId()}`, _ = `${m}-label`, R = a ? `${m}-error` : void 0, g = () => {
+    var H;
+    const w = (H = $.current) == null ? void 0 : H.getBoundingClientRect();
     if (!w) return;
-    const D = window.innerHeight, M = D - w.bottom, q = w.top, F = M < 300 && q > M;
-    R(F ? "up" : "down"), j(
-      F ? { bottom: D - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
+    const D = window.innerHeight, F = D - w.bottom, X = w.top, W = F < 300 && X > F;
+    k(W ? "up" : "down"), j(
+      W ? { bottom: D - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
     );
   };
-  L(() => {
+  B(() => {
     if (u)
-      return I(), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), () => {
-        window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
+      return g(), window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
+        window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
       };
-  }, [u]), L(() => {
+  }, [u]), B(() => {
     const w = (D) => {
-      $.current && !$.current.contains(D.target) && m.current && !m.current.contains(D.target) && h(!1);
+      $.current && !$.current.contains(D.target) && S.current && !S.current.contains(D.target) && x(!1);
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
   }, []);
-  const P = c.find((w) => w.value === e), K = i === "xs" ? T[1] : i === "small" ? T[2] : T[3], V = u && /* @__PURE__ */ r.jsx(
+  const P = c.find((w) => w.value === e), M = i === "xs" ? T[1] : i === "small" ? T[2] : T[3], U = u && /* @__PURE__ */ r.jsx(
     "div",
     {
-      ref: m,
+      ref: S,
       role: "listbox",
-      "aria-labelledby": t ? y : void 0,
+      "aria-labelledby": t ? _ : void 0,
       className: `ds-select-dropdown ds-select-dropdown--${i} ds-select-dropdown--${v}`,
-      style: x,
+      style: b,
       children: c.map((w) => /* @__PURE__ */ r.jsx(
         "button",
         {
@@ -466,7 +466,7 @@ function Fe({
           "aria-selected": e === w.value,
           className: `ds-select-option ds-select-option--${i} ${e === w.value ? "ds-select-option--selected" : ""}`,
           onClick: () => {
-            s == null || s(w.value), h(!1);
+            s == null || s(w.value), x(!1);
           },
           children: w.label
         },
@@ -475,28 +475,28 @@ function Fe({
     }
   );
   return /* @__PURE__ */ r.jsxs("div", { className: `ds-select-wrapper ${l ? "ds-select-wrapper--full" : ""} ${p ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ r.jsx("label", { id: y, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ r.jsx("label", { id: _, className: "ds-select-label", children: t }),
     /* @__PURE__ */ r.jsx("div", { className: "ds-select-container", ref: $, children: /* @__PURE__ */ r.jsxs(
       "button",
       {
         type: "button",
-        id: _,
+        id: m,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": u,
-        "aria-labelledby": t ? y : void 0,
+        "aria-labelledby": t ? _ : void 0,
         "aria-invalid": a ? "true" : "false",
-        "aria-describedby": A,
+        "aria-describedby": R,
         className: `ds-select-trigger ds-select-trigger--${i} ${a ? "ds-select-trigger--error" : ""}`,
-        onClick: () => !p && h(!u),
+        onClick: () => !p && x(!u),
         disabled: p,
         ...d,
         children: [
           /* @__PURE__ */ r.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || n }),
           /* @__PURE__ */ r.jsx(
-            C,
+            K,
             {
-              size: K,
+              size: M,
               strokeWidth: 1.5,
               className: `ds-select-icon ${u && v === "down" ? "ds-select-icon--open" : ""} ${u && v === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
@@ -505,8 +505,8 @@ function Fe({
         ]
       }
     ) }),
-    a && /* @__PURE__ */ r.jsx("span", { id: A, className: "ds-select-error", role: "alert", children: a }),
-    typeof document < "u" && J.createPortal(V, document.body)
+    a && /* @__PURE__ */ r.jsx("span", { id: R, className: "ds-select-error", role: "alert", children: a }),
+    typeof document < "u" && C.createPortal(U, document.body)
   ] });
 }
 function We({
@@ -526,21 +526,21 @@ function We({
     if (i) return;
     const $ = Math.min(Number(e) + a, n);
     s == null || s($);
-  }, h = () => {
+  }, x = () => {
     if (i) return;
     const $ = Math.max(Number(e) - a, c);
     s == null || s($);
-  }, x = ($) => {
+  }, b = ($) => {
     if (i) return;
-    const m = $.target.value;
-    if (m === "") {
+    const S = $.target.value;
+    if (S === "") {
       s == null || s(c);
       return;
     }
-    const _ = Number(m);
-    if (!isNaN(_)) {
-      const y = Math.min(Math.max(_, c), n);
-      s == null || s(y);
+    const m = Number(S);
+    if (!isNaN(m)) {
+      const _ = Math.min(Math.max(m, c), n);
+      s == null || s(_);
     }
   }, j = [
     "ds-stepper-wrapper",
@@ -550,7 +550,7 @@ function We({
     "ds-stepper",
     `ds-stepper--${l}`,
     i && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), R = l === "xs" ? T[1] : l === "small" ? T[2] : T[3];
+  ].filter(Boolean).join(" "), k = l === "xs" ? T[1] : l === "small" ? T[2] : T[3];
   return /* @__PURE__ */ r.jsxs("div", { className: j, children: [
     t && /* @__PURE__ */ r.jsx("label", { className: "ds-stepper-label", children: t }),
     /* @__PURE__ */ r.jsxs("div", { className: v, children: [
@@ -559,10 +559,10 @@ function We({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: h,
+          onClick: x,
           disabled: i || e <= c,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ r.jsx(ve, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ r.jsx(ve, { size: k, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -571,7 +571,7 @@ function We({
           type: "number",
           className: "ds-stepper-input",
           value: e,
-          onChange: x,
+          onChange: b,
           min: c,
           max: n,
           step: a,
@@ -587,7 +587,7 @@ function We({
           onClick: u,
           disabled: i || e >= n,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ r.jsx(je, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ r.jsx(je, { size: k, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -612,7 +612,7 @@ function Ye({
     f && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (a) {
-    const x = (j) => {
+    const b = (j) => {
       if (l) {
         j.preventDefault();
         return;
@@ -624,14 +624,14 @@ function Ye({
       {
         className: d,
         href: l ? void 0 : a,
-        onClick: x,
+        onClick: b,
         "aria-disabled": l ? "true" : void 0,
         ...i,
         children: t
       }
     );
   }
-  const u = f && n ? "button" : "div", h = f && n ? {
+  const u = f && n ? "button" : "div", x = f && n ? {
     type: "button",
     onClick: n,
     disabled: l
@@ -641,7 +641,7 @@ function Ye({
     {
       className: d,
       role: f && !n ? "article" : void 0,
-      ...h,
+      ...x,
       ...i,
       children: t
     }
@@ -722,18 +722,18 @@ function Ke({
   size: c = "m",
   ...n
 }) {
-  const a = B(null), l = S.useId();
-  L(() => {
-    const d = (h) => {
-      h.key === "Escape" && (s == null || s());
-    }, u = (h) => {
-      a.current && !a.current.contains(h.target) && (s == null || s());
+  const a = L(null), l = A.useId();
+  B(() => {
+    const d = (x) => {
+      x.key === "Escape" && (s == null || s());
+    }, u = (x) => {
+      a.current && !a.current.contains(x.target) && (s == null || s());
     };
     return document.addEventListener("keydown", d), document.addEventListener("mousedown", u), () => {
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", u);
     };
   }, [s]);
-  const i = S.Children.toArray(t), p = i.find((d) => (d == null ? void 0 : d.type) === de), f = i.filter((d) => (d == null ? void 0 : d.type) !== de);
+  const i = A.Children.toArray(t), p = i.find((d) => (d == null ? void 0 : d.type) === de), f = i.filter((d) => (d == null ? void 0 : d.type) !== de);
   return /* @__PURE__ */ r.jsx("div", { className: "ds-modal-overlay", ...n, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -775,25 +775,25 @@ function Re({
   className: l = "",
   ...i
 }) {
-  const [p, f] = g(s), d = c !== void 0, u = d ? c : p, h = () => {
+  const [p, f] = I(s), d = c !== void 0, u = d ? c : p, x = () => {
     d ? n == null || n(!c) : f((j) => !j);
-  }, x = [
+  }, b = [
     "ds-code-accordion",
     `ds-code-accordion--${a}`,
     l
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("div", { className: x, ...i, children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: b, ...i, children: [
     /* @__PURE__ */ r.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: h,
+        onClick: x,
         "aria-expanded": u,
         children: [
           /* @__PURE__ */ r.jsx("span", { className: "ds-code-accordion__title", children: e }),
           /* @__PURE__ */ r.jsx(
-            C,
+            K,
             {
               size: T[2],
               strokeWidth: 1.5,
@@ -825,7 +825,7 @@ function Qe({ href: t, children: e, onClick: s, target: c, rel: n, ...a }) {
   );
 }
 function et({ children: t, size: e = "m", variant: s = "ghost", ...c }) {
-  return /* @__PURE__ */ r.jsx("div", { className: "ds-tabs", role: "tablist", ...c, children: S.Children.map(t, (n) => S.isValidElement(n) ? S.cloneElement(n, { size: e, variant: s }) : n) });
+  return /* @__PURE__ */ r.jsx("div", { className: "ds-tabs", role: "tablist", ...c, children: A.Children.map(t, (n) => A.isValidElement(n) ? A.cloneElement(n, { size: e, variant: s }) : n) });
 }
 function tt({ children: t, selected: e = !1, onClick: s, size: c = "m", variant: n = "ghost", disabled: a = !1, icon: l, href: i, ...p }) {
   const f = l && !t, d = [
@@ -839,12 +839,12 @@ function tt({ children: t, selected: e = !1, onClick: s, size: c = "m", variant:
     t
   ] });
   if (i) {
-    const h = (x) => {
+    const x = (b) => {
       if (a) {
-        x.preventDefault();
+        b.preventDefault();
         return;
       }
-      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), s == null || s(x));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), s == null || s(b));
     };
     return /* @__PURE__ */ r.jsx(
       "a",
@@ -854,7 +854,7 @@ function tt({ children: t, selected: e = !1, onClick: s, size: c = "m", variant:
         "aria-disabled": a ? "true" : void 0,
         className: d,
         href: a ? void 0 : i,
-        onClick: h,
+        onClick: x,
         ...p,
         children: u
       }
@@ -882,13 +882,13 @@ function st({
   padding: a = "m",
   ...l
 }) {
-  const [i, p] = g(s), f = c !== void 0, d = f ? c : i, u = () => {
-    f ? n == null || n(!c) : p((x) => !x);
-  }, h = [
+  const [i, p] = I(s), f = c !== void 0, d = f ? c : i, u = () => {
+    f ? n == null || n(!c) : p((b) => !b);
+  }, x = [
     "ds-accordion",
     `ds-accordion--${a}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("div", { className: h, ...l, children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: x, ...l, children: [
     /* @__PURE__ */ r.jsxs(
       "button",
       {
@@ -899,7 +899,7 @@ function st({
         children: [
           /* @__PURE__ */ r.jsx("span", { className: "ds-accordion__title", children: e }),
           /* @__PURE__ */ r.jsx(
-            C,
+            K,
             {
               size: T[2],
               strokeWidth: 1.5,
@@ -912,7 +912,7 @@ function st({
     d && /* @__PURE__ */ r.jsx("div", { className: "ds-accordion__content", children: t })
   ] });
 }
-const O = 8, Y = 8;
+const O = 8, z = 8;
 function Te(t, e, s) {
   const c = window.innerWidth;
   let n, a;
@@ -932,41 +932,41 @@ function Te(t, e, s) {
     default:
       n = e.bottom + O, a = e.left;
   }
-  const l = Math.max(Y, Math.min(c - s.width - Y, a)), i = a - l;
+  const l = Math.max(z, Math.min(c - s.width - z, a)), i = a - l;
   return { top: n, left: l, arrowOffset: i };
 }
 function Se(t, e, s) {
   const c = window.innerWidth, n = window.innerHeight;
-  if (t.top >= e + O + Y) return "top";
-  if (n - t.bottom >= e + O + Y) return "bottom";
-  if (c - t.right >= s + O + Y) return "right";
-  if (t.left >= s + O + Y) return "left";
+  if (t.top >= e + O + z) return "top";
+  if (n - t.bottom >= e + O + z) return "bottom";
+  if (c - t.right >= s + O + z) return "right";
+  if (t.left >= s + O + z) return "left";
   const a = Math.max(t.top, n - t.bottom, t.left, c - t.right);
   return a === t.top ? "top" : a === n - t.bottom ? "bottom" : a === c - t.right ? "right" : "left";
 }
 function rt({ children: t, content: e, position: s, ...c }) {
-  const [n, a] = g(!1), [l, i] = g({ visibility: "hidden" }), [p, f] = g(s || "top"), d = B(null), u = B(null), h = B(!1), x = () => {
+  const [n, a] = I(!1), [l, i] = I({ visibility: "hidden" }), [p, f] = I(s || "top"), d = L(null), u = L(null), x = L(!1), b = () => {
     if (!d.current || !u.current) return;
-    const v = d.current.getBoundingClientRect(), R = u.current.getBoundingClientRect(), $ = s || Se(v, R.height, R.width), { top: m, left: _, arrowOffset: y } = Te($, v, R);
+    const v = d.current.getBoundingClientRect(), k = u.current.getBoundingClientRect(), $ = s || Se(v, k.height, k.width), { top: S, left: m, arrowOffset: _ } = Te($, v, k);
     f($), i({
       position: "fixed",
-      top: m,
-      left: _,
+      top: S,
+      left: m,
       visibility: "visible",
-      "--arrow-offset": `${y}px`
+      "--arrow-offset": `${_}px`
     });
   };
-  if (L(() => {
+  if (B(() => {
     if (!n) return;
     i({ position: "fixed", visibility: "hidden" });
-    const v = requestAnimationFrame(x);
-    return window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
-      cancelAnimationFrame(v), window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
+    const v = requestAnimationFrame(b);
+    return window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+      cancelAnimationFrame(v), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
-  }, [n, s]), L(() => {
+  }, [n, s]), B(() => {
     if (!n) return;
-    const v = (R) => {
-      d.current && !d.current.contains(R.target) && a(!1);
+    const v = (k) => {
+      d.current && !d.current.contains(k.target) && a(!1);
     };
     return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
   }, [n]), !e) return t;
@@ -986,18 +986,18 @@ function rt({ children: t, content: e, position: s, ...c }) {
       ref: d,
       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((v) => !v);
+        x.current = !0, a((v) => !v);
       },
       ...c,
       children: [
         t,
-        typeof document < "u" && J.createPortal(j, document.body)
+        typeof document < "u" && C.createPortal(j, document.body)
       ]
     }
   );
@@ -1011,7 +1011,7 @@ function nt({
   id: a,
   ...l
 }) {
-  const i = a || `toggle-${S.useId()}`, p = [
+  const i = a || `toggle-${A.useId()}`, p = [
     "ds-toggle",
     `ds-toggle--${s}`,
     c && "ds-toggle--disabled"
@@ -1042,7 +1042,7 @@ function at({
   id: a,
   ...l
 }) {
-  const i = a || `checkbox-${S.useId()}`, p = [
+  const i = a || `checkbox-${A.useId()}`, p = [
     "ds-checkbox",
     `ds-checkbox--${s}`,
     c && "ds-checkbox--disabled"
@@ -1082,7 +1082,7 @@ function ot({
   id: i,
   ...p
 }) {
-  const f = i || `radio-${S.useId()}`, d = [
+  const f = i || `radio-${A.useId()}`, d = [
     "ds-radio",
     `ds-radio--${s}`,
     c && "ds-radio--disabled"
@@ -1200,7 +1200,7 @@ function mt({ children: t, interactive: e, selected: s, className: c = "", onCli
   );
 }
 function pt({ children: t, align: e = "left", sortDir: s, onSort: c, width: n, className: a = "", style: l = {}, ...i }) {
-  const p = !!c || s !== void 0, f = s === "asc" ? we : s === "desc" ? C : Ne;
+  const p = !!c || s !== void 0, f = s === "asc" ? we : s === "desc" ? K : Ne;
   return /* @__PURE__ */ r.jsx(
     "th",
     {
@@ -1272,41 +1272,42 @@ function xt({
   style: l,
   ...i
 }) {
-  const [p, f] = g(!1), d = s !== void 0, u = d ? s : p, h = B(null), [x, j] = g({}), v = () => {
+  const [p, f] = I(!1), d = s !== void 0, u = d ? s : p, x = L(null), b = L(null), [j, v] = I({}), k = () => {
     d ? c == null || c(!1) : f(!1);
-  }, R = () => {
+  }, $ = () => {
     const m = !u;
     d ? c == null || c(m) : f(m);
   };
-  L(() => {
+  B(() => {
     if (!u) return;
     const m = () => {
-      var y;
-      const _ = (y = h.current) == null ? void 0 : y.getBoundingClientRect();
-      _ && j(
+      var R;
+      const _ = (R = x.current) == null ? void 0 : R.getBoundingClientRect();
+      _ && v(
         n === "right" ? { top: _.bottom + 4, right: window.innerWidth - _.right } : { top: _.bottom + 4, left: _.left }
       );
     };
     return m(), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
       window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
     };
-  }, [u, n]), L(() => {
+  }, [u, n]), B(() => {
     if (!u) return;
-    const m = (y) => {
-      var A;
-      (A = h.current) != null && A.contains(y.target) || v();
-    }, _ = (y) => {
-      y.key === "Escape" && v();
+    const m = (R) => {
+      var g, P;
+      !((g = x.current) != null && g.contains(R.target)) && !((P = b.current) != null && P.contains(R.target)) && k();
+    }, _ = (R) => {
+      R.key === "Escape" && k();
     };
     return document.addEventListener("mousedown", m), document.addEventListener("keydown", _), () => {
       document.removeEventListener("mousedown", m), document.removeEventListener("keydown", _);
     };
   }, [u]);
-  const $ = u && /* @__PURE__ */ r.jsx(
+  const S = u && /* @__PURE__ */ r.jsx(
     "div",
     {
+      ref: b,
       className: ["ds-dropdown__menu", `ds-dropdown__menu--${n}`].join(" "),
-      style: x,
+      style: j,
       children: e.map((m, _) => {
         if (m.separator)
           return /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__separator" }, _);
@@ -1315,18 +1316,18 @@ function xt({
             m.label && /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__section-label", children: m.label }),
             /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__section-content", children: m.content })
           ] }, _);
-        const y = !!m.href, A = y ? "a" : "button", I = y ? { href: m.disabled ? void 0 : m.href, "aria-disabled": m.disabled ? "true" : void 0 } : { type: "button", disabled: m.disabled };
+        const R = !!m.href, g = R ? "a" : "button", P = R ? { href: m.disabled ? void 0 : m.href, "aria-disabled": m.disabled ? "true" : void 0 } : { type: "button", disabled: m.disabled };
         return /* @__PURE__ */ r.jsxs(
-          A,
+          g,
           {
             className: [
               "ds-dropdown__item",
               m.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...I,
+            ...P,
             onClick: () => {
-              var P;
-              (P = m.onClick) == null || P.call(m), v();
+              var M;
+              (M = m.onClick) == null || M.call(m), k();
             },
             children: [
               m.icon && /* @__PURE__ */ r.jsx("span", { className: "ds-dropdown__item-icon", children: m.icon }),
@@ -1342,13 +1343,13 @@ function xt({
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      ref: h,
+      ref: x,
       className: ["ds-dropdown", a].filter(Boolean).join(" "),
       style: l,
       ...i,
       children: [
-        /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__trigger", onClick: R, children: t }),
-        typeof document < "u" && J.createPortal($, document.body)
+        /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__trigger", onClick: $, children: t }),
+        typeof document < "u" && C.createPortal(S, document.body)
       ]
     }
   );
@@ -1359,16 +1360,16 @@ const ue = {
   warning: me,
   error: fe
 };
-let z = [];
+let V = [];
 const te = /* @__PURE__ */ new Set();
 function he() {
-  te.forEach((t) => t([...z]));
+  te.forEach((t) => t([...V]));
 }
 function Ae(t) {
-  z = [...z, t], he();
+  V = [...V, t], he();
 }
 function Ie(t) {
-  z = z.filter((e) => e.id !== t), he();
+  V = V.filter((e) => e.id !== t), he();
 }
 function vt() {
   const t = (e, s = {}) => {
@@ -1383,8 +1384,8 @@ function vt() {
   return t.success = (e, s) => t(e, { ...s, type: "success" }), t.error = (e, s) => t(e, { ...s, type: "error" }), t.warning = (e, s) => t(e, { ...s, type: "warning" }), { toast: t };
 }
 function Pe({ data: t, onDismiss: e }) {
-  const [s, c] = g(!1), n = B(null);
-  L(() => (requestAnimationFrame(() => c(!0)), t.duration > 0 && (n.current = setTimeout(() => a(), t.duration)), () => clearTimeout(n.current)), []);
+  const [s, c] = I(!1), n = L(null);
+  B(() => (requestAnimationFrame(() => c(!0)), t.duration > 0 && (n.current = setTimeout(() => a(), t.duration)), () => clearTimeout(n.current)), []);
   function a() {
     c(!1), setTimeout(() => e(t.id), 250);
   }
@@ -1416,8 +1417,8 @@ function Pe({ data: t, onDismiss: e }) {
   );
 }
 function jt({ position: t = "bottom-right" }) {
-  const [e, s] = g(() => [...z]);
-  return L(() => (te.add(s), () => te.delete(s)), []), !e.length || typeof document > "u" ? null : J.createPortal(
+  const [e, s] = I(() => [...V]);
+  return B(() => (te.add(s), () => te.delete(s)), []), !e.length || typeof document > "u" ? null : C.createPortal(
     /* @__PURE__ */ r.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: e.map((c) => /* @__PURE__ */ r.jsx(Pe, { data: c, onDismiss: Ie }, c.id)) }),
     document.body
   );