@donkit-ai/design-system 1.3.8 → 1.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,7 +1,7 @@
1
- import L, { useState as g, useRef as k, useEffect as P, useLayoutEffect as ye, useId as ke } from "react";
2
- import { Check as le, X as ee, ChevronDown as re, Minus as Ee, Plus as $e, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as ge, ChevronsUpDown as Re, ChevronLeft as Te, ChevronRight as je, Copy as Ie } from "lucide-react";
1
+ import L, { useState as k, useRef as E, useEffect as D, useLayoutEffect as ye, useId as ke } from "react";
2
+ import { Check as le, X as ee, ChevronDown as re, Minus as Ee, Plus as ge, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as $e, ChevronsUpDown as Re, ChevronLeft as Te, ChevronRight as je, Copy as Ie, Brain as Ae } from "lucide-react";
3
3
  import ne from "react-dom";
4
- const S = {
4
+ const A = {
5
5
  1: 16,
6
6
  2: 20,
7
7
  3: 24,
@@ -19,7 +19,7 @@ var ie = { exports: {} }, te = {};
19
19
  * LICENSE file in the root directory of this source tree.
20
20
  */
21
21
  var pe;
22
- function Ae() {
22
+ function Se() {
23
23
  if (pe) return te;
24
24
  pe = 1;
25
25
  var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
@@ -51,7 +51,7 @@ var se = {};
51
51
  * LICENSE file in the root directory of this source tree.
52
52
  */
53
53
  var he;
54
- function Se() {
54
+ function De() {
55
55
  return he || (he = 1, process.env.NODE_ENV !== "production" && function() {
56
56
  function s(c) {
57
57
  if (c == null) return null;
@@ -59,7 +59,7 @@ function Se() {
59
59
  return c.$$typeof === G ? null : c.displayName || c.name || null;
60
60
  if (typeof c == "string") return c;
61
61
  switch (c) {
62
- case E:
62
+ case g:
63
63
  return "Fragment";
64
64
  case B:
65
65
  return "Profiler";
@@ -82,15 +82,15 @@ function Se() {
82
82
  return c.displayName || "Context";
83
83
  case T:
84
84
  return (c._context.displayName || "Context") + ".Consumer";
85
- case W:
86
- var x = c.render;
87
- return c = c.displayName, c || (c = x.displayName || x.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
85
+ case z:
86
+ var b = c.render;
87
+ return c = c.displayName, c || (c = b.displayName || b.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
88
88
  case M:
89
- return x = c.displayName || null, x !== null ? x : s(c.type) || "Memo";
89
+ return b = c.displayName || null, b !== null ? b : s(c.type) || "Memo";
90
90
  case F:
91
- x = c._payload, c = c._init;
91
+ b = c._payload, c = c._init;
92
92
  try {
93
- return s(c(x));
93
+ return s(c(b));
94
94
  } catch {
95
95
  }
96
96
  }
@@ -102,27 +102,27 @@ function Se() {
102
102
  function r(c) {
103
103
  try {
104
104
  t(c);
105
- var x = !1;
105
+ var b = !1;
106
106
  } catch {
107
- x = !0;
107
+ b = !0;
108
108
  }
109
- if (x) {
110
- x = console;
111
- var y = x.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
109
+ if (b) {
110
+ b = console;
111
+ var y = b.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
112
112
  return y.call(
113
- x,
113
+ b,
114
114
  "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
115
115
  I
116
116
  ), t(c);
117
117
  }
118
118
  }
119
119
  function o(c) {
120
- if (c === E) return "<>";
120
+ if (c === g) return "<>";
121
121
  if (typeof c == "object" && c !== null && c.$$typeof === F)
122
122
  return "<...>";
123
123
  try {
124
- var x = s(c);
125
- return x ? "<" + x + ">" : "<...>";
124
+ var b = s(c);
125
+ return b ? "<" + b + ">" : "<...>";
126
126
  } catch {
127
127
  return "<...>";
128
128
  }
@@ -135,17 +135,17 @@ function Se() {
135
135
  return Error("react-stack-top-frame");
136
136
  }
137
137
  function i(c) {
138
- if (z.call(c, "key")) {
139
- var x = Object.getOwnPropertyDescriptor(c, "key").get;
140
- if (x && x.isReactWarning) return !1;
138
+ if (C.call(c, "key")) {
139
+ var b = Object.getOwnPropertyDescriptor(c, "key").get;
140
+ if (b && b.isReactWarning) return !1;
141
141
  }
142
142
  return c.key !== void 0;
143
143
  }
144
- function l(c, x) {
144
+ function l(c, b) {
145
145
  function y() {
146
146
  R || (R = !0, console.error(
147
147
  "%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)",
148
- x
148
+ b
149
149
  ));
150
150
  }
151
151
  y.isReactWarning = !0, Object.defineProperty(c, "key", {
@@ -155,19 +155,19 @@ function Se() {
155
155
  }
156
156
  function m() {
157
157
  var c = s(this.type);
158
- return D[c] || (D[c] = !0, console.error(
158
+ return P[c] || (P[c] = !0, console.error(
159
159
  "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."
160
160
  )), c = this.props.ref, c !== void 0 ? c : null;
161
161
  }
162
- function u(c, x, y, I, K, X) {
163
- var A = y.ref;
162
+ function u(c, b, y, I, K, X) {
163
+ var S = y.ref;
164
164
  return c = {
165
165
  $$typeof: _,
166
166
  type: c,
167
- key: x,
167
+ key: b,
168
168
  props: y,
169
169
  _owner: I
170
- }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(c, "ref", {
170
+ }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(c, "ref", {
171
171
  enumerable: !1,
172
172
  get: m
173
173
  }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
@@ -192,25 +192,25 @@ function Se() {
192
192
  value: X
193
193
  }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
194
194
  }
195
- function p(c, x, y, I, K, X) {
196
- var A = x.children;
197
- if (A !== void 0)
195
+ function p(c, b, y, I, K, X) {
196
+ var S = b.children;
197
+ if (S !== void 0)
198
198
  if (I)
199
- if (h(A)) {
200
- for (I = 0; I < A.length; I++)
201
- f(A[I]);
202
- Object.freeze && Object.freeze(A);
199
+ if (h(S)) {
200
+ for (I = 0; I < S.length; I++)
201
+ f(S[I]);
202
+ Object.freeze && Object.freeze(S);
203
203
  } else
204
204
  console.error(
205
205
  "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
206
206
  );
207
- else f(A);
208
- if (z.call(x, "key")) {
209
- A = s(c);
210
- var J = Object.keys(x).filter(function(Ne) {
207
+ else f(S);
208
+ if (C.call(b, "key")) {
209
+ S = s(c);
210
+ var J = Object.keys(b).filter(function(Ne) {
211
211
  return Ne !== "key";
212
212
  });
213
- I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[A + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
213
+ I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[S + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
214
214
  `A props object containing a "key" prop is being spread into JSX:
215
215
  let props = %s;
216
216
  <%s {...props} />
@@ -218,22 +218,22 @@ React keys must be passed directly to JSX without using spread:
218
218
  let props = %s;
219
219
  <%s key={someKey} {...props} />`,
220
220
  I,
221
- A,
221
+ S,
222
222
  J,
223
- A
224
- ), j[A + I] = !0);
223
+ S
224
+ ), j[S + I] = !0);
225
225
  }
226
- if (A = null, y !== void 0 && (r(y), A = "" + y), i(x) && (r(x.key), A = "" + x.key), "key" in x) {
226
+ if (S = null, y !== void 0 && (r(y), S = "" + y), i(b) && (r(b.key), S = "" + b.key), "key" in b) {
227
227
  y = {};
228
- for (var ae in x)
229
- ae !== "key" && (y[ae] = x[ae]);
230
- } else y = x;
231
- return A && l(
228
+ for (var ae in b)
229
+ ae !== "key" && (y[ae] = b[ae]);
230
+ } else y = b;
231
+ return S && l(
232
232
  y,
233
233
  typeof c == "function" ? c.displayName || c.name || "Unknown" : c
234
234
  ), u(
235
235
  c,
236
- A,
236
+ S,
237
237
  y,
238
238
  a(),
239
239
  K,
@@ -241,12 +241,12 @@ React keys must be passed directly to JSX without using spread:
241
241
  );
242
242
  }
243
243
  function f(c) {
244
- b(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? b(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
244
+ x(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? x(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
245
245
  }
246
- function b(c) {
246
+ function x(c) {
247
247
  return typeof c == "object" && c !== null && c.$$typeof === _;
248
248
  }
249
- var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), W = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
249
+ var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
250
250
  return null;
251
251
  };
252
252
  d = {
@@ -254,36 +254,36 @@ React keys must be passed directly to JSX without using spread:
254
254
  return c();
255
255
  }
256
256
  };
257
- var R, D = {}, C = d.react_stack_bottom_frame.bind(
257
+ var R, P = {}, W = d.react_stack_bottom_frame.bind(
258
258
  d,
259
259
  n
260
260
  )(), U = v(o(n)), j = {};
261
- se.Fragment = E, se.jsx = function(c, x, y) {
261
+ se.Fragment = g, se.jsx = function(c, b, y) {
262
262
  var I = 1e4 > H.recentlyCreatedOwnerStacks++;
263
263
  return p(
264
264
  c,
265
- x,
265
+ b,
266
266
  y,
267
267
  !1,
268
- I ? Error("react-stack-top-frame") : C,
268
+ I ? Error("react-stack-top-frame") : W,
269
269
  I ? v(o(c)) : U
270
270
  );
271
- }, se.jsxs = function(c, x, y) {
271
+ }, se.jsxs = function(c, b, y) {
272
272
  var I = 1e4 > H.recentlyCreatedOwnerStacks++;
273
273
  return p(
274
274
  c,
275
- x,
275
+ b,
276
276
  y,
277
277
  !0,
278
- I ? Error("react-stack-top-frame") : C,
278
+ I ? Error("react-stack-top-frame") : W,
279
279
  I ? v(o(c)) : U
280
280
  );
281
281
  };
282
282
  }()), se;
283
283
  }
284
- process.env.NODE_ENV === "production" ? ie.exports = Ae() : ie.exports = Se();
284
+ process.env.NODE_ENV === "production" ? ie.exports = Se() : ie.exports = De();
285
285
  var e = ie.exports;
286
- function De({ size: s = "m", color: t = "default", className: r = "", ...o }) {
286
+ function Pe({ size: s = "m", color: t = "default", className: r = "", ...o }) {
287
287
  return /* @__PURE__ */ e.jsx(
288
288
  "span",
289
289
  {
@@ -294,7 +294,7 @@ function De({ size: s = "m", color: t = "default", className: r = "", ...o }) {
294
294
  }
295
295
  );
296
296
  }
297
- const Pe = { xs: 12, s: 14, m: 16, l: 20 };
297
+ const Be = { xs: 12, s: 14, m: 16, l: 20 };
298
298
  function _e({
299
299
  children: s,
300
300
  variant: t = "primary",
@@ -309,14 +309,14 @@ function _e({
309
309
  "aria-label": p,
310
310
  ...f
311
311
  }) {
312
- const b = a && !s, d = i === "loading", _ = i === "success", w = i === "error", E = d || _ || w, N = r === "xs" ? "s" : "m", B = Pe[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(De, { size: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(le, { size: B, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: B, strokeWidth: 2.5 }) }) : null, $ = [
312
+ const x = a && !s, d = i === "loading", _ = i === "success", w = i === "error", g = d || _ || w, N = r === "xs" ? "s" : "m", B = Be[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(Pe, { size: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(le, { size: B, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: B, strokeWidth: 2.5 }) }) : null, $ = [
313
313
  "ds-button",
314
314
  `ds-button--${t}`,
315
315
  `ds-button--${r}`,
316
316
  o && "ds-button--full",
317
- b && "ds-button--icon-only"
318
- ].filter(Boolean).join(" "), W = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
319
- E ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
317
+ x && "ds-button--icon-only"
318
+ ].filter(Boolean).join(" "), z = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
319
+ g ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
320
320
  s
321
321
  ] });
322
322
  if (u) {
@@ -336,7 +336,7 @@ function _e({
336
336
  "aria-label": p,
337
337
  "aria-disabled": n || d ? "true" : void 0,
338
338
  "aria-busy": d ? "true" : void 0,
339
- "data-state": W,
339
+ "data-state": z,
340
340
  ...f,
341
341
  children: O
342
342
  }
@@ -351,13 +351,13 @@ function _e({
351
351
  onClick: d ? void 0 : l,
352
352
  "aria-label": p,
353
353
  "aria-busy": d ? "true" : void 0,
354
- "data-state": W,
354
+ "data-state": z,
355
355
  ...f,
356
356
  children: O
357
357
  }
358
358
  );
359
359
  }
360
- function at({
360
+ function lt({
361
361
  label: s,
362
362
  error: t,
363
363
  hint: r,
@@ -370,7 +370,7 @@ function at({
370
370
  id: u,
371
371
  ...p
372
372
  }) {
373
- const f = u || `input-${L.useId()}`, b = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || b;
373
+ const f = u || `input-${L.useId()}`, x = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || x;
374
374
  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
375
375
  s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: s }),
376
376
  /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -398,11 +398,11 @@ function at({
398
398
  }
399
399
  )
400
400
  ] }),
401
- r && !t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-input-hint", children: r }),
401
+ r && !t && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: r }),
402
402
  /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: t }) }) })
403
403
  ] });
404
404
  }
405
- function ot({
405
+ function dt({
406
406
  label: s,
407
407
  error: t,
408
408
  hint: r,
@@ -414,7 +414,7 @@ function ot({
414
414
  rows: m = 3,
415
415
  ...u
416
416
  }) {
417
- const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, b = t ? `${p}-error` : void 0, d = b || f;
417
+ const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, x = t ? `${p}-error` : void 0, d = x || f;
418
418
  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
419
419
  s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: p, children: s }),
420
420
  /* @__PURE__ */ e.jsx(
@@ -430,10 +430,10 @@ function ot({
430
430
  }
431
431
  ),
432
432
  r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
433
- t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
433
+ t && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: t })
434
434
  ] });
435
435
  }
436
- function it({
436
+ function ut({
437
437
  label: s,
438
438
  value: t,
439
439
  onChange: r,
@@ -446,37 +446,37 @@ function it({
446
446
  id: u,
447
447
  ...p
448
448
  }) {
449
- const [f, b] = g(!1), [d, _] = g(!1), [w, E] = g({}), [N, B] = g("down"), [T, $] = g(-1), W = k(null), O = k(null), q = k(null), M = k(null), F = u || `select-${L.useId()}`, V = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, z = (j = !1) => {
449
+ const [f, x] = k(!1), [d, _] = k(!1), [w, g] = k({}), [N, B] = k("down"), [T, $] = k(-1), z = E(null), O = E(null), q = E(null), M = E(null), F = u || `select-${L.useId()}`, V = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, C = (j = !1) => {
450
450
  d || (_(!0), $(-1), M.current = setTimeout(() => {
451
451
  var c;
452
- b(!1), _(!1), j && ((c = q.current) == null || c.focus());
452
+ x(!1), _(!1), j && ((c = q.current) == null || c.focus());
453
453
  }, H));
454
454
  }, h = (j) => {
455
455
  clearTimeout(M.current), _(!1);
456
- const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
457
- $(c), b(!0);
456
+ const c = j !== void 0 ? j : Math.max(o.findIndex((b) => b.value === t), 0);
457
+ $(c), x(!0);
458
458
  };
459
- P(() => () => clearTimeout(M.current), []);
459
+ D(() => () => clearTimeout(M.current), []);
460
460
  const v = () => {
461
461
  var X;
462
- const j = (X = W.current) == null ? void 0 : X.getBoundingClientRect();
462
+ const j = (X = z.current) == null ? void 0 : X.getBoundingClientRect();
463
463
  if (!j) return;
464
- const c = window.innerHeight, x = c - j.bottom, y = j.top, K = x < 300 && y > x;
465
- B(K ? "up" : "down"), E(
464
+ const c = window.innerHeight, b = c - j.bottom, y = j.top, K = b < 300 && y > b;
465
+ B(K ? "up" : "down"), g(
466
466
  K ? { bottom: c - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
467
467
  );
468
468
  };
469
- P(() => {
469
+ D(() => {
470
470
  if (f)
471
471
  return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
472
472
  window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
473
473
  };
474
- }, [f]), P(() => {
474
+ }, [f]), D(() => {
475
475
  const j = (c) => {
476
- W.current && !W.current.contains(c.target) && O.current && !O.current.contains(c.target) && z();
476
+ z.current && !z.current.contains(c.target) && O.current && !O.current.contains(c.target) && C();
477
477
  };
478
478
  return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
479
- }, [d]), P(() => {
479
+ }, [d]), D(() => {
480
480
  var c;
481
481
  if (!f || T < 0 || !O.current) return;
482
482
  (c = O.current.querySelectorAll(".ds-select-option")[T]) == null || c.scrollIntoView({ block: "nearest" });
@@ -497,16 +497,16 @@ function it({
497
497
  break;
498
498
  case "Enter":
499
499
  case " ":
500
- j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), z(!0)) : h();
500
+ j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), C(!0)) : h();
501
501
  break;
502
502
  case "Escape":
503
- f && (j.preventDefault(), z(!0));
503
+ f && (j.preventDefault(), C(!0));
504
504
  break;
505
505
  case "Tab":
506
- f && z(!1);
506
+ f && C(!1);
507
507
  break;
508
508
  }
509
- }, D = o.find((j) => j.value === t), C = l === "xs" ? S[1] : l === "small" ? S[2] : S[3], U = f && /* @__PURE__ */ e.jsx(
509
+ }, P = o.find((j) => j.value === t), W = l === "xs" ? A[1] : l === "small" ? A[2] : A[3], U = f && /* @__PURE__ */ e.jsx(
510
510
  "div",
511
511
  {
512
512
  ref: O,
@@ -535,7 +535,7 @@ function it({
535
535
  c === T && "ds-select-option--active"
536
536
  ].filter(Boolean).join(" "),
537
537
  onClick: () => {
538
- r == null || r(j.value), z(!0);
538
+ r == null || r(j.value), C(!0);
539
539
  },
540
540
  children: j.label
541
541
  },
@@ -545,7 +545,7 @@ function it({
545
545
  );
546
546
  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
547
547
  s && /* @__PURE__ */ e.jsx("label", { id: V, className: "ds-select-label", children: s }),
548
- /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: W, children: /* @__PURE__ */ e.jsxs(
548
+ /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: z, children: /* @__PURE__ */ e.jsxs(
549
549
  "button",
550
550
  {
551
551
  ref: q,
@@ -560,17 +560,17 @@ function it({
560
560
  "aria-describedby": G,
561
561
  className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
562
562
  onClick: () => {
563
- m || (f ? z() : h());
563
+ m || (f ? C() : h());
564
564
  },
565
565
  onKeyDown: R,
566
566
  disabled: m,
567
567
  ...p,
568
568
  children: [
569
- /* @__PURE__ */ e.jsx("span", { className: D ? "" : "ds-select-placeholder", children: (D == null ? void 0 : D.label) || a }),
569
+ /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
570
570
  /* @__PURE__ */ e.jsx(
571
571
  re,
572
572
  {
573
- size: C,
573
+ size: W,
574
574
  strokeWidth: 1.5,
575
575
  className: `ds-select-icon ${f && N === "down" ? "ds-select-icon--open" : ""} ${f && N === "up" ? "ds-select-icon--up" : ""}`,
576
576
  "aria-hidden": "true"
@@ -583,7 +583,7 @@ function it({
583
583
  typeof document < "u" && ne.createPortal(U, document.body)
584
584
  ] });
585
585
  }
586
- function ct({
586
+ function ft({
587
587
  label: s,
588
588
  value: t = 0,
589
589
  onChange: r,
@@ -600,7 +600,7 @@ function ct({
600
600
  if (l) return;
601
601
  const N = Math.min(Number(t) + n, a);
602
602
  r == null || r(N);
603
- }, b = () => {
603
+ }, x = () => {
604
604
  if (l) return;
605
605
  const N = Math.max(Number(t) - n, o);
606
606
  r == null || r(N);
@@ -624,7 +624,7 @@ function ct({
624
624
  "ds-stepper",
625
625
  `ds-stepper--${i}`,
626
626
  l && "ds-stepper--disabled"
627
- ].filter(Boolean).join(" "), E = i === "xs" ? S[1] : i === "small" ? S[2] : S[3];
627
+ ].filter(Boolean).join(" "), g = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
628
628
  return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
629
629
  s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
630
630
  /* @__PURE__ */ e.jsxs("div", { className: w, children: [
@@ -633,10 +633,10 @@ function ct({
633
633
  {
634
634
  type: "button",
635
635
  className: "ds-stepper-button ds-stepper-button--minus",
636
- onClick: b,
636
+ onClick: x,
637
637
  disabled: l || t <= o,
638
638
  "aria-label": "Decrease",
639
- children: /* @__PURE__ */ e.jsx(Ee, { size: E, strokeWidth: 1.5 })
639
+ children: /* @__PURE__ */ e.jsx(Ee, { size: g, strokeWidth: 1.5 })
640
640
  }
641
641
  ),
642
642
  /* @__PURE__ */ e.jsx(
@@ -661,7 +661,7 @@ function ct({
661
661
  onClick: f,
662
662
  disabled: l || t >= a,
663
663
  "aria-label": "Increase",
664
- children: /* @__PURE__ */ e.jsx($e, { size: E, strokeWidth: 1.5 })
664
+ children: /* @__PURE__ */ e.jsx(ge, { size: g, strokeWidth: 1.5 })
665
665
  }
666
666
  )
667
667
  ] }),
@@ -669,7 +669,7 @@ function ct({
669
669
  u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
670
670
  ] });
671
671
  }
672
- function Be({
672
+ function Oe({
673
673
  children: s,
674
674
  padding: t = "m",
675
675
  variant: r = "info",
@@ -705,7 +705,7 @@ function Be({
705
705
  }
706
706
  );
707
707
  }
708
- const f = u && a ? "button" : "div", b = u && a ? {
708
+ const f = u && a ? "button" : "div", x = u && a ? {
709
709
  type: "button",
710
710
  onClick: a,
711
711
  disabled: i
@@ -715,31 +715,31 @@ function Be({
715
715
  {
716
716
  className: p,
717
717
  role: u && !a ? "article" : void 0,
718
- ...b,
718
+ ...x,
719
719
  ...l,
720
720
  children: s
721
721
  }
722
722
  );
723
723
  }
724
- function lt({ children: s, ...t }) {
724
+ function mt({ children: s, ...t }) {
725
725
  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
726
726
  }
727
- function dt({ children: s, ...t }) {
727
+ function pt({ children: s, ...t }) {
728
728
  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
729
729
  }
730
- function ut({ children: s, ...t }) {
730
+ function ht({ children: s, ...t }) {
731
731
  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
732
732
  }
733
- function ft({ children: s, ...t }) {
733
+ function xt({ children: s, ...t }) {
734
734
  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
735
735
  }
736
- function mt({ children: s, secondary: t = !1, ...r }) {
736
+ function bt({ children: s, secondary: t = !1, ...r }) {
737
737
  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
738
738
  }
739
- function pt({ children: s, secondary: t = !1, ...r }) {
739
+ function Le({ children: s, secondary: t = !1, ...r }) {
740
740
  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
741
741
  }
742
- function ht({ children: s, secondary: t = !1, ...r }) {
742
+ function Me({ children: s, secondary: t = !1, ...r }) {
743
743
  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
744
744
  }
745
745
  function oe({
@@ -756,13 +756,13 @@ function oe({
756
756
  ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
757
757
  return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
758
758
  }
759
- const Oe = {
759
+ const Fe = {
760
760
  info: me,
761
761
  success: fe,
762
762
  warning: ue,
763
763
  error: de
764
764
  };
765
- function bt({
765
+ function vt({
766
766
  children: s,
767
767
  variant: t = "info",
768
768
  title: r,
@@ -770,9 +770,9 @@ function bt({
770
770
  role: a,
771
771
  ...n
772
772
  }) {
773
- const i = Oe[t], l = a || (t === "error" ? "alert" : "status");
773
+ const i = Fe[t], l = a || (t === "error" ? "alert" : "status");
774
774
  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
775
- i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: S[3], strokeWidth: 1.5 }) }),
775
+ i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
776
776
  /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
777
777
  r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
778
778
  s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -784,25 +784,25 @@ function bt({
784
784
  className: "ds-alert__close",
785
785
  onClick: o,
786
786
  "aria-label": "Close alert",
787
- children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
787
+ children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
788
788
  }
789
789
  )
790
790
  ] });
791
791
  }
792
- const Le = 200;
793
- function xt({
792
+ const We = 200;
793
+ function jt({
794
794
  children: s,
795
795
  title: t,
796
796
  onClose: r,
797
797
  size: o = "m",
798
798
  ...a
799
799
  }) {
800
- const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
800
+ const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
801
801
  !r || l || (m(!0), setTimeout(() => {
802
802
  m(!1), r();
803
- }, Le));
803
+ }, We));
804
804
  };
805
- P(() => {
805
+ D(() => {
806
806
  const d = (w) => {
807
807
  w.key === "Escape" && u();
808
808
  }, _ = (w) => {
@@ -812,7 +812,7 @@ function xt({
812
812
  document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
813
813
  };
814
814
  }, [r, l]);
815
- const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), b = p.filter((d) => (d == null ? void 0 : d.type) !== be);
815
+ const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === xe), x = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
816
816
  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
817
817
  "div",
818
818
  {
@@ -829,22 +829,22 @@ function xt({
829
829
  {
830
830
  variant: "ghost",
831
831
  size: "small",
832
- icon: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 }),
832
+ icon: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }),
833
833
  onClick: u,
834
834
  "aria-label": "Close modal"
835
835
  }
836
836
  )
837
837
  ] }),
838
- /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: b }),
838
+ /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: x }),
839
839
  f
840
840
  ]
841
841
  }
842
842
  ) });
843
843
  }
844
- function be({ children: s }) {
844
+ function xe({ children: s }) {
845
845
  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
846
846
  }
847
- function Me({
847
+ function ze({
848
848
  children: s,
849
849
  title: t = "Code",
850
850
  defaultExpanded: r = !1,
@@ -854,7 +854,7 @@ function Me({
854
854
  className: i = "",
855
855
  ...l
856
856
  }) {
857
- const [m, u] = g(r), p = o !== void 0, f = p ? o : m, b = () => {
857
+ const [m, u] = k(r), p = o !== void 0, f = p ? o : m, x = () => {
858
858
  p ? a == null || a(!o) : u((_) => !_);
859
859
  }, d = [
860
860
  "ds-code-accordion",
@@ -868,14 +868,14 @@ function Me({
868
868
  {
869
869
  type: "button",
870
870
  className: "ds-code-accordion__header",
871
- onClick: b,
871
+ onClick: x,
872
872
  "aria-expanded": f,
873
873
  children: [
874
874
  /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
875
875
  /* @__PURE__ */ e.jsx(
876
876
  re,
877
877
  {
878
- size: S[2],
878
+ size: A[2],
879
879
  strokeWidth: 1.5,
880
880
  className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
881
881
  }
@@ -886,10 +886,10 @@ function Me({
886
886
  /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
887
887
  ] });
888
888
  }
889
- function vt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
890
- return t ? r ? /* @__PURE__ */ e.jsx(Me, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
889
+ function _t({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
890
+ return t ? r ? /* @__PURE__ */ e.jsx(ze, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
891
891
  }
892
- function jt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
892
+ function wt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
893
893
  const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
894
894
  return /* @__PURE__ */ e.jsx(
895
895
  "a",
@@ -904,10 +904,10 @@ function jt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
904
904
  }
905
905
  );
906
906
  }
907
- function _t({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
907
+ function Nt({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
908
908
  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: L.Children.map(s, (a) => L.isValidElement(a) ? L.cloneElement(a, { size: t, variant: r }) : a) });
909
909
  }
910
- function wt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
910
+ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
911
911
  const u = i && !s, p = [
912
912
  "ds-tab",
913
913
  `ds-tab--${o}`,
@@ -919,7 +919,7 @@ function wt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
919
919
  s
920
920
  ] });
921
921
  if (l) {
922
- const b = (d) => {
922
+ const x = (d) => {
923
923
  if (n) {
924
924
  d.preventDefault();
925
925
  return;
@@ -934,7 +934,7 @@ function wt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
934
934
  "aria-disabled": n ? "true" : void 0,
935
935
  className: p,
936
936
  href: n ? void 0 : l,
937
- onClick: b,
937
+ onClick: x,
938
938
  ...m,
939
939
  children: f
940
940
  }
@@ -953,13 +953,13 @@ function wt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
953
953
  }
954
954
  );
955
955
  }
956
- function Nt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
957
- const n = k(null), i = k(null), [l, m] = g(!1), u = k(!1), p = k(null), f = k(null), b = () => {
956
+ function kt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
957
+ const n = E(null), i = E(null), [l, m] = k(!1), u = E(!1), p = E(null), f = E(null), x = () => {
958
958
  if (!n.current) return;
959
959
  const d = n.current.querySelector(`[data-value="${t}"]`);
960
960
  if (!d) return;
961
- const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), E = w.left - _.left, N = w.width;
962
- i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = E + "px", i.current.style.width = N + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
961
+ const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), g = w.left - _.left, N = w.width;
962
+ i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = N + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
963
963
  if (!i.current || !n.current) return;
964
964
  const B = n.current.querySelector(`[data-value="${t}"]`);
965
965
  if (!B) return;
@@ -967,10 +967,10 @@ function Nt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
967
967
  i.current.style.transition = "none", i.current.style.left = $.left - T.left + "px", i.current.style.width = $.width + "px";
968
968
  }));
969
969
  };
970
- return f.current = b, ye(() => {
970
+ return f.current = x, ye(() => {
971
971
  const d = p.current !== t;
972
- p.current = t, u.current = l && d, b();
973
- }), P(() => {
972
+ p.current = t, u.current = l && d, x();
973
+ }), D(() => {
974
974
  if (!n.current) return;
975
975
  const d = new ResizeObserver(() => {
976
976
  u.current = !1, f.current();
@@ -1015,7 +1015,7 @@ function Nt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
1015
1015
  }
1016
1016
  );
1017
1017
  }
1018
- function yt({
1018
+ function Ce({
1019
1019
  children: s,
1020
1020
  title: t,
1021
1021
  defaultExpanded: r = !1,
@@ -1024,14 +1024,14 @@ function yt({
1024
1024
  padding: n = "m",
1025
1025
  ...i
1026
1026
  }) {
1027
- const [l, m] = g(r), u = o !== void 0, p = u ? o : l, f = () => {
1027
+ const [l, m] = k(r), u = o !== void 0, p = u ? o : l, f = () => {
1028
1028
  u ? a == null || a(!o) : m((d) => !d);
1029
- }, b = [
1029
+ }, x = [
1030
1030
  "ds-accordion",
1031
1031
  `ds-accordion--${n}`,
1032
1032
  p && "ds-accordion--expanded"
1033
1033
  ].filter(Boolean).join(" ");
1034
- return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
1034
+ return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
1035
1035
  /* @__PURE__ */ e.jsxs(
1036
1036
  "button",
1037
1037
  {
@@ -1044,7 +1044,7 @@ function yt({
1044
1044
  /* @__PURE__ */ e.jsx(
1045
1045
  re,
1046
1046
  {
1047
- size: S[2],
1047
+ size: A[2],
1048
1048
  strokeWidth: 1.5,
1049
1049
  className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
1050
1050
  }
@@ -1056,7 +1056,7 @@ function yt({
1056
1056
  ] });
1057
1057
  }
1058
1058
  const Y = 8, Z = 8;
1059
- function Fe(s, t, r) {
1059
+ function Ve(s, t, r) {
1060
1060
  const o = window.innerWidth;
1061
1061
  let a, n;
1062
1062
  switch (s) {
@@ -1078,7 +1078,7 @@ function Fe(s, t, r) {
1078
1078
  const i = Math.max(Z, Math.min(o - r.width - Z, n)), l = n - i;
1079
1079
  return { top: a, left: i, arrowOffset: l };
1080
1080
  }
1081
- function Ce(s, t, r) {
1081
+ function Ue(s, t, r) {
1082
1082
  const o = window.innerWidth, a = window.innerHeight;
1083
1083
  if (s.top >= t + Y + Z) return "top";
1084
1084
  if (a - s.bottom >= t + Y + Z) return "bottom";
@@ -1087,10 +1087,10 @@ function Ce(s, t, r) {
1087
1087
  const n = Math.max(s.top, a - s.bottom, s.left, o - s.right);
1088
1088
  return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
1089
1089
  }
1090
- function kt({ children: s, content: t, position: r, ...o }) {
1091
- const [a, n] = g(!1), [i, l] = g({ visibility: "hidden" }), [m, u] = g(r || "top"), p = k(null), f = k(null), b = k(!1), d = () => {
1090
+ function Et({ children: s, content: t, position: r, ...o }) {
1091
+ const [a, n] = k(!1), [i, l] = k({ visibility: "hidden" }), [m, u] = k(r || "top"), p = E(null), f = E(null), x = E(!1), d = () => {
1092
1092
  if (!p.current || !f.current) return;
1093
- const w = p.current.getBoundingClientRect(), E = f.current.getBoundingClientRect(), N = r || Ce(w, E.height, E.width), { top: B, left: T, arrowOffset: $ } = Fe(N, w, E);
1093
+ const w = p.current.getBoundingClientRect(), g = f.current.getBoundingClientRect(), N = r || Ue(w, g.height, g.width), { top: B, left: T, arrowOffset: $ } = Ve(N, w, g);
1094
1094
  u(N), l({
1095
1095
  position: "fixed",
1096
1096
  top: B,
@@ -1099,17 +1099,17 @@ function kt({ children: s, content: t, position: r, ...o }) {
1099
1099
  "--arrow-offset": `${$}px`
1100
1100
  });
1101
1101
  };
1102
- if (P(() => {
1102
+ if (D(() => {
1103
1103
  if (!a) return;
1104
1104
  l({ position: "fixed", visibility: "hidden" });
1105
1105
  const w = requestAnimationFrame(d);
1106
1106
  return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
1107
1107
  cancelAnimationFrame(w), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
1108
1108
  };
1109
- }, [a, r]), P(() => {
1109
+ }, [a, r]), D(() => {
1110
1110
  if (!a) return;
1111
- const w = (E) => {
1112
- p.current && !p.current.contains(E.target) && n(!1);
1111
+ const w = (g) => {
1112
+ p.current && !p.current.contains(g.target) && n(!1);
1113
1113
  };
1114
1114
  return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
1115
1115
  }, [a]), !t) return s;
@@ -1129,13 +1129,13 @@ function kt({ children: s, content: t, position: r, ...o }) {
1129
1129
  ref: p,
1130
1130
  className: "ds-tooltip-wrapper",
1131
1131
  onMouseEnter: () => {
1132
- b.current || n(!0);
1132
+ x.current || n(!0);
1133
1133
  },
1134
1134
  onMouseLeave: () => {
1135
- b.current || n(!1);
1135
+ x.current || n(!1);
1136
1136
  },
1137
1137
  onTouchStart: () => {
1138
- b.current = !0, n((w) => !w);
1138
+ x.current = !0, n((w) => !w);
1139
1139
  },
1140
1140
  ...o,
1141
1141
  children: [
@@ -1145,7 +1145,7 @@ function kt({ children: s, content: t, position: r, ...o }) {
1145
1145
  }
1146
1146
  );
1147
1147
  }
1148
- function Et({
1148
+ function gt({
1149
1149
  checked: s = !1,
1150
1150
  onChange: t,
1151
1151
  size: r = "m",
@@ -1214,7 +1214,7 @@ function $t({
1214
1214
  a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
1215
1215
  ] });
1216
1216
  }
1217
- function gt({
1217
+ function Rt({
1218
1218
  checked: s = !1,
1219
1219
  onChange: t,
1220
1220
  size: r = "m",
@@ -1249,7 +1249,7 @@ function gt({
1249
1249
  a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
1250
1250
  ] });
1251
1251
  }
1252
- function We({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
1252
+ function Ye({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
1253
1253
  return /* @__PURE__ */ e.jsx(
1254
1254
  "span",
1255
1255
  {
@@ -1260,7 +1260,7 @@ function We({ width: s, height: t, shape: r = "rect", aspectRatio: o, className:
1260
1260
  }
1261
1261
  );
1262
1262
  }
1263
- function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
1263
+ function qe({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
1264
1264
  return /* @__PURE__ */ e.jsx(
1265
1265
  "span",
1266
1266
  {
@@ -1279,20 +1279,20 @@ function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
1279
1279
  }
1280
1280
  );
1281
1281
  }
1282
- We.Text = ze;
1283
- function Ve(s) {
1282
+ Ye.Text = qe;
1283
+ function He(s) {
1284
1284
  let t = 2166136261;
1285
1285
  for (let r = 0; r < s.length; r++)
1286
1286
  t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
1287
1287
  return t % 360;
1288
1288
  }
1289
- function Ue(s) {
1289
+ function Ke(s) {
1290
1290
  if (!s) return "";
1291
1291
  const t = s.trim().split(/\s+/);
1292
1292
  return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
1293
1293
  }
1294
- function Rt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
1295
- const l = Ve(s ?? ""), [m, u] = g(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ue(s) });
1294
+ function Tt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
1295
+ const l = He(s ?? ""), [m, u] = k(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ke(s) });
1296
1296
  return /* @__PURE__ */ e.jsx(
1297
1297
  "div",
1298
1298
  {
@@ -1304,7 +1304,7 @@ function Rt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style:
1304
1304
  }
1305
1305
  );
1306
1306
  }
1307
- function Tt({
1307
+ function It({
1308
1308
  children: s,
1309
1309
  size: t = "compact",
1310
1310
  stickyTop: r,
@@ -1334,13 +1334,13 @@ function Tt({
1334
1334
  }
1335
1335
  );
1336
1336
  }
1337
- function It({ children: s, ...t }) {
1337
+ function At({ children: s, ...t }) {
1338
1338
  return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
1339
1339
  }
1340
- function At({ children: s, ...t }) {
1340
+ function St({ children: s, ...t }) {
1341
1341
  return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
1342
1342
  }
1343
- function St({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
1343
+ function Dt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
1344
1344
  return /* @__PURE__ */ e.jsx(
1345
1345
  "tr",
1346
1346
  {
@@ -1357,11 +1357,11 @@ function St({ children: s, interactive: t, selected: r, subheader: o, className:
1357
1357
  }
1358
1358
  );
1359
1359
  }
1360
- function Dt({ children: s, colSpan: t = 999, ...r }) {
1360
+ function Pt({ children: s, colSpan: t = 999, ...r }) {
1361
1361
  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
1362
1362
  }
1363
- function Pt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
1364
- const m = !!o || r !== void 0, u = r === "asc" ? ge : r === "desc" ? re : Re;
1363
+ function Bt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
1364
+ const m = !!o || r !== void 0, u = r === "asc" ? $e : r === "desc" ? re : Re;
1365
1365
  return /* @__PURE__ */ e.jsx(
1366
1366
  "th",
1367
1367
  {
@@ -1382,7 +1382,7 @@ function Pt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
1382
1382
  }
1383
1383
  );
1384
1384
  }
1385
- function Bt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
1385
+ function Ot({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
1386
1386
  return /* @__PURE__ */ e.jsx(
1387
1387
  "td",
1388
1388
  {
@@ -1400,7 +1400,7 @@ function Bt({ children: s, align: t = "left", secondary: r, muted: o, truncate:
1400
1400
  }
1401
1401
  );
1402
1402
  }
1403
- function Ot({
1403
+ function Lt({
1404
1404
  icon: s,
1405
1405
  title: t,
1406
1406
  description: r,
@@ -1423,7 +1423,7 @@ function Ot({
1423
1423
  }
1424
1424
  );
1425
1425
  }
1426
- function Lt({
1426
+ function Mt({
1427
1427
  label: s,
1428
1428
  hint: t,
1429
1429
  error: r,
@@ -1435,7 +1435,7 @@ function Lt({
1435
1435
  style: m,
1436
1436
  ...u
1437
1437
  }) {
1438
- const p = L.useId(), f = n ?? p, b = `${f}-hint`, d = `${f}-error`;
1438
+ const p = L.useId(), f = n ?? p, x = `${f}-hint`, d = `${f}-error`;
1439
1439
  return /* @__PURE__ */ e.jsxs(
1440
1440
  "div",
1441
1441
  {
@@ -1448,13 +1448,13 @@ function Lt({
1448
1448
  children: [
1449
1449
  s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
1450
1450
  /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
1451
- t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: b, children: t }),
1451
+ t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: t }),
1452
1452
  r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
1453
1453
  ]
1454
1454
  }
1455
1455
  );
1456
1456
  }
1457
- function Mt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
1457
+ function Ft({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
1458
1458
  const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
1459
1459
  return /* @__PURE__ */ e.jsxs(
1460
1460
  "div",
@@ -1475,7 +1475,7 @@ function Mt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
1475
1475
  }
1476
1476
  );
1477
1477
  }
1478
- function Ft({
1478
+ function Wt({
1479
1479
  children: s,
1480
1480
  separator: t = "/",
1481
1481
  "aria-label": r = "Breadcrumb",
@@ -1498,7 +1498,7 @@ function Ft({
1498
1498
  }
1499
1499
  );
1500
1500
  }
1501
- function Ct({
1501
+ function zt({
1502
1502
  page: s,
1503
1503
  total: t,
1504
1504
  onChange: r,
@@ -1508,7 +1508,7 @@ function Ct({
1508
1508
  style: i,
1509
1509
  ...l
1510
1510
  }) {
1511
- const m = Ye(s, t, o);
1511
+ const m = Ge(s, t, o);
1512
1512
  return /* @__PURE__ */ e.jsxs(
1513
1513
  "nav",
1514
1514
  {
@@ -1554,27 +1554,27 @@ function Ct({
1554
1554
  }
1555
1555
  );
1556
1556
  }
1557
- function Ye(s, t, r) {
1557
+ function Ge(s, t, r) {
1558
1558
  if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
1559
1559
  const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
1560
1560
  o > 2 && n.push("…");
1561
1561
  for (let i = o; i <= a; i++) n.push(i);
1562
1562
  return a < t - 1 && n.push("…"), n.push(t), n;
1563
1563
  }
1564
- const qe = 200;
1565
- function Wt({
1564
+ const Xe = 200;
1565
+ function Ct({
1566
1566
  children: s,
1567
1567
  title: t,
1568
1568
  onClose: r,
1569
1569
  side: o = "right",
1570
1570
  ...a
1571
1571
  }) {
1572
- const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
1572
+ const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
1573
1573
  !r || l || (m(!0), setTimeout(() => {
1574
1574
  m(!1), r();
1575
- }, qe));
1575
+ }, Xe));
1576
1576
  };
1577
- P(() => {
1577
+ D(() => {
1578
1578
  const d = (w) => {
1579
1579
  w.key === "Escape" && u();
1580
1580
  }, _ = (w) => {
@@ -1584,7 +1584,7 @@ function Wt({
1584
1584
  document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
1585
1585
  };
1586
1586
  }, [r, l]);
1587
- const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === xe), b = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
1587
+ const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), x = p.filter((d) => (d == null ? void 0 : d.type) !== be);
1588
1588
  return /* @__PURE__ */ e.jsx(
1589
1589
  "div",
1590
1590
  {
@@ -1602,9 +1602,9 @@ function Wt({
1602
1602
  children: [
1603
1603
  /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
1604
1604
  t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
1605
- r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 }) })
1605
+ r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }) })
1606
1606
  ] }),
1607
- /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
1607
+ /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: x }),
1608
1608
  f
1609
1609
  ]
1610
1610
  }
@@ -1612,16 +1612,16 @@ function Wt({
1612
1612
  }
1613
1613
  );
1614
1614
  }
1615
- function xe({ children: s }) {
1615
+ function be({ children: s }) {
1616
1616
  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
1617
1617
  }
1618
- const He = {
1618
+ const Je = {
1619
1619
  info: me,
1620
1620
  success: fe,
1621
1621
  warning: ue,
1622
1622
  error: de
1623
1623
  };
1624
- function zt({
1624
+ function Vt({
1625
1625
  children: s,
1626
1626
  variant: t = "info",
1627
1627
  action: r,
@@ -1630,7 +1630,7 @@ function zt({
1630
1630
  role: n,
1631
1631
  ...i
1632
1632
  }) {
1633
- const l = He[t], m = n || (t === "error" ? "alert" : "status");
1633
+ const l = Je[t], m = n || (t === "error" ? "alert" : "status");
1634
1634
  return /* @__PURE__ */ e.jsxs(
1635
1635
  "div",
1636
1636
  {
@@ -1638,7 +1638,7 @@ function zt({
1638
1638
  role: m,
1639
1639
  ...i,
1640
1640
  children: [
1641
- l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: S[2], strokeWidth: 1.5 }) }),
1641
+ l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: A[2], strokeWidth: 1.5 }) }),
1642
1642
  /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
1643
1643
  r && /* @__PURE__ */ e.jsx(
1644
1644
  "button",
@@ -1656,14 +1656,14 @@ function zt({
1656
1656
  className: "ds-banner-dismiss",
1657
1657
  onClick: a,
1658
1658
  "aria-label": "Dismiss",
1659
- children: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 })
1659
+ children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 })
1660
1660
  }
1661
1661
  )
1662
1662
  ]
1663
1663
  }
1664
1664
  );
1665
1665
  }
1666
- function Vt({
1666
+ function Ut({
1667
1667
  trigger: s,
1668
1668
  items: t = [],
1669
1669
  open: r,
@@ -1673,22 +1673,22 @@ function Vt({
1673
1673
  style: i,
1674
1674
  ...l
1675
1675
  }) {
1676
- const [m, u] = g(!1), [p, f] = g(!1), b = r !== void 0, d = b ? r : m, _ = k(null), w = k(null), E = k(null), N = k(null), [B, T] = g({}), $ = k(null), W = 150, O = () => {
1677
- if (b)
1676
+ const [m, u] = k(!1), [p, f] = k(!1), x = r !== void 0, d = x ? r : m, _ = E(null), w = E(null), g = E(null), N = E(null), [B, T] = k({}), $ = E(null), z = 150, O = () => {
1677
+ if (x)
1678
1678
  o == null || o(!1);
1679
1679
  else {
1680
1680
  if (p) return;
1681
1681
  f(!0), $.current = setTimeout(() => {
1682
1682
  u(!1), f(!1);
1683
- }, W);
1683
+ }, z);
1684
1684
  }
1685
1685
  }, q = () => {
1686
1686
  const h = !d;
1687
- b ? o == null || o(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
1687
+ x ? o == null || o(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
1688
1688
  }, M = () => {
1689
- d || (b ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
1689
+ d || (x ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
1690
1690
  };
1691
- P(() => () => clearTimeout($.current), []), P(() => {
1691
+ D(() => () => clearTimeout($.current), []), D(() => {
1692
1692
  if (!d) return;
1693
1693
  const h = () => {
1694
1694
  var R;
@@ -1703,23 +1703,23 @@ function Vt({
1703
1703
  }, [d, a]);
1704
1704
  const F = () => {
1705
1705
  var v;
1706
- const h = (v = E.current) == null ? void 0 : v.querySelector(
1706
+ const h = (v = g.current) == null ? void 0 : v.querySelector(
1707
1707
  'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
1708
1708
  );
1709
1709
  h == null || h.focus();
1710
1710
  };
1711
- P(() => {
1711
+ D(() => {
1712
1712
  if (!d) return;
1713
1713
  const h = (R) => {
1714
- var D, C;
1715
- !((D = _.current) != null && D.contains(R.target)) && !((C = w.current) != null && C.contains(R.target)) && O();
1714
+ var P, W;
1715
+ !((P = _.current) != null && P.contains(R.target)) && !((W = w.current) != null && W.contains(R.target)) && O();
1716
1716
  }, v = (R) => {
1717
1717
  R.key === "Escape" && (O(), F());
1718
1718
  };
1719
1719
  return document.addEventListener("mousedown", h), document.addEventListener("keydown", v), () => {
1720
1720
  document.removeEventListener("mousedown", h), document.removeEventListener("keydown", v);
1721
1721
  };
1722
- }, [d]), P(() => {
1722
+ }, [d]), D(() => {
1723
1723
  if (!d || !N.current || !w.current) return;
1724
1724
  const h = V(), v = N.current === "last" ? h[h.length - 1] : h[0];
1725
1725
  v == null || v.focus(), N.current = null;
@@ -1734,18 +1734,18 @@ function Vt({
1734
1734
  if (h.preventDefault(), !d)
1735
1735
  N.current = "last", M();
1736
1736
  else {
1737
- const D = V();
1738
- (R = D[D.length - 1]) == null || R.focus();
1737
+ const P = V();
1738
+ (R = P[P.length - 1]) == null || R.focus();
1739
1739
  }
1740
1740
  }, H = (h) => {
1741
- var D, C, U, j;
1741
+ var P, W, U, j;
1742
1742
  const v = V(), R = v.findIndex((c) => c === document.activeElement);
1743
1743
  switch (h.key) {
1744
1744
  case "ArrowDown":
1745
- h.preventDefault(), (D = v[Math.min(R + 1, v.length - 1)]) == null || D.focus();
1745
+ h.preventDefault(), (P = v[Math.min(R + 1, v.length - 1)]) == null || P.focus();
1746
1746
  break;
1747
1747
  case "ArrowUp":
1748
- h.preventDefault(), R <= 0 ? F() : (C = v[R - 1]) == null || C.focus();
1748
+ h.preventDefault(), R <= 0 ? F() : (W = v[R - 1]) == null || W.focus();
1749
1749
  break;
1750
1750
  case "Home":
1751
1751
  h.preventDefault(), (U = v[0]) == null || U.focus();
@@ -1757,7 +1757,7 @@ function Vt({
1757
1757
  O();
1758
1758
  break;
1759
1759
  }
1760
- }, z = d && /* @__PURE__ */ e.jsx(
1760
+ }, C = d && /* @__PURE__ */ e.jsx(
1761
1761
  "div",
1762
1762
  {
1763
1763
  ref: w,
@@ -1777,16 +1777,16 @@ function Vt({
1777
1777
  h.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: h.label }),
1778
1778
  /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: h.content })
1779
1779
  ] }, v);
1780
- const R = !!h.href, D = R ? "a" : "button", C = R ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
1780
+ const R = !!h.href, P = R ? "a" : "button", W = R ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
1781
1781
  return /* @__PURE__ */ e.jsxs(
1782
- D,
1782
+ P,
1783
1783
  {
1784
1784
  role: "menuitem",
1785
1785
  className: [
1786
1786
  "ds-dropdown__item",
1787
1787
  h.danger && "ds-dropdown__item--danger"
1788
1788
  ].filter(Boolean).join(" "),
1789
- ...C,
1789
+ ...W,
1790
1790
  onClick: () => {
1791
1791
  var U;
1792
1792
  (U = h.onClick) == null || U.call(h), O();
@@ -1813,19 +1813,19 @@ function Vt({
1813
1813
  /* @__PURE__ */ e.jsx(
1814
1814
  "div",
1815
1815
  {
1816
- ref: E,
1816
+ ref: g,
1817
1817
  className: "ds-dropdown__trigger",
1818
1818
  onClick: q,
1819
1819
  onKeyDown: G,
1820
1820
  children: s
1821
1821
  }
1822
1822
  ),
1823
- typeof document < "u" && ne.createPortal(z, document.body)
1823
+ typeof document < "u" && ne.createPortal(C, document.body)
1824
1824
  ]
1825
1825
  }
1826
1826
  );
1827
1827
  }
1828
- function Ut({
1828
+ function Yt({
1829
1829
  value: s = 0,
1830
1830
  size: t = "m",
1831
1831
  variant: r = "default",
@@ -1862,11 +1862,11 @@ function Ut({
1862
1862
  }
1863
1863
  );
1864
1864
  }
1865
- const Ke = (s) => 1 - Math.pow(1 - s, 3), Ge = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
1866
- function Xe(s, { duration: t = 600 } = {}) {
1867
- const [r, o] = g(s), a = k(s), n = k(null);
1868
- return P(() => {
1869
- if (Ge()) {
1865
+ const Ze = (s) => 1 - Math.pow(1 - s, 3), Qe = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
1866
+ function et(s, { duration: t = 600 } = {}) {
1867
+ const [r, o] = k(s), a = E(s), n = E(null);
1868
+ return D(() => {
1869
+ if (Qe()) {
1870
1870
  o(s), a.current = s;
1871
1871
  return;
1872
1872
  }
@@ -1876,24 +1876,24 @@ function Xe(s, { duration: t = 600 } = {}) {
1876
1876
  const u = (p) => {
1877
1877
  m || (m = p);
1878
1878
  const f = Math.min((p - m) / t, 1);
1879
- o(i + l * Ke(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
1879
+ o(i + l * Ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
1880
1880
  };
1881
1881
  return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
1882
1882
  }, [s, t]), r;
1883
1883
  }
1884
- function Yt({
1884
+ function qt({
1885
1885
  value: s,
1886
1886
  duration: t = 600,
1887
1887
  decimals: r = 0,
1888
1888
  prefix: o = "",
1889
1889
  suffix: a = ""
1890
1890
  }) {
1891
- const i = Xe(s, { duration: t }).toFixed(r);
1891
+ const i = et(s, { duration: t }).toFixed(r);
1892
1892
  return `${o}${i}${a}`;
1893
1893
  }
1894
- function Je({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
1895
- const o = k(null), [a, n] = g(!1);
1896
- return P(() => {
1894
+ function tt({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
1895
+ const o = E(null), [a, n] = k(!1);
1896
+ return D(() => {
1897
1897
  const i = o.current;
1898
1898
  if (!i) return;
1899
1899
  const l = new IntersectionObserver(
@@ -1905,7 +1905,7 @@ function Je({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
1905
1905
  return l.observe(i), () => l.disconnect();
1906
1906
  }, [s, t, r]), { ref: o, inView: a };
1907
1907
  }
1908
- function qt({
1908
+ function Ht({
1909
1909
  children: s,
1910
1910
  as: t = "div",
1911
1911
  once: r = !1,
@@ -1915,8 +1915,8 @@ function qt({
1915
1915
  onLeave: i,
1916
1916
  ...l
1917
1917
  }) {
1918
- const { ref: m, inView: u } = Je({ threshold: o, rootMargin: a, once: r }), p = k(!1);
1919
- return P(() => {
1918
+ const { ref: m, inView: u } = tt({ threshold: o, rootMargin: a, once: r }), p = E(!1);
1919
+ return D(() => {
1920
1920
  u && !p.current && (n == null || n()), !u && p.current && (i == null || i()), p.current = u;
1921
1921
  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
1922
1922
  }
@@ -1931,15 +1931,15 @@ const ce = /* @__PURE__ */ new Set();
1931
1931
  function we() {
1932
1932
  ce.forEach((s) => s([...Q]));
1933
1933
  }
1934
- function Ze(s) {
1934
+ function st(s) {
1935
1935
  Q = [...Q, s], we();
1936
1936
  }
1937
- function Qe(s) {
1937
+ function rt(s) {
1938
1938
  Q = Q.filter((t) => t.id !== s), we();
1939
1939
  }
1940
- function Ht() {
1940
+ function Kt() {
1941
1941
  const s = (t, r = {}) => {
1942
- Ze({
1942
+ st({
1943
1943
  id: `${Date.now()}-${Math.random()}`,
1944
1944
  message: t,
1945
1945
  type: "default",
@@ -1949,9 +1949,9 @@ function Ht() {
1949
1949
  };
1950
1950
  return s.success = (t, r) => s(t, { ...r, type: "success" }), s.error = (t, r) => s(t, { ...r, type: "error" }), s.warning = (t, r) => s(t, { ...r, type: "warning" }), { toast: s };
1951
1951
  }
1952
- function et({ data: s, onDismiss: t }) {
1953
- const [r, o] = g(!1), a = k(null);
1954
- P(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
1952
+ function nt({ data: s, onDismiss: t }) {
1953
+ const [r, o] = k(!1), a = E(null);
1954
+ D(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
1955
1955
  function n() {
1956
1956
  o(!1), setTimeout(() => t(s.id), 250);
1957
1957
  }
@@ -1967,7 +1967,7 @@ function et({ data: s, onDismiss: t }) {
1967
1967
  role: s.type === "error" ? "alert" : "status",
1968
1968
  "aria-live": "polite",
1969
1969
  children: [
1970
- /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: S[3], strokeWidth: 1.5 }) }),
1970
+ /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
1971
1971
  /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
1972
1972
  /* @__PURE__ */ e.jsx(
1973
1973
  "button",
@@ -1975,26 +1975,26 @@ function et({ data: s, onDismiss: t }) {
1975
1975
  className: "ds-toast__close",
1976
1976
  onClick: n,
1977
1977
  "aria-label": "Закрыть",
1978
- children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
1978
+ children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
1979
1979
  }
1980
1980
  )
1981
1981
  ]
1982
1982
  }
1983
1983
  );
1984
1984
  }
1985
- function Kt({ position: s = "bottom-right" }) {
1986
- const [t, r] = g(() => [...Q]);
1987
- return P(() => (ce.add(r), () => ce.delete(r)), []), !t.length || typeof document > "u" ? null : ne.createPortal(
1988
- /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(et, { data: o, onDismiss: Qe }, o.id)) }),
1985
+ function Gt({ position: s = "bottom-right" }) {
1986
+ const [t, r] = k(() => [...Q]);
1987
+ return D(() => (ce.add(r), () => ce.delete(r)), []), !t.length || typeof document > "u" ? null : ne.createPortal(
1988
+ /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(nt, { data: o, onDismiss: rt }, o.id)) }),
1989
1989
  document.body
1990
1990
  );
1991
1991
  }
1992
- const tt = {
1992
+ const at = {
1993
1993
  running: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "info", children: "Running..." }),
1994
1994
  success: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "success", children: "Done" }),
1995
1995
  error: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "error", children: "Error" })
1996
1996
  };
1997
- function Gt({
1997
+ function Xt({
1998
1998
  label: s,
1999
1999
  status: t = "idle",
2000
2000
  icon: r,
@@ -2006,30 +2006,30 @@ function Gt({
2006
2006
  children: m,
2007
2007
  ...u
2008
2008
  }) {
2009
- const f = `tc-body-${ke().replace(/:/g, "")}`, [b, d] = g(a), _ = n !== void 0, w = _ ? n : b, E = () => {
2009
+ const f = `tc-body-${ke().replace(/:/g, "")}`, [x, d] = k(a), _ = n !== void 0, w = _ ? n : x, g = () => {
2010
2010
  _ ? i == null || i(!n) : d((N) => !N);
2011
2011
  };
2012
- return /* @__PURE__ */ e.jsxs(Be, { padding: l, ...u, children: [
2012
+ return /* @__PURE__ */ e.jsxs(Oe, { padding: l, ...u, children: [
2013
2013
  /* @__PURE__ */ e.jsxs(
2014
2014
  "button",
2015
2015
  {
2016
2016
  type: "button",
2017
2017
  className: "ds-tool-card__header",
2018
- onClick: E,
2018
+ onClick: g,
2019
2019
  "aria-expanded": w,
2020
2020
  "aria-controls": f,
2021
2021
  children: [
2022
2022
  /* @__PURE__ */ e.jsx(
2023
2023
  je,
2024
2024
  {
2025
- size: S[1],
2025
+ size: A[1],
2026
2026
  strokeWidth: 1.5,
2027
2027
  className: `ds-tool-card__chevron${w ? " ds-tool-card__chevron--expanded" : ""}`
2028
2028
  }
2029
2029
  ),
2030
2030
  r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
2031
2031
  /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
2032
- tt[t],
2032
+ at[t],
2033
2033
  o
2034
2034
  ]
2035
2035
  }
@@ -2037,14 +2037,14 @@ function Gt({
2037
2037
  w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
2038
2038
  ] });
2039
2039
  }
2040
- function Xt({
2040
+ function Jt({
2041
2041
  text: s,
2042
2042
  size: t = "xs",
2043
2043
  timeout: r = 2e3,
2044
2044
  "aria-label": o = "Copy to clipboard",
2045
2045
  ...a
2046
2046
  }) {
2047
- const [n, i] = g(!1), l = () => {
2047
+ const [n, i] = k(!1), l = () => {
2048
2048
  navigator.clipboard.writeText(s).then(() => {
2049
2049
  i(!0), setTimeout(() => i(!1), r);
2050
2050
  });
@@ -2054,69 +2054,92 @@ function Xt({
2054
2054
  {
2055
2055
  variant: "ghost",
2056
2056
  size: t,
2057
- icon: n ? /* @__PURE__ */ e.jsx(le, { size: S[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Ie, { size: S[1], strokeWidth: 1.5 }),
2057
+ icon: n ? /* @__PURE__ */ e.jsx(le, { size: A[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Ie, { size: A[1], strokeWidth: 1.5 }),
2058
2058
  "aria-label": o,
2059
2059
  onClick: l,
2060
2060
  ...a
2061
2061
  }
2062
2062
  );
2063
2063
  }
2064
+ function Zt({ content: s, streaming: t = !1, ...r }) {
2065
+ const [o, a] = k(t);
2066
+ return D(() => {
2067
+ a(!!t);
2068
+ }, [t]), /* @__PURE__ */ e.jsx(
2069
+ Ce,
2070
+ {
2071
+ expanded: o,
2072
+ onToggle: a,
2073
+ padding: "s",
2074
+ title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
2075
+ /* @__PURE__ */ e.jsx(Ae, { size: A[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
2076
+ /* @__PURE__ */ e.jsx(Le, { secondary: !0, children: "Thinking" })
2077
+ ] }),
2078
+ ...r,
2079
+ children: /* @__PURE__ */ e.jsxs(Me, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
2080
+ s,
2081
+ t && /* @__PURE__ */ e.jsx("span", { className: "ds-reasoning__cursor" })
2082
+ ] })
2083
+ }
2084
+ );
2085
+ }
2064
2086
  export {
2065
- yt as Accordion,
2066
- bt as Alert,
2067
- Yt as AnimatedNumber,
2068
- Rt as Avatar,
2087
+ Ce as Accordion,
2088
+ vt as Alert,
2089
+ qt as AnimatedNumber,
2090
+ Tt as Avatar,
2069
2091
  oe as Badge,
2070
- zt as Banner,
2071
- Ft as Breadcrumb,
2092
+ Vt as Banner,
2093
+ Wt as Breadcrumb,
2072
2094
  _e as Button,
2073
- Be as Card,
2095
+ Oe as Card,
2074
2096
  $t as Checkbox,
2075
- vt as Code,
2076
- Me as CodeAccordion,
2077
- Xt as CopyButton,
2078
- Wt as Drawer,
2079
- xe as DrawerFooter,
2080
- Vt as Dropdown,
2081
- Ot as EmptyState,
2082
- Lt as FormField,
2083
- lt as H1,
2084
- dt as H2,
2085
- ut as H3,
2086
- ft as H4,
2087
- qt as InView,
2088
- at as Input,
2089
- jt as Link,
2090
- xt as Modal,
2091
- be as ModalFooter,
2092
- mt as P1,
2093
- pt as P2,
2094
- ht as P3,
2095
- Ct as Pagination,
2096
- Ut as ProgressBar,
2097
- gt as Radio,
2098
- Nt as SegmentedControl,
2099
- it as Select,
2100
- We as Skeleton,
2101
- De as Spinner,
2102
- Mt as Stat,
2103
- ct as Stepper,
2104
- wt as Tab,
2105
- Tt as Table,
2106
- At as TableBody,
2107
- It as TableHead,
2108
- St as TableRow,
2109
- Dt as TableSubheaderRow,
2110
- _t as Tabs,
2111
- Bt as Td,
2112
- ot as Textarea,
2113
- Pt as Th,
2114
- Kt as ToastContainer,
2115
- Et as Toggle,
2116
- Gt as ToolCallCard,
2117
- kt as Tooltip,
2118
- S as iconSizes,
2119
- Xe as useAnimatedNumber,
2120
- Je as useInView,
2121
- Ht as useToast
2097
+ _t as Code,
2098
+ ze as CodeAccordion,
2099
+ Jt as CopyButton,
2100
+ Ct as Drawer,
2101
+ be as DrawerFooter,
2102
+ Ut as Dropdown,
2103
+ Lt as EmptyState,
2104
+ Mt as FormField,
2105
+ mt as H1,
2106
+ pt as H2,
2107
+ ht as H3,
2108
+ xt as H4,
2109
+ Ht as InView,
2110
+ lt as Input,
2111
+ wt as Link,
2112
+ jt as Modal,
2113
+ xe as ModalFooter,
2114
+ bt as P1,
2115
+ Le as P2,
2116
+ Me as P3,
2117
+ zt as Pagination,
2118
+ Yt as ProgressBar,
2119
+ Rt as Radio,
2120
+ Zt as ReasoningBlock,
2121
+ kt as SegmentedControl,
2122
+ ut as Select,
2123
+ Ye as Skeleton,
2124
+ Pe as Spinner,
2125
+ Ft as Stat,
2126
+ ft as Stepper,
2127
+ yt as Tab,
2128
+ It as Table,
2129
+ St as TableBody,
2130
+ At as TableHead,
2131
+ Dt as TableRow,
2132
+ Pt as TableSubheaderRow,
2133
+ Nt as Tabs,
2134
+ Ot as Td,
2135
+ dt as Textarea,
2136
+ Bt as Th,
2137
+ Gt as ToastContainer,
2138
+ gt as Toggle,
2139
+ Xt as ToolCallCard,
2140
+ Et as Tooltip,
2141
+ A as iconSizes,
2142
+ et as useAnimatedNumber,
2143
+ tt as useInView,
2144
+ Kt as useToast
2122
2145
  };