@donkit-ai/design-system 1.3.12 → 1.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +4 -4
  2. package/dist/index.d.ts +80 -0
  3. package/dist/index.es.js +1500 -1135
  4. package/dist/tokens.css +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,14 +1,14 @@
1
- import L, { useState as k, useRef as N, useEffect as R, useLayoutEffect as Ee, useId as ke } from "react";
2
- import { Check as re, X as ee, ChevronDown as ne, Minus as ge, Plus as $e, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as Te, ChevronsUpDown as Re, ChevronLeft as Ie, ChevronRight as je, Copy as Se, Brain as Ae } from "lucide-react";
3
- import ae from "react-dom";
4
- const A = {
1
+ import q, { useState as S, useRef as $, useEffect as B, useLayoutEffect as Me, useId as ze } from "react";
2
+ import { Check as he, X as ne, ChevronDown as xe, Minus as We, Plus as Fe, XCircle as Ne, AlertTriangle as we, CheckCircle as ye, Info as ge, ChevronUp as Ce, ChevronsUpDown as Ue, ChevronLeft as Ve, ChevronRight as Be, Copy as Ye, Brain as qe, Loader as He, Paperclip as Ee, Square as Ke, ArrowUp as Ge, Zap as Xe, Cpu as $e } from "lucide-react";
3
+ import me from "react-dom";
4
+ const D = {
5
5
  1: 16,
6
6
  2: 20,
7
7
  3: 24,
8
8
  4: 28,
9
9
  5: 48
10
10
  };
11
- var le = { exports: {} }, se = {};
11
+ var _e = { exports: {} }, de = {};
12
12
  /**
13
13
  * @license React
14
14
  * react-jsx-runtime.production.js
@@ -18,29 +18,29 @@ var le = { exports: {} }, se = {};
18
18
  * This source code is licensed under the MIT license found in the
19
19
  * LICENSE file in the root directory of this source tree.
20
20
  */
21
- var pe;
22
- function Be() {
23
- if (pe) return se;
24
- pe = 1;
25
- var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
26
- function r(a, o, n) {
21
+ var Te;
22
+ function Je() {
23
+ if (Te) return de;
24
+ Te = 1;
25
+ var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
26
+ function r(o, a, n) {
27
27
  var i = null;
28
- if (n !== void 0 && (i = "" + n), o.key !== void 0 && (i = "" + o.key), "key" in o) {
28
+ if (n !== void 0 && (i = "" + n), a.key !== void 0 && (i = "" + a.key), "key" in a) {
29
29
  n = {};
30
- for (var c in o)
31
- c !== "key" && (n[c] = o[c]);
32
- } else n = o;
33
- return o = n.ref, {
34
- $$typeof: t,
35
- type: a,
30
+ for (var l in a)
31
+ l !== "key" && (n[l] = a[l]);
32
+ } else n = a;
33
+ return a = n.ref, {
34
+ $$typeof: s,
35
+ type: o,
36
36
  key: i,
37
- ref: o !== void 0 ? o : null,
37
+ ref: a !== void 0 ? a : null,
38
38
  props: n
39
39
  };
40
40
  }
41
- return se.Fragment = s, se.jsx = r, se.jsxs = r, se;
41
+ return de.Fragment = t, de.jsx = r, de.jsxs = r, de;
42
42
  }
43
- var te = {};
43
+ var ue = {};
44
44
  /**
45
45
  * @license React
46
46
  * react-jsx-runtime.development.js
@@ -50,347 +50,347 @@ var te = {};
50
50
  * This source code is licensed under the MIT license found in the
51
51
  * LICENSE file in the root directory of this source tree.
52
52
  */
53
- var he;
54
- function De() {
55
- return he || (he = 1, process.env.NODE_ENV !== "production" && function() {
56
- function t(l) {
57
- if (l == null) return null;
58
- if (typeof l == "function")
59
- return l.$$typeof === G ? null : l.displayName || l.name || null;
60
- if (typeof l == "string") return l;
61
- switch (l) {
62
- case g:
53
+ var Re;
54
+ function Ze() {
55
+ return Re || (Re = 1, process.env.NODE_ENV !== "production" && function() {
56
+ function s(c) {
57
+ if (c == null) return null;
58
+ if (typeof c == "function")
59
+ return c.$$typeof === H ? null : c.displayName || c.name || null;
60
+ if (typeof c == "string") return c;
61
+ switch (c) {
62
+ case R:
63
63
  return "Fragment";
64
- case P:
64
+ case g:
65
65
  return "Profiler";
66
- case y:
66
+ case E:
67
67
  return "StrictMode";
68
- case O:
68
+ case I:
69
69
  return "Suspense";
70
- case q:
70
+ case v:
71
71
  return "SuspenseList";
72
- case C:
72
+ case Y:
73
73
  return "Activity";
74
74
  }
75
- if (typeof l == "object")
76
- switch (typeof l.tag == "number" && console.error(
75
+ if (typeof c == "object")
76
+ switch (typeof c.tag == "number" && console.error(
77
77
  "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
78
- ), l.$$typeof) {
79
- case w:
78
+ ), c.$$typeof) {
79
+ case _:
80
80
  return "Portal";
81
- case $:
82
- return l.displayName || "Context";
83
- case I:
84
- return (l._context.displayName || "Context") + ".Consumer";
85
- case F:
86
- var b = l.render;
87
- return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
81
+ case k:
82
+ return c.displayName || "Context";
83
+ case A:
84
+ return (c._context.displayName || "Context") + ".Consumer";
88
85
  case M:
89
- return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
90
- case W:
91
- b = l._payload, l = l._init;
86
+ var N = c.render;
87
+ return c = c.displayName, c || (c = N.displayName || N.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
88
+ case L:
89
+ return N = c.displayName || null, N !== null ? N : s(c.type) || "Memo";
90
+ case z:
91
+ N = c._payload, c = c._init;
92
92
  try {
93
- return t(l(b));
93
+ return s(c(N));
94
94
  } catch {
95
95
  }
96
96
  }
97
97
  return null;
98
98
  }
99
- function s(l) {
100
- return "" + l;
99
+ function t(c) {
100
+ return "" + c;
101
101
  }
102
- function r(l) {
102
+ function r(c) {
103
103
  try {
104
- s(l);
105
- var b = !1;
104
+ t(c);
105
+ var N = !1;
106
106
  } catch {
107
- b = !0;
107
+ N = !0;
108
108
  }
109
- if (b) {
110
- b = console;
111
- var E = b.error, S = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
112
- return E.call(
113
- b,
109
+ if (N) {
110
+ N = console;
111
+ var P = N.error, W = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
112
+ return P.call(
113
+ N,
114
114
  "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
115
- S
116
- ), s(l);
115
+ W
116
+ ), t(c);
117
117
  }
118
118
  }
119
- function a(l) {
120
- if (l === g) return "<>";
121
- if (typeof l == "object" && l !== null && l.$$typeof === W)
119
+ function o(c) {
120
+ if (c === R) return "<>";
121
+ if (typeof c == "object" && c !== null && c.$$typeof === z)
122
122
  return "<...>";
123
123
  try {
124
- var b = t(l);
125
- return b ? "<" + b + ">" : "<...>";
124
+ var N = s(c);
125
+ return N ? "<" + N + ">" : "<...>";
126
126
  } catch {
127
127
  return "<...>";
128
128
  }
129
129
  }
130
- function o() {
131
- var l = H.A;
132
- return l === null ? null : l.getOwner();
130
+ function a() {
131
+ var c = X.A;
132
+ return c === null ? null : c.getOwner();
133
133
  }
134
134
  function n() {
135
135
  return Error("react-stack-top-frame");
136
136
  }
137
- function i(l) {
138
- if (V.call(l, "key")) {
139
- var b = Object.getOwnPropertyDescriptor(l, "key").get;
140
- if (b && b.isReactWarning) return !1;
137
+ function i(c) {
138
+ if (U.call(c, "key")) {
139
+ var N = Object.getOwnPropertyDescriptor(c, "key").get;
140
+ if (N && N.isReactWarning) return !1;
141
141
  }
142
- return l.key !== void 0;
142
+ return c.key !== void 0;
143
143
  }
144
- function c(l, b) {
145
- function E() {
146
- T || (T = !0, console.error(
144
+ function l(c, N) {
145
+ function P() {
146
+ O || (O = !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
- b
148
+ N
149
149
  ));
150
150
  }
151
- E.isReactWarning = !0, Object.defineProperty(l, "key", {
152
- get: E,
151
+ P.isReactWarning = !0, Object.defineProperty(c, "key", {
152
+ get: P,
153
153
  configurable: !0
154
154
  });
155
155
  }
156
- function m() {
157
- var l = t(this.type);
158
- return D[l] || (D[l] = !0, console.error(
156
+ function p() {
157
+ var c = s(this.type);
158
+ return C[c] || (C[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
- )), l = this.props.ref, l !== void 0 ? l : null;
160
+ )), c = this.props.ref, c !== void 0 ? c : null;
161
161
  }
162
- function u(l, b, E, S, K, X) {
163
- var B = E.ref;
164
- return l = {
165
- $$typeof: _,
166
- type: l,
167
- key: b,
168
- props: E,
169
- _owner: S
170
- }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(l, "ref", {
162
+ function u(c, N, P, W, ee, ae) {
163
+ var F = P.ref;
164
+ return c = {
165
+ $$typeof: b,
166
+ type: c,
167
+ key: N,
168
+ props: P,
169
+ _owner: W
170
+ }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(c, "ref", {
171
171
  enumerable: !1,
172
- get: m
173
- }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
172
+ get: p
173
+ }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
174
174
  configurable: !1,
175
175
  enumerable: !1,
176
176
  writable: !0,
177
177
  value: 0
178
- }), Object.defineProperty(l, "_debugInfo", {
178
+ }), Object.defineProperty(c, "_debugInfo", {
179
179
  configurable: !1,
180
180
  enumerable: !1,
181
181
  writable: !0,
182
182
  value: null
183
- }), Object.defineProperty(l, "_debugStack", {
183
+ }), Object.defineProperty(c, "_debugStack", {
184
184
  configurable: !1,
185
185
  enumerable: !1,
186
186
  writable: !0,
187
- value: K
188
- }), Object.defineProperty(l, "_debugTask", {
187
+ value: ee
188
+ }), Object.defineProperty(c, "_debugTask", {
189
189
  configurable: !1,
190
190
  enumerable: !1,
191
191
  writable: !0,
192
- value: X
193
- }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
192
+ value: ae
193
+ }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
194
194
  }
195
- function p(l, b, E, S, K, X) {
196
- var B = b.children;
197
- if (B !== void 0)
198
- if (S)
199
- if (h(B)) {
200
- for (S = 0; S < B.length; S++)
201
- f(B[S]);
202
- Object.freeze && Object.freeze(B);
195
+ function m(c, N, P, W, ee, ae) {
196
+ var F = N.children;
197
+ if (F !== void 0)
198
+ if (W)
199
+ if (x(F)) {
200
+ for (W = 0; W < F.length; W++)
201
+ f(F[W]);
202
+ Object.freeze && Object.freeze(F);
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(B);
208
- if (V.call(b, "key")) {
209
- B = t(l);
210
- var J = Object.keys(b).filter(function(ye) {
211
- return ye !== "key";
207
+ else f(F);
208
+ if (U.call(N, "key")) {
209
+ F = s(c);
210
+ var Q = Object.keys(N).filter(function(be) {
211
+ return be !== "key";
212
212
  });
213
- S = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[B + S] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
213
+ W = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", w[F + W] || (Q = 0 < Q.length ? "{" + Q.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} />
217
217
  React keys must be passed directly to JSX without using spread:
218
218
  let props = %s;
219
219
  <%s key={someKey} {...props} />`,
220
- S,
221
- B,
222
- J,
223
- B
224
- ), j[B + S] = !0);
220
+ W,
221
+ F,
222
+ Q,
223
+ F
224
+ ), w[F + W] = !0);
225
225
  }
226
- if (B = null, E !== void 0 && (r(E), B = "" + E), i(b) && (r(b.key), B = "" + b.key), "key" in b) {
227
- E = {};
228
- for (var oe in b)
229
- oe !== "key" && (E[oe] = b[oe]);
230
- } else E = b;
231
- return B && c(
232
- E,
233
- typeof l == "function" ? l.displayName || l.name || "Unknown" : l
226
+ if (F = null, P !== void 0 && (r(P), F = "" + P), i(N) && (r(N.key), F = "" + N.key), "key" in N) {
227
+ P = {};
228
+ for (var oe in N)
229
+ oe !== "key" && (P[oe] = N[oe]);
230
+ } else P = N;
231
+ return F && l(
232
+ P,
233
+ typeof c == "function" ? c.displayName || c.name || "Unknown" : c
234
234
  ), u(
235
- l,
236
- B,
237
- E,
238
- o(),
239
- K,
240
- X
235
+ c,
236
+ F,
237
+ P,
238
+ a(),
239
+ ee,
240
+ ae
241
241
  );
242
242
  }
243
- function f(l) {
244
- x(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === W && (l._payload.status === "fulfilled" ? x(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
243
+ function f(c) {
244
+ h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === z && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
245
245
  }
246
- function x(l) {
247
- return typeof l == "object" && l !== null && l.$$typeof === _;
246
+ function h(c) {
247
+ return typeof c == "object" && c !== null && c.$$typeof === b;
248
248
  }
249
- var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
249
+ var d = q, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), k = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), X = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, y = console.createTask ? console.createTask : function() {
250
250
  return null;
251
251
  };
252
252
  d = {
253
- react_stack_bottom_frame: function(l) {
254
- return l();
253
+ react_stack_bottom_frame: function(c) {
254
+ return c();
255
255
  }
256
256
  };
257
- var T, D = {}, z = d.react_stack_bottom_frame.bind(
257
+ var O, C = {}, K = d.react_stack_bottom_frame.bind(
258
258
  d,
259
259
  n
260
- )(), U = v(a(n)), j = {};
261
- te.Fragment = g, te.jsx = function(l, b, E) {
262
- var S = 1e4 > H.recentlyCreatedOwnerStacks++;
263
- return p(
264
- l,
265
- b,
266
- E,
260
+ )(), Z = y(o(n)), w = {};
261
+ ue.Fragment = R, ue.jsx = function(c, N, P) {
262
+ var W = 1e4 > X.recentlyCreatedOwnerStacks++;
263
+ return m(
264
+ c,
265
+ N,
266
+ P,
267
267
  !1,
268
- S ? Error("react-stack-top-frame") : z,
269
- S ? v(a(l)) : U
268
+ W ? Error("react-stack-top-frame") : K,
269
+ W ? y(o(c)) : Z
270
270
  );
271
- }, te.jsxs = function(l, b, E) {
272
- var S = 1e4 > H.recentlyCreatedOwnerStacks++;
273
- return p(
274
- l,
275
- b,
276
- E,
271
+ }, ue.jsxs = function(c, N, P) {
272
+ var W = 1e4 > X.recentlyCreatedOwnerStacks++;
273
+ return m(
274
+ c,
275
+ N,
276
+ P,
277
277
  !0,
278
- S ? Error("react-stack-top-frame") : z,
279
- S ? v(a(l)) : U
278
+ W ? Error("react-stack-top-frame") : K,
279
+ W ? y(o(c)) : Z
280
280
  );
281
281
  };
282
- }()), te;
282
+ }()), ue;
283
283
  }
284
- process.env.NODE_ENV === "production" ? le.exports = Be() : le.exports = De();
285
- var e = le.exports;
286
- function Pe({ size: t = "m", color: s = "default", className: r = "", ...a }) {
284
+ process.env.NODE_ENV === "production" ? _e.exports = Je() : _e.exports = Ze();
285
+ var e = _e.exports;
286
+ function Qe({ size: s = "m", color: t = "default", className: r = "", ...o }) {
287
287
  return /* @__PURE__ */ e.jsx(
288
288
  "span",
289
289
  {
290
- className: ["ds-spinner", `ds-spinner--${t}`, `ds-spinner--${s}`, r].filter(Boolean).join(" "),
290
+ className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, r].filter(Boolean).join(" "),
291
291
  role: "status",
292
292
  "aria-label": "Loading",
293
- ...a
293
+ ...o
294
294
  }
295
295
  );
296
296
  }
297
- const Oe = { xs: 12, s: 14, m: 16, l: 20 };
298
- function _e({
299
- children: t,
300
- variant: s = "primary",
297
+ const et = { xs: 12, s: 14, m: 16, l: 20 };
298
+ function fe({
299
+ children: s,
300
+ variant: t = "primary",
301
301
  size: r = "m",
302
- fullWidth: a = !1,
303
- icon: o,
302
+ fullWidth: o = !1,
303
+ icon: a,
304
304
  disabled: n = !1,
305
305
  state: i = "idle",
306
- onClick: c,
307
- type: m = "button",
306
+ onClick: l,
307
+ type: p = "button",
308
308
  href: u,
309
- "aria-label": p,
309
+ "aria-label": m,
310
310
  ...f
311
311
  }) {
312
- const x = o && !t, d = i === "loading", _ = i === "success", w = i === "error", g = d || _ || w, y = r === "xs" ? "s" : "m", P = Oe[r] ?? 16, I = d ? /* @__PURE__ */ e.jsx(Pe, { size: y }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { size: P, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: P, strokeWidth: 2.5 }) }) : null, $ = [
312
+ const h = a && !s, d = i === "loading", b = i === "success", _ = i === "error", R = d || b || _, E = r === "xs" ? "s" : "m", g = et[r] ?? 16, A = d ? /* @__PURE__ */ e.jsx(Qe, { size: E }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: g, strokeWidth: 2.5 }) }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: g, strokeWidth: 2.5 }) }) : null, k = [
313
313
  "ds-button",
314
- `ds-button--${s}`,
314
+ `ds-button--${t}`,
315
315
  `ds-button--${r}`,
316
- a && "ds-button--full",
317
- x && "ds-button--icon-only"
318
- ].filter(Boolean).join(" "), F = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
319
- g ? I : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
320
- t
316
+ o && "ds-button--full",
317
+ h && "ds-button--icon-only"
318
+ ].filter(Boolean).join(" "), M = i !== "idle" ? i : void 0, I = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
319
+ R ? A : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
320
+ s
321
321
  ] });
322
322
  if (u) {
323
- const q = (M) => {
323
+ const v = (L) => {
324
324
  if (n || d) {
325
- M.preventDefault();
325
+ L.preventDefault();
326
326
  return;
327
327
  }
328
- M.metaKey || M.ctrlKey || M.button === 1 || (M.preventDefault(), c == null || c(M));
328
+ L.metaKey || L.ctrlKey || L.button === 1 || (L.preventDefault(), l == null || l(L));
329
329
  };
330
330
  return /* @__PURE__ */ e.jsx(
331
331
  "a",
332
332
  {
333
- className: $,
333
+ className: k,
334
334
  href: n || d ? void 0 : u,
335
- onClick: q,
336
- "aria-label": p,
335
+ onClick: v,
336
+ "aria-label": m,
337
337
  "aria-disabled": n || d ? "true" : void 0,
338
338
  "aria-busy": d ? "true" : void 0,
339
- "data-state": F,
339
+ "data-state": M,
340
340
  ...f,
341
- children: O
341
+ children: I
342
342
  }
343
343
  );
344
344
  }
345
345
  return /* @__PURE__ */ e.jsx(
346
346
  "button",
347
347
  {
348
- type: m,
349
- className: $,
348
+ type: p,
349
+ className: k,
350
350
  disabled: n,
351
- onClick: d ? void 0 : c,
352
- "aria-label": p,
351
+ onClick: d ? void 0 : l,
352
+ "aria-label": m,
353
353
  "aria-busy": d ? "true" : void 0,
354
- "data-state": F,
354
+ "data-state": M,
355
355
  ...f,
356
- children: O
356
+ children: I
357
357
  }
358
358
  );
359
359
  }
360
- function cs({
361
- label: t,
362
- error: s,
360
+ function Rt({
361
+ label: s,
362
+ error: t,
363
363
  hint: r,
364
- fullWidth: a = !0,
365
- icon: o,
364
+ fullWidth: o = !0,
365
+ icon: a,
366
366
  iconRight: n,
367
367
  onIconRightClick: i,
368
- size: c = "m",
369
- disabled: m,
368
+ size: l = "m",
369
+ disabled: p,
370
370
  id: u,
371
- ...p
371
+ ...m
372
372
  }) {
373
- const f = u || `input-${L.useId()}`, x = r ? `${f}-hint` : void 0, d = s ? `${f}-error` : void 0, _ = d || x;
374
- return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
375
- t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: t }),
373
+ const f = u || `input-${q.useId()}`, h = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, b = d || h;
374
+ return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${p ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
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: [
377
- o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${c}`, "aria-hidden": "true", children: o }),
377
+ a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
378
378
  /* @__PURE__ */ e.jsx(
379
379
  "input",
380
380
  {
381
381
  id: f,
382
- className: `ds-input ds-input--${c} ${o ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
383
- disabled: m,
384
- "aria-invalid": s ? "true" : "false",
385
- "aria-describedby": _,
386
- ...p
382
+ className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
383
+ disabled: p,
384
+ "aria-invalid": t ? "true" : "false",
385
+ "aria-describedby": b,
386
+ ...m
387
387
  }
388
388
  ),
389
389
  n && /* @__PURE__ */ e.jsx(
390
390
  "button",
391
391
  {
392
392
  type: "button",
393
- className: `ds-input-icon-right ds-input-icon-right--${c}`,
393
+ className: `ds-input-icon-right ds-input-icon-right--${l}`,
394
394
  onClick: i,
395
395
  tabIndex: -1,
396
396
  "aria-label": "Toggle visibility",
@@ -398,245 +398,245 @@ function cs({
398
398
  }
399
399
  )
400
400
  ] }),
401
- r && !s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: r }),
402
- /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: s }) }) })
401
+ r && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: r }),
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 ds({
406
- label: t,
407
- error: s,
405
+ function St({
406
+ label: s,
407
+ error: t,
408
408
  hint: r,
409
- fullWidth: a = !0,
410
- size: o = "m",
409
+ fullWidth: o = !0,
410
+ size: a = "m",
411
411
  disabled: n,
412
412
  id: i,
413
- resize: c = !0,
414
- rows: m = 3,
413
+ resize: l = !0,
414
+ rows: p = 3,
415
415
  ...u
416
416
  }) {
417
- const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, x = s ? `${p}-error` : void 0, d = x || f;
418
- return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
419
- t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: p, children: t }),
417
+ const m = i || `textarea-${q.useId()}`, f = r ? `${m}-hint` : void 0, h = t ? `${m}-error` : void 0, d = h || f;
418
+ return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
419
+ s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: s }),
420
420
  /* @__PURE__ */ e.jsx(
421
421
  "textarea",
422
422
  {
423
- id: p,
424
- className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${c ? "" : "ds-textarea--no-resize"}`,
423
+ id: m,
424
+ className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
425
425
  disabled: n,
426
- "aria-invalid": s ? "true" : "false",
426
+ "aria-invalid": t ? "true" : "false",
427
427
  "aria-describedby": d,
428
- rows: m,
428
+ rows: p,
429
429
  ...u
430
430
  }
431
431
  ),
432
- r && !s && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
433
- s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: s })
432
+ r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
433
+ t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
434
434
  ] });
435
435
  }
436
- function us({
437
- label: t,
438
- value: s,
436
+ function At({
437
+ label: s,
438
+ value: t,
439
439
  onChange: r,
440
- options: a = [],
441
- placeholder: o = "Select option",
440
+ options: o = [],
441
+ placeholder: a = "Select option",
442
442
  error: n,
443
443
  fullWidth: i = !0,
444
- size: c = "m",
445
- disabled: m = !1,
444
+ size: l = "m",
445
+ disabled: p = !1,
446
446
  id: u,
447
- ...p
447
+ ...m
448
448
  }) {
449
- const [f, x] = k(!1), [d, _] = k(!1), [w, g] = k({}), [y, P] = k("down"), [I, $] = k(-1), F = N(null), O = N(null), q = N(null), M = N(null), W = u || `select-${L.useId()}`, C = `${W}-label`, G = n ? `${W}-error` : void 0, H = 150, V = (j = !1) => {
450
- d || (_(!0), $(-1), M.current = setTimeout(() => {
451
- var l;
452
- x(!1), _(!1), j && ((l = q.current) == null || l.focus());
453
- }, H));
454
- }, h = (j) => {
455
- clearTimeout(M.current), _(!1);
456
- const l = j !== void 0 ? j : Math.max(a.findIndex((b) => b.value === s), 0);
457
- $(l), x(!0);
449
+ const [f, h] = S(!1), [d, b] = S(!1), [_, R] = S({}), [E, g] = S("down"), [A, k] = S(-1), M = $(null), I = $(null), v = $(null), L = $(null), z = u || `select-${q.useId()}`, Y = `${z}-label`, H = n ? `${z}-error` : void 0, X = 150, U = (w = !1) => {
450
+ d || (b(!0), k(-1), L.current = setTimeout(() => {
451
+ var c;
452
+ h(!1), b(!1), w && ((c = v.current) == null || c.focus());
453
+ }, X));
454
+ }, x = (w) => {
455
+ clearTimeout(L.current), b(!1);
456
+ const c = w !== void 0 ? w : Math.max(o.findIndex((N) => N.value === t), 0);
457
+ k(c), h(!0);
458
458
  };
459
- R(() => () => clearTimeout(M.current), []);
460
- const v = () => {
461
- var X;
462
- const j = (X = F.current) == null ? void 0 : X.getBoundingClientRect();
463
- if (!j) return;
464
- const l = window.innerHeight, b = l - j.bottom, E = j.top, K = b < 300 && E > b;
465
- P(K ? "up" : "down"), g(
466
- K ? { bottom: l - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
459
+ B(() => () => clearTimeout(L.current), []);
460
+ const y = () => {
461
+ var ae;
462
+ const w = (ae = M.current) == null ? void 0 : ae.getBoundingClientRect();
463
+ if (!w) return;
464
+ const c = window.innerHeight, N = c - w.bottom, P = w.top, ee = N < 300 && P > N;
465
+ g(ee ? "up" : "down"), R(
466
+ ee ? { bottom: c - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
467
467
  );
468
468
  };
469
- R(() => {
469
+ B(() => {
470
470
  if (f)
471
- return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
472
- window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
471
+ return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
472
+ window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
473
473
  };
474
- }, [f]), R(() => {
475
- const j = (l) => {
476
- F.current && !F.current.contains(l.target) && O.current && !O.current.contains(l.target) && V();
474
+ }, [f]), B(() => {
475
+ const w = (c) => {
476
+ M.current && !M.current.contains(c.target) && I.current && !I.current.contains(c.target) && U();
477
477
  };
478
- return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
479
- }, [d]), R(() => {
480
- var l;
481
- if (!f || I < 0 || !O.current) return;
482
- (l = O.current.querySelectorAll(".ds-select-option")[I]) == null || l.scrollIntoView({ block: "nearest" });
483
- }, [I, f]);
484
- const T = (j) => {
485
- switch (j.key) {
478
+ return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
479
+ }, [d]), B(() => {
480
+ var c;
481
+ if (!f || A < 0 || !I.current) return;
482
+ (c = I.current.querySelectorAll(".ds-select-option")[A]) == null || c.scrollIntoView({ block: "nearest" });
483
+ }, [A, f]);
484
+ const O = (w) => {
485
+ switch (w.key) {
486
486
  case "ArrowDown":
487
- j.preventDefault(), f ? $((l) => Math.min(l + 1, a.length - 1)) : h();
487
+ w.preventDefault(), f ? k((c) => Math.min(c + 1, o.length - 1)) : x();
488
488
  break;
489
489
  case "ArrowUp":
490
- j.preventDefault(), f ? $((l) => Math.max(l - 1, 0)) : h(a.length - 1);
490
+ w.preventDefault(), f ? k((c) => Math.max(c - 1, 0)) : x(o.length - 1);
491
491
  break;
492
492
  case "Home":
493
- f && (j.preventDefault(), $(0));
493
+ f && (w.preventDefault(), k(0));
494
494
  break;
495
495
  case "End":
496
- f && (j.preventDefault(), $(a.length - 1));
496
+ f && (w.preventDefault(), k(o.length - 1));
497
497
  break;
498
498
  case "Enter":
499
499
  case " ":
500
- j.preventDefault(), f ? I >= 0 && (r == null || r(a[I].value), V(!0)) : h();
500
+ w.preventDefault(), f ? A >= 0 && (r == null || r(o[A].value), U(!0)) : x();
501
501
  break;
502
502
  case "Escape":
503
- f && (j.preventDefault(), V(!0));
503
+ f && (w.preventDefault(), U(!0));
504
504
  break;
505
505
  case "Tab":
506
- f && V(!1);
506
+ f && U(!1);
507
507
  break;
508
508
  }
509
- }, D = a.find((j) => j.value === s), z = c === "xs" ? A[1] : c === "small" ? A[2] : A[3], U = f && /* @__PURE__ */ e.jsx(
509
+ }, C = o.find((w) => w.value === t), K = l === "xs" ? D[1] : l === "small" ? D[2] : D[3], Z = f && /* @__PURE__ */ e.jsx(
510
510
  "div",
511
511
  {
512
- ref: O,
512
+ ref: I,
513
513
  role: "listbox",
514
- "aria-labelledby": t ? C : void 0,
514
+ "aria-labelledby": s ? Y : void 0,
515
515
  tabIndex: -1,
516
516
  className: [
517
517
  "ds-select-dropdown",
518
- `ds-select-dropdown--${c}`,
519
- `ds-select-dropdown--${y}`,
518
+ `ds-select-dropdown--${l}`,
519
+ `ds-select-dropdown--${E}`,
520
520
  d && "ds-select-dropdown--closing"
521
521
  ].filter(Boolean).join(" "),
522
- style: w,
523
- children: a.map((j, l) => /* @__PURE__ */ e.jsx(
522
+ style: _,
523
+ children: o.map((w, c) => /* @__PURE__ */ e.jsx(
524
524
  "button",
525
525
  {
526
- id: `${W}-opt-${l}`,
526
+ id: `${z}-opt-${c}`,
527
527
  type: "button",
528
528
  role: "option",
529
529
  tabIndex: -1,
530
- "aria-selected": s === j.value,
530
+ "aria-selected": t === w.value,
531
531
  className: [
532
532
  "ds-select-option",
533
- `ds-select-option--${c}`,
534
- s === j.value && "ds-select-option--selected",
535
- l === I && "ds-select-option--active"
533
+ `ds-select-option--${l}`,
534
+ t === w.value && "ds-select-option--selected",
535
+ c === A && "ds-select-option--active"
536
536
  ].filter(Boolean).join(" "),
537
537
  onClick: () => {
538
- r == null || r(j.value), V(!0);
538
+ r == null || r(w.value), U(!0);
539
539
  },
540
- children: j.label
540
+ children: w.label
541
541
  },
542
- j.value
542
+ w.value
543
543
  ))
544
544
  }
545
545
  );
546
- return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
547
- t && /* @__PURE__ */ e.jsx("label", { id: C, className: "ds-select-label", children: t }),
548
- /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: F, children: /* @__PURE__ */ e.jsxs(
546
+ return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${p ? "ds-select-wrapper--disabled" : ""}`, children: [
547
+ s && /* @__PURE__ */ e.jsx("label", { id: Y, className: "ds-select-label", children: s }),
548
+ /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
549
549
  "button",
550
550
  {
551
- ref: q,
551
+ ref: v,
552
552
  type: "button",
553
- id: W,
553
+ id: z,
554
554
  role: "combobox",
555
555
  "aria-haspopup": "listbox",
556
556
  "aria-expanded": f,
557
- "aria-activedescendant": f && I >= 0 ? `${W}-opt-${I}` : void 0,
558
- "aria-labelledby": t ? C : void 0,
557
+ "aria-activedescendant": f && A >= 0 ? `${z}-opt-${A}` : void 0,
558
+ "aria-labelledby": s ? Y : void 0,
559
559
  "aria-invalid": n ? "true" : "false",
560
- "aria-describedby": G,
561
- className: `ds-select-trigger ds-select-trigger--${c} ${n ? "ds-select-trigger--error" : ""}`,
560
+ "aria-describedby": H,
561
+ className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
562
562
  onClick: () => {
563
- m || (f ? V() : h());
563
+ p || (f ? U() : x());
564
564
  },
565
- onKeyDown: T,
566
- disabled: m,
567
- ...p,
565
+ onKeyDown: O,
566
+ disabled: p,
567
+ ...m,
568
568
  children: [
569
- /* @__PURE__ */ e.jsx("span", { className: D ? "" : "ds-select-placeholder", children: (D == null ? void 0 : D.label) || o }),
569
+ /* @__PURE__ */ e.jsx("span", { className: C ? "" : "ds-select-placeholder", children: (C == null ? void 0 : C.label) || a }),
570
570
  /* @__PURE__ */ e.jsx(
571
- ne,
571
+ xe,
572
572
  {
573
- size: z,
573
+ size: K,
574
574
  strokeWidth: 1.5,
575
- className: `ds-select-icon ${f && y === "down" ? "ds-select-icon--open" : ""} ${f && y === "up" ? "ds-select-icon--up" : ""}`,
575
+ className: `ds-select-icon ${f && E === "down" ? "ds-select-icon--open" : ""} ${f && E === "up" ? "ds-select-icon--up" : ""}`,
576
576
  "aria-hidden": "true"
577
577
  }
578
578
  )
579
579
  ]
580
580
  }
581
581
  ) }),
582
- n && /* @__PURE__ */ e.jsx("span", { id: G, className: "ds-select-error", role: "alert", children: n }),
583
- typeof document < "u" && ae.createPortal(U, document.body)
582
+ n && /* @__PURE__ */ e.jsx("span", { id: H, className: "ds-select-error", role: "alert", children: n }),
583
+ typeof document < "u" && me.createPortal(Z, document.body)
584
584
  ] });
585
585
  }
586
- function fs({
587
- label: t,
588
- value: s = 0,
586
+ function It({
587
+ label: s,
588
+ value: t = 0,
589
589
  onChange: r,
590
- min: a = 0,
591
- max: o = 100,
590
+ min: o = 0,
591
+ max: a = 100,
592
592
  step: n = 1,
593
593
  size: i = "m",
594
- disabled: c = !1,
595
- hint: m,
594
+ disabled: l = !1,
595
+ hint: p,
596
596
  error: u,
597
- ...p
597
+ ...m
598
598
  }) {
599
599
  const f = () => {
600
- if (c) return;
601
- const y = Math.min(Number(s) + n, o);
602
- r == null || r(y);
603
- }, x = () => {
604
- if (c) return;
605
- const y = Math.max(Number(s) - n, a);
606
- r == null || r(y);
607
- }, d = (y) => {
608
- if (c) return;
609
- const P = y.target.value;
610
- if (P === "") {
611
- r == null || r(a);
600
+ if (l) return;
601
+ const E = Math.min(Number(t) + n, a);
602
+ r == null || r(E);
603
+ }, h = () => {
604
+ if (l) return;
605
+ const E = Math.max(Number(t) - n, o);
606
+ r == null || r(E);
607
+ }, d = (E) => {
608
+ if (l) return;
609
+ const g = E.target.value;
610
+ if (g === "") {
611
+ r == null || r(o);
612
612
  return;
613
613
  }
614
- const I = Number(P);
615
- if (!isNaN(I)) {
616
- const $ = Math.min(Math.max(I, a), o);
617
- r == null || r($);
614
+ const A = Number(g);
615
+ if (!isNaN(A)) {
616
+ const k = Math.min(Math.max(A, o), a);
617
+ r == null || r(k);
618
618
  }
619
- }, _ = [
619
+ }, b = [
620
620
  "ds-stepper-wrapper",
621
- c && "ds-stepper-wrapper--disabled",
621
+ l && "ds-stepper-wrapper--disabled",
622
622
  u && "ds-stepper-wrapper--error"
623
- ].filter(Boolean).join(" "), w = [
623
+ ].filter(Boolean).join(" "), _ = [
624
624
  "ds-stepper",
625
625
  `ds-stepper--${i}`,
626
- c && "ds-stepper--disabled"
627
- ].filter(Boolean).join(" "), g = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
628
- return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
629
- t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
630
- /* @__PURE__ */ e.jsxs("div", { className: w, children: [
626
+ l && "ds-stepper--disabled"
627
+ ].filter(Boolean).join(" "), R = i === "xs" ? D[1] : i === "small" ? D[2] : D[3];
628
+ return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
629
+ s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
630
+ /* @__PURE__ */ e.jsxs("div", { className: _, children: [
631
631
  /* @__PURE__ */ e.jsx(
632
632
  "button",
633
633
  {
634
634
  type: "button",
635
635
  className: "ds-stepper-button ds-stepper-button--minus",
636
- onClick: x,
637
- disabled: c || s <= a,
636
+ onClick: h,
637
+ disabled: l || t <= o,
638
638
  "aria-label": "Decrease",
639
- children: /* @__PURE__ */ e.jsx(ge, { size: g, strokeWidth: 1.5 })
639
+ children: /* @__PURE__ */ e.jsx(We, { size: R, strokeWidth: 1.5 })
640
640
  }
641
641
  ),
642
642
  /* @__PURE__ */ e.jsx(
@@ -644,13 +644,13 @@ function fs({
644
644
  {
645
645
  type: "number",
646
646
  className: "ds-stepper-input",
647
- value: s,
647
+ value: t,
648
648
  onChange: d,
649
- min: a,
650
- max: o,
649
+ min: o,
650
+ max: a,
651
651
  step: n,
652
- disabled: c,
653
- ...p
652
+ disabled: l,
653
+ ...m
654
654
  }
655
655
  ),
656
656
  /* @__PURE__ */ e.jsx(
@@ -659,223 +659,223 @@ function fs({
659
659
  type: "button",
660
660
  className: "ds-stepper-button ds-stepper-button--plus",
661
661
  onClick: f,
662
- disabled: c || s >= o,
662
+ disabled: l || t >= a,
663
663
  "aria-label": "Increase",
664
- children: /* @__PURE__ */ e.jsx($e, { size: g, strokeWidth: 1.5 })
664
+ children: /* @__PURE__ */ e.jsx(Fe, { size: R, strokeWidth: 1.5 })
665
665
  }
666
666
  )
667
667
  ] }),
668
- m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
668
+ p && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: p }),
669
669
  u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
670
670
  ] });
671
671
  }
672
- function Le({
673
- children: t,
674
- padding: s = "m",
672
+ function tt({
673
+ children: s,
674
+ padding: t = "m",
675
675
  variant: r = "info",
676
- hover: a = !1,
676
+ hover: o = !1,
677
677
  // deprecated, use variant="interactive"
678
- onClick: o,
678
+ onClick: a,
679
679
  href: n,
680
680
  disabled: i = !1,
681
- ...c
681
+ ...l
682
682
  }) {
683
- const u = (a ? "interactive" : r) === "interactive" || o || n, p = [
683
+ const u = (o ? "interactive" : r) === "interactive" || a || n, m = [
684
684
  "ds-card",
685
- `ds-card--${s}`,
685
+ `ds-card--${t}`,
686
686
  u && "ds-card--interactive"
687
687
  ].filter(Boolean).join(" ");
688
688
  if (n) {
689
- const d = (_) => {
689
+ const d = (b) => {
690
690
  if (i) {
691
- _.preventDefault();
691
+ b.preventDefault();
692
692
  return;
693
693
  }
694
- _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), o == null || o(_));
694
+ b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
695
695
  };
696
696
  return /* @__PURE__ */ e.jsx(
697
697
  "a",
698
698
  {
699
- className: p,
699
+ className: m,
700
700
  href: i ? void 0 : n,
701
701
  onClick: d,
702
702
  "aria-disabled": i ? "true" : void 0,
703
- ...c,
704
- children: t
703
+ ...l,
704
+ children: s
705
705
  }
706
706
  );
707
707
  }
708
- const f = u && o ? "button" : "div", x = u && o ? {
708
+ const f = u && a ? "button" : "div", h = u && a ? {
709
709
  type: "button",
710
- onClick: o,
710
+ onClick: a,
711
711
  disabled: i
712
712
  } : {};
713
713
  return /* @__PURE__ */ e.jsx(
714
714
  f,
715
715
  {
716
- className: p,
717
- role: u && !o ? "article" : void 0,
718
- ...x,
719
- ...c,
720
- children: t
716
+ className: m,
717
+ role: u && !a ? "article" : void 0,
718
+ ...h,
719
+ ...l,
720
+ children: s
721
721
  }
722
722
  );
723
723
  }
724
- function ms({ children: t, ...s }) {
725
- return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
724
+ function Dt({ children: s, ...t }) {
725
+ return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
726
726
  }
727
- function ps({ children: t, ...s }) {
728
- return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
727
+ function Bt({ children: s, ...t }) {
728
+ return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
729
729
  }
730
- function hs({ children: t, ...s }) {
731
- return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
730
+ function Pt({ children: s, ...t }) {
731
+ return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
732
732
  }
733
- function xs({ children: t, ...s }) {
734
- return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
733
+ function Lt({ children: s, ...t }) {
734
+ return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
735
735
  }
736
- function bs({ children: t, secondary: s = !1, ...r }) {
737
- return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...r, children: t });
736
+ function Ot({ children: s, secondary: t = !1, ...r }) {
737
+ return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
738
738
  }
739
- function Me({ children: t, secondary: s = !1, ...r }) {
740
- return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...r, children: t });
739
+ function st({ children: s, secondary: t = !1, ...r }) {
740
+ return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
741
741
  }
742
- function we({ children: t, secondary: s = !1, ...r }) {
743
- return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...r, children: t });
742
+ function Pe({ children: s, secondary: t = !1, ...r }) {
743
+ return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
744
744
  }
745
- function ie({
746
- children: t,
747
- variant: s = "default",
745
+ function pe({
746
+ children: s,
747
+ variant: t = "default",
748
748
  size: r = "m",
749
- role: a,
750
- ...o
749
+ role: o,
750
+ ...a
751
751
  }) {
752
752
  const n = [
753
753
  "ds-badge",
754
- `ds-badge--${s}`,
754
+ `ds-badge--${t}`,
755
755
  `ds-badge--${r}`
756
- ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
757
- return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...o, children: t });
758
- }
759
- const We = {
760
- info: me,
761
- success: fe,
762
- warning: ue,
763
- error: de
756
+ ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
757
+ return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
758
+ }
759
+ const rt = {
760
+ info: ge,
761
+ success: ye,
762
+ warning: we,
763
+ error: Ne
764
764
  };
765
- function vs({
766
- children: t,
767
- variant: s = "info",
765
+ function Mt({
766
+ children: s,
767
+ variant: t = "info",
768
768
  title: r,
769
- onClose: a,
770
- role: o,
769
+ onClose: o,
770
+ role: a,
771
771
  ...n
772
772
  }) {
773
- const i = We[s], c = o || (s === "error" ? "alert" : "status");
774
- return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${s} ${r ? "" : "ds-alert--no-title"}`, role: c, ...n, children: [
775
- i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
773
+ const i = rt[t], l = a || (t === "error" ? "alert" : "status");
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: D[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
- t && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: t })
778
+ s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
779
779
  ] }),
780
- a && /* @__PURE__ */ e.jsx(
780
+ o && /* @__PURE__ */ e.jsx(
781
781
  "button",
782
782
  {
783
783
  type: "button",
784
784
  className: "ds-alert__close",
785
- onClick: a,
785
+ onClick: o,
786
786
  "aria-label": "Close alert",
787
- children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
787
+ children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
788
788
  }
789
789
  )
790
790
  ] });
791
791
  }
792
- const ze = 200;
793
- function js({
794
- children: t,
795
- title: s,
792
+ const nt = 200;
793
+ function zt({
794
+ children: s,
795
+ title: t,
796
796
  onClose: r,
797
- size: a = "m",
798
- ...o
797
+ size: o = "m",
798
+ ...a
799
799
  }) {
800
- const n = N(null), i = L.useId(), [c, m] = k(!1), u = () => {
801
- !r || c || (m(!0), setTimeout(() => {
802
- m(!1), r();
803
- }, ze));
800
+ const n = $(null), i = q.useId(), [l, p] = S(!1), u = () => {
801
+ !r || l || (p(!0), setTimeout(() => {
802
+ p(!1), r();
803
+ }, nt));
804
804
  };
805
- R(() => {
806
- const d = (w) => {
807
- w.key === "Escape" && u();
808
- }, _ = (w) => {
809
- n.current && !n.current.contains(w.target) && u();
805
+ B(() => {
806
+ const d = (_) => {
807
+ _.key === "Escape" && u();
808
+ }, b = (_) => {
809
+ n.current && !n.current.contains(_.target) && u();
810
810
  };
811
- return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
812
- document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
811
+ return document.addEventListener("keydown", d), document.addEventListener("mousedown", b), () => {
812
+ document.removeEventListener("keydown", d), document.removeEventListener("mousedown", b);
813
813
  };
814
- }, [r, c]);
815
- const p = L.Children.toArray(t), f = p.find((d) => (d == null ? void 0 : d.type) === xe), x = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
816
- return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...o, children: /* @__PURE__ */ e.jsxs(
814
+ }, [r, l]);
815
+ const m = q.Children.toArray(s), f = m.find((d) => (d == null ? void 0 : d.type) === Se), h = m.filter((d) => (d == null ? void 0 : d.type) !== Se);
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
  {
819
- className: `ds-modal ds-modal--${a}`,
819
+ className: `ds-modal ds-modal--${o}`,
820
820
  ref: n,
821
821
  role: "dialog",
822
822
  "aria-modal": "true",
823
- "aria-labelledby": s ? i : void 0,
823
+ "aria-labelledby": t ? i : void 0,
824
824
  children: [
825
- (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
826
- s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: s }),
825
+ (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
826
+ t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
827
827
  r && /* @__PURE__ */ e.jsx(
828
- _e,
828
+ fe,
829
829
  {
830
830
  variant: "ghost",
831
831
  size: "small",
832
- icon: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }),
832
+ icon: /* @__PURE__ */ e.jsx(ne, { size: D[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: x }),
838
+ /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: h }),
839
839
  f
840
840
  ]
841
841
  }
842
842
  ) });
843
843
  }
844
- function xe({ children: t }) {
845
- return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
844
+ function Se({ children: s }) {
845
+ return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
846
846
  }
847
- function Fe({
848
- children: t,
849
- title: s = "Code",
847
+ function at({
848
+ children: s,
849
+ title: t = "Code",
850
850
  defaultExpanded: r = !1,
851
- expanded: a,
852
- onToggle: o,
851
+ expanded: o,
852
+ onToggle: a,
853
853
  padding: n = "s",
854
854
  className: i = "",
855
- ...c
855
+ ...l
856
856
  }) {
857
- const [m, u] = k(r), p = a !== void 0, f = p ? a : m, x = () => {
858
- p ? o == null || o(!a) : u((_) => !_);
857
+ const [p, u] = S(r), m = o !== void 0, f = m ? o : p, h = () => {
858
+ m ? a == null || a(!o) : u((b) => !b);
859
859
  }, d = [
860
860
  "ds-code-accordion",
861
861
  `ds-code-accordion--${n}`,
862
862
  f && "ds-code-accordion--expanded",
863
863
  i
864
864
  ].filter(Boolean).join(" ");
865
- return /* @__PURE__ */ e.jsxs("div", { className: d, ...c, children: [
865
+ return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
866
866
  /* @__PURE__ */ e.jsxs(
867
867
  "button",
868
868
  {
869
869
  type: "button",
870
870
  className: "ds-code-accordion__header",
871
- onClick: x,
871
+ onClick: h,
872
872
  "aria-expanded": f,
873
873
  children: [
874
- /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
874
+ /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
875
875
  /* @__PURE__ */ e.jsx(
876
- ne,
876
+ xe,
877
877
  {
878
- size: A[2],
878
+ size: D[2],
879
879
  strokeWidth: 1.5,
880
880
  className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
881
881
  }
@@ -883,43 +883,43 @@ function Fe({
883
883
  ]
884
884
  }
885
885
  ),
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: t }) }) }) })
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 _s({ children: t, block: s = !1, collapsible: r = !1, title: a = "Code", defaultExpanded: o = !1, ...n }) {
890
- return s ? r ? /* @__PURE__ */ e.jsx(Fe, { title: a, defaultExpanded: o, ...n, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: t });
889
+ function Wt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
890
+ return t ? r ? /* @__PURE__ */ e.jsx(at, { 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 ws({ href: t, children: s, onClick: r, target: a, rel: o, ...n }) {
893
- const c = a === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
892
+ function Ft({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
893
+ const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
894
894
  return /* @__PURE__ */ e.jsx(
895
895
  "a",
896
896
  {
897
- href: t,
897
+ href: s,
898
898
  className: "ds-link",
899
899
  onClick: r,
900
- target: a,
901
- rel: c,
900
+ target: o,
901
+ rel: l,
902
902
  ...n,
903
- children: s
903
+ children: t
904
904
  }
905
905
  );
906
906
  }
907
- function Ns({ children: t, size: s = "m", variant: r = "ghost", ...a }) {
908
- return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: L.Children.map(t, (o) => L.isValidElement(o) ? L.cloneElement(o, { size: s, variant: r }) : o) });
907
+ function Ct({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
908
+ return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: q.Children.map(s, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: t, variant: r }) : a) });
909
909
  }
910
- function ys({ children: t, selected: s = !1, onClick: r, size: a = "m", variant: o = "ghost", disabled: n = !1, icon: i, href: c, ...m }) {
911
- const u = i && !t, p = [
910
+ function Ut({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...p }) {
911
+ const u = i && !s, m = [
912
912
  "ds-tab",
913
- `ds-tab--${a}`,
914
913
  `ds-tab--${o}`,
915
- s && "ds-tab--selected",
914
+ `ds-tab--${a}`,
915
+ t && "ds-tab--selected",
916
916
  u && "ds-tab--icon-only"
917
917
  ].filter(Boolean).join(" "), f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
918
918
  i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
919
- t
919
+ s
920
920
  ] });
921
- if (c) {
922
- const x = (d) => {
921
+ if (l) {
922
+ const h = (d) => {
923
923
  if (n) {
924
924
  d.preventDefault();
925
925
  return;
@@ -930,12 +930,12 @@ function ys({ children: t, selected: s = !1, onClick: r, size: a = "m", variant:
930
930
  "a",
931
931
  {
932
932
  role: "tab",
933
- "aria-current": s ? "page" : void 0,
933
+ "aria-current": t ? "page" : void 0,
934
934
  "aria-disabled": n ? "true" : void 0,
935
- className: p,
936
- href: n ? void 0 : c,
937
- onClick: x,
938
- ...m,
935
+ className: m,
936
+ href: n ? void 0 : l,
937
+ onClick: h,
938
+ ...p,
939
939
  children: f
940
940
  }
941
941
  );
@@ -944,33 +944,33 @@ function ys({ children: t, selected: s = !1, onClick: r, size: a = "m", variant:
944
944
  "button",
945
945
  {
946
946
  role: "tab",
947
- "aria-selected": s,
948
- className: p,
947
+ "aria-selected": t,
948
+ className: m,
949
949
  onClick: r,
950
950
  disabled: n,
951
- ...m,
951
+ ...p,
952
952
  children: f
953
953
  }
954
954
  );
955
955
  }
956
- function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1 }) {
957
- const n = N(null), i = N(null), [c, m] = k(!1), u = N(!1), p = N(null), f = N(null), x = () => {
956
+ function Vt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
957
+ const n = $(null), i = $(null), [l, p] = S(!1), u = $(!1), m = $(null), f = $(null), h = () => {
958
958
  if (!n.current) return;
959
- const d = n.current.querySelector(`[data-value="${s}"]`);
959
+ const d = n.current.querySelector(`[data-value="${t}"]`);
960
960
  if (!d) return;
961
- const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), g = w.left - _.left, y = 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 = y + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
961
+ const b = n.current.getBoundingClientRect(), _ = d.getBoundingClientRect(), R = _.left - b.left, E = _.width;
962
+ i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = R + "px", i.current.style.width = E + "px", u.current = !1) : (p(!0), requestAnimationFrame(() => {
963
963
  if (!i.current || !n.current) return;
964
- const P = n.current.querySelector(`[data-value="${s}"]`);
965
- if (!P) return;
966
- const I = n.current.getBoundingClientRect(), $ = P.getBoundingClientRect();
967
- i.current.style.transition = "none", i.current.style.left = $.left - I.left + "px", i.current.style.width = $.width + "px";
964
+ const g = n.current.querySelector(`[data-value="${t}"]`);
965
+ if (!g) return;
966
+ const A = n.current.getBoundingClientRect(), k = g.getBoundingClientRect();
967
+ i.current.style.transition = "none", i.current.style.left = k.left - A.left + "px", i.current.style.width = k.width + "px";
968
968
  }));
969
969
  };
970
- return f.current = x, Ee(() => {
971
- const d = p.current !== s;
972
- p.current = s, u.current = c && d, x();
973
- }), R(() => {
970
+ return f.current = h, Me(() => {
971
+ const d = m.current !== t;
972
+ m.current = t, u.current = l && d, h();
973
+ }), B(() => {
974
974
  if (!n.current) return;
975
975
  const d = new ResizeObserver(() => {
976
976
  u.current = !1, f.current();
@@ -981,13 +981,13 @@ function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1
981
981
  {
982
982
  className: [
983
983
  "ds-seg",
984
- `ds-seg--${a}`,
985
- o && "ds-seg--disabled"
984
+ `ds-seg--${o}`,
985
+ a && "ds-seg--disabled"
986
986
  ].filter(Boolean).join(" "),
987
987
  ref: n,
988
988
  role: "group",
989
989
  children: [
990
- c && /* @__PURE__ */ e.jsx(
990
+ l && /* @__PURE__ */ e.jsx(
991
991
  "div",
992
992
  {
993
993
  ref: i,
@@ -995,15 +995,15 @@ function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1
995
995
  "aria-hidden": "true"
996
996
  }
997
997
  ),
998
- t.map((d) => /* @__PURE__ */ e.jsxs(
998
+ s.map((d) => /* @__PURE__ */ e.jsxs(
999
999
  "button",
1000
1000
  {
1001
1001
  type: "button",
1002
1002
  "data-value": d.value,
1003
- className: ["ds-seg__btn", s === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
1004
- onClick: () => !o && r(d.value),
1005
- "aria-pressed": s === d.value,
1006
- disabled: o,
1003
+ className: ["ds-seg__btn", t === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
1004
+ onClick: () => !a && r(d.value),
1005
+ "aria-pressed": t === d.value,
1006
+ disabled: a,
1007
1007
  children: [
1008
1008
  d.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
1009
1009
  d.label
@@ -1015,525 +1015,525 @@ function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1
1015
1015
  }
1016
1016
  );
1017
1017
  }
1018
- function Ve({
1019
- children: t,
1020
- title: s,
1018
+ function ot({
1019
+ children: s,
1020
+ title: t,
1021
1021
  defaultExpanded: r = !1,
1022
- expanded: a,
1023
- onToggle: o,
1022
+ expanded: o,
1023
+ onToggle: a,
1024
1024
  padding: n = "m",
1025
1025
  ...i
1026
1026
  }) {
1027
- const [c, m] = k(r), u = a !== void 0, p = u ? a : c, f = () => {
1028
- u ? o == null || o(!a) : m((d) => !d);
1029
- }, x = [
1027
+ const [l, p] = S(r), u = o !== void 0, m = u ? o : l, f = () => {
1028
+ u ? a == null || a(!o) : p((d) => !d);
1029
+ }, h = [
1030
1030
  "ds-accordion",
1031
1031
  `ds-accordion--${n}`,
1032
- p && "ds-accordion--expanded"
1032
+ m && "ds-accordion--expanded"
1033
1033
  ].filter(Boolean).join(" ");
1034
- return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
1034
+ return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
1035
1035
  /* @__PURE__ */ e.jsxs(
1036
1036
  "button",
1037
1037
  {
1038
1038
  type: "button",
1039
1039
  className: "ds-accordion__header",
1040
1040
  onClick: f,
1041
- "aria-expanded": p,
1041
+ "aria-expanded": m,
1042
1042
  children: [
1043
- /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
1043
+ /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
1044
1044
  /* @__PURE__ */ e.jsx(
1045
- ne,
1045
+ xe,
1046
1046
  {
1047
- size: A[2],
1047
+ size: D[2],
1048
1048
  strokeWidth: 1.5,
1049
- className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
1049
+ className: `ds-accordion__icon ${m ? "ds-accordion__icon--expanded" : ""}`
1050
1050
  }
1051
1051
  )
1052
1052
  ]
1053
1053
  }
1054
1054
  ),
1055
- /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
1055
+ /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
1056
1056
  ] });
1057
1057
  }
1058
- const Y = 8, Z = 8;
1059
- function Ce(t, s, r) {
1060
- const a = window.innerWidth;
1061
- let o, n;
1062
- switch (t) {
1058
+ const re = 8, le = 8;
1059
+ function it(s, t, r) {
1060
+ const o = window.innerWidth;
1061
+ let a, n;
1062
+ switch (s) {
1063
1063
  case "top":
1064
- o = s.top - r.height - Y, n = s.left + s.width / 2 - r.width / 2;
1064
+ a = t.top - r.height - re, n = t.left + t.width / 2 - r.width / 2;
1065
1065
  break;
1066
1066
  case "bottom":
1067
- o = s.bottom + Y, n = s.left + s.width / 2 - r.width / 2;
1067
+ a = t.bottom + re, n = t.left + t.width / 2 - r.width / 2;
1068
1068
  break;
1069
1069
  case "left":
1070
- o = s.top + s.height / 2 - r.height / 2, n = s.left - r.width - Y;
1070
+ a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - re;
1071
1071
  break;
1072
1072
  case "right":
1073
- o = s.top + s.height / 2 - r.height / 2, n = s.right + Y;
1073
+ a = t.top + t.height / 2 - r.height / 2, n = t.right + re;
1074
1074
  break;
1075
1075
  default:
1076
- o = s.bottom + Y, n = s.left;
1076
+ a = t.bottom + re, n = t.left;
1077
1077
  }
1078
- const i = Math.max(Z, Math.min(a - r.width - Z, n)), c = n - i;
1079
- return { top: o, left: i, arrowOffset: c };
1080
- }
1081
- function Ue(t, s, r) {
1082
- const a = window.innerWidth, o = window.innerHeight;
1083
- if (t.top >= s + Y + Z) return "top";
1084
- if (o - t.bottom >= s + Y + Z) return "bottom";
1085
- if (a - t.right >= r + Y + Z) return "right";
1086
- if (t.left >= r + Y + Z) return "left";
1087
- const n = Math.max(t.top, o - t.bottom, t.left, a - t.right);
1088
- return n === t.top ? "top" : n === o - t.bottom ? "bottom" : n === a - t.right ? "right" : "left";
1089
- }
1090
- function ks({ children: t, content: s, position: r, ...a }) {
1091
- const [o, n] = k(!1), [i, c] = k({ visibility: "hidden" }), [m, u] = k(r || "top"), p = N(null), f = N(null), x = N(!1), d = () => {
1092
- if (!p.current || !f.current) return;
1093
- const w = p.current.getBoundingClientRect(), g = f.current.getBoundingClientRect(), y = r || Ue(w, g.height, g.width), { top: P, left: I, arrowOffset: $ } = Ce(y, w, g);
1094
- u(y), c({
1078
+ const i = Math.max(le, Math.min(o - r.width - le, n)), l = n - i;
1079
+ return { top: a, left: i, arrowOffset: l };
1080
+ }
1081
+ function lt(s, t, r) {
1082
+ const o = window.innerWidth, a = window.innerHeight;
1083
+ if (s.top >= t + re + le) return "top";
1084
+ if (a - s.bottom >= t + re + le) return "bottom";
1085
+ if (o - s.right >= r + re + le) return "right";
1086
+ if (s.left >= r + re + le) return "left";
1087
+ const n = Math.max(s.top, a - s.bottom, s.left, o - s.right);
1088
+ return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
1089
+ }
1090
+ function Yt({ children: s, content: t, position: r, ...o }) {
1091
+ const [a, n] = S(!1), [i, l] = S({ visibility: "hidden" }), [p, u] = S(r || "top"), m = $(null), f = $(null), h = $(!1), d = () => {
1092
+ if (!m.current || !f.current) return;
1093
+ const _ = m.current.getBoundingClientRect(), R = f.current.getBoundingClientRect(), E = r || lt(_, R.height, R.width), { top: g, left: A, arrowOffset: k } = it(E, _, R);
1094
+ u(E), l({
1095
1095
  position: "fixed",
1096
- top: P,
1097
- left: I,
1096
+ top: g,
1097
+ left: A,
1098
1098
  visibility: "visible",
1099
- "--arrow-offset": `${$}px`
1099
+ "--arrow-offset": `${k}px`
1100
1100
  });
1101
1101
  };
1102
- if (R(() => {
1103
- if (!o) return;
1104
- c({ position: "fixed", visibility: "hidden" });
1105
- const w = requestAnimationFrame(d);
1102
+ if (B(() => {
1103
+ if (!a) return;
1104
+ l({ position: "fixed", visibility: "hidden" });
1105
+ const _ = requestAnimationFrame(d);
1106
1106
  return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
1107
- cancelAnimationFrame(w), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
1107
+ cancelAnimationFrame(_), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
1108
1108
  };
1109
- }, [o, r]), R(() => {
1110
- if (!o) return;
1111
- const w = (g) => {
1112
- p.current && !p.current.contains(g.target) && n(!1);
1109
+ }, [a, r]), B(() => {
1110
+ if (!a) return;
1111
+ const _ = (R) => {
1112
+ m.current && !m.current.contains(R.target) && n(!1);
1113
1113
  };
1114
- return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
1115
- }, [o]), !s) return t;
1116
- const _ = o && /* @__PURE__ */ e.jsx(
1114
+ return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
1115
+ }, [a]), !t) return s;
1116
+ const b = a && /* @__PURE__ */ e.jsx(
1117
1117
  "div",
1118
1118
  {
1119
1119
  ref: f,
1120
- className: `ds-tooltip ds-tooltip--${m}`,
1120
+ className: `ds-tooltip ds-tooltip--${p}`,
1121
1121
  role: "tooltip",
1122
1122
  style: i,
1123
- children: s
1123
+ children: t
1124
1124
  }
1125
1125
  );
1126
1126
  return /* @__PURE__ */ e.jsxs(
1127
1127
  "div",
1128
1128
  {
1129
- ref: p,
1129
+ ref: m,
1130
1130
  className: "ds-tooltip-wrapper",
1131
1131
  onMouseEnter: () => {
1132
- x.current || n(!0);
1132
+ h.current || n(!0);
1133
1133
  },
1134
1134
  onMouseLeave: () => {
1135
- x.current || n(!1);
1135
+ h.current || n(!1);
1136
1136
  },
1137
1137
  onTouchStart: () => {
1138
- x.current = !0, n((w) => !w);
1138
+ h.current = !0, n((_) => !_);
1139
1139
  },
1140
- ...a,
1140
+ ...o,
1141
1141
  children: [
1142
- t,
1143
- typeof document < "u" && ae.createPortal(_, document.body)
1142
+ s,
1143
+ typeof document < "u" && me.createPortal(b, document.body)
1144
1144
  ]
1145
1145
  }
1146
1146
  );
1147
1147
  }
1148
- function gs({
1149
- checked: t = !1,
1150
- onChange: s,
1148
+ function qt({
1149
+ checked: s = !1,
1150
+ onChange: t,
1151
1151
  size: r = "m",
1152
- disabled: a = !1,
1153
- label: o,
1152
+ disabled: o = !1,
1153
+ label: a,
1154
1154
  id: n,
1155
1155
  ...i
1156
1156
  }) {
1157
- const c = n || `toggle-${L.useId()}`, m = [
1157
+ const l = n || `toggle-${q.useId()}`, p = [
1158
1158
  "ds-toggle",
1159
1159
  `ds-toggle--${r}`,
1160
- a && "ds-toggle--disabled"
1160
+ o && "ds-toggle--disabled"
1161
1161
  ].filter(Boolean).join(" ");
1162
- return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
1162
+ return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
1163
1163
  /* @__PURE__ */ e.jsx(
1164
1164
  "input",
1165
1165
  {
1166
1166
  type: "checkbox",
1167
- id: c,
1167
+ id: l,
1168
1168
  className: "ds-toggle__input",
1169
- checked: t,
1170
- onChange: (u) => s == null ? void 0 : s(u.target.checked),
1171
- disabled: a,
1169
+ checked: s,
1170
+ onChange: (u) => t == null ? void 0 : t(u.target.checked),
1171
+ disabled: o,
1172
1172
  ...i
1173
1173
  }
1174
1174
  ),
1175
1175
  /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
1176
- o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
1176
+ a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
1177
1177
  ] });
1178
1178
  }
1179
- function $s({
1180
- checked: t = !1,
1181
- onChange: s,
1179
+ function Ht({
1180
+ checked: s = !1,
1181
+ onChange: t,
1182
1182
  size: r = "m",
1183
- disabled: a = !1,
1184
- label: o,
1183
+ disabled: o = !1,
1184
+ label: a,
1185
1185
  id: n,
1186
1186
  ...i
1187
1187
  }) {
1188
- const c = n || `checkbox-${L.useId()}`, m = [
1188
+ const l = n || `checkbox-${q.useId()}`, p = [
1189
1189
  "ds-checkbox",
1190
1190
  `ds-checkbox--${r}`,
1191
- a && "ds-checkbox--disabled"
1191
+ o && "ds-checkbox--disabled"
1192
1192
  ].filter(Boolean).join(" "), u = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
1193
- return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
1193
+ return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
1194
1194
  /* @__PURE__ */ e.jsx(
1195
1195
  "input",
1196
1196
  {
1197
1197
  type: "checkbox",
1198
- id: c,
1198
+ id: l,
1199
1199
  className: "ds-checkbox__input",
1200
- checked: t,
1201
- onChange: (p) => s == null ? void 0 : s(p.target.checked),
1202
- disabled: a,
1200
+ checked: s,
1201
+ onChange: (m) => t == null ? void 0 : t(m.target.checked),
1202
+ disabled: o,
1203
1203
  ...i
1204
1204
  }
1205
1205
  ),
1206
- /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
1207
- re,
1206
+ /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
1207
+ he,
1208
1208
  {
1209
1209
  size: u,
1210
1210
  strokeWidth: 2.5,
1211
1211
  className: "ds-checkbox__icon"
1212
1212
  }
1213
1213
  ) }),
1214
- o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
1214
+ a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
1215
1215
  ] });
1216
1216
  }
1217
- function Ts({
1218
- checked: t = !1,
1219
- onChange: s,
1217
+ function Kt({
1218
+ checked: s = !1,
1219
+ onChange: t,
1220
1220
  size: r = "m",
1221
- disabled: a = !1,
1222
- label: o,
1221
+ disabled: o = !1,
1222
+ label: a,
1223
1223
  name: n,
1224
1224
  value: i,
1225
- id: c,
1226
- ...m
1225
+ id: l,
1226
+ ...p
1227
1227
  }) {
1228
- const u = c || `radio-${L.useId()}`, p = [
1228
+ const u = l || `radio-${q.useId()}`, m = [
1229
1229
  "ds-radio",
1230
1230
  `ds-radio--${r}`,
1231
- a && "ds-radio--disabled"
1231
+ o && "ds-radio--disabled"
1232
1232
  ].filter(Boolean).join(" ");
1233
- return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: u, children: [
1233
+ return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: u, children: [
1234
1234
  /* @__PURE__ */ e.jsx(
1235
1235
  "input",
1236
1236
  {
1237
1237
  type: "radio",
1238
1238
  id: u,
1239
1239
  className: "ds-radio__input",
1240
- checked: t,
1241
- onChange: (f) => s == null ? void 0 : s(f.target.checked),
1242
- disabled: a,
1240
+ checked: s,
1241
+ onChange: (f) => t == null ? void 0 : t(f.target.checked),
1242
+ disabled: o,
1243
1243
  name: n,
1244
1244
  value: i,
1245
- ...m
1245
+ ...p
1246
1246
  }
1247
1247
  ),
1248
1248
  /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
1249
- o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
1249
+ a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
1250
1250
  ] });
1251
1251
  }
1252
- function Ye({ width: t, height: s, shape: r = "rect", aspectRatio: a, className: o = "", style: n = {}, ...i }) {
1252
+ function ct({ 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
  {
1256
- className: ["ds-skeleton", `ds-skeleton--${r}`, o].filter(Boolean).join(" "),
1257
- style: { width: t, height: s, aspectRatio: a, ...n },
1256
+ className: ["ds-skeleton", `ds-skeleton--${r}`, a].filter(Boolean).join(" "),
1257
+ style: { width: s, height: t, aspectRatio: o, ...n },
1258
1258
  "aria-hidden": "true",
1259
1259
  ...i
1260
1260
  }
1261
1261
  );
1262
1262
  }
1263
- function qe({ lines: t = 1, lastLineWidth: s = "70%", gap: r, className: a = "", style: o = {}, ...n }) {
1263
+ function dt({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
1264
1264
  return /* @__PURE__ */ e.jsx(
1265
1265
  "span",
1266
1266
  {
1267
- className: ["ds-skeleton-text", a].filter(Boolean).join(" "),
1268
- style: { gap: r, ...o },
1267
+ className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
1268
+ style: { gap: r, ...a },
1269
1269
  "aria-hidden": "true",
1270
1270
  ...n,
1271
- children: Array.from({ length: t }, (i, c) => /* @__PURE__ */ e.jsx(
1271
+ children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
1272
1272
  "span",
1273
1273
  {
1274
1274
  className: "ds-skeleton ds-skeleton--text",
1275
- style: c === t - 1 && t > 1 ? { width: s } : void 0
1275
+ style: l === s - 1 && s > 1 ? { width: t } : void 0
1276
1276
  },
1277
- c
1277
+ l
1278
1278
  ))
1279
1279
  }
1280
1280
  );
1281
1281
  }
1282
- Ye.Text = qe;
1283
- function He(t) {
1284
- let s = 2166136261;
1285
- for (let r = 0; r < t.length; r++)
1286
- s ^= t.charCodeAt(r), s = Math.imul(s, 16777619) >>> 0;
1287
- return s % 360;
1282
+ ct.Text = dt;
1283
+ function ut(s) {
1284
+ let t = 2166136261;
1285
+ for (let r = 0; r < s.length; r++)
1286
+ t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
1287
+ return t % 360;
1288
1288
  }
1289
- function Ke(t) {
1290
- if (!t) return "";
1291
- const s = t.trim().split(/\s+/);
1292
- return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
1289
+ function ft(s) {
1290
+ if (!s) return "";
1291
+ const t = s.trim().split(/\s+/);
1292
+ return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
1293
1293
  }
1294
- function Rs({ seed: t, icon: s, src: r, size: a = 32, className: o = "", style: n = {}, ...i }) {
1295
- const c = He(t ?? ""), [m, u] = k(!1), p = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ke(t) });
1294
+ function Gt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
1295
+ const l = ut(s ?? ""), [p, u] = S(!1), m = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: ft(s) });
1296
1296
  return /* @__PURE__ */ e.jsx(
1297
1297
  "div",
1298
1298
  {
1299
- className: ["ds-avatar", o].filter(Boolean).join(" "),
1300
- style: { width: a, height: a, "--ds-avatar-h": c, ...n },
1299
+ className: ["ds-avatar", a].filter(Boolean).join(" "),
1300
+ style: { width: o, height: o, "--ds-avatar-h": l, ...n },
1301
1301
  "aria-hidden": "true",
1302
1302
  ...i,
1303
- children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : p
1303
+ children: r && !p ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : m
1304
1304
  }
1305
1305
  );
1306
1306
  }
1307
- function Is({
1308
- children: t,
1309
- size: s = "compact",
1307
+ function Xt({
1308
+ children: s,
1309
+ size: t = "compact",
1310
1310
  stickyTop: r,
1311
- maxHeight: a,
1312
- className: o = "",
1311
+ maxHeight: o,
1312
+ className: a = "",
1313
1313
  style: n = {},
1314
1314
  ...i
1315
1315
  }) {
1316
- const c = {
1317
- ...a ? { maxHeight: a } : {},
1316
+ const l = {
1317
+ ...o ? { maxHeight: o } : {},
1318
1318
  ...r !== void 0 ? { "--ds-table-sticky-top": typeof r == "number" ? `${r}px` : r } : {},
1319
1319
  ...n
1320
1320
  };
1321
1321
  return /* @__PURE__ */ e.jsx(
1322
1322
  "div",
1323
1323
  {
1324
- className: ["ds-table-wrap", a ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
1325
- style: c,
1324
+ className: ["ds-table-wrap", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
1325
+ style: l,
1326
1326
  children: /* @__PURE__ */ e.jsx(
1327
1327
  "table",
1328
1328
  {
1329
- className: ["ds-table", `ds-table--${s}`, o].filter(Boolean).join(" "),
1329
+ className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
1330
1330
  ...i,
1331
- children: t
1331
+ children: s
1332
1332
  }
1333
1333
  )
1334
1334
  }
1335
1335
  );
1336
1336
  }
1337
- function Ss({ children: t, ...s }) {
1338
- return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
1337
+ function Jt({ children: s, ...t }) {
1338
+ return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
1339
1339
  }
1340
- function As({ children: t, ...s }) {
1341
- return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
1340
+ function Zt({ children: s, ...t }) {
1341
+ return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
1342
1342
  }
1343
- function Bs({ children: t, interactive: s, selected: r, subheader: a, className: o = "", onClick: n, ...i }) {
1343
+ function Qt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
1344
1344
  return /* @__PURE__ */ e.jsx(
1345
1345
  "tr",
1346
1346
  {
1347
1347
  className: [
1348
1348
  "ds-table-row",
1349
- s || n ? "ds-table-row--interactive" : "",
1349
+ t || n ? "ds-table-row--interactive" : "",
1350
1350
  r ? "ds-table-row--selected" : "",
1351
- a ? "ds-table-row--subheader" : "",
1352
- o
1351
+ o ? "ds-table-row--subheader" : "",
1352
+ a
1353
1353
  ].filter(Boolean).join(" "),
1354
1354
  onClick: n,
1355
1355
  ...i,
1356
- children: t
1356
+ children: s
1357
1357
  }
1358
1358
  );
1359
1359
  }
1360
- function Ds({ children: t, colSpan: s = 999, ...r }) {
1361
- return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
1360
+ function es({ children: s, colSpan: t = 999, ...r }) {
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 Ps({ children: t, align: s = "left", sortDir: r, onSort: a, width: o, className: n = "", style: i = {}, ...c }) {
1364
- const m = !!a || r !== void 0, u = r === "asc" ? Te : r === "desc" ? ne : Re;
1363
+ function ts({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
1364
+ const p = !!o || r !== void 0, u = r === "asc" ? Ce : r === "desc" ? xe : Ue;
1365
1365
  return /* @__PURE__ */ e.jsx(
1366
1366
  "th",
1367
1367
  {
1368
1368
  className: [
1369
1369
  "ds-th",
1370
- m ? "ds-th--sortable" : "",
1370
+ p ? "ds-th--sortable" : "",
1371
1371
  r ? "ds-th--sorted" : "",
1372
- s !== "left" ? `ds-table-cell--${s}` : "",
1372
+ t !== "left" ? `ds-table-cell--${t}` : "",
1373
1373
  n
1374
1374
  ].filter(Boolean).join(" "),
1375
- onClick: a,
1376
- style: { width: o, ...i },
1377
- ...c,
1378
- children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
1379
- t,
1375
+ onClick: o,
1376
+ style: { width: a, ...i },
1377
+ ...l,
1378
+ children: p ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
1379
+ s,
1380
1380
  /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
1381
- ] }) : t
1381
+ ] }) : s
1382
1382
  }
1383
1383
  );
1384
1384
  }
1385
- function Os({ children: t, align: s = "left", secondary: r, muted: a, truncate: o, nowrap: n, className: i = "", ...c }) {
1385
+ function ss({ 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
  {
1389
1389
  className: [
1390
1390
  "ds-td",
1391
- s !== "left" ? `ds-table-cell--${s}` : "",
1391
+ t !== "left" ? `ds-table-cell--${t}` : "",
1392
1392
  r ? "ds-table-cell--secondary" : "",
1393
- a ? "ds-table-cell--muted" : "",
1394
- o ? "ds-table-cell--truncate" : "",
1393
+ o ? "ds-table-cell--muted" : "",
1394
+ a ? "ds-table-cell--truncate" : "",
1395
1395
  n ? "ds-table-cell--nowrap" : "",
1396
1396
  i
1397
1397
  ].filter(Boolean).join(" "),
1398
- ...c,
1399
- children: t
1398
+ ...l,
1399
+ children: s
1400
1400
  }
1401
1401
  );
1402
1402
  }
1403
- function Ls({
1404
- icon: t,
1405
- title: s,
1403
+ function rs({
1404
+ icon: s,
1405
+ title: t,
1406
1406
  description: r,
1407
- action: a,
1408
- size: o = "m",
1407
+ action: o,
1408
+ size: a = "m",
1409
1409
  className: n = "",
1410
1410
  ...i
1411
1411
  }) {
1412
1412
  return /* @__PURE__ */ e.jsxs(
1413
1413
  "div",
1414
1414
  {
1415
- className: ["ds-empty-state", `ds-empty-state--${o}`, n].filter(Boolean).join(" "),
1415
+ className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
1416
1416
  ...i,
1417
1417
  children: [
1418
- t && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: t }),
1419
- /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: s }),
1418
+ s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
1419
+ /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
1420
1420
  r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: r }),
1421
- a && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: a })
1421
+ o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
1422
1422
  ]
1423
1423
  }
1424
1424
  );
1425
1425
  }
1426
- function Ms({
1427
- label: t,
1428
- hint: s,
1426
+ function ns({
1427
+ label: s,
1428
+ hint: t,
1429
1429
  error: r,
1430
- required: a = !1,
1431
- disabled: o = !1,
1430
+ required: o = !1,
1431
+ disabled: a = !1,
1432
1432
  htmlFor: n,
1433
1433
  children: i,
1434
- className: c = "",
1435
- style: m,
1434
+ className: l = "",
1435
+ style: p,
1436
1436
  ...u
1437
1437
  }) {
1438
- const p = L.useId(), f = n ?? p, x = `${f}-hint`, d = `${f}-error`;
1438
+ const m = q.useId(), f = n ?? m, h = `${f}-hint`, d = `${f}-error`;
1439
1439
  return /* @__PURE__ */ e.jsxs(
1440
1440
  "div",
1441
1441
  {
1442
- className: `ds-field${c ? ` ${c}` : ""}`,
1442
+ className: `ds-field${l ? ` ${l}` : ""}`,
1443
1443
  "data-state": r ? "error" : void 0,
1444
- "data-required": a ? "" : void 0,
1445
- "data-disabled": o ? "" : void 0,
1446
- style: m,
1444
+ "data-required": o ? "" : void 0,
1445
+ "data-disabled": a ? "" : void 0,
1446
+ style: p,
1447
1447
  ...u,
1448
1448
  children: [
1449
- t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: t }),
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
- s && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: s }),
1451
+ t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, 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 Ws({ label: t, value: s, delta: r, size: a = "m", inline: o = !1, className: n = "", style: i, ...c }) {
1458
- const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
1457
+ function as({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
1458
+ const p = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
1459
1459
  return /* @__PURE__ */ e.jsxs(
1460
1460
  "div",
1461
1461
  {
1462
1462
  className: [
1463
1463
  "ds-stat",
1464
- `ds-stat--${a}`,
1465
- o && "ds-stat--inline",
1464
+ `ds-stat--${o}`,
1465
+ a && "ds-stat--inline",
1466
1466
  n
1467
1467
  ].filter(Boolean).join(" "),
1468
1468
  style: i,
1469
- ...c,
1469
+ ...l,
1470
1470
  children: [
1471
- t && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: t }),
1472
- s != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: s }),
1473
- r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
1471
+ s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
1472
+ t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
1473
+ r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${p}`, children: r })
1474
1474
  ]
1475
1475
  }
1476
1476
  );
1477
1477
  }
1478
- function zs({
1479
- children: t,
1480
- separator: s = "/",
1478
+ function os({
1479
+ children: s,
1480
+ separator: t = "/",
1481
1481
  "aria-label": r = "Breadcrumb",
1482
- className: a = "",
1483
- style: o,
1482
+ className: o = "",
1483
+ style: a,
1484
1484
  ...n
1485
1485
  }) {
1486
- const i = L.Children.toArray(t).filter(Boolean);
1486
+ const i = q.Children.toArray(s).filter(Boolean);
1487
1487
  return /* @__PURE__ */ e.jsx(
1488
1488
  "nav",
1489
1489
  {
1490
- className: `ds-breadcrumb${a ? ` ${a}` : ""}`,
1490
+ className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
1491
1491
  "aria-label": r,
1492
- style: o,
1492
+ style: a,
1493
1493
  ...n,
1494
- children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((c, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
1495
- c,
1496
- m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
1497
- ] }, m)) })
1494
+ children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, p) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
1495
+ l,
1496
+ p < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
1497
+ ] }, p)) })
1498
1498
  }
1499
1499
  );
1500
1500
  }
1501
- function Fs({
1502
- page: t,
1503
- total: s,
1501
+ function is({
1502
+ page: s,
1503
+ total: t,
1504
1504
  onChange: r,
1505
- siblings: a = 1,
1506
- "aria-label": o = "Pagination",
1505
+ siblings: o = 1,
1506
+ "aria-label": a = "Pagination",
1507
1507
  className: n = "",
1508
1508
  style: i,
1509
- ...c
1509
+ ...l
1510
1510
  }) {
1511
- const m = Ge(t, s, a);
1511
+ const p = mt(s, t, o);
1512
1512
  return /* @__PURE__ */ e.jsxs(
1513
1513
  "nav",
1514
1514
  {
1515
1515
  className: `ds-pagination${n ? ` ${n}` : ""}`,
1516
- "aria-label": o,
1516
+ "aria-label": a,
1517
1517
  style: i,
1518
- ...c,
1518
+ ...l,
1519
1519
  children: [
1520
1520
  /* @__PURE__ */ e.jsx(
1521
1521
  "button",
1522
1522
  {
1523
1523
  className: "ds-pagination-arrow",
1524
- onClick: () => r == null ? void 0 : r(t - 1),
1525
- disabled: t <= 1,
1524
+ onClick: () => r == null ? void 0 : r(s - 1),
1525
+ disabled: s <= 1,
1526
1526
  "aria-label": "Previous page",
1527
- children: /* @__PURE__ */ e.jsx(Ie, { size: 16 })
1527
+ children: /* @__PURE__ */ e.jsx(Ve, { size: 16 })
1528
1528
  }
1529
1529
  ),
1530
- m.map(
1531
- (u, p) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${p}`) : /* @__PURE__ */ e.jsx(
1530
+ p.map(
1531
+ (u, m) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
1532
1532
  "button",
1533
1533
  {
1534
- className: `ds-pagination-page${u === t ? " ds-pagination-page--current" : ""}`,
1535
- onClick: () => u !== t && (r == null ? void 0 : r(u)),
1536
- "aria-current": u === t ? "page" : void 0,
1534
+ className: `ds-pagination-page${u === s ? " ds-pagination-page--current" : ""}`,
1535
+ onClick: () => u !== s && (r == null ? void 0 : r(u)),
1536
+ "aria-current": u === s ? "page" : void 0,
1537
1537
  "aria-label": `Page ${u}`,
1538
1538
  children: u
1539
1539
  },
@@ -1544,67 +1544,67 @@ function Fs({
1544
1544
  "button",
1545
1545
  {
1546
1546
  className: "ds-pagination-arrow",
1547
- onClick: () => r == null ? void 0 : r(t + 1),
1548
- disabled: t >= s,
1547
+ onClick: () => r == null ? void 0 : r(s + 1),
1548
+ disabled: s >= t,
1549
1549
  "aria-label": "Next page",
1550
- children: /* @__PURE__ */ e.jsx(je, { size: 16 })
1550
+ children: /* @__PURE__ */ e.jsx(Be, { size: 16 })
1551
1551
  }
1552
1552
  )
1553
1553
  ]
1554
1554
  }
1555
1555
  );
1556
1556
  }
1557
- function Ge(t, s, r) {
1558
- if (s <= 7) return Array.from({ length: s }, (i, c) => c + 1);
1559
- const a = Math.max(2, t - r), o = Math.min(s - 1, t + r), n = [1];
1560
- a > 2 && n.push("…");
1561
- for (let i = a; i <= o; i++) n.push(i);
1562
- return o < s - 1 && n.push("…"), n.push(s), n;
1563
- }
1564
- const Xe = 200;
1565
- function Vs({
1566
- children: t,
1567
- title: s,
1557
+ function mt(s, t, r) {
1558
+ if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
1559
+ const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
1560
+ o > 2 && n.push("…");
1561
+ for (let i = o; i <= a; i++) n.push(i);
1562
+ return a < t - 1 && n.push("…"), n.push(t), n;
1563
+ }
1564
+ const pt = 200;
1565
+ function ls({
1566
+ children: s,
1567
+ title: t,
1568
1568
  onClose: r,
1569
- side: a = "right",
1570
- ...o
1569
+ side: o = "right",
1570
+ ...a
1571
1571
  }) {
1572
- const n = N(null), i = L.useId(), [c, m] = k(!1), u = () => {
1573
- !r || c || (m(!0), setTimeout(() => {
1574
- m(!1), r();
1575
- }, Xe));
1572
+ const n = $(null), i = q.useId(), [l, p] = S(!1), u = () => {
1573
+ !r || l || (p(!0), setTimeout(() => {
1574
+ p(!1), r();
1575
+ }, pt));
1576
1576
  };
1577
- R(() => {
1578
- const d = (w) => {
1579
- w.key === "Escape" && u();
1580
- }, _ = (w) => {
1581
- n.current && !n.current.contains(w.target) && u();
1577
+ B(() => {
1578
+ const d = (_) => {
1579
+ _.key === "Escape" && u();
1580
+ }, b = (_) => {
1581
+ n.current && !n.current.contains(_.target) && u();
1582
1582
  };
1583
- return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
1584
- document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
1583
+ return document.addEventListener("keydown", d), document.addEventListener("mousedown", b), () => {
1584
+ document.removeEventListener("keydown", d), document.removeEventListener("mousedown", b);
1585
1585
  };
1586
- }, [r, c]);
1587
- const p = L.Children.toArray(t), f = p.find((d) => (d == null ? void 0 : d.type) === be), x = p.filter((d) => (d == null ? void 0 : d.type) !== be);
1586
+ }, [r, l]);
1587
+ const m = q.Children.toArray(s), f = m.find((d) => (d == null ? void 0 : d.type) === Ae), h = m.filter((d) => (d == null ? void 0 : d.type) !== Ae);
1588
1588
  return /* @__PURE__ */ e.jsx(
1589
1589
  "div",
1590
1590
  {
1591
- className: ["ds-drawer-overlay", c && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
1592
- ...o,
1591
+ className: ["ds-drawer-overlay", l && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
1592
+ ...a,
1593
1593
  children: /* @__PURE__ */ e.jsxs(
1594
1594
  "aside",
1595
1595
  {
1596
- className: ["ds-drawer", c && "ds-drawer--closing"].filter(Boolean).join(" "),
1597
- "data-side": a,
1596
+ className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
1597
+ "data-side": o,
1598
1598
  ref: n,
1599
1599
  role: "dialog",
1600
1600
  "aria-modal": "true",
1601
- "aria-labelledby": s ? i : void 0,
1601
+ "aria-labelledby": t ? i : void 0,
1602
1602
  children: [
1603
1603
  /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
1604
- s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: s }),
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 }) })
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(ne, { size: D[2], strokeWidth: 1.5 }) })
1606
1606
  ] }),
1607
- /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: x }),
1607
+ /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
1608
1608
  f
1609
1609
  ]
1610
1610
  }
@@ -1612,192 +1612,192 @@ function Vs({
1612
1612
  }
1613
1613
  );
1614
1614
  }
1615
- function be({ children: t }) {
1616
- return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
1615
+ function Ae({ children: s }) {
1616
+ return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
1617
1617
  }
1618
- const Je = {
1619
- info: me,
1620
- success: fe,
1621
- warning: ue,
1622
- error: de
1618
+ const ht = {
1619
+ info: ge,
1620
+ success: ye,
1621
+ warning: we,
1622
+ error: Ne
1623
1623
  };
1624
- function Cs({
1625
- children: t,
1626
- variant: s = "info",
1624
+ function cs({
1625
+ children: s,
1626
+ variant: t = "info",
1627
1627
  action: r,
1628
- onAction: a,
1629
- onDismiss: o,
1628
+ onAction: o,
1629
+ onDismiss: a,
1630
1630
  role: n,
1631
1631
  ...i
1632
1632
  }) {
1633
- const c = Je[s], m = n || (s === "error" ? "alert" : "status");
1633
+ const l = ht[t], p = n || (t === "error" ? "alert" : "status");
1634
1634
  return /* @__PURE__ */ e.jsxs(
1635
1635
  "div",
1636
1636
  {
1637
- className: `ds-banner ds-banner--${s}`,
1638
- role: m,
1637
+ className: `ds-banner ds-banner--${t}`,
1638
+ role: p,
1639
1639
  ...i,
1640
1640
  children: [
1641
- c && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(c, { size: A[2], strokeWidth: 1.5 }) }),
1642
- /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
1641
+ l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: D[2], strokeWidth: 1.5 }) }),
1642
+ /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
1643
1643
  r && /* @__PURE__ */ e.jsx(
1644
1644
  "button",
1645
1645
  {
1646
1646
  type: "button",
1647
1647
  className: "ds-banner-action",
1648
- onClick: a,
1648
+ onClick: o,
1649
1649
  children: r
1650
1650
  }
1651
1651
  ),
1652
- o && /* @__PURE__ */ e.jsx(
1652
+ a && /* @__PURE__ */ e.jsx(
1653
1653
  "button",
1654
1654
  {
1655
1655
  type: "button",
1656
1656
  className: "ds-banner-dismiss",
1657
- onClick: o,
1657
+ onClick: a,
1658
1658
  "aria-label": "Dismiss",
1659
- children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 })
1659
+ children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 })
1660
1660
  }
1661
1661
  )
1662
1662
  ]
1663
1663
  }
1664
1664
  );
1665
1665
  }
1666
- function Us({
1667
- trigger: t,
1668
- items: s = [],
1666
+ function ds({
1667
+ trigger: s,
1668
+ items: t = [],
1669
1669
  open: r,
1670
- onOpenChange: a,
1671
- align: o = "left",
1670
+ onOpenChange: o,
1671
+ align: a = "left",
1672
1672
  className: n = "",
1673
1673
  style: i,
1674
- ...c
1674
+ ...l
1675
1675
  }) {
1676
- const [m, u] = k(!1), [p, f] = k(!1), x = r !== void 0, d = x ? r : m, _ = N(null), w = N(null), g = N(null), y = N(null), [P, I] = k({}), $ = N(null), F = 150, O = () => {
1677
- if (x)
1678
- a == null || a(!1);
1676
+ const [p, u] = S(!1), [m, f] = S(!1), h = r !== void 0, d = h ? r : p, b = $(null), _ = $(null), R = $(null), E = $(null), [g, A] = S({}), k = $(null), M = 150, I = () => {
1677
+ if (h)
1678
+ o == null || o(!1);
1679
1679
  else {
1680
- if (p) return;
1681
- f(!0), $.current = setTimeout(() => {
1680
+ if (m) return;
1681
+ f(!0), k.current = setTimeout(() => {
1682
1682
  u(!1), f(!1);
1683
- }, F);
1683
+ }, M);
1684
1684
  }
1685
- }, q = () => {
1686
- const h = !d;
1687
- x ? a == null || a(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
1688
- }, M = () => {
1689
- d || (x ? a == null || a(!0) : (clearTimeout($.current), f(!1), u(!0)));
1685
+ }, v = () => {
1686
+ const x = !d;
1687
+ h ? o == null || o(x) : x ? (clearTimeout(k.current), f(!1), u(!0)) : I();
1688
+ }, L = () => {
1689
+ d || (h ? o == null || o(!0) : (clearTimeout(k.current), f(!1), u(!0)));
1690
1690
  };
1691
- R(() => () => clearTimeout($.current), []), R(() => {
1691
+ B(() => () => clearTimeout(k.current), []), B(() => {
1692
1692
  if (!d) return;
1693
- const h = () => {
1694
- var T;
1695
- const v = (T = _.current) == null ? void 0 : T.getBoundingClientRect();
1696
- v && I(
1697
- o === "right" ? { top: v.bottom + 4, right: window.innerWidth - v.right } : { top: v.bottom + 4, left: v.left }
1693
+ const x = () => {
1694
+ var O;
1695
+ const y = (O = b.current) == null ? void 0 : O.getBoundingClientRect();
1696
+ y && A(
1697
+ a === "right" ? { top: y.bottom + 4, right: window.innerWidth - y.right } : { top: y.bottom + 4, left: y.left }
1698
1698
  );
1699
1699
  };
1700
- return h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
1701
- window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
1700
+ return x(), window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
1701
+ window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
1702
1702
  };
1703
- }, [d, o]);
1704
- const W = () => {
1705
- var v;
1706
- const h = (v = g.current) == null ? void 0 : v.querySelector(
1703
+ }, [d, a]);
1704
+ const z = () => {
1705
+ var y;
1706
+ const x = (y = R.current) == null ? void 0 : y.querySelector(
1707
1707
  'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
1708
1708
  );
1709
- h == null || h.focus();
1709
+ x == null || x.focus();
1710
1710
  };
1711
- R(() => {
1711
+ B(() => {
1712
1712
  if (!d) return;
1713
- const h = (T) => {
1714
- var D, z;
1715
- !((D = _.current) != null && D.contains(T.target)) && !((z = w.current) != null && z.contains(T.target)) && O();
1716
- }, v = (T) => {
1717
- T.key === "Escape" && (O(), W());
1713
+ const x = (O) => {
1714
+ var C, K;
1715
+ !((C = b.current) != null && C.contains(O.target)) && !((K = _.current) != null && K.contains(O.target)) && I();
1716
+ }, y = (O) => {
1717
+ O.key === "Escape" && (I(), z());
1718
1718
  };
1719
- return document.addEventListener("mousedown", h), document.addEventListener("keydown", v), () => {
1720
- document.removeEventListener("mousedown", h), document.removeEventListener("keydown", v);
1719
+ return document.addEventListener("mousedown", x), document.addEventListener("keydown", y), () => {
1720
+ document.removeEventListener("mousedown", x), document.removeEventListener("keydown", y);
1721
1721
  };
1722
- }, [d]), R(() => {
1723
- if (!d || !y.current || !w.current) return;
1724
- const h = C(), v = y.current === "last" ? h[h.length - 1] : h[0];
1725
- v == null || v.focus(), y.current = null;
1722
+ }, [d]), B(() => {
1723
+ if (!d || !E.current || !_.current) return;
1724
+ const x = Y(), y = E.current === "last" ? x[x.length - 1] : x[0];
1725
+ y == null || y.focus(), E.current = null;
1726
1726
  }, [d]);
1727
- const C = () => w.current ? [...w.current.querySelectorAll(
1727
+ const Y = () => _.current ? [..._.current.querySelectorAll(
1728
1728
  'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
1729
- )] : [], G = (h) => {
1730
- var v, T;
1731
- if (h.key === "ArrowDown")
1732
- h.preventDefault(), d ? (v = C()[0]) == null || v.focus() : (y.current = "first", M());
1733
- else if (h.key === "ArrowUp")
1734
- if (h.preventDefault(), !d)
1735
- y.current = "last", M();
1729
+ )] : [], H = (x) => {
1730
+ var y, O;
1731
+ if (x.key === "ArrowDown")
1732
+ x.preventDefault(), d ? (y = Y()[0]) == null || y.focus() : (E.current = "first", L());
1733
+ else if (x.key === "ArrowUp")
1734
+ if (x.preventDefault(), !d)
1735
+ E.current = "last", L();
1736
1736
  else {
1737
- const D = C();
1738
- (T = D[D.length - 1]) == null || T.focus();
1737
+ const C = Y();
1738
+ (O = C[C.length - 1]) == null || O.focus();
1739
1739
  }
1740
- }, H = (h) => {
1741
- var D, z, U, j;
1742
- const v = C(), T = v.findIndex((l) => l === document.activeElement);
1743
- switch (h.key) {
1740
+ }, X = (x) => {
1741
+ var C, K, Z, w;
1742
+ const y = Y(), O = y.findIndex((c) => c === document.activeElement);
1743
+ switch (x.key) {
1744
1744
  case "ArrowDown":
1745
- h.preventDefault(), (D = v[Math.min(T + 1, v.length - 1)]) == null || D.focus();
1745
+ x.preventDefault(), (C = y[Math.min(O + 1, y.length - 1)]) == null || C.focus();
1746
1746
  break;
1747
1747
  case "ArrowUp":
1748
- h.preventDefault(), T <= 0 ? W() : (z = v[T - 1]) == null || z.focus();
1748
+ x.preventDefault(), O <= 0 ? z() : (K = y[O - 1]) == null || K.focus();
1749
1749
  break;
1750
1750
  case "Home":
1751
- h.preventDefault(), (U = v[0]) == null || U.focus();
1751
+ x.preventDefault(), (Z = y[0]) == null || Z.focus();
1752
1752
  break;
1753
1753
  case "End":
1754
- h.preventDefault(), (j = v[v.length - 1]) == null || j.focus();
1754
+ x.preventDefault(), (w = y[y.length - 1]) == null || w.focus();
1755
1755
  break;
1756
1756
  case "Tab":
1757
- O();
1757
+ I();
1758
1758
  break;
1759
1759
  }
1760
- }, V = d && /* @__PURE__ */ e.jsx(
1760
+ }, U = d && /* @__PURE__ */ e.jsx(
1761
1761
  "div",
1762
1762
  {
1763
- ref: w,
1763
+ ref: _,
1764
1764
  role: "menu",
1765
1765
  className: [
1766
1766
  "ds-dropdown__menu",
1767
- `ds-dropdown__menu--${o}`,
1768
- p && "ds-dropdown__menu--closing"
1767
+ `ds-dropdown__menu--${a}`,
1768
+ m && "ds-dropdown__menu--closing"
1769
1769
  ].filter(Boolean).join(" "),
1770
- style: P,
1771
- onKeyDown: H,
1772
- children: s.map((h, v) => {
1773
- if (h.separator)
1774
- return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
1775
- if (h.type === "section")
1770
+ style: g,
1771
+ onKeyDown: X,
1772
+ children: t.map((x, y) => {
1773
+ if (x.separator)
1774
+ return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
1775
+ if (x.type === "section")
1776
1776
  return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
1777
- h.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: h.label }),
1778
- /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: h.content })
1779
- ] }, v);
1780
- const T = !!h.href, D = T ? "a" : "button", z = T ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
1777
+ x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
1778
+ /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
1779
+ ] }, y);
1780
+ const O = !!x.href, C = O ? "a" : "button", K = O ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
1781
1781
  return /* @__PURE__ */ e.jsxs(
1782
- D,
1782
+ C,
1783
1783
  {
1784
1784
  role: "menuitem",
1785
1785
  className: [
1786
1786
  "ds-dropdown__item",
1787
- h.danger && "ds-dropdown__item--danger"
1787
+ x.danger && "ds-dropdown__item--danger"
1788
1788
  ].filter(Boolean).join(" "),
1789
- ...z,
1789
+ ...K,
1790
1790
  onClick: () => {
1791
- var U;
1792
- (U = h.onClick) == null || U.call(h), O();
1791
+ var Z;
1792
+ (Z = x.onClick) == null || Z.call(x), I();
1793
1793
  },
1794
1794
  children: [
1795
- h.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: h.icon }),
1796
- /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: h.label }),
1797
- h.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: h.shortcut })
1795
+ x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
1796
+ /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
1797
+ x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
1798
1798
  ]
1799
1799
  },
1800
- v
1800
+ y
1801
1801
  );
1802
1802
  })
1803
1803
  }
@@ -1805,41 +1805,41 @@ function Us({
1805
1805
  return /* @__PURE__ */ e.jsxs(
1806
1806
  "div",
1807
1807
  {
1808
- ref: _,
1808
+ ref: b,
1809
1809
  className: ["ds-dropdown", n].filter(Boolean).join(" "),
1810
1810
  style: i,
1811
- ...c,
1811
+ ...l,
1812
1812
  children: [
1813
1813
  /* @__PURE__ */ e.jsx(
1814
1814
  "div",
1815
1815
  {
1816
- ref: g,
1816
+ ref: R,
1817
1817
  className: "ds-dropdown__trigger",
1818
- onClick: q,
1819
- onKeyDown: G,
1820
- children: t
1818
+ onClick: v,
1819
+ onKeyDown: H,
1820
+ children: s
1821
1821
  }
1822
1822
  ),
1823
- typeof document < "u" && ae.createPortal(V, document.body)
1823
+ typeof document < "u" && me.createPortal(U, document.body)
1824
1824
  ]
1825
1825
  }
1826
1826
  );
1827
1827
  }
1828
- function Ys({
1829
- value: t = 0,
1830
- size: s = "m",
1828
+ function us({
1829
+ value: s = 0,
1830
+ size: t = "m",
1831
1831
  variant: r = "default",
1832
- showValue: a = !1,
1833
- min: o = 2,
1832
+ showValue: o = !1,
1833
+ min: a = 2,
1834
1834
  animate: n = !0
1835
1835
  }) {
1836
- const i = Math.min(100, Math.max(0, t)), c = Math.max(o, i), m = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
1836
+ const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), p = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
1837
1837
  return /* @__PURE__ */ e.jsxs(
1838
1838
  "div",
1839
1839
  {
1840
1840
  className: [
1841
1841
  "ds-progress",
1842
- `ds-progress--${s}`,
1842
+ `ds-progress--${t}`,
1843
1843
  !n && "ds-progress--instant"
1844
1844
  ].filter(Boolean).join(" "),
1845
1845
  role: "progressbar",
@@ -1850,11 +1850,11 @@ function Ys({
1850
1850
  /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
1851
1851
  "div",
1852
1852
  {
1853
- className: `ds-progress__fill ds-progress__fill--${m}`,
1854
- style: { width: `${c}%` }
1853
+ className: `ds-progress__fill ds-progress__fill--${p}`,
1854
+ style: { width: `${l}%` }
1855
1855
  }
1856
1856
  ) }),
1857
- a && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
1857
+ o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
1858
1858
  Math.round(i),
1859
1859
  "%"
1860
1860
  ] })
@@ -1862,242 +1862,242 @@ function Ys({
1862
1862
  }
1863
1863
  );
1864
1864
  }
1865
- const Ze = (t) => 1 - Math.pow(1 - t, 3), Qe = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
1866
- function es(t, { duration: s = 600 } = {}) {
1867
- const [r, a] = k(t), o = N(t), n = N(null);
1868
- return R(() => {
1869
- if (Qe()) {
1870
- a(t), o.current = t;
1865
+ const xt = (s) => 1 - Math.pow(1 - s, 3), bt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
1866
+ function jt(s, { duration: t = 600 } = {}) {
1867
+ const [r, o] = S(s), a = $(s), n = $(null);
1868
+ return B(() => {
1869
+ if (bt()) {
1870
+ o(s), a.current = s;
1871
1871
  return;
1872
1872
  }
1873
- const i = o.current, c = t - i;
1874
- if (c === 0) return;
1875
- let m = null;
1876
- const u = (p) => {
1877
- m || (m = p);
1878
- const f = Math.min((p - m) / s, 1);
1879
- a(i + c * Ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : o.current = t;
1873
+ const i = a.current, l = s - i;
1874
+ if (l === 0) return;
1875
+ let p = null;
1876
+ const u = (m) => {
1877
+ p || (p = m);
1878
+ const f = Math.min((m - p) / t, 1);
1879
+ o(i + l * xt(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
1880
1880
  };
1881
1881
  return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
1882
- }, [t, s]), r;
1882
+ }, [s, t]), r;
1883
1883
  }
1884
- function qs({
1885
- value: t,
1886
- duration: s = 600,
1884
+ function fs({
1885
+ value: s,
1886
+ duration: t = 600,
1887
1887
  decimals: r = 0,
1888
- prefix: a = "",
1889
- suffix: o = ""
1888
+ prefix: o = "",
1889
+ suffix: a = ""
1890
1890
  }) {
1891
- const i = es(t, { duration: s }).toFixed(r);
1892
- return `${a}${i}${o}`;
1891
+ const i = jt(s, { duration: t }).toFixed(r);
1892
+ return `${o}${i}${a}`;
1893
1893
  }
1894
- function ss({ threshold: t = 0.1, rootMargin: s = "0px", once: r = !1 } = {}) {
1895
- const a = N(null), [o, n] = k(!1);
1896
- return R(() => {
1897
- const i = a.current;
1894
+ function _t({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
1895
+ const o = $(null), [a, n] = S(!1);
1896
+ return B(() => {
1897
+ const i = o.current;
1898
1898
  if (!i) return;
1899
- const c = new IntersectionObserver(
1900
- ([m]) => {
1901
- m.isIntersecting ? (n(!0), r && c.disconnect()) : r || n(!1);
1899
+ const l = new IntersectionObserver(
1900
+ ([p]) => {
1901
+ p.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
1902
1902
  },
1903
- { threshold: t, rootMargin: s }
1903
+ { threshold: s, rootMargin: t }
1904
1904
  );
1905
- return c.observe(i), () => c.disconnect();
1906
- }, [t, s, r]), { ref: a, inView: o };
1905
+ return l.observe(i), () => l.disconnect();
1906
+ }, [s, t, r]), { ref: o, inView: a };
1907
1907
  }
1908
- function Hs({
1909
- children: t,
1910
- as: s = "div",
1908
+ function ms({
1909
+ children: s,
1910
+ as: t = "div",
1911
1911
  once: r = !1,
1912
- threshold: a = 0.1,
1913
- rootMargin: o = "0px",
1912
+ threshold: o = 0.1,
1913
+ rootMargin: a = "0px",
1914
1914
  onEnter: n,
1915
1915
  onLeave: i,
1916
- ...c
1916
+ ...l
1917
1917
  }) {
1918
- const { ref: m, inView: u } = ss({ threshold: a, rootMargin: o, once: r }), p = N(!1);
1919
- return R(() => {
1920
- u && !p.current && (n == null || n()), !u && p.current && (i == null || i()), p.current = u;
1921
- }, [u]), /* @__PURE__ */ e.jsx(s, { ref: m, ...c, children: typeof t == "function" ? t(u) : t });
1922
- }
1923
- const ve = {
1924
- default: me,
1925
- success: fe,
1926
- warning: ue,
1927
- error: de
1918
+ const { ref: p, inView: u } = _t({ threshold: o, rootMargin: a, once: r }), m = $(!1);
1919
+ return B(() => {
1920
+ u && !m.current && (n == null || n()), !u && m.current && (i == null || i()), m.current = u;
1921
+ }, [u]), /* @__PURE__ */ e.jsx(t, { ref: p, ...l, children: typeof s == "function" ? s(u) : s });
1922
+ }
1923
+ const Ie = {
1924
+ default: ge,
1925
+ success: ye,
1926
+ warning: we,
1927
+ error: Ne
1928
1928
  };
1929
- let Q = [];
1930
- const ce = /* @__PURE__ */ new Set();
1931
- function Ne() {
1932
- ce.forEach((t) => t([...Q]));
1929
+ let ce = [];
1930
+ const ve = /* @__PURE__ */ new Set();
1931
+ function Le() {
1932
+ ve.forEach((s) => s([...ce]));
1933
1933
  }
1934
- function ts(t) {
1935
- Q = [...Q, t], Ne();
1934
+ function vt(s) {
1935
+ ce = [...ce, s], Le();
1936
1936
  }
1937
- function rs(t) {
1938
- Q = Q.filter((s) => s.id !== t), Ne();
1937
+ function Nt(s) {
1938
+ ce = ce.filter((t) => t.id !== s), Le();
1939
1939
  }
1940
- function Ks() {
1941
- const t = (s, r = {}) => {
1942
- ts({
1940
+ function ps() {
1941
+ const s = (t, r = {}) => {
1942
+ vt({
1943
1943
  id: `${Date.now()}-${Math.random()}`,
1944
- message: s,
1944
+ message: t,
1945
1945
  type: "default",
1946
1946
  duration: 4e3,
1947
1947
  ...r
1948
1948
  });
1949
1949
  };
1950
- return t.success = (s, r) => t(s, { ...r, type: "success" }), t.error = (s, r) => t(s, { ...r, type: "error" }), t.warning = (s, r) => t(s, { ...r, type: "warning" }), { toast: t };
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 ns({ data: t, onDismiss: s }) {
1953
- const [r, a] = k(!1), o = N(null);
1954
- R(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => n(), t.duration)), () => clearTimeout(o.current)), []);
1952
+ function wt({ data: s, onDismiss: t }) {
1953
+ const [r, o] = S(!1), a = $(null);
1954
+ B(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
1955
1955
  function n() {
1956
- a(!1), setTimeout(() => s(t.id), 250);
1956
+ o(!1), setTimeout(() => t(s.id), 250);
1957
1957
  }
1958
- const i = ve[t.type] ?? ve.default;
1958
+ const i = Ie[s.type] ?? Ie.default;
1959
1959
  return /* @__PURE__ */ e.jsxs(
1960
1960
  "div",
1961
1961
  {
1962
1962
  className: [
1963
1963
  "ds-toast",
1964
- `ds-toast--${t.type}`,
1964
+ `ds-toast--${s.type}`,
1965
1965
  r && "ds-toast--visible"
1966
1966
  ].filter(Boolean).join(" "),
1967
- role: t.type === "error" ? "alert" : "status",
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: A[3], strokeWidth: 1.5 }) }),
1971
- /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
1970
+ /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: D[3], strokeWidth: 1.5 }) }),
1971
+ /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
1972
1972
  /* @__PURE__ */ e.jsx(
1973
1973
  "button",
1974
1974
  {
1975
1975
  className: "ds-toast__close",
1976
1976
  onClick: n,
1977
1977
  "aria-label": "Закрыть",
1978
- children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
1978
+ children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
1979
1979
  }
1980
1980
  )
1981
1981
  ]
1982
1982
  }
1983
1983
  );
1984
1984
  }
1985
- function Gs({ position: t = "bottom-right" }) {
1986
- const [s, r] = k(() => [...Q]);
1987
- return R(() => (ce.add(r), () => ce.delete(r)), []), !s.length || typeof document > "u" ? null : ae.createPortal(
1988
- /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(ns, { data: a, onDismiss: rs }, a.id)) }),
1985
+ function hs({ position: s = "bottom-right" }) {
1986
+ const [t, r] = S(() => [...ce]);
1987
+ return B(() => (ve.add(r), () => ve.delete(r)), []), !t.length || typeof document > "u" ? null : me.createPortal(
1988
+ /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(wt, { data: o, onDismiss: Nt }, o.id)) }),
1989
1989
  document.body
1990
1990
  );
1991
1991
  }
1992
- const as = {
1993
- running: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "info", children: "Running..." }),
1994
- success: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "success", children: "Done" }),
1995
- error: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "error", children: "Error" })
1992
+ const yt = {
1993
+ running: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "info", children: "Running..." }),
1994
+ success: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "success", children: "Done" }),
1995
+ error: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "error", children: "Error" })
1996
1996
  };
1997
- function Xs({
1998
- label: t,
1999
- status: s = "idle",
1997
+ function xs({
1998
+ label: s,
1999
+ status: t = "idle",
2000
2000
  icon: r,
2001
- badge: a,
2002
- defaultExpanded: o = !1,
2001
+ badge: o,
2002
+ defaultExpanded: a = !1,
2003
2003
  expanded: n,
2004
2004
  onToggle: i,
2005
- padding: c = "s",
2006
- children: m,
2005
+ padding: l = "s",
2006
+ children: p,
2007
2007
  ...u
2008
2008
  }) {
2009
- const f = `tc-body-${ke().replace(/:/g, "")}`, [x, d] = k(o), _ = n !== void 0, w = _ ? n : x, g = () => {
2010
- _ ? i == null || i(!n) : d((y) => !y);
2009
+ const f = `tc-body-${ze().replace(/:/g, "")}`, [h, d] = S(a), b = n !== void 0, _ = b ? n : h, R = () => {
2010
+ b ? i == null || i(!n) : d((E) => !E);
2011
2011
  };
2012
- return /* @__PURE__ */ e.jsxs(Le, { padding: c, ...u, children: [
2012
+ return /* @__PURE__ */ e.jsxs(tt, { 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: g,
2019
- "aria-expanded": w,
2018
+ onClick: R,
2019
+ "aria-expanded": _,
2020
2020
  "aria-controls": f,
2021
2021
  children: [
2022
2022
  /* @__PURE__ */ e.jsx(
2023
- je,
2023
+ Be,
2024
2024
  {
2025
- size: A[1],
2025
+ size: D[1],
2026
2026
  strokeWidth: 1.5,
2027
- className: `ds-tool-card__chevron${w ? " ds-tool-card__chevron--expanded" : ""}`
2027
+ className: `ds-tool-card__chevron${_ ? " ds-tool-card__chevron--expanded" : ""}`
2028
2028
  }
2029
2029
  ),
2030
2030
  r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
2031
- /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
2032
- as[s],
2033
- a
2031
+ /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
2032
+ yt[t],
2033
+ o
2034
2034
  ]
2035
2035
  }
2036
2036
  ),
2037
- w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
2037
+ _ && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: p })
2038
2038
  ] });
2039
2039
  }
2040
- function Js({
2041
- text: t,
2042
- size: s = "xs",
2040
+ function bs({
2041
+ text: s,
2042
+ size: t = "xs",
2043
2043
  timeout: r = 2e3,
2044
- "aria-label": a = "Copy to clipboard",
2045
- ...o
2044
+ "aria-label": o = "Copy to clipboard",
2045
+ ...a
2046
2046
  }) {
2047
- const [n, i] = k(!1), c = () => {
2048
- navigator.clipboard.writeText(t).then(() => {
2047
+ const [n, i] = S(!1), l = () => {
2048
+ navigator.clipboard.writeText(s).then(() => {
2049
2049
  i(!0), setTimeout(() => i(!1), r);
2050
2050
  });
2051
2051
  };
2052
2052
  return /* @__PURE__ */ e.jsx(
2053
- _e,
2053
+ fe,
2054
2054
  {
2055
2055
  variant: "ghost",
2056
- size: s,
2057
- icon: n ? /* @__PURE__ */ e.jsx(re, { size: A[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Se, { size: A[1], strokeWidth: 1.5 }),
2058
- "aria-label": a,
2059
- onClick: c,
2060
- ...o
2056
+ size: t,
2057
+ icon: n ? /* @__PURE__ */ e.jsx(he, { size: D[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Ye, { size: D[1], strokeWidth: 1.5 }),
2058
+ "aria-label": o,
2059
+ onClick: l,
2060
+ ...a
2061
2061
  }
2062
2062
  );
2063
2063
  }
2064
- function Zs({ content: t, streaming: s = !1, ...r }) {
2065
- const [a, o] = k(s);
2066
- return R(() => {
2067
- o(!!s);
2068
- }, [s]), /* @__PURE__ */ e.jsx(
2069
- Ve,
2064
+ function js({ content: s, streaming: t = !1, ...r }) {
2065
+ const [o, a] = S(t);
2066
+ return B(() => {
2067
+ a(!!t);
2068
+ }, [t]), /* @__PURE__ */ e.jsx(
2069
+ ot,
2070
2070
  {
2071
- expanded: a,
2072
- onToggle: o,
2071
+ expanded: o,
2072
+ onToggle: a,
2073
2073
  padding: "s",
2074
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(Me, { secondary: !0, children: "Thinking" })
2075
+ /* @__PURE__ */ e.jsx(qe, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
2076
+ /* @__PURE__ */ e.jsx(st, { secondary: !0, children: "Thinking" })
2077
2077
  ] }),
2078
2078
  ...r,
2079
- children: /* @__PURE__ */ e.jsxs(we, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
2080
- t,
2081
- s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
2079
+ children: /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
2080
+ s,
2081
+ t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
2082
2082
  ] })
2083
2083
  }
2084
2084
  );
2085
2085
  }
2086
- function Qs({
2087
- count: t,
2088
- current: s = 0,
2086
+ function _s({
2087
+ count: s,
2088
+ current: t = 0,
2089
2089
  done: r = [],
2090
- onChange: a,
2091
- showCounter: o = !0,
2090
+ onChange: o,
2091
+ showCounter: a = !0,
2092
2092
  className: n = "",
2093
2093
  "aria-label": i = "Steps",
2094
- ...c
2094
+ ...l
2095
2095
  }) {
2096
- return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...c, children: [
2097
- /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (m, u) => {
2098
- const p = u === s, f = r.includes(u) && !p, x = a && (u <= s || r.includes(u)), d = [
2096
+ return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
2097
+ /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (p, u) => {
2098
+ const m = u === t, f = r.includes(u) && !m, h = o && (u <= t || r.includes(u)), d = [
2099
2099
  "ds-step-indicator__dot",
2100
- p && "ds-step-indicator__dot--active",
2100
+ m && "ds-step-indicator__dot--active",
2101
2101
  f && "ds-step-indicator__dot--done"
2102
2102
  ].filter(Boolean).join(" ");
2103
2103
  return /* @__PURE__ */ e.jsx(
@@ -2106,141 +2106,506 @@ function Qs({
2106
2106
  type: "button",
2107
2107
  className: d,
2108
2108
  role: "tab",
2109
- "aria-selected": p,
2109
+ "aria-selected": m,
2110
2110
  "aria-label": `Step ${u + 1}`,
2111
- disabled: !x || u === s,
2112
- onClick: () => a == null ? void 0 : a(u),
2113
- children: f ? /* @__PURE__ */ e.jsx(re, { size: 8, strokeWidth: 3 }) : null
2111
+ disabled: !h || u === t,
2112
+ onClick: () => o == null ? void 0 : o(u),
2113
+ children: f ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
2114
2114
  },
2115
2115
  u
2116
2116
  );
2117
2117
  }) }),
2118
- o && /* @__PURE__ */ e.jsxs(we, { secondary: !0, className: "ds-step-indicator__counter", children: [
2119
- s + 1,
2118
+ a && /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, className: "ds-step-indicator__counter", children: [
2119
+ t + 1,
2120
2120
  " / ",
2121
- t
2121
+ s
2122
2122
  ] })
2123
2123
  ] });
2124
2124
  }
2125
- function et({
2126
- content: t,
2127
- isStreaming: s = !1,
2125
+ function vs({
2126
+ content: s,
2127
+ isStreaming: t = !1,
2128
2128
  cursor: r = "line",
2129
- onChunk: a,
2130
- className: o = "",
2129
+ onChunk: o,
2130
+ className: a = "",
2131
2131
  ...n
2132
2132
  }) {
2133
- const i = N(t);
2134
- return R(() => {
2135
- t !== i.current && (a == null || a(t), i.current = t);
2136
- }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...n, children: [
2137
- t,
2138
- s && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
2133
+ const i = $(s);
2134
+ return B(() => {
2135
+ s !== i.current && (o == null || o(s), i.current = s);
2136
+ }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...n, children: [
2137
+ s,
2138
+ t && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
2139
2139
  ] });
2140
2140
  }
2141
- function st({
2142
- role: t = "assistant",
2143
- header: s,
2141
+ function Ns({
2142
+ role: s = "assistant",
2143
+ header: t,
2144
2144
  footer: r,
2145
- attachments: a,
2146
- isStreaming: o = !1,
2145
+ attachments: o,
2146
+ isStreaming: a = !1,
2147
2147
  children: n,
2148
2148
  className: i = "",
2149
- ...c
2149
+ ...l
2150
2150
  }) {
2151
- const m = [
2151
+ const p = [
2152
2152
  "ds-chat-message",
2153
- `ds-chat-message--${t}`,
2154
- o && "ds-chat-message--streaming",
2153
+ `ds-chat-message--${s}`,
2154
+ a && "ds-chat-message--streaming",
2155
2155
  i
2156
2156
  ].filter(Boolean).join(" ");
2157
- return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...c, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...c, children: [
2158
- a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
2157
+ return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: p, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
2158
+ o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
2159
2159
  /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: n }),
2160
2160
  r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
2161
- ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, ...c, children: [
2162
- s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
2163
- a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
2161
+ ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
2162
+ t && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: t }),
2163
+ o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
2164
2164
  /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: n }),
2165
2165
  r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
2166
2166
  ] });
2167
2167
  }
2168
- function tt(t, { containerRef: s, smartPause: r = !0 } = {}) {
2169
- const a = N(!1), o = N(0);
2170
- R(() => {
2171
- const n = s == null ? void 0 : s.current;
2168
+ function ws(s, { containerRef: t, smartPause: r = !0 } = {}) {
2169
+ const o = $(!1), a = $(0);
2170
+ B(() => {
2171
+ const n = t == null ? void 0 : t.current;
2172
2172
  if (!n) return;
2173
2173
  const i = () => {
2174
- const c = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
2175
- !c && n.scrollTop < o.current && (a.current = !0), c && (a.current = !1), o.current = n.scrollTop;
2174
+ const l = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
2175
+ !l && n.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = n.scrollTop;
2176
2176
  };
2177
2177
  return n.addEventListener("scroll", i, { passive: !0 }), () => n.removeEventListener("scroll", i);
2178
- }, [s]), R(() => {
2179
- const n = s == null ? void 0 : s.current;
2180
- n && (r && a.current || (n.scrollTop = n.scrollHeight));
2181
- }, t);
2178
+ }, [t]), B(() => {
2179
+ const n = t == null ? void 0 : t.current;
2180
+ n && (r && o.current || (n.scrollTop = n.scrollHeight));
2181
+ }, s);
2182
+ }
2183
+ function gt({
2184
+ prompts: s,
2185
+ enabled: t,
2186
+ typingSpeed: r = 38,
2187
+ erasingSpeed: o = 18,
2188
+ holdTime: a = 2200,
2189
+ betweenTime: n = 380,
2190
+ manualPauseMs: i = 5e3
2191
+ }) {
2192
+ const [l, p] = S(0), [u, m] = S(""), f = $("typing"), h = $(0), d = $(0), b = $(null), _ = $(0);
2193
+ B(() => {
2194
+ d.current = l;
2195
+ }, [l]), B(() => {
2196
+ if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
2197
+ m(""), h.current = 0, f.current = "typing";
2198
+ return;
2199
+ }
2200
+ const k = () => {
2201
+ const M = Date.now();
2202
+ if (_.current > M) {
2203
+ b.current = setTimeout(k, _.current - M);
2204
+ return;
2205
+ }
2206
+ const I = s[d.current % s.length] ?? "";
2207
+ f.current === "typing" ? (h.current += 1, m(I.slice(0, h.current)), h.current >= I.length ? (f.current = "holding", b.current = setTimeout(k, a)) : b.current = setTimeout(k, r + Math.random() * 28)) : f.current === "holding" ? (f.current = "erasing", b.current = setTimeout(k, o)) : (h.current = Math.max(0, h.current - 1), m(I.slice(0, h.current)), h.current <= 0 ? (f.current = "typing", d.current = (d.current + 1) % s.length, p(d.current), b.current = setTimeout(k, n)) : b.current = setTimeout(k, o));
2208
+ };
2209
+ return b.current = setTimeout(k, 260), () => {
2210
+ b.current && clearTimeout(b.current);
2211
+ };
2212
+ }, [t, s, r, o, a, n]);
2213
+ const R = (k) => {
2214
+ if (s.length === 0) return;
2215
+ const M = (k % s.length + s.length) % s.length, I = s[M];
2216
+ d.current = M, h.current = I.length, f.current = "holding", _.current = Date.now() + i, p(M), m(I);
2217
+ }, E = () => R(d.current + 1), g = () => R(d.current - 1), A = s[l % s.length] ?? "";
2218
+ return { displayed: u, currentPrompt: A, index: l, next: E, prev: g };
2219
+ }
2220
+ let kt = 0;
2221
+ function ys({
2222
+ value: s = "",
2223
+ onChange: t,
2224
+ onSubmit: r,
2225
+ onStop: o,
2226
+ onKeyDown: a,
2227
+ loading: n = !1,
2228
+ disabled: i = !1,
2229
+ placeholder: l = "Let's get things done...",
2230
+ animatedPlaceholders: p,
2231
+ attachments: u,
2232
+ images: m,
2233
+ onAttachFiles: f,
2234
+ onAttachImages: h,
2235
+ onRemoveAttachment: d,
2236
+ onRemoveImage: b,
2237
+ acceptImage: _,
2238
+ acceptFile: R,
2239
+ maxImages: E,
2240
+ maxImageSize: g,
2241
+ leftSlot: A,
2242
+ rightSlot: k,
2243
+ className: M = "",
2244
+ ...I
2245
+ }) {
2246
+ const v = $(null), L = $(null), z = $(0), [Y, H] = S(!1), [X, U] = S([]), x = (j) => {
2247
+ const T = ++kt;
2248
+ U((V) => [...V, { id: T, msg: j }]), setTimeout(() => U((V) => V.filter((G) => G.id !== T)), 6e3);
2249
+ }, y = (j) => U((T) => T.filter((V) => V.id !== j)), O = (j) => j.type.startsWith("image/"), C = () => !0, K = _ ?? O, Z = R ?? C, w = (j) => {
2250
+ const T = [], V = [], G = [], J = [];
2251
+ let te = 0, ie = E != null ? E - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
2252
+ for (const se of j)
2253
+ K(se) ? g && se.size > g ? G.push(se.name) : ie > 0 ? (T.push(se), ie--) : te++ : Z(se) ? V.push(se) : J.push(se.name);
2254
+ return { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: te };
2255
+ }, c = (j) => {
2256
+ const { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: te } = w(j);
2257
+ G.length && x(`File${G.length > 1 ? "s" : ""} too large${g ? ` (max ${g / 1024 / 1024}MB)` : ""}: ${G.join(", ")}`), J.length && x(`Skipped unsupported file${J.length > 1 ? "s" : ""}: ${J.join(", ")}`), te && x(`Max ${E} images per message`), h && T.length && h(T);
2258
+ const ie = V.concat(h ? [] : T);
2259
+ f && ie.length && f(ie);
2260
+ };
2261
+ B(() => {
2262
+ const j = L.current;
2263
+ j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
2264
+ }, [s]), B(() => {
2265
+ const j = (T) => {
2266
+ var G, J, te;
2267
+ if (n || i) return;
2268
+ const V = (G = T.target) == null ? void 0 : G.tagName;
2269
+ V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (J = T.target) != null && J.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (te = L.current) == null || te.focus();
2270
+ };
2271
+ return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
2272
+ }, [n, i]);
2273
+ const N = (j) => {
2274
+ j.preventDefault(), z.current++, j.dataTransfer.types.includes("Files") && H(!0);
2275
+ }, P = (j) => {
2276
+ j.preventDefault(), z.current--, z.current === 0 && H(!1);
2277
+ }, W = (j) => j.preventDefault(), ee = (j) => {
2278
+ j.preventDefault(), z.current = 0, H(!1);
2279
+ const T = Array.from(j.dataTransfer.files);
2280
+ T.length && c(T);
2281
+ }, ae = (j) => {
2282
+ const T = Array.from(j.target.files || []);
2283
+ v.current && (v.current.value = ""), T.length && c(T);
2284
+ }, F = (j) => {
2285
+ var ie;
2286
+ if (!h) return;
2287
+ const T = (ie = j.clipboardData) == null ? void 0 : ie.items;
2288
+ if (!T) return;
2289
+ const V = [];
2290
+ for (const se of T) {
2291
+ const je = se.getAsFile();
2292
+ je && K(je) && V.push(je);
2293
+ }
2294
+ if (V.length === 0) return;
2295
+ const { imageFiles: G, tooLarge: J, limitExceeded: te } = w(V);
2296
+ J.length && x(`File${J.length > 1 ? "s" : ""} too large: ${J.join(", ")}`), te && x(`Max ${E} images per message`), G.length && (j.preventDefault(), h(G));
2297
+ }, Q = !n && !i && !!(p != null && p.length) && s.length === 0, oe = gt({
2298
+ prompts: p ?? [],
2299
+ enabled: Q
2300
+ }), be = (j) => {
2301
+ if (Q) {
2302
+ if (j.key === "ArrowDown" || j.key === "ArrowRight") {
2303
+ j.preventDefault(), oe.next();
2304
+ return;
2305
+ }
2306
+ if (j.key === "ArrowUp" || j.key === "ArrowLeft") {
2307
+ j.preventDefault(), oe.prev();
2308
+ return;
2309
+ }
2310
+ if (j.key === "Tab" && !j.shiftKey) {
2311
+ j.preventDefault(), t == null || t(oe.currentPrompt);
2312
+ return;
2313
+ }
2314
+ }
2315
+ a == null || a(j);
2316
+ }, Oe = (s.trim() || (m == null ? void 0 : m.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, ke = f || h;
2317
+ return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...I, children: [
2318
+ ke && /* @__PURE__ */ e.jsx(
2319
+ "input",
2320
+ {
2321
+ ref: v,
2322
+ type: "file",
2323
+ multiple: !0,
2324
+ accept: "*/*",
2325
+ className: "ds-prompt-input__file-input",
2326
+ onChange: ae
2327
+ }
2328
+ ),
2329
+ /* @__PURE__ */ e.jsxs(
2330
+ "div",
2331
+ {
2332
+ className: ["ds-prompt-input__box", Y && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
2333
+ onDragEnter: N,
2334
+ onDragLeave: P,
2335
+ onDragOver: W,
2336
+ onDrop: ee,
2337
+ children: [
2338
+ Y && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
2339
+ /* @__PURE__ */ e.jsx(
2340
+ "textarea",
2341
+ {
2342
+ ref: L,
2343
+ value: s,
2344
+ onChange: (j) => t == null ? void 0 : t(j.target.value),
2345
+ onKeyDown: be,
2346
+ onPaste: F,
2347
+ placeholder: Q ? "" : l,
2348
+ disabled: n || i,
2349
+ rows: 1,
2350
+ className: ["ds-prompt-input__textarea", Q && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
2351
+ }
2352
+ ),
2353
+ Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
2354
+ /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.displayed }),
2355
+ /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
2356
+ ] }),
2357
+ m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((j, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
2358
+ /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
2359
+ /* @__PURE__ */ e.jsx(
2360
+ "button",
2361
+ {
2362
+ className: "ds-prompt-input__image-remove",
2363
+ onClick: () => b == null ? void 0 : b(T),
2364
+ "aria-label": "Remove image",
2365
+ type: "button",
2366
+ children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
2367
+ }
2368
+ )
2369
+ ] }, T)) }),
2370
+ X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((j) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
2371
+ /* @__PURE__ */ e.jsx("span", { children: j.msg }),
2372
+ /* @__PURE__ */ e.jsx(
2373
+ "button",
2374
+ {
2375
+ type: "button",
2376
+ className: "ds-prompt-input__warning-close",
2377
+ onClick: () => y(j.id),
2378
+ "aria-label": "Dismiss",
2379
+ children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
2380
+ }
2381
+ )
2382
+ ] }, j.id)) }),
2383
+ u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((j, T) => /* @__PURE__ */ e.jsx(pe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
2384
+ j.uploading ? /* @__PURE__ */ e.jsx(He, { size: D[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ee, { size: D[1], strokeWidth: 1.5 }),
2385
+ j.filename,
2386
+ j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
2387
+ "button",
2388
+ {
2389
+ type: "button",
2390
+ className: "ds-prompt-input__remove-btn",
2391
+ onClick: () => d == null ? void 0 : d(T),
2392
+ children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
2393
+ }
2394
+ )
2395
+ ] }) }, T)) }),
2396
+ /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
2397
+ ke && /* @__PURE__ */ e.jsx(
2398
+ fe,
2399
+ {
2400
+ variant: "ghost",
2401
+ size: "xs",
2402
+ icon: /* @__PURE__ */ e.jsx(Ee, { size: D[2], strokeWidth: 1.5 }),
2403
+ "aria-label": "Attach files",
2404
+ onClick: () => {
2405
+ var j;
2406
+ return (j = v.current) == null ? void 0 : j.click();
2407
+ }
2408
+ }
2409
+ ),
2410
+ A,
2411
+ k,
2412
+ /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
2413
+ n ? /* @__PURE__ */ e.jsx(
2414
+ fe,
2415
+ {
2416
+ variant: "primary",
2417
+ size: "xs",
2418
+ icon: /* @__PURE__ */ e.jsx(Ke, { size: D[2], strokeWidth: 1.5 }),
2419
+ onClick: o,
2420
+ "aria-label": "Stop"
2421
+ }
2422
+ ) : /* @__PURE__ */ e.jsx(
2423
+ fe,
2424
+ {
2425
+ variant: "primary",
2426
+ size: "xs",
2427
+ icon: /* @__PURE__ */ e.jsx(Ge, { size: D[2], strokeWidth: 1.5 }),
2428
+ onClick: r,
2429
+ disabled: !Oe,
2430
+ "aria-label": "Send"
2431
+ }
2432
+ )
2433
+ ] })
2434
+ ]
2435
+ }
2436
+ )
2437
+ ] });
2438
+ }
2439
+ const De = { fast: 0, standard: 1, premium: 2 };
2440
+ function gs({
2441
+ models: s = [],
2442
+ value: t,
2443
+ onChange: r,
2444
+ size: o = "xs",
2445
+ minTier: a,
2446
+ showAutoOption: n = !1,
2447
+ groupByTier: i = !0,
2448
+ className: l = "",
2449
+ ...p
2450
+ }) {
2451
+ const [u, m] = S(!1), f = $(null), h = $(null), [d, b] = S({}), _ = s.filter((v) => !a || v.name === "auto" ? !0 : (De[v.tier] ?? 1) >= (De[a] ?? 1)), R = _.find((v) => v.name === "auto"), E = _.filter((v) => v.name !== "auto"), g = s.find((v) => v.name === t);
2452
+ B(() => {
2453
+ var Y;
2454
+ if (!u) return;
2455
+ const v = (Y = f.current) == null ? void 0 : Y.getBoundingClientRect();
2456
+ v && b({
2457
+ position: "fixed",
2458
+ zIndex: "var(--z-dropdown, 500)",
2459
+ top: v.bottom + 4,
2460
+ right: window.innerWidth - v.right
2461
+ });
2462
+ const L = (H) => {
2463
+ var X, U;
2464
+ !((X = f.current) != null && X.contains(H.target)) && !((U = h.current) != null && U.contains(H.target)) && m(!1);
2465
+ }, z = (H) => {
2466
+ H.key === "Escape" && m(!1);
2467
+ };
2468
+ return document.addEventListener("mousedown", L), document.addEventListener("keydown", z), () => {
2469
+ document.removeEventListener("mousedown", L), document.removeEventListener("keydown", z);
2470
+ };
2471
+ }, [u]);
2472
+ const A = (v) => {
2473
+ r == null || r(v), m(!1);
2474
+ }, k = (v) => /* @__PURE__ */ e.jsxs(
2475
+ "button",
2476
+ {
2477
+ type: "button",
2478
+ className: [
2479
+ "ds-model-picker__item",
2480
+ v.name === t && "ds-model-picker__item--active"
2481
+ ].filter(Boolean).join(" "),
2482
+ onClick: () => A(v.name),
2483
+ children: [
2484
+ v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx($e, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
2485
+ /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: v.displayName || v.name }),
2486
+ v.tier && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": v.tier, children: v.tier })
2487
+ ]
2488
+ },
2489
+ v.name
2490
+ ), M = () => i ? ["fast", "standard", "premium"].flatMap((v) => {
2491
+ const L = E.filter((z) => z.tier === v);
2492
+ return L.length ? [
2493
+ /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
2494
+ ...L.map(k)
2495
+ ] : [];
2496
+ }) : E.map(k), I = u && /* @__PURE__ */ e.jsxs("div", { ref: h, className: "ds-model-picker__menu", style: d, children: [
2497
+ n && R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2498
+ /* @__PURE__ */ e.jsxs(
2499
+ "button",
2500
+ {
2501
+ type: "button",
2502
+ className: [
2503
+ "ds-model-picker__item",
2504
+ "ds-model-picker__item--auto",
2505
+ t === "auto" && "ds-model-picker__item--active"
2506
+ ].filter(Boolean).join(" "),
2507
+ onClick: () => A("auto"),
2508
+ children: [
2509
+ /* @__PURE__ */ e.jsx(Xe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
2510
+ /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
2511
+ ]
2512
+ }
2513
+ ),
2514
+ E.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
2515
+ ] }),
2516
+ M()
2517
+ ] });
2518
+ return /* @__PURE__ */ e.jsxs(
2519
+ "div",
2520
+ {
2521
+ ref: f,
2522
+ className: ["ds-model-picker", l].filter(Boolean).join(" "),
2523
+ ...p,
2524
+ children: [
2525
+ /* @__PURE__ */ e.jsxs(
2526
+ "button",
2527
+ {
2528
+ type: "button",
2529
+ className: "ds-model-picker__trigger",
2530
+ onClick: () => m((v) => !v),
2531
+ "aria-haspopup": "listbox",
2532
+ "aria-expanded": u,
2533
+ children: [
2534
+ g != null && g.icon ? /* @__PURE__ */ e.jsx("span", { children: g.icon }) : /* @__PURE__ */ e.jsx($e, { size: 12, strokeWidth: 1.5 }),
2535
+ /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (g == null ? void 0 : g.displayName) || (g == null ? void 0 : g.name) || t }),
2536
+ (g == null ? void 0 : g.tier) && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": g.tier, children: g.tier })
2537
+ ]
2538
+ }
2539
+ ),
2540
+ typeof document < "u" && me.createPortal(I, document.body)
2541
+ ]
2542
+ }
2543
+ );
2182
2544
  }
2183
2545
  export {
2184
- Ve as Accordion,
2185
- vs as Alert,
2186
- qs as AnimatedNumber,
2187
- Rs as Avatar,
2188
- ie as Badge,
2189
- Cs as Banner,
2190
- zs as Breadcrumb,
2191
- _e as Button,
2192
- Le as Card,
2193
- st as ChatMessage,
2194
- $s as Checkbox,
2195
- _s as Code,
2196
- Fe as CodeAccordion,
2197
- Js as CopyButton,
2198
- Vs as Drawer,
2199
- be as DrawerFooter,
2200
- Us as Dropdown,
2201
- Ls as EmptyState,
2202
- Ms as FormField,
2203
- ms as H1,
2204
- ps as H2,
2205
- hs as H3,
2206
- xs as H4,
2207
- Hs as InView,
2208
- cs as Input,
2209
- ws as Link,
2210
- js as Modal,
2211
- xe as ModalFooter,
2212
- bs as P1,
2213
- Me as P2,
2214
- we as P3,
2215
- Fs as Pagination,
2216
- Ys as ProgressBar,
2217
- Ts as Radio,
2218
- Zs as ReasoningBlock,
2219
- Es as SegmentedControl,
2220
- us as Select,
2221
- Ye as Skeleton,
2222
- Pe as Spinner,
2223
- Ws as Stat,
2224
- Qs as StepIndicator,
2225
- fs as Stepper,
2226
- et as StreamingText,
2227
- ys as Tab,
2228
- Is as Table,
2229
- As as TableBody,
2230
- Ss as TableHead,
2231
- Bs as TableRow,
2232
- Ds as TableSubheaderRow,
2233
- Ns as Tabs,
2234
- Os as Td,
2235
- ds as Textarea,
2236
- Ps as Th,
2237
- Gs as ToastContainer,
2238
- gs as Toggle,
2239
- Xs as ToolCallCard,
2240
- ks as Tooltip,
2241
- A as iconSizes,
2242
- es as useAnimatedNumber,
2243
- ss as useInView,
2244
- tt as useStreamScroll,
2245
- Ks as useToast
2546
+ ot as Accordion,
2547
+ Mt as Alert,
2548
+ fs as AnimatedNumber,
2549
+ Gt as Avatar,
2550
+ pe as Badge,
2551
+ cs as Banner,
2552
+ os as Breadcrumb,
2553
+ fe as Button,
2554
+ tt as Card,
2555
+ Ns as ChatMessage,
2556
+ Ht as Checkbox,
2557
+ Wt as Code,
2558
+ at as CodeAccordion,
2559
+ bs as CopyButton,
2560
+ ls as Drawer,
2561
+ Ae as DrawerFooter,
2562
+ ds as Dropdown,
2563
+ rs as EmptyState,
2564
+ ns as FormField,
2565
+ Dt as H1,
2566
+ Bt as H2,
2567
+ Pt as H3,
2568
+ Lt as H4,
2569
+ ms as InView,
2570
+ Rt as Input,
2571
+ Ft as Link,
2572
+ zt as Modal,
2573
+ Se as ModalFooter,
2574
+ gs as ModelPicker,
2575
+ Ot as P1,
2576
+ st as P2,
2577
+ Pe as P3,
2578
+ is as Pagination,
2579
+ us as ProgressBar,
2580
+ ys as PromptInput,
2581
+ Kt as Radio,
2582
+ js as ReasoningBlock,
2583
+ Vt as SegmentedControl,
2584
+ At as Select,
2585
+ ct as Skeleton,
2586
+ Qe as Spinner,
2587
+ as as Stat,
2588
+ _s as StepIndicator,
2589
+ It as Stepper,
2590
+ vs as StreamingText,
2591
+ Ut as Tab,
2592
+ Xt as Table,
2593
+ Zt as TableBody,
2594
+ Jt as TableHead,
2595
+ Qt as TableRow,
2596
+ es as TableSubheaderRow,
2597
+ Ct as Tabs,
2598
+ ss as Td,
2599
+ St as Textarea,
2600
+ ts as Th,
2601
+ hs as ToastContainer,
2602
+ qt as Toggle,
2603
+ xs as ToolCallCard,
2604
+ Yt as Tooltip,
2605
+ D as iconSizes,
2606
+ jt as useAnimatedNumber,
2607
+ gt as useAnimatedPlaceholder,
2608
+ _t as useInView,
2609
+ ws as useStreamScroll,
2610
+ ps as useToast
2246
2611
  };