@donkit-ai/design-system 0.4.3 → 1.0.1

package/dist/index.es.js

@@ -1,13 +1,14 @@
-import $, { useState as P, useRef as F, useEffect as M } from "react";
-import { ChevronDown as G, Minus as ce, Plus as le, XCircle as ie, AlertTriangle as de, CheckCircle as ue, Info as fe, X as re, Check as pe } from "lucide-react";
+import g, { useState as S, useRef as P, useEffect as I } from "react";
+import { ChevronDown as H, Minus as xe, Plus as be, XCircle as ce, AlertTriangle as le, CheckCircle as ie, Info as de, X as C, Check as he, ChevronUp as je, ChevronsUpDown as _e } from "lucide-react";
+import ve from "react-dom";
 const T = {
-  xs: 16,
-  s: 20,
-  m: 24,
-  l: 28,
-  xl: 48
+  1: 16,
+  2: 20,
+  3: 24,
+  4: 28,
+  5: 48
 };
-var q = { exports: {} }, B = {};
+var X = { exports: {} }, F = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -17,29 +18,29 @@ var q = { exports: {} }, B = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ee;
-function me() {
-  if (ee) return B;
-  ee = 1;
-  var o = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function r(l, n, a) {
+var re;
+function Ne() {
+  if (re) return F;
+  re = 1;
+  var r = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function s(o, n, c) {
     var i = null;
-    if (a !== void 0 && (i = "" + a), n.key !== void 0 && (i = "" + n.key), "key" in n) {
-      a = {};
-      for (var c in n)
-        c !== "key" && (a[c] = n[c]);
-    } else a = n;
-    return n = a.ref, {
-      $$typeof: o,
-      type: l,
+    if (c !== void 0 && (i = "" + c), n.key !== void 0 && (i = "" + n.key), "key" in n) {
+      c = {};
+      for (var l in n)
+        l !== "key" && (c[l] = n[l]);
+    } else c = n;
+    return n = c.ref, {
+      $$typeof: r,
+      type: o,
       key: i,
       ref: n !== void 0 ? n : null,
-      props: a
+      props: c
     };
   }
-  return B.Fragment = s, B.jsx = r, B.jsxs = r, B;
+  return F.Fragment = t, F.jsx = s, F.jsxs = s, F;
 }
-var L = {};
+var Y = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -49,279 +50,279 @@ var L = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var te;
-function xe() {
-  return te || (te = 1, process.env.NODE_ENV !== "production" && function() {
-    function o(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === ne ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case h:
+var ne;
+function we() {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === fe ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case j:
           return "Fragment";
-        case g:
+        case w:
           return "Profiler";
-        case v:
+        case _:
           return "StrictMode";
-        case y:
+        case $:
           return "Suspense";
-        case O:
+        case A:
           return "SuspenseList";
-        case D:
+        case L:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
-          case E:
+        ), a.$$typeof) {
+          case p:
             return "Portal";
+          case y:
+            return a.displayName || "Context";
           case R:
-            return t.displayName || "Context";
-          case k:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case I:
-            var f = t.render;
-            return t = t.displayName, t || (t = f.displayName || f.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case S:
-            return f = t.displayName || null, f !== null ? f : o(t.type) || "Memo";
-          case A:
-            f = t._payload, t = t._init;
+            return (a._context.displayName || "Context") + ".Consumer";
+          case B:
+            var x = a.render;
+            return a = a.displayName, a || (a = x.displayName || x.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case D:
+            return x = a.displayName || null, x !== null ? x : r(a.type) || "Memo";
+          case O:
+            x = a._payload, a = a._init;
             try {
-              return o(t(f));
+              return r(a(x));
             } catch {
             }
         }
       return null;
     }
-    function s(t) {
-      return "" + t;
+    function t(a) {
+      return "" + a;
     }
-    function r(t) {
+    function s(a) {
       try {
-        s(t);
-        var f = !1;
+        t(a);
+        var x = !1;
       } catch {
-        f = !0;
+        x = !0;
       }
-      if (f) {
-        f = console;
-        var j = f.error, N = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return j.call(
-          f,
+      if (x) {
+        x = console;
+        var N = x.error, E = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return N.call(
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
-        ), s(t);
+          E
+        ), t(a);
       }
     }
-    function l(t) {
-      if (t === h) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === A)
+    function o(a) {
+      if (a === j) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === O)
         return "<...>";
       try {
-        var f = o(t);
-        return f ? "<" + f + ">" : "<...>";
+        var x = r(a);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function n() {
-      var t = V.A;
-      return t === null ? null : t.getOwner();
+      var a = z.A;
+      return a === null ? null : a.getOwner();
     }
-    function a() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function i(t) {
-      if (X.call(t, "key")) {
-        var f = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (f && f.isReactWarning) return !1;
+    function i(a) {
+      if (K.call(a, "key")) {
+        var x = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return a.key !== void 0;
     }
-    function c(t, f) {
-      function j() {
-        J || (J = !0, console.error(
+    function l(a, x) {
+      function N() {
+        Z || (Z = !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)",
-          f
+          x
         ));
       }
-      j.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: j,
+      N.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: N,
         configurable: !0
       });
     }
     function m() {
-      var t = o(this.type);
-      return K[t] || (K[t] = !0, console.error(
+      var a = r(this.type);
+      return Q[a] || (Q[a] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), t = this.props.ref, t !== void 0 ? t : null;
+      )), a = this.props.ref, a !== void 0 ? a : null;
     }
-    function p(t, f, j, N, Y, z) {
-      var w = j.ref;
-      return t = {
-        $$typeof: _,
-        type: t,
-        key: f,
-        props: j,
-        _owner: N
-      }, (w !== void 0 ? w : null) !== null ? Object.defineProperty(t, "ref", {
+    function f(a, x, N, E, V, q) {
+      var k = N.ref;
+      return a = {
+        $$typeof: v,
+        type: a,
+        key: x,
+        props: N,
+        _owner: E
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(a, "ref", {
         enumerable: !1,
         get: m
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(a, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(a, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
-      }), Object.defineProperty(t, "_debugTask", {
+        value: V
+      }), Object.defineProperty(a, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: q
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
     }
-    function d(t, f, j, N, Y, z) {
-      var w = f.children;
-      if (w !== void 0)
-        if (N)
-          if (ae(w)) {
-            for (N = 0; N < w.length; N++)
-              u(w[N]);
-            Object.freeze && Object.freeze(w);
+    function d(a, x, N, E, V, q) {
+      var k = x.children;
+      if (k !== void 0)
+        if (E)
+          if (pe(k)) {
+            for (E = 0; E < k.length; E++)
+              u(k[E]);
+            Object.freeze && Object.freeze(k);
           } 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(w);
-      if (X.call(f, "key")) {
-        w = o(t);
-        var W = Object.keys(f).filter(function(oe) {
-          return oe !== "key";
+        else u(k);
+      if (K.call(x, "key")) {
+        k = r(a);
+        var M = Object.keys(x).filter(function(me) {
+          return me !== "key";
         });
-        N = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", Q[w + N] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", se[k + E] || (M = 0 < M.length ? "{" + M.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} />`,
-          N,
-          w,
-          W,
-          w
-        ), Q[w + N] = !0);
+          E,
+          k,
+          M,
+          k
+        ), se[k + E] = !0);
       }
-      if (w = null, j !== void 0 && (r(j), w = "" + j), i(f) && (r(f.key), w = "" + f.key), "key" in f) {
-        j = {};
-        for (var U in f)
-          U !== "key" && (j[U] = f[U]);
-      } else j = f;
-      return w && c(
-        j,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), p(
-        t,
-        w,
-        j,
+      if (k = null, N !== void 0 && (s(N), k = "" + N), i(x) && (s(x.key), k = "" + x.key), "key" in x) {
+        N = {};
+        for (var G in x)
+          G !== "key" && (N[G] = x[G]);
+      } else N = x;
+      return k && l(
+        N,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), f(
+        a,
+        k,
+        N,
         n(),
-        Y,
-        z
+        V,
+        q
       );
     }
-    function u(t) {
-      x(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === A && (t._payload.status === "fulfilled" ? x(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function u(a) {
+      h(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === O && (a._payload.status === "fulfilled" ? h(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
     }
-    function x(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === _;
+    function h(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === v;
     }
-    var b = $, _ = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), R = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), V = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, ae = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var b = g, v = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), y = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), fe = Symbol.for("react.client.reference"), z = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, pe = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
     b = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+      react_stack_bottom_frame: function(a) {
+        return a();
       }
     };
-    var J, K = {}, Z = b.react_stack_bottom_frame.bind(
+    var Z, Q = {}, ee = b.react_stack_bottom_frame.bind(
       b,
-      a
-    )(), C = H(l(a)), Q = {};
-    L.Fragment = h, L.jsx = function(t, f, j) {
-      var N = 1e4 > V.recentlyCreatedOwnerStacks++;
+      c
+    )(), te = U(o(c)), se = {};
+    Y.Fragment = j, Y.jsx = function(a, x, N) {
+      var E = 1e4 > z.recentlyCreatedOwnerStacks++;
       return d(
-        t,
-        f,
-        j,
+        a,
+        x,
+        N,
         !1,
-        N ? Error("react-stack-top-frame") : Z,
-        N ? H(l(t)) : C
+        E ? Error("react-stack-top-frame") : ee,
+        E ? U(o(a)) : te
       );
-    }, L.jsxs = function(t, f, j) {
-      var N = 1e4 > V.recentlyCreatedOwnerStacks++;
+    }, Y.jsxs = function(a, x, N) {
+      var E = 1e4 > z.recentlyCreatedOwnerStacks++;
       return d(
-        t,
-        f,
-        j,
+        a,
+        x,
+        N,
         !0,
-        N ? Error("react-stack-top-frame") : Z,
-        N ? H(l(t)) : C
+        E ? Error("react-stack-top-frame") : ee,
+        E ? U(o(a)) : te
       );
     };
-  }()), L;
+  }()), Y;
 }
-process.env.NODE_ENV === "production" ? q.exports = me() : q.exports = xe();
-var e = q.exports;
-function be({
-  children: o,
-  variant: s = "primary",
-  size: r = "m",
-  fullWidth: l = !1,
+process.env.NODE_ENV === "production" ? X.exports = Ne() : X.exports = we();
+var e = X.exports;
+function ye({
+  children: r,
+  variant: t = "primary",
+  size: s = "m",
+  fullWidth: o = !1,
   icon: n,
-  disabled: a = !1,
+  disabled: c = !1,
   onClick: i,
-  type: c = "button",
+  type: l = "button",
   href: m,
-  "aria-label": p,
+  "aria-label": f,
   ...d
 }) {
-  const u = n && !o, x = [
+  const u = n && !r, h = [
     "ds-button",
+    `ds-button--${t}`,
     `ds-button--${s}`,
-    `ds-button--${r}`,
-    l && "ds-button--full",
+    o && "ds-button--full",
     u && "ds-button--icon-only"
   ].filter(Boolean).join(" "), b = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     n && !u && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n }),
-    o,
+    r,
     u && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n })
   ] });
   if (m) {
-    const _ = (E) => {
-      if (a) {
-        E.preventDefault();
+    const v = (p) => {
+      if (c) {
+        p.preventDefault();
         return;
       }
-      E.metaKey || E.ctrlKey || E.button === 1 || (E.preventDefault(), i == null || i(E));
+      p.metaKey || p.ctrlKey || p.button === 1 || (p.preventDefault(), i == null || i(p));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: x,
-        href: a ? void 0 : m,
-        onClick: _,
-        "aria-label": p,
-        "aria-disabled": a ? "true" : void 0,
+        className: h,
+        href: c ? void 0 : m,
+        onClick: v,
+        "aria-label": f,
+        "aria-disabled": c ? "true" : void 0,
         ...d,
         children: b
       }
@@ -330,142 +331,142 @@ function be({
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: c,
-      className: x,
-      disabled: a,
+      type: l,
+      className: h,
+      disabled: c,
       onClick: i,
-      "aria-label": p,
+      "aria-label": f,
       ...d,
       children: b
     }
   );
 }
-function Ne({
-  label: o,
-  error: s,
-  hint: r,
-  fullWidth: l = !0,
+function Oe({
+  label: r,
+  error: t,
+  hint: s,
+  fullWidth: o = !0,
   icon: n,
-  iconRight: a,
+  iconRight: c,
   onIconRightClick: i,
-  size: c = "m",
+  size: l = "m",
   disabled: m,
-  id: p,
+  id: f,
   ...d
 }) {
-  const u = p || `input-${$.useId()}`, x = r ? `${u}-hint` : void 0, b = s ? `${u}-error` : void 0, _ = b || x;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${l ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""}`, children: [
-    o && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: u, children: o }),
+  const u = f || `input-${g.useId()}`, h = s ? `${u}-hint` : void 0, b = t ? `${u}-error` : void 0, v = b || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""}`, children: [
+    r && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: u, children: r }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
-      n && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${c}`, "aria-hidden": "true", children: n }),
+      n && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: n }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           id: u,
-          className: `ds-input ds-input--${c} ${n ? "ds-input--with-icon" : ""} ${a ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
+          className: `ds-input ds-input--${l} ${n ? "ds-input--with-icon" : ""} ${c ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
           disabled: m,
-          "aria-invalid": s ? "true" : "false",
-          "aria-describedby": _,
+          "aria-invalid": t ? "true" : "false",
+          "aria-describedby": v,
           ...d
         }
       ),
-      a && /* @__PURE__ */ e.jsx(
+      c && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          className: `ds-input-icon-right ds-input-icon-right--${c}`,
+          className: `ds-input-icon-right ds-input-icon-right--${l}`,
           onClick: i,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
-          children: a
+          children: c
         }
       )
     ] }),
-    r && !s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: r }),
-    s && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-input-error", role: "alert", children: s })
+    s && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: s }),
+    t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-input-error", role: "alert", children: t })
   ] });
 }
-function we({
-  label: o,
-  error: s,
-  hint: r,
-  fullWidth: l = !0,
+function Pe({
+  label: r,
+  error: t,
+  hint: s,
+  fullWidth: o = !0,
   size: n = "m",
-  disabled: a,
+  disabled: c,
   id: i,
-  resize: c = !0,
+  resize: l = !0,
   rows: m = 3,
-  ...p
+  ...f
 }) {
-  const d = i || `textarea-${$.useId()}`, u = r ? `${d}-hint` : void 0, x = s ? `${d}-error` : void 0, b = x || u;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${l ? "ds-textarea-wrapper--full" : ""} ${a ? "ds-textarea-wrapper--disabled" : ""}`, children: [
-    o && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: o }),
+  const d = i || `textarea-${g.useId()}`, u = s ? `${d}-hint` : void 0, h = t ? `${d}-error` : void 0, b = h || u;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${c ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+    r && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: r }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: d,
-        className: `ds-textarea ds-textarea--${n} ${s ? "ds-textarea--error" : ""} ${c ? "" : "ds-textarea--no-resize"}`,
-        disabled: a,
-        "aria-invalid": s ? "true" : "false",
+        className: `ds-textarea ds-textarea--${n} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
+        disabled: c,
+        "aria-invalid": t ? "true" : "false",
         "aria-describedby": b,
         rows: m,
-        ...p
+        ...f
       }
     ),
-    r && !s && /* @__PURE__ */ e.jsx("span", { id: u, className: "ds-textarea-hint", children: r }),
-    s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: s })
+    s && !t && /* @__PURE__ */ e.jsx("span", { id: u, className: "ds-textarea-hint", children: s }),
+    t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function Ee({
-  label: o,
-  value: s,
-  onChange: r,
-  options: l = [],
+function Be({
+  label: r,
+  value: t,
+  onChange: s,
+  options: o = [],
   placeholder: n = "Select option",
-  error: a,
+  error: c,
   fullWidth: i = !0,
-  size: c = "m",
+  size: l = "m",
   disabled: m = !1,
-  id: p,
+  id: f,
   ...d
 }) {
-  const [u, x] = P(!1), [b, _] = P("down"), E = F(null), h = F(null), v = p || `select-${$.useId()}`, g = `${v}-label`, k = a ? `${v}-error` : void 0;
-  M(() => {
-    const y = (O) => {
-      E.current && !E.current.contains(O.target) && x(!1);
+  const [u, h] = S(!1), [b, v] = S("down"), p = P(null), j = P(null), _ = f || `select-${g.useId()}`, w = `${_}-label`, R = c ? `${_}-error` : void 0;
+  I(() => {
+    const $ = (A) => {
+      p.current && !p.current.contains(A.target) && h(!1);
     };
-    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
-  }, []), M(() => {
-    if (u && E.current) {
-      const y = E.current.getBoundingClientRect(), S = window.innerHeight - y.bottom, A = y.top;
-      S < 300 && A > S ? _("up") : _("down");
+    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
+  }, []), I(() => {
+    if (u && p.current) {
+      const $ = p.current.getBoundingClientRect(), D = window.innerHeight - $.bottom, O = $.top;
+      D < 300 && O > D ? v("up") : v("down");
     }
   }, [u]);
-  const R = l.find((y) => y.value === s), I = c === "xs" ? T.xs : c === "small" ? T.s : T.m;
+  const y = o.find(($) => $.value === t), B = l === "xs" ? T[1] : l === "small" ? T[2] : T[3];
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    o && /* @__PURE__ */ e.jsx("label", { id: g, className: "ds-select-label", children: o }),
-    /* @__PURE__ */ e.jsxs("div", { className: "ds-select-container", ref: E, children: [
+    r && /* @__PURE__ */ e.jsx("label", { id: w, className: "ds-select-label", children: r }),
+    /* @__PURE__ */ e.jsxs("div", { className: "ds-select-container", ref: p, children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
           type: "button",
-          id: v,
+          id: _,
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-expanded": u,
-          "aria-labelledby": o ? g : void 0,
-          "aria-invalid": a ? "true" : "false",
-          "aria-describedby": k,
-          className: `ds-select-trigger ds-select-trigger--${c} ${a ? "ds-select-trigger--error" : ""}`,
-          onClick: () => !m && x(!u),
+          "aria-labelledby": r ? w : void 0,
+          "aria-invalid": c ? "true" : "false",
+          "aria-describedby": R,
+          className: `ds-select-trigger ds-select-trigger--${l} ${c ? "ds-select-trigger--error" : ""}`,
+          onClick: () => !m && h(!u),
           disabled: m,
           ...d,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: R ? "" : "ds-select-placeholder", children: (R == null ? void 0 : R.label) || n }),
+            /* @__PURE__ */ e.jsx("span", { className: y ? "" : "ds-select-placeholder", children: (y == null ? void 0 : y.label) || n }),
             /* @__PURE__ */ e.jsx(
-              G,
+              H,
               {
-                size: I,
+                size: B,
                 strokeWidth: 1.5,
                 className: `ds-select-icon ${u && b === "down" ? "ds-select-icon--open" : ""} ${u && b === "up" ? "ds-select-icon--up" : ""}`,
                 "aria-hidden": "true"
@@ -477,84 +478,84 @@ function Ee({
       u && /* @__PURE__ */ e.jsx(
         "div",
         {
-          ref: h,
+          ref: j,
           role: "listbox",
-          "aria-labelledby": o ? g : void 0,
-          className: `ds-select-dropdown ds-select-dropdown--${c} ds-select-dropdown--${b}`,
-          children: l.map((y) => /* @__PURE__ */ e.jsx(
+          "aria-labelledby": r ? w : void 0,
+          className: `ds-select-dropdown ds-select-dropdown--${l} ds-select-dropdown--${b}`,
+          children: o.map(($) => /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
               role: "option",
-              "aria-selected": s === y.value,
-              className: `ds-select-option ds-select-option--${c} ${s === y.value ? "ds-select-option--selected" : ""}`,
+              "aria-selected": t === $.value,
+              className: `ds-select-option ds-select-option--${l} ${t === $.value ? "ds-select-option--selected" : ""}`,
               onClick: () => {
-                r == null || r(y.value), x(!1);
+                s == null || s($.value), h(!1);
               },
-              children: y.label
+              children: $.label
             },
-            y.value
+            $.value
           ))
         }
       )
     ] }),
-    a && /* @__PURE__ */ e.jsx("span", { id: k, className: "ds-select-error", role: "alert", children: a })
+    c && /* @__PURE__ */ e.jsx("span", { id: R, className: "ds-select-error", role: "alert", children: c })
   ] });
 }
-function ye({
-  label: o,
-  value: s = 0,
-  onChange: r,
-  min: l = 0,
+function De({
+  label: r,
+  value: t = 0,
+  onChange: s,
+  min: o = 0,
   max: n = 100,
-  step: a = 1,
+  step: c = 1,
   size: i = "m",
-  disabled: c = !1,
+  disabled: l = !1,
   hint: m,
-  error: p,
+  error: f,
   ...d
 }) {
   const u = () => {
-    if (c) return;
-    const v = Math.min(Number(s) + a, n);
-    r == null || r(v);
-  }, x = () => {
-    if (c) return;
-    const v = Math.max(Number(s) - a, l);
-    r == null || r(v);
-  }, b = (v) => {
-    if (c) return;
-    const g = v.target.value;
-    if (g === "") {
-      r == null || r(l);
+    if (l) return;
+    const _ = Math.min(Number(t) + c, n);
+    s == null || s(_);
+  }, h = () => {
+    if (l) return;
+    const _ = Math.max(Number(t) - c, o);
+    s == null || s(_);
+  }, b = (_) => {
+    if (l) return;
+    const w = _.target.value;
+    if (w === "") {
+      s == null || s(o);
       return;
     }
-    const k = Number(g);
-    if (!isNaN(k)) {
-      const R = Math.min(Math.max(k, l), n);
-      r == null || r(R);
+    const R = Number(w);
+    if (!isNaN(R)) {
+      const y = Math.min(Math.max(R, o), n);
+      s == null || s(y);
     }
-  }, _ = [
+  }, v = [
     "ds-stepper-wrapper",
-    c && "ds-stepper-wrapper--disabled",
-    p && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), E = [
+    l && "ds-stepper-wrapper--disabled",
+    f && "ds-stepper-wrapper--error"
+  ].filter(Boolean).join(" "), p = [
     "ds-stepper",
     `ds-stepper--${i}`,
-    c && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), h = i === "xs" ? T.xs : i === "small" ? T.s : T.m;
-  return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
-    o && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: o }),
-    /* @__PURE__ */ e.jsxs("div", { className: E, children: [
+    l && "ds-stepper--disabled"
+  ].filter(Boolean).join(" "), j = i === "xs" ? T[1] : i === "small" ? T[2] : T[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+    r && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: r }),
+    /* @__PURE__ */ e.jsxs("div", { className: p, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: x,
-          disabled: c || s <= l,
+          onClick: h,
+          disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(ce, { size: h, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(xe, { size: j, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -562,12 +563,12 @@ function ye({
         {
           type: "number",
           className: "ds-stepper-input",
-          value: s,
+          value: t,
           onChange: b,
-          min: l,
+          min: o,
           max: n,
-          step: a,
-          disabled: c,
+          step: c,
+          disabled: l,
           ...d
         }
       ),
@@ -577,53 +578,53 @@ function ye({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: u,
-          disabled: c || s >= n,
+          disabled: l || t >= n,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(le, { size: h, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(be, { size: j, strokeWidth: 1.5 })
         }
       )
     ] }),
-    m && !p && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
-    p && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: p })
+    m && !f && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
+    f && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: f })
   ] });
 }
-function Re({
-  children: o,
-  padding: s = "m",
-  variant: r = "info",
-  hover: l = !1,
+function Le({
+  children: r,
+  padding: t = "m",
+  variant: s = "info",
+  hover: o = !1,
   // deprecated, use variant="interactive"
   onClick: n,
-  href: a,
+  href: c,
   disabled: i = !1,
-  ...c
+  ...l
 }) {
-  const p = (l ? "interactive" : r) === "interactive" || n || a, d = [
+  const f = (o ? "interactive" : s) === "interactive" || n || c, d = [
     "ds-card",
-    `ds-card--${s}`,
-    p && "ds-card--interactive"
+    `ds-card--${t}`,
+    f && "ds-card--interactive"
   ].filter(Boolean).join(" ");
-  if (a) {
-    const b = (_) => {
+  if (c) {
+    const b = (v) => {
       if (i) {
-        _.preventDefault();
+        v.preventDefault();
         return;
       }
-      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), n == null || n(_));
+      v.metaKey || v.ctrlKey || v.button === 1 || (v.preventDefault(), n == null || n(v));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: d,
-        href: i ? void 0 : a,
+        href: i ? void 0 : c,
         onClick: b,
         "aria-disabled": i ? "true" : void 0,
-        ...c,
-        children: o
+        ...l,
+        children: r
       }
     );
   }
-  const u = p && n ? "button" : "div", x = p && n ? {
+  const u = f && n ? "button" : "div", h = f && n ? {
     type: "button",
     onClick: n,
     disabled: i
@@ -632,215 +633,221 @@ function Re({
     u,
     {
       className: d,
-      role: p && !n ? "article" : void 0,
-      ...x,
-      ...c,
-      children: o
+      role: f && !n ? "article" : void 0,
+      ...h,
+      ...l,
+      children: r
     }
   );
 }
-function ge({ children: o, ...s }) {
-  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: o });
+function Me({ children: r, ...t }) {
+  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: r });
 }
-function ke({ children: o, ...s }) {
-  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: o });
+function We({ children: r, ...t }) {
+  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: r });
 }
-function $e({ children: o, ...s }) {
-  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: o });
+function Fe({ children: r, ...t }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: r });
 }
-function Te({ children: o, ...s }) {
-  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: o });
+function Ye({ children: r, ...t }) {
+  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: r });
 }
-function Oe({ children: o, secondary: s = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...r, children: o });
+function Ve({ children: r, secondary: t = !1, ...s }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...s, children: r });
 }
-function Ae({ children: o, secondary: s = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...r, children: o });
+function He({ children: r, secondary: t = !1, ...s }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...s, children: r });
 }
-function Ie({ children: o, secondary: s = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...r, children: o });
+function ze({ children: r, secondary: t = !1, ...s }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...s, children: r });
 }
-function Se({
-  children: o,
-  variant: s = "default",
-  size: r = "m",
-  role: l,
+function Ue({
+  children: r,
+  variant: t = "default",
+  size: s = "m",
+  role: o,
   ...n
 }) {
-  const a = [
+  const c = [
     "ds-badge",
-    `ds-badge--${s}`,
-    `ds-badge--${r}`
-  ].filter(Boolean).join(" "), i = l || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: a, role: i, ...n, children: o });
+    `ds-badge--${t}`,
+    `ds-badge--${s}`
+  ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: c, role: i, ...n, children: r });
 }
-const he = {
-  info: fe,
-  success: ue,
-  warning: de,
-  error: ie
+const Ee = {
+  info: de,
+  success: ie,
+  warning: le,
+  error: ce
 };
-function Pe({
-  children: o,
-  variant: s = "info",
-  title: r,
-  onClose: l,
+function qe({
+  children: r,
+  variant: t = "info",
+  title: s,
+  onClose: o,
   role: n,
-  ...a
+  ...c
 }) {
-  const i = he[s], c = n || (s === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${s} ${r ? "" : "ds-alert--no-title"}`, role: c, ...a, children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: T.m, strokeWidth: 1.5 }) }),
+  const i = Ee[t], l = n || (t === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${s ? "" : "ds-alert--no-title"}`, role: l, ...c, children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: T[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
-      r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
-      o && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: o })
+      s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: s }),
+      r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: r })
     ] }),
-    l && /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: l,
+        onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(re, { size: T.m, strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(C, { size: T[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-function De({
-  children: o,
-  title: s,
-  onClose: r,
-  size: l = "m",
+function Ge({
+  children: r,
+  title: t,
+  onClose: s,
+  size: o = "m",
   ...n
 }) {
-  const a = F(null), i = $.useId();
-  M(() => {
-    const d = (x) => {
-      x.key === "Escape" && (r == null || r());
-    }, u = (x) => {
-      a.current && !a.current.contains(x.target) && (r == null || r());
+  const c = P(null), i = g.useId();
+  I(() => {
+    const d = (h) => {
+      h.key === "Escape" && (s == null || s());
+    }, u = (h) => {
+      c.current && !c.current.contains(h.target) && (s == null || s());
     };
     return document.addEventListener("keydown", d), document.addEventListener("mousedown", u), () => {
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", u);
     };
-  }, [r]);
-  const c = $.Children.toArray(o), m = c.find((d) => (d == null ? void 0 : d.type) === se), p = c.filter((d) => (d == null ? void 0 : d.type) !== se);
+  }, [s]);
+  const l = g.Children.toArray(r), m = l.find((d) => (d == null ? void 0 : d.type) === ae), f = l.filter((d) => (d == null ? void 0 : d.type) !== ae);
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal-overlay", ...n, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-modal ds-modal--${l}`,
-      ref: a,
+      className: `ds-modal ds-modal--${o}`,
+      ref: c,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": s ? i : void 0,
+      "aria-labelledby": t ? i : void 0,
       children: [
-        (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: s }),
-          r && /* @__PURE__ */ e.jsx(
-            be,
+        (t || s) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
+          s && /* @__PURE__ */ e.jsx(
+            ye,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(re, { size: T.s, strokeWidth: 1.5 }),
-              onClick: r,
+              icon: /* @__PURE__ */ e.jsx(C, { size: T[2], strokeWidth: 1.5 }),
+              onClick: s,
               "aria-label": "Close modal"
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: p }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: f }),
         m
       ]
     }
   ) });
 }
-function se({ children: o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: o });
+function ae({ children: r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: r });
 }
-function je({
-  children: o,
-  title: s = "Code",
-  defaultExpanded: r = !1,
-  padding: l = "s",
-  ...n
+function ke({
+  children: r,
+  title: t = "Code",
+  defaultExpanded: s = !1,
+  expanded: o,
+  onToggle: n,
+  padding: c = "s",
+  className: i = "",
+  ...l
 }) {
-  const [a, i] = P(r), c = [
+  const [m, f] = S(s), d = o !== void 0, u = d ? o : m, h = () => {
+    d ? n == null || n(!o) : f((v) => !v);
+  }, b = [
     "ds-code-accordion",
-    `ds-code-accordion--${l}`
+    `ds-code-accordion--${c}`,
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: c, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: b, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: () => i(!a),
-        "aria-expanded": a,
+        onClick: h,
+        "aria-expanded": u,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            G,
+            H,
             {
-              size: T.s,
+              size: T[2],
               strokeWidth: 1.5,
-              className: `ds-code-accordion__icon ${a ? "ds-code-accordion__icon--expanded" : ""}`
+              className: `ds-code-accordion__icon ${u ? "ds-code-accordion__icon--expanded" : ""}`
             }
           )
         ]
       }
     ),
-    a && /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__content", ...n, children: /* @__PURE__ */ e.jsx("code", { children: o }) })
+    u && /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("code", { children: r }) })
   ] });
 }
