@handamade/psi-react 0.4.1 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,515 +1,303 @@
1
- import { jsx as n, jsxs as c } from "react/jsx-runtime";
2
- import { useState as $, useId as B, useRef as j, useCallback as L, useEffect as C, cloneElement as S } from "react";
3
- const N = "_button_m8fis_3", I = "_disabled_m8fis_31", M = "_size24_m8fis_39", W = "_size32_m8fis_45", H = "_size40_m8fis_51", A = "_size48_m8fis_57", E = "_accent_m8fis_66", V = "_accentSubtle_m8fis_78", R = "_neutral_m8fis_90", q = "_neutralSubtle_m8fis_102", T = "_ghost_m8fis_114", D = "_danger_m8fis_126", U = "_dangerSubtle_m8fis_138", Z = "_outline_m8fis_150", d = {
4
- button: N,
5
- disabled: I,
6
- size24: M,
7
- size32: W,
8
- size40: H,
9
- size48: A,
10
- accent: E,
11
- accentSubtle: V,
12
- neutral: R,
13
- neutralSubtle: q,
14
- ghost: T,
15
- danger: D,
16
- dangerSubtle: U,
17
- outline: Z
18
- }, F = {
19
- accent: d.accent,
20
- "accent-subtle": d.accentSubtle,
21
- neutral: d.neutral,
22
- "neutral-subtle": d.neutralSubtle,
23
- ghost: d.ghost,
24
- danger: d.danger,
25
- "danger-subtle": d.dangerSubtle,
26
- outline: d.outline
27
- }, G = {
28
- 24: d.size24,
29
- 32: d.size32,
30
- 40: d.size40,
31
- 48: d.size48
1
+ import { jsx as n, jsxs as c, Fragment as A } from "react/jsx-runtime";
2
+ import { createContext as q, useId as M, useRef as E, useEffect as S, useContext as V, useState as R, useCallback as I, cloneElement as D } from "react";
3
+ const T = "_button_m8fis_3", F = "_disabled_m8fis_31", P = "_size24_m8fis_39", U = "_size32_m8fis_45", Z = "_size40_m8fis_51", G = "_size48_m8fis_57", K = "_accent_m8fis_66", X = "_accentSubtle_m8fis_78", Y = "_neutral_m8fis_90", J = "_neutralSubtle_m8fis_102", Q = "_ghost_m8fis_114", O = "_danger_m8fis_126", ee = "_dangerSubtle_m8fis_138", ne = "_outline_m8fis_150", f = {
4
+ button: T,
5
+ disabled: F,
6
+ size24: P,
7
+ size32: U,
8
+ size40: Z,
9
+ size48: G,
10
+ accent: K,
11
+ accentSubtle: X,
12
+ neutral: Y,
13
+ neutralSubtle: J,
14
+ ghost: Q,
15
+ danger: O,
16
+ dangerSubtle: ee,
17
+ outline: ne
18
+ }, te = {
19
+ accent: f.accent,
20
+ "accent-subtle": f.accentSubtle,
21
+ neutral: f.neutral,
22
+ "neutral-subtle": f.neutralSubtle,
23
+ ghost: f.ghost,
24
+ danger: f.danger,
25
+ "danger-subtle": f.dangerSubtle,
26
+ outline: f.outline
27
+ }, oe = {
28
+ 24: f.size24,
29
+ 32: f.size32,
30
+ 40: f.size40,
31
+ 48: f.size48
32
32
  };
33
- function fn({
33
+ function Dn({
34
34
  variant: e = "neutral",
35
35
  size: t = 32,
36
36
  href: r,
37
- target: i,
38
- rel: s,
37
+ target: s,
38
+ rel: a,
39
39
  disabled: o,
40
- className: a,
41
- onClick: u,
42
- ref: h,
43
- ...f
40
+ className: i,
41
+ onClick: l,
42
+ ref: u,
43
+ ...h
44
44
  }) {
45
- const k = [
46
- d.button,
47
- F[e],
48
- G[t],
49
- r !== void 0 && o ? d.disabled : void 0,
50
- a
45
+ const g = [
46
+ f.button,
47
+ te[e],
48
+ oe[t],
49
+ r !== void 0 && o ? f.disabled : void 0,
50
+ i
51
51
  ].filter(Boolean).join(" ");
52
52
  return r !== void 0 ? /* @__PURE__ */ n(
53
53
  "a",
54
54
  {
55
- ref: h,
56
- className: k,
55
+ ref: u,
56
+ className: g,
57
57
  href: o ? void 0 : r,
58
- target: i,
59
- rel: s,
58
+ target: s,
59
+ rel: a,
60
60
  "aria-disabled": o || void 0,
61
- onClick: o ? void 0 : u,
62
- ...f
61
+ onClick: o ? void 0 : l,
62
+ ...h
63
63
  }
64
64
  ) : /* @__PURE__ */ n(
65
65
  "button",
66
66
  {
67
- ref: h,
68
- className: k,
67
+ ref: u,
68
+ className: g,
69
69
  disabled: o,
70
- onClick: u,
71
- ...f
70
+ onClick: l,
71
+ ...h
72
72
  }
73
73
  );
74
74
  }
75
- const K = "_iconButton_1dldx_3", P = "_disabled_1dldx_29", X = "_size24_1dldx_37", Y = "_size32_1dldx_42", J = "_size40_1dldx_47", Q = "_size48_1dldx_52", O = "_accent_1dldx_60", ee = "_neutral_1dldx_72", ne = "_ghost_1dldx_84", te = "_danger_1dldx_96", p = {
76
- iconButton: K,
77
- disabled: P,
78
- size24: X,
79
- size32: Y,
80
- size40: J,
81
- size48: Q,
82
- accent: O,
83
- neutral: ee,
84
- ghost: ne,
85
- danger: te
86
- }, oe = {
87
- accent: p.accent,
88
- neutral: p.neutral,
89
- ghost: p.ghost,
90
- danger: p.danger
91
- }, re = {
92
- 24: p.size24,
93
- 32: p.size32,
94
- 40: p.size40,
95
- 48: p.size48
75
+ const ie = "_iconButton_1dldx_3", re = "_disabled_1dldx_29", se = "_size24_1dldx_37", ae = "_size32_1dldx_42", ce = "_size40_1dldx_47", le = "_size48_1dldx_52", de = "_accent_1dldx_60", ue = "_neutral_1dldx_72", _e = "_ghost_1dldx_84", he = "_danger_1dldx_96", y = {
76
+ iconButton: ie,
77
+ disabled: re,
78
+ size24: se,
79
+ size32: ae,
80
+ size40: ce,
81
+ size48: le,
82
+ accent: de,
83
+ neutral: ue,
84
+ ghost: _e,
85
+ danger: he
86
+ }, ve = {
87
+ accent: y.accent,
88
+ neutral: y.neutral,
89
+ ghost: y.ghost,
90
+ danger: y.danger
91
+ }, fe = {
92
+ 24: y.size24,
93
+ 32: y.size32,
94
+ 40: y.size40,
95
+ 48: y.size48
96
96
  };
97
- function gn({
97
+ function ge({
98
98
  variant: e = "neutral",
99
99
  size: t = 32,
100
100
  href: r,
101
- target: i,
102
- rel: s,
101
+ target: s,
102
+ rel: a,
103
103
  disabled: o,
104
- className: a,
105
- onClick: u,
106
- ref: h,
107
- ...f
104
+ className: i,
105
+ onClick: l,
106
+ ref: u,
107
+ ...h
108
108
  }) {
109
- const k = [
110
- p.iconButton,
111
- oe[e],
112
- re[t],
113
- r !== void 0 && o ? p.disabled : void 0,
114
- a
109
+ const g = [
110
+ y.iconButton,
111
+ ve[e],
112
+ fe[t],
113
+ r !== void 0 && o ? y.disabled : void 0,
114
+ i
115
115
  ].filter(Boolean).join(" ");
116
116
  return r !== void 0 ? /* @__PURE__ */ n(
117
117
  "a",
118
118
  {
119
- ref: h,
120
- className: k,
119
+ ref: u,
120
+ className: g,
121
121
  href: o ? void 0 : r,
122
- target: i,
123
- rel: s,
122
+ target: s,
123
+ rel: a,
124
124
  "aria-disabled": o || void 0,
125
- onClick: o ? void 0 : u,
126
- ...f
125
+ onClick: o ? void 0 : l,
126
+ ...h
127
127
  }
128
128
  ) : /* @__PURE__ */ n(
129
129
  "button",
130
130
  {
131
- ref: h,
132
- className: k,
131
+ ref: u,
132
+ className: g,
133
133
  disabled: o,
134
- onClick: u,
135
- ...f
134
+ onClick: l,
135
+ ...h
136
136
  }
137
137
  );
138
138
  }
139
- const ie = "_card_1btb3_1", se = "_stacked_1btb3_8", ce = "_featured_1btb3_10", ae = "_media_1btb3_22", le = "_body_1btb3_23", ue = "_hoverLift_1btb3_31", v = {
140
- card: ie,
141
- stacked: se,
142
- featured: ce,
143
- media: ae,
144
- body: le,
145
- hoverLift: ue
139
+ const be = "_card_1btb3_1", ye = "_stacked_1btb3_8", pe = "_featured_1btb3_10", ke = "_media_1btb3_22", me = "_body_1btb3_23", xe = "_hoverLift_1btb3_31", m = {
140
+ card: be,
141
+ stacked: ye,
142
+ featured: pe,
143
+ media: ke,
144
+ body: me,
145
+ hoverLift: xe
146
146
  };
147
- function pn({
147
+ function Tn({
148
148
  variant: e = "stacked",
149
149
  media: t,
150
150
  hoverLift: r = !1,
151
- className: i,
152
- children: s,
151
+ className: s,
152
+ children: a,
153
153
  ref: o,
154
- ...a
154
+ ...i
155
155
  }) {
156
- const u = [
157
- v.card,
158
- e === "featured" ? v.featured : v.stacked,
159
- r ? v.hoverLift : void 0,
160
- i
156
+ const l = [
157
+ m.card,
158
+ e === "featured" ? m.featured : m.stacked,
159
+ r ? m.hoverLift : void 0,
160
+ s
161
161
  ].filter(Boolean).join(" ");
162
- return /* @__PURE__ */ c("div", { ref: o, className: u, ...a, children: [
163
- t != null && /* @__PURE__ */ n("div", { className: v.media, children: t }),
164
- /* @__PURE__ */ n("div", { className: v.body, children: s })
162
+ return /* @__PURE__ */ c("div", { ref: o, className: l, ...i, children: [
163
+ t != null && /* @__PURE__ */ n("div", { className: m.media, children: t }),
164
+ /* @__PURE__ */ n("div", { className: m.body, children: a })
165
165
  ] });
166
166
  }
167
- const de = "_navbar_1uory_1", _e = "_inner_1uory_11", he = "_brand_1uory_18", fe = "_links_1uory_19", ge = "_actions_1uory_49", w = {
168
- navbar: de,
169
- inner: _e,
170
- brand: he,
171
- links: fe,
172
- actions: ge
167
+ const we = "_navbar_1uory_1", ze = "_inner_1uory_11", Ce = "_brand_1uory_18", Le = "_links_1uory_19", Be = "_actions_1uory_49", j = {
168
+ navbar: we,
169
+ inner: ze,
170
+ brand: Ce,
171
+ links: Le,
172
+ actions: Be
173
173
  };
174
- function kn({ brand: e, actions: t, children: r, className: i, ref: s, ...o }) {
175
- const a = [w.navbar, i].filter(Boolean).join(" ");
176
- return /* @__PURE__ */ n("header", { ref: s, className: a, ...o, children: /* @__PURE__ */ c("div", { className: `ds-container ${w.inner}`, children: [
177
- e != null && /* @__PURE__ */ n("div", { className: w.brand, children: e }),
178
- /* @__PURE__ */ n("nav", { className: w.links, children: r }),
179
- t != null && /* @__PURE__ */ n("div", { className: w.actions, children: t })
174
+ function Fn({ brand: e, actions: t, children: r, className: s, ref: a, ...o }) {
175
+ const i = [j.navbar, s].filter(Boolean).join(" ");
176
+ return /* @__PURE__ */ n("header", { ref: a, className: i, ...o, children: /* @__PURE__ */ c("div", { className: `ds-container ${j.inner}`, children: [
177
+ e != null && /* @__PURE__ */ n("div", { className: j.brand, children: e }),
178
+ /* @__PURE__ */ n("nav", { className: j.links, children: r }),
179
+ t != null && /* @__PURE__ */ n("div", { className: j.actions, children: t })
180
180
  ] }) });
181
181
  }
182
- const pe = "_frame_et4fc_1", ke = {
183
- frame: pe
184
- };
185
- function vn({ ratio: e, className: t, style: r, children: i, ref: s, ...o }) {
186
- const a = [ke.frame, t].filter(Boolean).join(" ");
187
- return /* @__PURE__ */ n("div", { ref: s, className: a, style: { aspectRatio: String(e), ...r }, ...o, children: i });
188
- }
189
- const ve = "_input_8tzcf_3", be = "_size24_8tzcf_38", ye = "_size32_8tzcf_43", xe = "_size40_8tzcf_48", me = "_size48_8tzcf_53", we = "_error_8tzcf_60", y = {
190
- input: ve,
191
- size24: be,
192
- size32: ye,
193
- size40: xe,
194
- size48: me,
195
- error: we
196
- }, ze = {
197
- 24: y.size24,
198
- 32: y.size32,
199
- 40: y.size40,
200
- 48: y.size48
201
- };
202
- function bn({
203
- size: e = 32,
204
- error: t = !1,
205
- className: r,
206
- ref: i,
207
- ...s
208
- }) {
209
- const o = [
210
- y.input,
211
- ze[e],
212
- t && y.error,
213
- r
214
- ].filter(Boolean).join(" ");
215
- return /* @__PURE__ */ n("input", { ref: i, className: o, ...s });
216
- }
217
- const Le = "_select_140kg_3", Ce = "_size24_140kg_40", $e = "_size32_140kg_45", Be = "_size40_140kg_50", je = "_size48_140kg_55", Se = "_error_140kg_62", x = {
218
- select: Le,
219
- size24: Ce,
220
- size32: $e,
221
- size40: Be,
222
- size48: je,
223
- error: Se
224
- }, Ne = {
225
- 24: x.size24,
226
- 32: x.size32,
227
- 40: x.size40,
228
- 48: x.size48
229
- };
230
- function yn({
231
- size: e = 32,
232
- error: t = !1,
233
- className: r,
234
- ref: i,
235
- children: s,
236
- ...o
237
- }) {
238
- const a = [
239
- x.select,
240
- Ne[e],
241
- t && x.error,
242
- r
243
- ].filter(Boolean).join(" ");
244
- return /* @__PURE__ */ n("select", { ref: i, className: a, ...o, children: s });
245
- }
246
- const Ie = "_label_n457n_3", Me = "_disabled_n457n_13", We = "_input_n457n_20", He = "_indicator_n457n_34", Ae = "_text_n457n_74", z = {
247
- label: Ie,
248
- disabled: Me,
249
- input: We,
250
- indicator: He,
251
- text: Ae
252
- };
253
- function xn({
254
- children: e,
255
- className: t,
256
- disabled: r,
257
- ref: i,
258
- ...s
259
- }) {
260
- const o = [z.label, r && z.disabled, t].filter(Boolean).join(" ");
261
- return /* @__PURE__ */ c("label", { className: o, children: [
262
- /* @__PURE__ */ n(
263
- "input",
264
- {
265
- ref: i,
266
- type: "checkbox",
267
- className: z.input,
268
- disabled: r,
269
- ...s
270
- }
271
- ),
272
- /* @__PURE__ */ n("span", { className: z.indicator, "aria-hidden": "true" }),
273
- e && /* @__PURE__ */ n("span", { className: z.text, children: e })
274
- ] });
275
- }
276
- const Ee = "_label_jru2c_3", Ve = "_disabled_jru2c_13", Re = "_input_jru2c_20", qe = "_track_jru2c_34", Te = "_thumb_jru2c_58", De = "_text_jru2c_75", b = {
277
- label: Ee,
278
- disabled: Ve,
279
- input: Re,
280
- track: qe,
281
- thumb: Te,
282
- text: De
182
+ const je = "_frame_et4fc_1", $e = {
183
+ frame: je
283
184
  };
284
- function mn({
285
- children: e,
286
- className: t,
287
- disabled: r,
288
- ref: i,
289
- ...s
290
- }) {
291
- const o = [b.label, r && b.disabled, t].filter(Boolean).join(" ");
292
- return /* @__PURE__ */ c("label", { className: o, children: [
293
- /* @__PURE__ */ n(
294
- "input",
295
- {
296
- ref: i,
297
- type: "checkbox",
298
- role: "switch",
299
- className: b.input,
300
- disabled: r,
301
- ...s
302
- }
303
- ),
304
- /* @__PURE__ */ n("span", { className: b.track, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: b.thumb }) }),
305
- e && /* @__PURE__ */ n("span", { className: b.text, children: e })
306
- ] });
307
- }
308
- const Ue = "_tag_3oysa_3", Ze = "_dismiss_3oysa_17", Fe = "_neutral_3oysa_43", Ge = "_accent_3oysa_48", Ke = "_success_3oysa_53", Pe = "_warning_3oysa_58", Xe = "_danger_3oysa_63", Ye = "_neutralSubtle_3oysa_70", Je = "_accentSubtle_3oysa_75", Qe = "_successSubtle_3oysa_80", Oe = "_warningSubtle_3oysa_85", en = "_dangerSubtle_3oysa_90", _ = {
309
- tag: Ue,
310
- dismiss: Ze,
311
- neutral: Fe,
312
- accent: Ge,
313
- success: Ke,
314
- warning: Pe,
315
- danger: Xe,
316
- neutralSubtle: Ye,
317
- accentSubtle: Je,
318
- successSubtle: Qe,
319
- warningSubtle: Oe,
320
- dangerSubtle: en
321
- }, nn = {
322
- neutral: _.neutral,
323
- accent: _.accent,
324
- success: _.success,
325
- warning: _.warning,
326
- danger: _.danger
327
- }, tn = {
328
- neutral: _.neutralSubtle,
329
- accent: _.accentSubtle,
330
- success: _.successSubtle,
331
- warning: _.warningSubtle,
332
- danger: _.dangerSubtle
333
- };
334
- function wn({
335
- variant: e = "neutral",
336
- subtle: t = !1,
337
- onDismiss: r,
185
+ function Pn({ ratio: e, className: t, style: r, children: s, ref: a, ...o }) {
186
+ const i = [$e.frame, t].filter(Boolean).join(" ");
187
+ return /* @__PURE__ */ n("div", { ref: a, className: i, style: { aspectRatio: String(e), ...r }, ...o, children: s });
188
+ }
189
+ const Ne = "_field_lplye_1", Se = "_label_lplye_10", Ie = "_marker_lplye_16", Me = "_message_lplye_20", We = "_invalid_lplye_26", x = {
190
+ field: Ne,
191
+ label: Se,
192
+ marker: Ie,
193
+ message: Me,
194
+ invalid: We
195
+ }, W = q(null);
196
+ function Un({
197
+ label: e,
198
+ description: t,
199
+ error: r,
200
+ required: s = !1,
201
+ group: a = !1,
202
+ htmlFor: o,
338
203
  className: i,
339
- children: s,
340
- ref: o,
341
- ...a
204
+ children: l,
205
+ ref: u,
206
+ ...h
342
207
  }) {
343
- const u = t ? tn : nn, h = [_.tag, u[e], i].filter(Boolean).join(" ");
344
- return /* @__PURE__ */ c("span", { ref: o, className: h, ...a, children: [
345
- s,
346
- r && /* @__PURE__ */ n(
347
- "button",
348
- {
349
- type: "button",
350
- className: _.dismiss,
351
- onClick: r,
352
- "aria-label": "Dismiss",
353
- children: /* @__PURE__ */ c(
354
- "svg",
355
- {
356
- width: "12",
357
- height: "12",
358
- viewBox: "0 0 24 24",
359
- fill: "none",
360
- stroke: "currentColor",
361
- strokeWidth: 2,
362
- strokeLinecap: "round",
363
- strokeLinejoin: "round",
364
- "aria-hidden": "true",
365
- children: [
366
- /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
367
- /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
368
- ]
369
- }
370
- )
371
- }
372
- )
208
+ const g = M(), v = o ?? g, d = !!r, B = d ? r : t, k = B != null && B !== !1 ? `${v}-message` : void 0, N = [x.field, d && x.invalid, i].filter(Boolean).join(" "), _ = e != null ? /* @__PURE__ */ c(A, { children: [
209
+ e,
210
+ s && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: x.marker, children: " *" })
211
+ ] }) : null, H = /* @__PURE__ */ c(A, { children: [
212
+ _ != null && (a ? /* @__PURE__ */ n("legend", { className: x.label, children: _ }) : /* @__PURE__ */ n("label", { className: x.label, htmlFor: v, children: _ })),
213
+ /* @__PURE__ */ n(W.Provider, { value: { id: v, describedBy: k, invalid: d, required: s }, children: l }),
214
+ k && /* @__PURE__ */ n("p", { id: k, className: x.message, "aria-live": "polite", children: B })
373
215
  ] });
374
- }
375
- const on = "_wrapper_17qua_3", rn = "_tooltip_17qua_10", sn = "_top_17qua_24", cn = "_bottom_17qua_31", an = "_left_17qua_38", ln = "_right_17qua_45", m = {
376
- wrapper: on,
377
- tooltip: rn,
378
- top: sn,
379
- bottom: cn,
380
- left: an,
381
- right: ln
382
- }, un = {
383
- top: m.top,
384
- bottom: m.bottom,
385
- left: m.left,
386
- right: m.right
387
- }, dn = 150;
388
- function zn({
389
- content: e,
390
- children: t,
391
- placement: r = "top"
392
- }) {
393
- const [i, s] = $(!1), o = B(), a = j(void 0), u = L(() => {
394
- a.current !== void 0 && (window.clearTimeout(a.current), a.current = void 0);
395
- }, []), h = L(() => s(!0), []), f = L(() => s(!1), []);
396
- C(() => u, [u]), C(() => {
397
- if (!i) return;
398
- const g = (l) => {
399
- l.key === "Escape" && f();
400
- };
401
- return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
402
- }, [i, f]);
403
- const k = S(t, {
404
- "aria-describedby": i ? o : void 0,
405
- onMouseEnter: (g) => {
406
- u(), a.current = window.setTimeout(h, dn);
407
- const l = t.props.onMouseEnter;
408
- l == null || l(g);
409
- },
410
- onMouseLeave: (g) => {
411
- u(), f();
412
- const l = t.props.onMouseLeave;
413
- l == null || l(g);
414
- },
415
- onFocus: (g) => {
416
- h();
417
- const l = t.props.onFocus;
418
- l == null || l(g);
419
- },
420
- onBlur: (g) => {
421
- u(), f();
422
- const l = t.props.onBlur;
423
- l == null || l(g);
216
+ return a ? /* @__PURE__ */ n(
217
+ "fieldset",
218
+ {
219
+ ref: u,
220
+ className: N,
221
+ "aria-describedby": k,
222
+ ...h,
223
+ children: H
424
224
  }
425
- });
426
- return /* @__PURE__ */ c("span", { className: m.wrapper, children: [
427
- k,
428
- i && /* @__PURE__ */ n(
429
- "span",
430
- {
431
- id: o,
432
- role: "tooltip",
433
- className: [m.tooltip, un[r]].filter(Boolean).join(" "),
434
- children: e
435
- }
436
- )
437
- ] });
225
+ ) : /* @__PURE__ */ n("div", { ref: u, className: N, ...h, children: H });
438
226
  }
439
- function Ln({ size: e = 20, ...t }) {
227
+ function Zn({ size: e = 20, ...t }) {
440
228
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
441
229
  /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
442
230
  /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
443
231
  ] });
444
232
  }
445
- function Cn({ size: e = 20, ...t }) {
233
+ function Gn({ size: e = 20, ...t }) {
446
234
  return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
447
235
  }
448
- function $n({ size: e = 20, ...t }) {
236
+ function He({ size: e = 20, ...t }) {
449
237
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
450
238
  /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
451
239
  /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
452
240
  ] });
453
241
  }
454
- function Bn({ size: e = 20, ...t }) {
242
+ function Kn({ size: e = 20, ...t }) {
455
243
  return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" }) });
456
244
  }
457
- function jn({ size: e = 20, ...t }) {
245
+ function Xn({ size: e = 20, ...t }) {
458
246
  return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
459
247
  }
460
- function Sn({ size: e = 20, ...t }) {
248
+ function Yn({ size: e = 20, ...t }) {
461
249
  return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) });
462
250
  }
463
- function Nn({ size: e = 20, ...t }) {
251
+ function Jn({ size: e = 20, ...t }) {
464
252
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
465
253
  /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
466
254
  /* @__PURE__ */ n("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
467
255
  ] });
468
256
  }
469
- function In({ size: e = 20, ...t }) {
257
+ function Qn({ size: e = 20, ...t }) {
470
258
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
471
259
  /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" }),
472
260
  /* @__PURE__ */ n("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
473
261
  ] });
474
262
  }
475
- function Mn({ size: e = 20, ...t }) {
263
+ function On({ size: e = 20, ...t }) {
476
264
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
477
265
  /* @__PURE__ */ n("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
478
266
  /* @__PURE__ */ n("circle", { cx: "12", cy: "7", r: "4" })
479
267
  ] });
480
268
  }
481
- function Wn({ size: e = 20, ...t }) {
269
+ function et({ size: e = 20, ...t }) {
482
270
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
483
271
  /* @__PURE__ */ n("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
484
272
  /* @__PURE__ */ n("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
485
273
  ] });
486
274
  }
487
- function Hn({ size: e = 20, ...t }) {
275
+ function nt({ size: e = 20, ...t }) {
488
276
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
489
277
  /* @__PURE__ */ n("polyline", { points: "3 6 5 6 21 6" }),
490
278
  /* @__PURE__ */ n("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
491
279
  ] });
492
280
  }
493
- function An({ size: e = 20, ...t }) {
281
+ function tt({ size: e = 20, ...t }) {
494
282
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
495
283
  /* @__PURE__ */ n("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
496
284
  /* @__PURE__ */ n("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
497
285
  ] });
498
286
  }
499
- function En({ size: e = 20, ...t }) {
287
+ function ot({ size: e = 20, ...t }) {
500
288
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
501
289
  /* @__PURE__ */ n("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
502
290
  /* @__PURE__ */ n("polyline", { points: "15 3 21 3 21 9" }),
503
291
  /* @__PURE__ */ n("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
504
292
  ] });
505
293
  }
506
- function Vn({ size: e = 20, ...t }) {
294
+ function it({ size: e = 20, ...t }) {
507
295
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
508
296
  /* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
509
297
  /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
510
298
  ] });
511
299
  }
512
- function Rn({ size: e = 20, ...t }) {
300
+ function rt({ size: e = 20, ...t }) {
513
301
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
514
302
  /* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
515
303
  /* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
@@ -517,7 +305,7 @@ function Rn({ size: e = 20, ...t }) {
517
305
  /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
518
306
  ] });
519
307
  }
520
- function qn({ size: e = 20, ...t }) {
308
+ function st({ size: e = 20, ...t }) {
521
309
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
522
310
  /* @__PURE__ */ n("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
523
311
  /* @__PURE__ */ n("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
@@ -529,66 +317,403 @@ function qn({ size: e = 20, ...t }) {
529
317
  /* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
530
318
  ] });
531
319
  }
532
- function Tn({ size: e = 20, ...t }) {
320
+ function at({ size: e = 20, ...t }) {
533
321
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
534
322
  /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
535
323
  /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" })
536
324
  ] });
537
325
  }
538
- function Dn({ size: e = 20, ...t }) {
326
+ function ct({ size: e = 20, ...t }) {
539
327
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
540
328
  /* @__PURE__ */ n("line", { x1: "7", y1: "17", x2: "17", y2: "7" }),
541
329
  /* @__PURE__ */ n("polyline", { points: "7 7 17 7 17 17" })
542
330
  ] });
543
331
  }
544
- function Un({ size: e = 20, ...t }) {
332
+ function lt({ size: e = 20, ...t }) {
545
333
  return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) });
546
334
  }
547
- function Zn({ size: e = 20, ...t }) {
335
+ function dt({ size: e = 20, ...t }) {
548
336
  return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) });
549
337
  }
550
- function Fn({ size: e = 20, ...t }) {
338
+ function ut({ size: e = 20, ...t }) {
551
339
  return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("path", { d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" }) });
552
340
  }
553
- function Gn({ size: e = 20, ...t }) {
341
+ function _t({ size: e = 20, ...t }) {
554
342
  return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
555
343
  /* @__PURE__ */ n("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
556
344
  /* @__PURE__ */ n("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
557
345
  /* @__PURE__ */ n("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
558
346
  ] });
559
347
  }
348
+ const Ae = "_dialog_j8ndn_2", Ee = "_w400_j8ndn_31", Ve = "_w560_j8ndn_32", qe = "_w720_j8ndn_33", Re = "_panel_j8ndn_35", De = "_header_j8ndn_41", Te = "_title_j8ndn_48", Fe = "_footer_j8ndn_54", p = {
349
+ dialog: Ae,
350
+ w400: Ee,
351
+ w560: Ve,
352
+ w720: qe,
353
+ panel: Re,
354
+ header: De,
355
+ title: Te,
356
+ footer: Fe
357
+ }, Pe = {
358
+ 400: p.w400,
359
+ 560: p.w560,
360
+ 720: p.w720
361
+ };
362
+ function ht({
363
+ open: e,
364
+ onClose: t,
365
+ title: r,
366
+ footer: s,
367
+ width: a = 560,
368
+ dismissible: o = !0,
369
+ className: i,
370
+ children: l,
371
+ ref: u,
372
+ ...h
373
+ }) {
374
+ const g = E(null), v = M(), d = (_) => {
375
+ g.current = _, typeof u == "function" ? u(_) : u && (u.current = _);
376
+ };
377
+ S(() => {
378
+ const _ = g.current;
379
+ _ && (e && !_.open ? _.showModal() : !e && _.open && _.close());
380
+ }, [e]), S(() => {
381
+ if (!e) return;
382
+ const _ = document.body.style.overflow;
383
+ return document.body.style.overflow = "hidden", () => {
384
+ document.body.style.overflow = _;
385
+ };
386
+ }, [e]);
387
+ const B = (_) => {
388
+ _.preventDefault(), o && t("esc");
389
+ }, k = (_) => {
390
+ o && _.target === g.current && t("backdrop");
391
+ }, N = [p.dialog, Pe[a], i].filter(Boolean).join(" ");
392
+ return /* @__PURE__ */ n(
393
+ "dialog",
394
+ {
395
+ ref: d,
396
+ className: N,
397
+ "aria-labelledby": r != null ? v : void 0,
398
+ onCancel: B,
399
+ onClick: k,
400
+ ...h,
401
+ children: /* @__PURE__ */ c("div", { className: p.panel, children: [
402
+ (r != null || o) && /* @__PURE__ */ c("div", { className: p.header, children: [
403
+ r != null && /* @__PURE__ */ n("h2", { id: v, className: p.title, children: r }),
404
+ o && /* @__PURE__ */ n(
405
+ ge,
406
+ {
407
+ variant: "ghost",
408
+ size: 32,
409
+ "aria-label": "Close dialog",
410
+ onClick: () => t("close-button"),
411
+ children: /* @__PURE__ */ n(He, { "aria-hidden": "true" })
412
+ }
413
+ )
414
+ ] }),
415
+ l,
416
+ s != null && /* @__PURE__ */ n("div", { className: p.footer, children: s })
417
+ ] })
418
+ }
419
+ );
420
+ }
421
+ const Ue = "_input_8tzcf_3", Ze = "_size24_8tzcf_38", Ge = "_size32_8tzcf_43", Ke = "_size40_8tzcf_48", Xe = "_size48_8tzcf_53", Ye = "_error_8tzcf_60", z = {
422
+ input: Ue,
423
+ size24: Ze,
424
+ size32: Ge,
425
+ size40: Ke,
426
+ size48: Xe,
427
+ error: Ye
428
+ }, Je = {
429
+ 24: z.size24,
430
+ 32: z.size32,
431
+ 40: z.size40,
432
+ 48: z.size48
433
+ };
434
+ function vt({ size: e = 32, error: t = !1, className: r, ref: s, ...a }) {
435
+ const o = V(W), i = t || ((o == null ? void 0 : o.invalid) ?? !1), l = [o == null ? void 0 : o.describedBy, a["aria-describedby"]].filter(Boolean).join(" ") || void 0, u = [z.input, Je[e], i && z.error, r].filter(Boolean).join(" ");
436
+ return /* @__PURE__ */ n(
437
+ "input",
438
+ {
439
+ ref: s,
440
+ className: u,
441
+ id: a.id ?? (o == null ? void 0 : o.id),
442
+ required: a.required ?? ((o == null ? void 0 : o.required) || void 0),
443
+ "aria-invalid": (o == null ? void 0 : o.invalid) || void 0,
444
+ ...a,
445
+ "aria-describedby": l
446
+ }
447
+ );
448
+ }
449
+ const Qe = "_select_140kg_3", Oe = "_size24_140kg_40", en = "_size32_140kg_45", nn = "_size40_140kg_50", tn = "_size48_140kg_55", on = "_error_140kg_62", C = {
450
+ select: Qe,
451
+ size24: Oe,
452
+ size32: en,
453
+ size40: nn,
454
+ size48: tn,
455
+ error: on
456
+ }, rn = {
457
+ 24: C.size24,
458
+ 32: C.size32,
459
+ 40: C.size40,
460
+ 48: C.size48
461
+ };
462
+ function ft({
463
+ size: e = 32,
464
+ error: t = !1,
465
+ className: r,
466
+ ref: s,
467
+ children: a,
468
+ ...o
469
+ }) {
470
+ const i = V(W), l = t || ((i == null ? void 0 : i.invalid) ?? !1), u = [i == null ? void 0 : i.describedBy, o["aria-describedby"]].filter(Boolean).join(" ") || void 0, h = [
471
+ C.select,
472
+ rn[e],
473
+ l && C.error,
474
+ r
475
+ ].filter(Boolean).join(" ");
476
+ return /* @__PURE__ */ n(
477
+ "select",
478
+ {
479
+ ref: s,
480
+ className: h,
481
+ id: o.id ?? (i == null ? void 0 : i.id),
482
+ required: o.required ?? ((i == null ? void 0 : i.required) || void 0),
483
+ "aria-invalid": (i == null ? void 0 : i.invalid) || void 0,
484
+ ...o,
485
+ "aria-describedby": u,
486
+ children: a
487
+ }
488
+ );
489
+ }
490
+ const sn = "_label_thyza_3", an = "_disabled_thyza_13", cn = "_input_thyza_20", ln = "_indicator_thyza_34", dn = "_text_thyza_75", $ = {
491
+ label: sn,
492
+ disabled: an,
493
+ input: cn,
494
+ indicator: ln,
495
+ text: dn
496
+ };
497
+ function gt({
498
+ children: e,
499
+ className: t,
500
+ disabled: r,
501
+ ref: s,
502
+ ...a
503
+ }) {
504
+ const o = [$.label, r && $.disabled, t].filter(Boolean).join(" ");
505
+ return /* @__PURE__ */ c("label", { className: o, children: [
506
+ /* @__PURE__ */ n(
507
+ "input",
508
+ {
509
+ ref: s,
510
+ type: "checkbox",
511
+ className: $.input,
512
+ disabled: r,
513
+ ...a
514
+ }
515
+ ),
516
+ /* @__PURE__ */ n("span", { className: $.indicator, "aria-hidden": "true" }),
517
+ e && /* @__PURE__ */ n("span", { className: $.text, children: e })
518
+ ] });
519
+ }
520
+ const un = "_label_jru2c_3", _n = "_disabled_jru2c_13", hn = "_input_jru2c_20", vn = "_track_jru2c_34", fn = "_thumb_jru2c_58", gn = "_text_jru2c_75", w = {
521
+ label: un,
522
+ disabled: _n,
523
+ input: hn,
524
+ track: vn,
525
+ thumb: fn,
526
+ text: gn
527
+ };
528
+ function bt({
529
+ children: e,
530
+ className: t,
531
+ disabled: r,
532
+ ref: s,
533
+ ...a
534
+ }) {
535
+ const o = [w.label, r && w.disabled, t].filter(Boolean).join(" ");
536
+ return /* @__PURE__ */ c("label", { className: o, children: [
537
+ /* @__PURE__ */ n(
538
+ "input",
539
+ {
540
+ ref: s,
541
+ type: "checkbox",
542
+ role: "switch",
543
+ className: w.input,
544
+ disabled: r,
545
+ ...a
546
+ }
547
+ ),
548
+ /* @__PURE__ */ n("span", { className: w.track, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: w.thumb }) }),
549
+ e && /* @__PURE__ */ n("span", { className: w.text, children: e })
550
+ ] });
551
+ }
552
+ const bn = "_tag_3oysa_3", yn = "_dismiss_3oysa_17", pn = "_neutral_3oysa_43", kn = "_accent_3oysa_48", mn = "_success_3oysa_53", xn = "_warning_3oysa_58", wn = "_danger_3oysa_63", zn = "_neutralSubtle_3oysa_70", Cn = "_accentSubtle_3oysa_75", Ln = "_successSubtle_3oysa_80", Bn = "_warningSubtle_3oysa_85", jn = "_dangerSubtle_3oysa_90", b = {
553
+ tag: bn,
554
+ dismiss: yn,
555
+ neutral: pn,
556
+ accent: kn,
557
+ success: mn,
558
+ warning: xn,
559
+ danger: wn,
560
+ neutralSubtle: zn,
561
+ accentSubtle: Cn,
562
+ successSubtle: Ln,
563
+ warningSubtle: Bn,
564
+ dangerSubtle: jn
565
+ }, $n = {
566
+ neutral: b.neutral,
567
+ accent: b.accent,
568
+ success: b.success,
569
+ warning: b.warning,
570
+ danger: b.danger
571
+ }, Nn = {
572
+ neutral: b.neutralSubtle,
573
+ accent: b.accentSubtle,
574
+ success: b.successSubtle,
575
+ warning: b.warningSubtle,
576
+ danger: b.dangerSubtle
577
+ };
578
+ function yt({
579
+ variant: e = "neutral",
580
+ subtle: t = !1,
581
+ onDismiss: r,
582
+ className: s,
583
+ children: a,
584
+ ref: o,
585
+ ...i
586
+ }) {
587
+ const l = t ? Nn : $n, u = [b.tag, l[e], s].filter(Boolean).join(" ");
588
+ return /* @__PURE__ */ c("span", { ref: o, className: u, ...i, children: [
589
+ a,
590
+ r && /* @__PURE__ */ n(
591
+ "button",
592
+ {
593
+ type: "button",
594
+ className: b.dismiss,
595
+ onClick: r,
596
+ "aria-label": "Dismiss",
597
+ children: /* @__PURE__ */ c(
598
+ "svg",
599
+ {
600
+ width: "12",
601
+ height: "12",
602
+ viewBox: "0 0 24 24",
603
+ fill: "none",
604
+ stroke: "currentColor",
605
+ strokeWidth: 2,
606
+ strokeLinecap: "round",
607
+ strokeLinejoin: "round",
608
+ "aria-hidden": "true",
609
+ children: [
610
+ /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
611
+ /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
612
+ ]
613
+ }
614
+ )
615
+ }
616
+ )
617
+ ] });
618
+ }
619
+ const Sn = "_wrapper_17qua_3", In = "_tooltip_17qua_10", Mn = "_top_17qua_24", Wn = "_bottom_17qua_31", Hn = "_left_17qua_38", An = "_right_17qua_45", L = {
620
+ wrapper: Sn,
621
+ tooltip: In,
622
+ top: Mn,
623
+ bottom: Wn,
624
+ left: Hn,
625
+ right: An
626
+ }, En = {
627
+ top: L.top,
628
+ bottom: L.bottom,
629
+ left: L.left,
630
+ right: L.right
631
+ }, Vn = 150;
632
+ function pt({
633
+ content: e,
634
+ children: t,
635
+ placement: r = "top"
636
+ }) {
637
+ const [s, a] = R(!1), o = M(), i = E(void 0), l = I(() => {
638
+ i.current !== void 0 && (window.clearTimeout(i.current), i.current = void 0);
639
+ }, []), u = I(() => a(!0), []), h = I(() => a(!1), []);
640
+ S(() => l, [l]), S(() => {
641
+ if (!s) return;
642
+ const v = (d) => {
643
+ d.key === "Escape" && h();
644
+ };
645
+ return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
646
+ }, [s, h]);
647
+ const g = D(t, {
648
+ "aria-describedby": s ? o : void 0,
649
+ onMouseEnter: (v) => {
650
+ l(), i.current = window.setTimeout(u, Vn);
651
+ const d = t.props.onMouseEnter;
652
+ d == null || d(v);
653
+ },
654
+ onMouseLeave: (v) => {
655
+ l(), h();
656
+ const d = t.props.onMouseLeave;
657
+ d == null || d(v);
658
+ },
659
+ onFocus: (v) => {
660
+ u();
661
+ const d = t.props.onFocus;
662
+ d == null || d(v);
663
+ },
664
+ onBlur: (v) => {
665
+ l(), h();
666
+ const d = t.props.onBlur;
667
+ d == null || d(v);
668
+ }
669
+ });
670
+ return /* @__PURE__ */ c("span", { className: L.wrapper, children: [
671
+ g,
672
+ s && /* @__PURE__ */ n(
673
+ "span",
674
+ {
675
+ id: o,
676
+ role: "tooltip",
677
+ className: [L.tooltip, En[r]].filter(Boolean).join(" "),
678
+ children: e
679
+ }
680
+ )
681
+ ] });
682
+ }
560
683
  export {
561
- vn as AspectRatio,
562
- fn as Button,
563
- pn as Card,
564
- xn as Checkbox,
565
- Tn as IconArrowDown,
566
- Dn as IconArrowUpRight,
567
- gn as IconButton,
568
- Bn as IconCheck,
569
- jn as IconChevronDown,
570
- Sn as IconChevronRight,
571
- $n as IconClose,
572
- An as IconCopy,
573
- Wn as IconEdit,
574
- En as IconExternalLink,
575
- Vn as IconEye,
576
- Rn as IconEyeOff,
577
- Zn as IconGitHub,
578
- Gn as IconInstagram,
579
- Un as IconLinkedIn,
580
- qn as IconLoader,
581
- Cn as IconMinus,
582
- Ln as IconPlus,
583
- Nn as IconSearch,
584
- In as IconSettings,
585
- Hn as IconTrash,
586
- Mn as IconUser,
587
- Fn as IconX,
588
- bn as Input,
589
- kn as NavBar,
590
- yn as Select,
591
- mn as Switch,
592
- wn as Tag,
593
- zn as Tooltip
684
+ Pn as AspectRatio,
685
+ Dn as Button,
686
+ Tn as Card,
687
+ gt as Checkbox,
688
+ ht as Dialog,
689
+ Un as Field,
690
+ at as IconArrowDown,
691
+ ct as IconArrowUpRight,
692
+ ge as IconButton,
693
+ Kn as IconCheck,
694
+ Xn as IconChevronDown,
695
+ Yn as IconChevronRight,
696
+ He as IconClose,
697
+ tt as IconCopy,
698
+ et as IconEdit,
699
+ ot as IconExternalLink,
700
+ it as IconEye,
701
+ rt as IconEyeOff,
702
+ dt as IconGitHub,
703
+ _t as IconInstagram,
704
+ lt as IconLinkedIn,
705
+ st as IconLoader,
706
+ Gn as IconMinus,
707
+ Zn as IconPlus,
708
+ Jn as IconSearch,
709
+ Qn as IconSettings,
710
+ nt as IconTrash,
711
+ On as IconUser,
712
+ ut as IconX,
713
+ vt as Input,
714
+ Fn as NavBar,
715
+ ft as Select,
716
+ bt as Switch,
717
+ yt as Tag,
718
+ pt as Tooltip
594
719
  };