-function We({ children: o, block: s = !1, collapsible: r = !1, title: l = "Code", defaultExpanded: n = !1, ...a }) {
-  return s ? r ? /* @__PURE__ */ e.jsx(je, { title: l, defaultExpanded: n, ...a, children: o }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...a, children: /* @__PURE__ */ e.jsx("code", { children: o }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...a, children: o });
+function Xe({ children: r, block: t = !1, collapsible: s = !1, title: o = "Code", defaultExpanded: n = !1, ...c }) {
+  return t ? s ? /* @__PURE__ */ e.jsx(ke, { title: o, defaultExpanded: n, ...c, children: r }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...c, children: /* @__PURE__ */ e.jsx("code", { children: r }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...c, children: r });
 }
-function Fe({ href: o, children: s, onClick: r, target: l, rel: n, ...a }) {
-  const c = l === "_blank" ? n ? `${n} noopener noreferrer` : "noopener noreferrer" : n;
+function Je({ href: r, children: t, onClick: s, target: o, rel: n, ...c }) {
+  const l = o === "_blank" ? n ? `${n} noopener noreferrer` : "noopener noreferrer" : n;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
-      href: o,
+      href: r,
       className: "ds-link",
-      onClick: r,
-      target: l,
-      rel: c,
-      ...a,
-      children: s
+      onClick: s,
+      target: o,
+      rel: l,
+      ...c,
+      children: t
     }
   );
 }
-function Me({ children: o, size: s = "m", variant: r = "ghost", ...l }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...l, children: $.Children.map(o, (n) => $.isValidElement(n) ? $.cloneElement(n, { size: s, variant: r }) : n) });
+function Ce({ children: r, size: t = "m", variant: s = "ghost", ...o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: g.Children.map(r, (n) => g.isValidElement(n) ? g.cloneElement(n, { size: t, variant: s }) : n) });
 }
-function Be({ children: o, selected: s = !1, onClick: r, size: l = "m", variant: n = "ghost", disabled: a = !1, icon: i, href: c, ...m }) {
-  const p = i && !o, d = [
+function Ke({ children: r, selected: t = !1, onClick: s, size: o = "m", variant: n = "ghost", disabled: c = !1, icon: i, href: l, ...m }) {
+  const f = i && !r, d = [
     "ds-tab",
-    `ds-tab--${l}`,
+    `ds-tab--${o}`,
     `ds-tab--${n}`,
-    s && "ds-tab--selected",
-    p && "ds-tab--icon-only"
+    t && "ds-tab--selected",
+    f && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), u = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
-    o
+    r
   ] });
-  if (c) {
-    const x = (b) => {
-      if (a) {
+  if (l) {
+    const h = (b) => {
+      if (c) {
         b.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), r == null || r(b));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), s == null || s(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         role: "tab",
-        "aria-current": s ? "page" : void 0,
-        "aria-disabled": a ? "true" : void 0,
+        "aria-current": t ? "page" : void 0,
+        "aria-disabled": c ? "true" : void 0,
         className: d,
-        href: a ? void 0 : c,
-        onClick: x,
+        href: c ? void 0 : l,
+        onClick: h,
         ...m,
         children: u
       }
@@ -850,108 +857,112 @@ function Be({ children: o, selected: s = !1, onClick: r, size: l = "m", variant:
     "button",
     {
       role: "tab",
-      "aria-selected": s,
+      "aria-selected": t,
       className: d,
-      onClick: r,
-      disabled: a,
+      onClick: s,
+      disabled: c,
       ...m,
       children: u
     }
   );
 }
-function Le({
-  children: o,
-  title: s,
-  defaultExpanded: r = !1,
-  padding: l = "m",
-  ...n
+function Ze({
+  children: r,
+  title: t,
+  defaultExpanded: s = !1,
+  expanded: o,
+  onToggle: n,
+  padding: c = "m",
+  ...i
 }) {
-  const [a, i] = P(r), c = [
+  const [l, m] = S(s), f = o !== void 0, d = f ? o : l, u = () => {
+    f ? n == null || n(!o) : m((b) => !b);
+  }, h = [
     "ds-accordion",
-    `ds-accordion--${l}`
+    `ds-accordion--${c}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: c, ...n, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-accordion__header",
-        onClick: () => i(!a),
-        "aria-expanded": a,
+        onClick: u,
+        "aria-expanded": d,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            G,
+            H,
             {
-              size: T.s,
+              size: T[2],
               strokeWidth: 1.5,
-              className: `ds-accordion__icon ${a ? "ds-accordion__icon--expanded" : ""}`
+              className: `ds-accordion__icon ${d ? "ds-accordion__icon--expanded" : ""}`
             }
           )
         ]
       }
     ),
-    a && /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: o })
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: r })
   ] });
 }
-function Ye({
-  children: o,
-  content: s,
-  position: r,
-  ...l
+function Qe({
+  children: r,
+  content: t,
+  position: s,
+  ...o
 }) {
-  const [n, a] = P(!1), [i, c] = P(r || "top"), [m, p] = P({ x: 0, arrowOffset: 0 }), d = F(null), u = F(null), x = F(!1);
-  M(() => {
-    n && !r && d.current && u.current ? requestAnimationFrame(() => {
+  const [n, c] = S(!1), [i, l] = S(s || "top"), [m, f] = S({ x: 0, arrowOffset: 0 }), d = P(null), u = P(null), h = P(!1);
+  I(() => {
+    n && !s && d.current && u.current ? requestAnimationFrame(() => {
       if (!d.current || !u.current) return;
-      const h = d.current.getBoundingClientRect(), v = u.current.getBoundingClientRect(), g = window.innerHeight, k = window.innerWidth, R = h.top, I = g - h.bottom, y = h.left, O = k - h.right, S = v.height, A = v.width;
-      if (R >= S + 8)
-        c("top");
-      else if (I >= S + 8)
-        c("bottom");
-      else if (O >= A + 8)
-        c("right");
-      else if (y >= A + 8)
-        c("left");
+      const j = d.current.getBoundingClientRect(), _ = u.current.getBoundingClientRect(), w = window.innerHeight, R = window.innerWidth, y = j.top, B = w - j.bottom, $ = j.left, A = R - j.right, D = _.height, O = _.width;
+      if (y >= D + 8)
+        l("top");
+      else if (B >= D + 8)
+        l("bottom");
+      else if (A >= O + 8)
+        l("right");
+      else if ($ >= O + 8)
+        l("left");
       else {
-        const D = Math.max(R, I, y, O);
-        c(D === R ? "top" : D === I ? "bottom" : D === O ? "right" : "left");
+        const L = Math.max(y, B, $, A);
+        l(L === y ? "top" : L === B ? "bottom" : L === A ? "right" : "left");
       }
-    }) : r && c(r);
-  }, [n, r]), M(() => {
+    }) : s && l(s);
+  }, [n, s]), I(() => {
     n && u.current && d.current ? requestAnimationFrame(() => {
       if (!u.current || !d.current) return;
-      const h = u.current.getBoundingClientRect(), v = window.innerWidth, g = 8;
-      let k = 0, R = 0;
-      (i === "top" || i === "bottom") && (h.right > v - g ? (k = v - g - h.right, R = -k) : h.left < g && (k = g - h.left, R = -k)), p({ x: k, arrowOffset: R });
-    }) : p({ x: 0, arrowOffset: 0 });
-  }, [n, i]), M(() => {
+      const j = u.current.getBoundingClientRect(), _ = window.innerWidth, w = 8;
+      let R = 0, y = 0;
+      (i === "top" || i === "bottom") && (j.right > _ - w ? (R = _ - w - j.right, y = -R) : j.left < w && (R = w - j.left, y = -R)), f({ x: R, arrowOffset: y });
+    }) : f({ x: 0, arrowOffset: 0 });
+  }, [n, i]), I(() => {
     if (!n) return;
-    const h = (v) => {
-      d.current && !d.current.contains(v.target) && a(!1);
+    const j = (_) => {
+      d.current && !d.current.contains(_.target) && c(!1);
     };
-    return document.addEventListener("touchstart", h), () => {
-      document.removeEventListener("touchstart", h);
+    return document.addEventListener("touchstart", j), () => {
+      document.removeEventListener("touchstart", j);
     };
   }, [n]);
   const b = () => {
-    x.current = !0, a((h) => !h);
-  }, _ = () => {
-    x.current || a(!0);
-  }, E = () => {
-    x.current || a(!1);
+    h.current = !0, c((j) => !j);
+  }, v = () => {
+    h.current || c(!0);
+  }, p = () => {
+    h.current || c(!1);
   };
-  return s ? /* @__PURE__ */ e.jsxs(
+  return t ? /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: d,
       className: "ds-tooltip-wrapper",
-      onMouseEnter: _,
-      onMouseLeave: E,
+      onMouseEnter: v,
+      onMouseLeave: p,
       onTouchStart: b,
-      ...l,
+      ...o,
       children: [
-        o,
+        r,
         n && /* @__PURE__ */ e.jsx(
           "div",
           {
@@ -962,37 +973,37 @@ function Ye({
               "--tooltip-offset-x": `${m.x}px`,
               "--arrow-offset": `${m.arrowOffset}px`
             },
-            children: s
+            children: t
           }
         )
       ]
     }
-  ) : o;
+  ) : r;
 }
-function Ve({
-  checked: o = !1,
-  onChange: s,
-  size: r = "m",
-  disabled: l = !1,
+function et({
+  checked: r = !1,
+  onChange: t,
+  size: s = "m",
+  disabled: o = !1,
   label: n,
-  id: a,
+  id: c,
   ...i
 }) {
-  const c = a || `toggle-${$.useId()}`, m = [
+  const l = c || `toggle-${g.useId()}`, m = [
     "ds-toggle",
-    `ds-toggle--${r}`,
-    l && "ds-toggle--disabled"
+    `ds-toggle--${s}`,
+    o && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        id: c,
+        id: l,
         className: "ds-toggle__input",
-        checked: o,
-        onChange: (p) => s == null ? void 0 : s(p.target.checked),
-        disabled: l,
+        checked: r,
+        onChange: (f) => t == null ? void 0 : t(f.target.checked),
+        disabled: o,
         ...i
       }
     ),
@@ -1000,37 +1011,37 @@ function Ve({
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: n })
   ] });
 }
-function He({
-  checked: o = !1,
-  onChange: s,
-  size: r = "m",
-  disabled: l = !1,
+function tt({
+  checked: r = !1,
+  onChange: t,
+  size: s = "m",
+  disabled: o = !1,
   label: n,
-  id: a,
+  id: c,
   ...i
 }) {
-  const c = a || `checkbox-${$.useId()}`, m = [
+  const l = c || `checkbox-${g.useId()}`, m = [
     "ds-checkbox",
-    `ds-checkbox--${r}`,
-    l && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), p = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
+    `ds-checkbox--${s}`,
+    o && "ds-checkbox--disabled"
+  ].filter(Boolean).join(" "), f = s === "xs" ? 10 : s === "small" ? 14 : s === "large" ? 20 : 16;
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        id: c,
+        id: l,
         className: "ds-checkbox__input",
-        checked: o,
-        onChange: (d) => s == null ? void 0 : s(d.target.checked),
-        disabled: l,
+        checked: r,
+        onChange: (d) => t == null ? void 0 : t(d.target.checked),
+        disabled: o,
         ...i
       }
     ),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: o && /* @__PURE__ */ e.jsx(
-      pe,
+    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: r && /* @__PURE__ */ e.jsx(
+      he,
       {
-        size: p,
+        size: f,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1038,33 +1049,33 @@ function He({
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: n })
   ] });
 }
-function ze({
-  checked: o = !1,
-  onChange: s,
-  size: r = "m",
-  disabled: l = !1,
+function st({
+  checked: r = !1,
+  onChange: t,
+  size: s = "m",
+  disabled: o = !1,
   label: n,
-  name: a,
+  name: c,
   value: i,
-  id: c,
+  id: l,
   ...m
 }) {
-  const p = c || `radio-${$.useId()}`, d = [
+  const f = l || `radio-${g.useId()}`, d = [
     "ds-radio",
-    `ds-radio--${r}`,
-    l && "ds-radio--disabled"
+    `ds-radio--${s}`,
+    o && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: p, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: f, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: p,
+        id: f,
         className: "ds-radio__input",
-        checked: o,
-        onChange: (u) => s == null ? void 0 : s(u.target.checked),
-        disabled: l,
-        name: a,
+        checked: r,
+        onChange: (u) => t == null ? void 0 : t(u.target.checked),
+        disabled: o,
+        name: c,
         value: i,
         ...m
       }
@@ -1073,33 +1084,341 @@ function ze({
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: n })
   ] });
 }
+function rt({ size: r = "m", color: t = "default", className: s = "", ...o }) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      className: ["ds-spinner", `ds-spinner--${r}`, `ds-spinner--${t}`, s].filter(Boolean).join(" "),
+      role: "status",
+      "aria-label": "Loading",
+      ...o
+    }
+  );
+}
+function nt({ width: r, height: t, shape: s = "rect", className: o = "", style: n = {}, ...c }) {
+  return /* @__PURE__ */ e.jsx(
+    "span",
+    {
+      className: ["ds-skeleton", `ds-skeleton--${s}`, o].filter(Boolean).join(" "),
+      style: { width: r, height: t, ...n },
+      "aria-hidden": "true",
+      ...c
+    }
+  );
+}
+function $e(r) {
+  let t = 2166136261;
+  for (let s = 0; s < r.length; s++)
+    t ^= r.charCodeAt(s), t = Math.imul(t, 16777619) >>> 0;
+  return t % 360;
+}
+function at({ seed: r, icon: t, size: s = 32, className: o = "", style: n = {}, ...c }) {
+  const i = $e(r ?? "");
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-avatar", o].filter(Boolean).join(" "),
+      style: { width: s, height: s, "--ds-avatar-h": i, ...n },
+      "aria-hidden": "true",
+      ...c,
+      children: t
+    }
+  );
+}
+function ot({
+  children: r,
+  size: t = "compact",
+  stickyTop: s,
+  maxHeight: o,
+  className: n = "",
+  style: c = {},
+  ...i
+}) {
+  const l = {
+    ...o ? { maxHeight: o } : {},
+    ...s !== void 0 ? { "--ds-table-sticky-top": typeof s == "number" ? `${s}px` : s } : {},
+    ...c
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-table-wrap", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      style: l,
+      children: /* @__PURE__ */ e.jsx(
+        "table",
+        {
+          className: ["ds-table", `ds-table--${t}`, n].filter(Boolean).join(" "),
+          ...i,
+          children: r
+        }
+      )
+    }
+  );
+}
+function ct({ children: r, ...t }) {
+  return /* @__PURE__ */ e.jsx("thead", { ...t, children: r });
+}
+function lt({ children: r, ...t }) {
+  return /* @__PURE__ */ e.jsx("tbody", { ...t, children: r });
+}
+function it({ children: r, interactive: t, selected: s, className: o = "", onClick: n, ...c }) {
+  return /* @__PURE__ */ e.jsx(
+    "tr",
+    {
+      className: [
+        "ds-table-row",
+        t || n ? "ds-table-row--interactive" : "",
+        s ? "ds-table-row--selected" : "",
+        o
+      ].filter(Boolean).join(" "),
+      onClick: n,
+      ...c,
+      children: r
+    }
+  );
+}
+function dt({ children: r, align: t = "left", sortDir: s, onSort: o, width: n, className: c = "", style: i = {}, ...l }) {
+  const m = !!o || s !== void 0, f = s === "asc" ? je : s === "desc" ? H : _e;
+  return /* @__PURE__ */ e.jsx(
+    "th",
+    {
+      className: [
+        "ds-th",
+        m ? "ds-th--sortable" : "",
+        s ? "ds-th--sorted" : "",
+        t !== "left" ? `ds-table-cell--${t}` : "",
+        c
+      ].filter(Boolean).join(" "),
+      onClick: o,
+      style: { width: n, ...i },
+      ...l,
+      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+        r,
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(f, { size: 11, strokeWidth: 2.5 }) })
+      ] }) : r
+    }
+  );
+}
+function ut({ children: r, align: t = "left", secondary: s, muted: o, truncate: n, nowrap: c, className: i = "", ...l }) {
+  return /* @__PURE__ */ e.jsx(
+    "td",
+    {
+      className: [
+        "ds-td",
+        t !== "left" ? `ds-table-cell--${t}` : "",
+        s ? "ds-table-cell--secondary" : "",
+        o ? "ds-table-cell--muted" : "",
+        n ? "ds-table-cell--truncate" : "",
+        c ? "ds-table-cell--nowrap" : "",
+        i
+      ].filter(Boolean).join(" "),
+      ...l,
+      children: r
+    }
+  );
+}
+function ft({
+  icon: r,
+  title: t,
+  description: s,
+  action: o,
+  size: n = "m",
+  className: c = "",
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: ["ds-empty-state", `ds-empty-state--${n}`, c].filter(Boolean).join(" "),
+      ...i,
+      children: [
+        r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: r }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
+        s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: s }),
+        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
+      ]
+    }
+  );
+}
+function pt({
+  trigger: r,
+  items: t = [],
+  open: s,
+  onOpenChange: o,
+  align: n = "left",
+  className: c = "",
+  style: i,
+  ...l
+}) {
+  const [m, f] = S(!1), d = s !== void 0, u = d ? s : m, h = P(null), b = () => {
+    d ? o == null || o(!1) : f(!1);
+  }, v = () => {
+    const p = !u;
+    d ? o == null || o(p) : f(p);
+  };
+  return I(() => {
+    if (!u) return;
+    const p = (_) => {
+      var w;
+      (w = h.current) != null && w.contains(_.target) || b();
+    }, j = (_) => {
+      _.key === "Escape" && b();
+    };
+    return document.addEventListener("mousedown", p), document.addEventListener("keydown", j), () => {
+      document.removeEventListener("mousedown", p), document.removeEventListener("keydown", j);
+    };
+  }, [u]), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: h,
+      className: ["ds-dropdown", c].filter(Boolean).join(" "),
+      style: { position: "relative", ...i },
+      ...l,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__trigger", onClick: v, children: r }),
+        u && /* @__PURE__ */ e.jsx("div", { className: ["ds-dropdown__menu", `ds-dropdown__menu--${n}`].join(" "), children: t.map((p, j) => {
+          if (p.separator)
+            return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, j);
+          if (p.type === "section")
+            return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
+              p.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: p.label }),
+              /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: p.content })
+            ] }, j);
+          const _ = !!p.href, w = _ ? "a" : "button", R = _ ? { href: p.disabled ? void 0 : p.href, "aria-disabled": p.disabled ? "true" : void 0 } : { type: "button", disabled: p.disabled };
+          return /* @__PURE__ */ e.jsxs(
+            w,
+            {
+              className: [
+                "ds-dropdown__item",
+                p.danger && "ds-dropdown__item--danger"
+              ].filter(Boolean).join(" "),
+              ...R,
+              onClick: () => {
+                var y;
+                (y = p.onClick) == null || y.call(p), b();
+              },
+              children: [
+                p.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: p.icon }),
+                /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: p.label }),
+                p.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: p.shortcut })
+              ]
+            },
+            j
+          );
+        }) })
+      ]
+    }
+  );
+}
+const oe = {
+  default: de,
+  success: ie,
+  warning: le,
+  error: ce
+};
+let W = [];
+const J = /* @__PURE__ */ new Set();
+function ue() {
+  J.forEach((r) => r([...W]));
+}
+function Re(r) {
+  W = [...W, r], ue();
+}
+function Te(r) {
+  W = W.filter((t) => t.id !== r), ue();
+}
+function mt() {
+  const r = (t, s = {}) => {
+    Re({
+      id: `${Date.now()}-${Math.random()}`,
+      message: t,
+      type: "default",
+      duration: 4e3,
+      ...s
+    });
+  };
+  return r.success = (t, s) => r(t, { ...s, type: "success" }), r.error = (t, s) => r(t, { ...s, type: "error" }), r.warning = (t, s) => r(t, { ...s, type: "warning" }), { toast: r };
+}
+function ge({ data: r, onDismiss: t }) {
+  const [s, o] = S(!1), n = P(null);
+  I(() => (requestAnimationFrame(() => o(!0)), r.duration > 0 && (n.current = setTimeout(() => c(), r.duration)), () => clearTimeout(n.current)), []);
+  function c() {
+    o(!1), setTimeout(() => t(r.id), 250);
+  }
+  const i = oe[r.type] ?? oe.default;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [
+        "ds-toast",
+        `ds-toast--${r.type}`,
+        s && "ds-toast--visible"
+      ].filter(Boolean).join(" "),
+      role: r.type === "error" ? "alert" : "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: T[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: r.message }),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "ds-toast__close",
+            onClick: c,
+            "aria-label": "Закрыть",
+            children: /* @__PURE__ */ e.jsx(C, { size: T[3], strokeWidth: 1.5 })
+          }
+        )
+      ]
+    }
+  );
+}
+function xt({ position: r = "bottom-right" }) {
+  const [t, s] = S(() => [...W]);
+  return I(() => (J.add(s), () => J.delete(s)), []), !t.length || typeof document > "u" ? null : ve.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${r}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(ge, { data: o, onDismiss: Te }, o.id)) }),
+    document.body
+  );
+}
 export {
-  Le as Accordion,
-  Pe as Alert,
-  Se as Badge,
-  be as Button,
-  Re as Card,
-  He as Checkbox,
-  We as Code,
-  je as CodeAccordion,
-  ge as H1,
-  ke as H2,
-  $e as H3,
-  Te as H4,
-  Ne as Input,
-  Fe as Link,
-  De as Modal,
-  se as ModalFooter,
-  Oe as P1,
-  Ae as P2,
-  Ie as P3,
-  ze as Radio,
-  Ee as Select,
-  ye as Stepper,
-  Be as Tab,
-  Me as Tabs,
-  we as Textarea,
-  Ve as Toggle,
-  Ye as Tooltip,
-  T as iconSizes
+  Ze as Accordion,
+  qe as Alert,
+  at as Avatar,
+  Ue as Badge,
+  ye as Button,
+  Le as Card,
+  tt as Checkbox,
+  Xe as Code,
+  ke as CodeAccordion,
+  pt as Dropdown,
+  ft as EmptyState,
+  Me as H1,
+  We as H2,
+  Fe as H3,
+  Ye as H4,
+  Oe as Input,
+  Je as Link,
+  Ge as Modal,
+  ae as ModalFooter,
+  Ve as P1,
+  He as P2,
+  ze as P3,
+  st as Radio,
+  Be as Select,
+  nt as Skeleton,
+  rt as Spinner,
+  De as Stepper,
+  Ke as Tab,
+  ot as Table,
+  lt as TableBody,
+  ct as TableHead,
+  it as TableRow,
+  Ce as Tabs,
+  ut as Td,
+  Pe as Textarea,
+  dt as Th,
+  xt as ToastContainer,
+  et as Toggle,
+  Qe as Tooltip,
+  T as iconSizes,
+  mt as useToast
 };