beth-clarity 1.1.21 → 1.1.23

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 (4) hide show
  1. package/dist/clarity-design-system.es.js +1209 -1127
  2. package/dist/clarity-design-system.umd.js +2 -2
  3. package/dist/styles/index.css +1 -1
  4. package/package.json +1 -1
package/dist/clarity-design-system.es.js CHANGED
@@ -1,36 +1,36 @@
1
- import { jsx as a, jsxs as w, Fragment as ot } from "react/jsx-runtime";
2
- import E, { useState as T, useRef as M, useEffect as D, forwardRef as ct, isValidElement as se, createContext as Q, cloneElement as z, useContext as Z, useMemo as te, useCallback as ce, useLayoutEffect as dt } from "react";
3
- import mt from "react-dom";
4
- const Dt = ({
1
+ import { jsx as r, jsxs as g, Fragment as ut } from "react/jsx-runtime";
2
+ import j, { useState as T, useRef as z, useEffect as P, forwardRef as pt, isValidElement as K, createContext as Z, cloneElement as G, useContext as Y, useMemo as oe, useCallback as de, useLayoutEffect as ft, Children as ht } from "react";
3
+ import yt from "react-dom";
4
+ const Vt = ({
5
5
  variant: e = "primary",
6
6
  product: t,
7
7
  tone: s,
8
- size: n = "medium",
9
- bgColor: l,
10
- textColor: i,
8
+ size: a = "medium",
9
+ bgColor: n,
10
+ textColor: o,
11
11
  children: d,
12
- className: o = "",
13
- rounded: r = !1,
14
- outlined: c = !1,
15
- ...p
12
+ className: c = "",
13
+ rounded: l = !1,
14
+ outlined: i = !1,
15
+ ...u
16
16
  }) => {
17
- const v = "clarity-badge", m = !!l, f = t && s && !m;
18
- let u = "";
19
- m ? u = `${v}--custom-bg` : f ? u = `${v}--custom` : u = `${v}--${e}`;
17
+ const v = "clarity-badge", p = !!n, f = t && s && !p;
18
+ let m = "";
19
+ p ? m = `${v}--custom-bg` : f ? m = `${v}--custom` : m = `${v}--${e}`;
20
20
  const h = [
21
21
  v,
22
- u,
23
- `${v}--${n}`,
24
- r ? `${v}--rounded` : "",
25
- c ? `${v}--outlined` : "",
26
- o
22
+ m,
23
+ `${v}--${a}`,
24
+ l ? `${v}--rounded` : "",
25
+ i ? `${v}--outlined` : "",
26
+ c
27
27
  ].filter(Boolean).join(" "), y = {};
28
- m && (y.backgroundColor = l, i && (y.color = i));
28
+ p && (y.backgroundColor = n, o && (y.color = o));
29
29
  const b = f && t && s ? {
30
30
  "--custom-bg-color": `var(--clarity-${t}-${s})`,
31
31
  "--custom-text-color": s && parseInt(s) >= 500 ? "white" : `var(--clarity-${t}-800)`
32
32
  } : {};
33
- return /* @__PURE__ */ a(
33
+ return /* @__PURE__ */ r(
34
34
  "span",
35
35
  {
36
36
  className: h,
@@ -38,11 +38,11 @@ const Dt = ({
38
38
  ...y,
39
39
  ...b
40
40
  },
41
- ...p,
41
+ ...u,
42
42
  children: d
43
43
  }
44
44
  );
45
- }, ve = {
45
+ }, ge = {
46
46
  fontFamily: {
47
47
  sans: ["Inter", "system-ui", "sans-serif"],
48
48
  mono: ["Fira Code", "monospace"]
@@ -69,7 +69,7 @@ const Dt = ({
69
69
  wide: "0.025em",
70
70
  wider: "0.05em"
71
71
  }
72
- }, ue = (e) => {
72
+ }, fe = (e) => {
73
73
  if (e) {
74
74
  if (e.startsWith("#") || e.startsWith("rgb") || e.startsWith("hsl") || e === "transparent")
75
75
  return e;
@@ -79,164 +79,218 @@ const Dt = ({
79
79
  }
80
80
  return `var(--clarity-${e})`;
81
81
  }
82
- }, U = (e) => e !== void 0 ? `var(--clarity-spacing-${e})` : void 0, de = E.forwardRef(({
83
- as: e,
84
- children: t,
85
- className: s,
86
- display: n,
87
- flexDirection: l,
88
- alignItems: i,
89
- justifyContent: d,
90
- gap: o,
91
- m: r,
92
- mt: c,
93
- mr: p,
94
- mb: v,
95
- ml: m,
96
- mx: f,
97
- my: u,
98
- p: h,
99
- pt: y,
100
- pr: b,
101
- pb: N,
102
- pl: B,
103
- px: x,
104
- py: _,
105
- bg: $,
106
- color: L,
107
- fontSize: k,
108
- fontWeight: j,
109
- textAlign: I,
110
- lineHeight: A,
111
- letterSpacing: O,
112
- borderRadius: g,
113
- boxShadow: V,
114
- borderWidth: H,
115
- borderTopWidth: W,
116
- borderRightWidth: q,
117
- borderBottomWidth: X,
118
- borderLeftWidth: F,
119
- borderXWidth: P,
120
- borderYWidth: Y,
121
- borderColor: le,
122
- ...re
123
- }, ie) => {
124
- const C = e || "div", S = (R, J) => {
125
- if (R === void 0 || R === 0) return;
126
- const rt = `var(--clarity-border-width-${R})`, it = J ? ue(J) : "currentColor";
127
- return `${rt} solid ${it}`;
128
- }, G = {
129
- display: n,
130
- flexDirection: l,
131
- alignItems: i,
132
- justifyContent: d,
133
- gap: U(o),
134
- marginTop: U(c ?? u ?? r),
135
- marginRight: U(p ?? f ?? r),
136
- marginBottom: U(v ?? u ?? r),
137
- marginLeft: U(m ?? f ?? r),
138
- paddingTop: U(y ?? _ ?? h),
139
- paddingRight: U(b ?? x ?? h),
140
- paddingBottom: U(N ?? _ ?? h),
141
- paddingLeft: U(B ?? x ?? h),
142
- backgroundColor: $ ? ue($) : void 0,
143
- color: L ? ue(L) : void 0,
144
- fontSize: k ? `var(--clarity-font-size-${k})` : void 0,
145
- fontWeight: j ? ve.fontWeight[j] : void 0,
146
- textAlign: I,
147
- lineHeight: A,
148
- letterSpacing: O ? ve.letterSpacing[O] : void 0,
149
- borderRadius: g ? `var(--clarity-radius-${g})` : void 0,
150
- boxShadow: V ? `var(--clarity-shadow-${V})` : void 0,
151
- border: S(H, le),
152
- borderTop: S(W ?? Y),
153
- borderRight: S(q ?? P),
154
- borderBottom: S(X ?? Y),
155
- borderLeft: S(F ?? P)
156
- };
157
- return /* @__PURE__ */ a(C, { ref: ie, className: `clarity-box ${s || ""}`.trim(), style: G, ...re, children: t });
158
- }), At = ({
82
+ }, X = (e) => e !== void 0 ? `var(--clarity-spacing-${e})` : void 0, me = j.forwardRef(
83
+ (e, t) => {
84
+ const {
85
+ as: s,
86
+ children: a,
87
+ className: n,
88
+ display: o,
89
+ position: d,
90
+ flexDirection: c,
91
+ alignItems: l,
92
+ justifyContent: i,
93
+ gap: u,
94
+ m: v,
95
+ mt: p,
96
+ mr: f,
97
+ mb: m,
98
+ ml: h,
99
+ mx: y,
100
+ my: b,
101
+ p: N,
102
+ pt: B,
103
+ pr: x,
104
+ pb: _,
105
+ pl: $,
106
+ px: L,
107
+ py: k,
108
+ bg: R,
109
+ color: E,
110
+ fontSize: D,
111
+ fontWeight: S,
112
+ textAlign: w,
113
+ lineHeight: H,
114
+ letterSpacing: W,
115
+ borderRadius: V,
116
+ borderTopLeftRadius: U,
117
+ borderTopRightRadius: q,
118
+ borderBottomLeftRadius: M,
119
+ borderBottomRightRadius: A,
120
+ boxShadow: J,
121
+ borderWidth: se,
122
+ borderTopWidth: ae,
123
+ borderRightWidth: re,
124
+ borderBottomWidth: C,
125
+ borderLeftWidth: O,
126
+ borderXWidth: F,
127
+ borderYWidth: I,
128
+ borderColor: Q,
129
+ ...it
130
+ } = e, ot = s || "div", ie = (pe, Ne) => {
131
+ if (pe === void 0 || pe === 0) return;
132
+ const dt = `var(--clarity-border-width-${pe})`, mt = Ne ? fe(Ne) : "currentColor";
133
+ return `${dt} solid ${mt}`;
134
+ }, ct = j.useMemo(() => ({
135
+ display: o,
136
+ position: d,
137
+ flexDirection: c,
138
+ alignItems: l,
139
+ justifyContent: i,
140
+ gap: X(u),
141
+ marginTop: X(p ?? b ?? v),
142
+ marginRight: X(f ?? y ?? v),
143
+ marginBottom: X(m ?? b ?? v),
144
+ marginLeft: X(h ?? y ?? v),
145
+ paddingTop: X(B ?? k ?? N),
146
+ paddingRight: X(x ?? L ?? N),
147
+ paddingBottom: X(_ ?? k ?? N),
148
+ paddingLeft: X($ ?? L ?? N),
149
+ backgroundColor: R ? fe(R) : void 0,
150
+ color: E ? fe(E) : void 0,
151
+ fontSize: D ? `var(--clarity-font-size-${D})` : void 0,
152
+ fontWeight: S ? ge.fontWeight[S] : void 0,
153
+ textAlign: w,
154
+ lineHeight: H,
155
+ letterSpacing: W ? ge.letterSpacing[W] : void 0,
156
+ borderRadius: V ? `var(--clarity-radius-${V})` : void 0,
157
+ borderTopLeftRadius: U ? `var(--clarity-radius-${U})` : void 0,
158
+ borderTopRightRadius: q ? `var(--clarity-radius-${q})` : void 0,
159
+ borderBottomLeftRadius: M ? `var(--clarity-radius-${M})` : void 0,
160
+ borderBottomRightRadius: A ? `var(--clarity-radius-${A})` : void 0,
161
+ boxShadow: J ? `var(--clarity-shadow-${J})` : void 0,
162
+ border: ie(se, Q),
163
+ borderTop: ie(ae ?? I),
164
+ borderRight: ie(re ?? F),
165
+ borderBottom: ie(C ?? I),
166
+ borderLeft: ie(O ?? F)
167
+ }), [
168
+ o,
169
+ d,
170
+ c,
171
+ l,
172
+ i,
173
+ u,
174
+ v,
175
+ p,
176
+ f,
177
+ m,
178
+ h,
179
+ y,
180
+ b,
181
+ N,
182
+ B,
183
+ x,
184
+ _,
185
+ $,
186
+ L,
187
+ k,
188
+ R,
189
+ E,
190
+ D,
191
+ S,
192
+ w,
193
+ H,
194
+ W,
195
+ V,
196
+ U,
197
+ q,
198
+ M,
199
+ A,
200
+ J,
201
+ se,
202
+ ae,
203
+ re,
204
+ C,
205
+ O,
206
+ F,
207
+ I,
208
+ Q
209
+ ]);
210
+ return /* @__PURE__ */ r(ot, { ref: t, className: `clarity-box ${n || ""}`.trim(), style: ct, ...it, children: a });
211
+ }
212
+ ), Mt = ({
159
213
  variant: e = "primary",
160
214
  size: t = "medium",
161
215
  disabled: s = !1,
162
- loading: n = !1,
163
- children: l,
164
- onClick: i,
216
+ loading: a = !1,
217
+ children: n,
218
+ onClick: o,
165
219
  type: d = "button",
166
- className: o = "",
167
- title: r,
168
- customColor: c,
169
- customColorHover: p,
220
+ className: c = "",
221
+ title: l,
222
+ customColor: i,
223
+ customColorHover: u,
170
224
  ...v
171
225
  }) => {
172
- const m = "clarity-button", f = [
173
- m,
174
- !c && `${m}--${e}`,
175
- `${m}--${t}`,
176
- n && `${m}--loading`,
177
- s && `${m}--disabled`,
178
- o
179
- ].filter(Boolean).join(" "), u = {};
180
- return c && (u["--button-bg"] = c, u["--button-hover-bg"] = p || `${c}E6`, u["--button-border"] = c, u["--button-hover-border"] = p || `${c}E6`, u["--button-fg"] = "#fff"), /* @__PURE__ */ w(
226
+ const p = "clarity-button", f = [
227
+ p,
228
+ !i && `${p}--${e}`,
229
+ `${p}--${t}`,
230
+ a && `${p}--loading`,
231
+ s && `${p}--disabled`,
232
+ c
233
+ ].filter(Boolean).join(" "), m = {};
234
+ return i && (m["--button-bg"] = i, m["--button-hover-bg"] = u || `${i}E6`, m["--button-border"] = i, m["--button-hover-border"] = u || `${i}E6`, m["--button-fg"] = "#fff"), /* @__PURE__ */ g(
181
235
  "button",
182
236
  {
183
237
  className: f,
184
- style: u,
185
- disabled: s || n,
186
- onClick: i,
238
+ style: m,
239
+ disabled: s || a,
240
+ onClick: o,
187
241
  type: d,
188
- title: r,
242
+ title: l,
189
243
  ...v,
190
244
  children: [
191
- n && /* @__PURE__ */ a("div", { className: `${m}__spinner` }),
192
- l
245
+ a && /* @__PURE__ */ r("div", { className: `${p}__spinner` }),
246
+ n
193
247
  ]
194
248
  }
195
249
  );
196
- }, Pt = ({
250
+ }, Ft = ({
197
251
  variant: e = "primary",
198
252
  size: t = "medium",
199
253
  filled: s = !0,
200
- items: n,
201
- value: l,
202
- multiple: i = !1,
254
+ items: a,
255
+ value: n,
256
+ multiple: o = !1,
203
257
  disabled: d = !1,
204
- onChange: o,
205
- className: r = "",
206
- ...c
258
+ onChange: c,
259
+ className: l = "",
260
+ ...i
207
261
  }) => {
208
- const p = "clarity-button-group", v = `${p}--${e}`, m = [
209
- p,
262
+ const u = "clarity-button-group", v = `${u}--${e}`, p = [
263
+ u,
210
264
  v,
211
- `${p}--${t}`,
212
- !s && `${p}--outline`,
213
- d && `${p}--disabled`,
214
- r
265
+ `${u}--${t}`,
266
+ !s && `${u}--outline`,
267
+ d && `${u}--disabled`,
268
+ l
215
269
  ].filter(Boolean).join(" "), f = (h) => {
216
- if (d || !o) return;
217
- const y = n.find((b) => b.id === h);
270
+ if (d || !c) return;
271
+ const y = a.find((b) => b.id === h);
218
272
  if (!(y != null && y.disabled))
219
- if (i) {
220
- const b = Array.isArray(l) ? l : [], N = b.includes(h) ? b.filter((B) => B !== h) : [...b, h];
221
- o(N);
273
+ if (o) {
274
+ const b = Array.isArray(n) ? n : [], N = b.includes(h) ? b.filter((B) => B !== h) : [...b, h];
275
+ c(N);
222
276
  } else
223
- o(h);
224
- }, u = (h) => i ? Array.isArray(l) && l.includes(h) : l === h;
225
- return /* @__PURE__ */ a(
277
+ c(h);
278
+ }, m = (h) => o ? Array.isArray(n) && n.includes(h) : n === h;
279
+ return /* @__PURE__ */ r(
226
280
  "div",
227
281
  {
228
- className: m,
282
+ className: p,
229
283
  role: "group",
230
- ...c,
231
- children: n.map((h, y) => {
232
- const b = u(h.id), N = [
233
- `${p}__item`,
234
- b && `${p}__item--selected`,
235
- h.disabled && `${p}__item--disabled`,
236
- y === 0 && `${p}__item--first`,
237
- y === n.length - 1 && `${p}__item--last`
284
+ ...i,
285
+ children: a.map((h, y) => {
286
+ const b = m(h.id), N = [
287
+ `${u}__item`,
288
+ b && `${u}__item--selected`,
289
+ h.disabled && `${u}__item--disabled`,
290
+ y === 0 && `${u}__item--first`,
291
+ y === a.length - 1 && `${u}__item--last`
238
292
  ].filter(Boolean).join(" ");
239
- return /* @__PURE__ */ w(
293
+ return /* @__PURE__ */ g(
240
294
  "button",
241
295
  {
242
296
  className: N,
@@ -245,8 +299,8 @@ const Dt = ({
245
299
  type: "button",
246
300
  "aria-pressed": b,
247
301
  children: [
248
- h.icon && /* @__PURE__ */ a("span", { className: `${p}__item-icon`, children: h.icon }),
249
- /* @__PURE__ */ a("span", { className: `${p}__item-label`, children: h.label })
302
+ h.icon && /* @__PURE__ */ r("span", { className: `${u}__item-icon`, children: h.icon }),
303
+ /* @__PURE__ */ r("span", { className: `${u}__item-label`, children: h.label })
250
304
  ]
251
305
  },
252
306
  h.id
@@ -254,30 +308,30 @@ const Dt = ({
254
308
  })
255
309
  }
256
310
  );
257
- }, ut = E.forwardRef(({
311
+ }, vt = j.forwardRef(({
258
312
  variant: e,
259
313
  size: t = "medium",
260
314
  label: s,
261
- helperText: n,
262
- error: l = !1,
263
- errorMessage: i,
315
+ helperText: a,
316
+ error: n = !1,
317
+ errorMessage: o,
264
318
  startIcon: d,
265
- endIcon: o,
266
- className: r = "",
267
- disabled: c = !1,
268
- value: p,
319
+ endIcon: c,
320
+ className: l = "",
321
+ disabled: i = !1,
322
+ value: u,
269
323
  defaultValue: v,
270
- onFocus: m,
324
+ onFocus: p,
271
325
  onBlur: f,
272
- ...u
326
+ ...m
273
327
  }, h) => {
274
- const [y, b] = T(!1), [N, B] = T(!1), x = M(null);
275
- E.useImperativeHandle(h, () => x.current), D(() => {
328
+ const [y, b] = T(!1), [N, B] = T(!1), x = z(null);
329
+ j.useImperativeHandle(h, () => x.current), P(() => {
276
330
  const k = x.current;
277
331
  k && B(k.value.length > 0);
278
- }, [p, v]);
332
+ }, [u, v]);
279
333
  const _ = (k) => {
280
- b(!0), m == null || m(k);
334
+ b(!0), p == null || p(k);
281
335
  }, $ = (k) => {
282
336
  b(!1), B(k.target.value.length > 0), f == null || f(k);
283
337
  }, L = [
@@ -285,223 +339,223 @@ const Dt = ({
285
339
  "clarity-input--outlined",
286
340
  `clarity-input--${t}`,
287
341
  e && `clarity-input--${e}`,
288
- l && "clarity-input--error",
289
- c && "clarity-input--disabled",
342
+ n && "clarity-input--error",
343
+ i && "clarity-input--disabled",
290
344
  y && "clarity-input--focused",
291
345
  N && "clarity-input--has-value",
292
346
  d && "clarity-input--with-start-icon",
293
- o && "clarity-input--with-end-icon",
294
- r
347
+ c && "clarity-input--with-end-icon",
348
+ l
295
349
  ].filter(Boolean).join(" ");
296
- return /* @__PURE__ */ w("div", { className: "clarity-input-wrapper", children: [
297
- /* @__PURE__ */ w("div", { className: L, children: [
298
- d && /* @__PURE__ */ a("div", { className: "clarity-input__start-icon", children: d }),
299
- /* @__PURE__ */ w("div", { className: "clarity-input__field", children: [
300
- /* @__PURE__ */ a(
350
+ return /* @__PURE__ */ g("div", { className: "clarity-input-wrapper", children: [
351
+ /* @__PURE__ */ g("div", { className: L, children: [
352
+ d && /* @__PURE__ */ r("div", { className: "clarity-input__start-icon", children: d }),
353
+ /* @__PURE__ */ g("div", { className: "clarity-input__field", children: [
354
+ /* @__PURE__ */ r(
301
355
  "input",
302
356
  {
303
357
  ref: x,
304
358
  className: "clarity-input__element",
305
- disabled: c,
306
- value: p,
359
+ disabled: i,
360
+ value: u,
307
361
  defaultValue: v,
308
362
  onFocus: _,
309
363
  onBlur: $,
310
- ...u
364
+ ...m
311
365
  }
312
366
  ),
313
- s && /* @__PURE__ */ a("label", { className: "clarity-input__label", children: s })
367
+ s && /* @__PURE__ */ r("label", { className: "clarity-input__label", children: s })
314
368
  ] }),
315
- o && /* @__PURE__ */ a("div", { className: "clarity-input__end-icon", children: o })
369
+ c && /* @__PURE__ */ r("div", { className: "clarity-input__end-icon", children: c })
316
370
  ] }),
317
- (n || l && i) && /* @__PURE__ */ a("div", { className: "clarity-input__helper-text", children: l && i ? i : n })
371
+ (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-input__helper-text", children: n && o ? o : a })
318
372
  ] });
319
373
  });
320
- ut.displayName = "Input";
321
- const pt = E.forwardRef(({
374
+ vt.displayName = "Input";
375
+ const bt = j.forwardRef(({
322
376
  variant: e,
323
377
  size: t = "medium",
324
378
  label: s,
325
- helperText: n,
326
- error: l = !1,
327
- errorMessage: i,
379
+ helperText: a,
380
+ error: n = !1,
381
+ errorMessage: o,
328
382
  startIcon: d,
329
- endIcon: o,
330
- className: r = "",
331
- disabled: c = !1,
332
- value: p,
383
+ endIcon: c,
384
+ className: l = "",
385
+ disabled: i = !1,
386
+ value: u,
333
387
  defaultValue: v,
334
- onFocus: m,
388
+ onFocus: p,
335
389
  onBlur: f,
336
- rows: u = 3,
390
+ rows: m = 3,
337
391
  minHeight: h,
338
392
  maxHeight: y,
339
393
  resizable: b = !0,
340
394
  ...N
341
395
  }, B) => {
342
- const [x, _] = T(!1), [$, L] = T(!1), k = M(null);
343
- E.useImperativeHandle(B, () => k.current), D(() => {
344
- const g = k.current;
345
- g && L(g.value.length > 0);
346
- }, [p, v]);
347
- const j = (g) => {
348
- _(!0), m == null || m(g);
349
- }, I = (g) => {
350
- _(!1), L(g.target.value.length > 0), f == null || f(g);
351
- }, A = [
396
+ const [x, _] = T(!1), [$, L] = T(!1), k = z(null);
397
+ j.useImperativeHandle(B, () => k.current), P(() => {
398
+ const w = k.current;
399
+ w && L(w.value.length > 0);
400
+ }, [u, v]);
401
+ const R = (w) => {
402
+ _(!0), p == null || p(w);
403
+ }, E = (w) => {
404
+ _(!1), L(w.target.value.length > 0), f == null || f(w);
405
+ }, D = [
352
406
  "clarity-textarea",
353
407
  "clarity-textarea--outlined",
354
408
  `clarity-textarea--${t}`,
355
409
  e && `clarity-textarea--${e}`,
356
- l && "clarity-textarea--error",
357
- c && "clarity-textarea--disabled",
410
+ n && "clarity-textarea--error",
411
+ i && "clarity-textarea--disabled",
358
412
  x && "clarity-textarea--focused",
359
413
  $ && "clarity-textarea--has-value",
360
414
  d && "clarity-textarea--with-start-icon",
361
- o && "clarity-textarea--with-end-icon",
362
- r
363
- ].filter(Boolean).join(" "), O = {
415
+ c && "clarity-textarea--with-end-icon",
416
+ l
417
+ ].filter(Boolean).join(" "), S = {
364
418
  resize: b ? "vertical" : "none",
365
419
  minHeight: h ? `${h}px` : void 0,
366
420
  maxHeight: y ? `${y}px` : void 0
367
421
  };
368
- return /* @__PURE__ */ w("div", { className: "clarity-textarea-wrapper", children: [
369
- /* @__PURE__ */ w("div", { className: A, children: [
370
- d && /* @__PURE__ */ a("div", { className: "clarity-textarea__start-icon", children: d }),
371
- /* @__PURE__ */ w("div", { className: "clarity-textarea__field", children: [
372
- /* @__PURE__ */ a(
422
+ return /* @__PURE__ */ g("div", { className: "clarity-textarea-wrapper", children: [
423
+ /* @__PURE__ */ g("div", { className: D, children: [
424
+ d && /* @__PURE__ */ r("div", { className: "clarity-textarea__start-icon", children: d }),
425
+ /* @__PURE__ */ g("div", { className: "clarity-textarea__field", children: [
426
+ /* @__PURE__ */ r(
373
427
  "textarea",
374
428
  {
375
429
  ref: k,
376
430
  className: "clarity-textarea__element",
377
- disabled: c,
378
- value: p,
431
+ disabled: i,
432
+ value: u,
379
433
  defaultValue: v,
380
- onFocus: j,
381
- onBlur: I,
382
- rows: u,
383
- style: O,
434
+ onFocus: R,
435
+ onBlur: E,
436
+ rows: m,
437
+ style: S,
384
438
  ...N
385
439
  }
386
440
  ),
387
- s && /* @__PURE__ */ a("label", { className: "clarity-textarea__label", children: s })
441
+ s && /* @__PURE__ */ r("label", { className: "clarity-textarea__label", children: s })
388
442
  ] }),
389
- o && /* @__PURE__ */ a("div", { className: "clarity-textarea__end-icon", children: o })
443
+ c && /* @__PURE__ */ r("div", { className: "clarity-textarea__end-icon", children: c })
390
444
  ] }),
391
- (n || l && i) && /* @__PURE__ */ a("div", { className: "clarity-textarea__helper-text", children: l && i ? i : n })
445
+ (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-textarea__helper-text", children: n && o ? o : a })
392
446
  ] });
393
447
  });
394
- pt.displayName = "Textarea";
395
- const ft = E.forwardRef(({
448
+ bt.displayName = "Textarea";
449
+ const Ct = j.forwardRef(({
396
450
  variant: e,
397
451
  size: t = "medium",
398
452
  label: s,
399
- helperText: n,
400
- error: l = !1,
401
- errorMessage: i,
453
+ helperText: a,
454
+ error: n = !1,
455
+ errorMessage: o,
402
456
  startIcon: d,
403
- endIcon: o,
404
- className: r = "",
405
- disabled: c = !1,
406
- value: p,
457
+ endIcon: c,
458
+ className: l = "",
459
+ disabled: i = !1,
460
+ value: u,
407
461
  defaultValue: v,
408
- onFocus: m,
462
+ onFocus: p,
409
463
  onBlur: f,
410
- onChange: u,
464
+ onChange: m,
411
465
  options: h,
412
466
  placeholder: y = "Selecione uma opção",
413
467
  isClearable: b = !1,
414
468
  isSearchable: N = !1,
415
469
  ...B
416
470
  }, x) => {
417
- const [_, $] = T(!1), [L, k] = T(!1), [j, I] = T(p || v || ""), [A, O] = T(""), g = M(null), V = M(null);
418
- E.useImperativeHandle(x, () => g.current), D(() => {
419
- p !== void 0 && I(p);
420
- }, [p]), D(() => {
421
- const C = (S) => {
422
- g.current && !g.current.contains(S.target) && ($(!1), k(!1), f == null || f());
471
+ const [_, $] = T(!1), [L, k] = T(!1), [R, E] = T(u || v || ""), [D, S] = T(""), w = z(null), H = z(null);
472
+ j.useImperativeHandle(x, () => w.current), P(() => {
473
+ u !== void 0 && E(u);
474
+ }, [u]), P(() => {
475
+ const C = (O) => {
476
+ w.current && !w.current.contains(O.target) && ($(!1), k(!1), f == null || f());
423
477
  };
424
478
  return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
425
479
  }, [f]);
426
- const H = N && A ? h.filter(
427
- (C) => C.label.toLowerCase().includes(A.toLowerCase())
428
- ) : h, W = () => {
429
- c || ($(!_), k(!_), _ ? (f == null || f(), N && O("")) : (m == null || m(), N && setTimeout(() => {
480
+ const W = N && D ? h.filter(
481
+ (C) => C.label.toLowerCase().includes(D.toLowerCase())
482
+ ) : h, V = () => {
483
+ i || ($(!_), k(!_), _ ? (f == null || f(), N && S("")) : (p == null || p(), N && setTimeout(() => {
430
484
  var C;
431
- (C = V.current) == null || C.focus();
485
+ (C = H.current) == null || C.focus();
432
486
  }, 0)));
487
+ }, U = (C) => {
488
+ C.disabled || (E(C.value), $(!1), k(!1), S(""), m == null || m(C.value), f == null || f());
433
489
  }, q = (C) => {
434
- C.disabled || (I(C.value), $(!1), k(!1), O(""), u == null || u(C.value), f == null || f());
435
- }, X = (C) => {
436
- O(C.target.value);
437
- }, F = (C) => {
438
- C.key === "Escape" ? ($(!1), k(!1), O("")) : C.key === "Enter" && H.length > 0 && H[0] && q(H[0]);
439
- }, P = h.find((C) => C.value === j), Y = j !== "" && j !== void 0, le = (C) => {
440
- C.stopPropagation(), I(""), u == null || u("");
441
- }, re = Y || L || y || N && A, ie = [
490
+ S(C.target.value);
491
+ }, M = (C) => {
492
+ C.key === "Escape" ? ($(!1), k(!1), S("")) : C.key === "Enter" && W.length > 0 && W[0] && U(W[0]);
493
+ }, A = h.find((C) => C.value === R), J = R !== "" && R !== void 0, se = (C) => {
494
+ C.stopPropagation(), E(""), m == null || m("");
495
+ }, ae = J || L || y || N && D, re = [
442
496
  "clarity-select",
443
497
  "clarity-select--outlined",
444
498
  `clarity-select--${t}`,
445
499
  e && `clarity-select--${e}`,
446
- l && "clarity-select--error",
447
- c && "clarity-select--disabled",
500
+ n && "clarity-select--error",
501
+ i && "clarity-select--disabled",
448
502
  (L || _) && "clarity-select--focused",
449
- re && "clarity-select--label-up",
503
+ ae && "clarity-select--label-up",
450
504
  _ && "clarity-select--open",
451
505
  N && "clarity-select--searchable",
452
506
  d && "clarity-select--with-start-icon",
453
- (o || b) && "clarity-select--with-end-icon",
454
- r
507
+ (c || b) && "clarity-select--with-end-icon",
508
+ l
455
509
  ].filter(Boolean).join(" ");
456
- return /* @__PURE__ */ w("div", { className: "clarity-select-wrapper", children: [
457
- /* @__PURE__ */ w(
510
+ return /* @__PURE__ */ g("div", { className: "clarity-select-wrapper", children: [
511
+ /* @__PURE__ */ g(
458
512
  "div",
459
513
  {
460
- ref: g,
461
- className: ie,
462
- onClick: N ? void 0 : W,
514
+ ref: w,
515
+ className: re,
516
+ onClick: N ? void 0 : V,
463
517
  role: "combobox",
464
518
  "aria-expanded": _,
465
519
  "aria-haspopup": "listbox",
466
- tabIndex: c || N ? -1 : 0,
520
+ tabIndex: i || N ? -1 : 0,
467
521
  ...B,
468
522
  children: [
469
- d && /* @__PURE__ */ a("div", { className: "clarity-select__start-icon", children: d }),
470
- /* @__PURE__ */ w("div", { className: "clarity-select__field", children: [
471
- N ? /* @__PURE__ */ a(
523
+ d && /* @__PURE__ */ r("div", { className: "clarity-select__start-icon", children: d }),
524
+ /* @__PURE__ */ g("div", { className: "clarity-select__field", children: [
525
+ N ? /* @__PURE__ */ r(
472
526
  "input",
473
527
  {
474
- ref: V,
528
+ ref: H,
475
529
  type: "text",
476
530
  className: "clarity-select__search-input",
477
- value: _ ? A : P ? P.label : "",
478
- onChange: X,
479
- onKeyDown: F,
531
+ value: _ ? D : A ? A.label : "",
532
+ onChange: q,
533
+ onKeyDown: M,
480
534
  onFocus: () => {
481
- _ || ($(!0), k(!0), m == null || m());
535
+ _ || ($(!0), k(!0), p == null || p());
482
536
  },
483
- placeholder: P ? P.label : y,
484
- disabled: c,
537
+ placeholder: A ? A.label : y,
538
+ disabled: i,
485
539
  readOnly: !_
486
540
  }
487
- ) : /* @__PURE__ */ a("div", { className: "clarity-select__display", children: P ? P.label : y }),
488
- s && /* @__PURE__ */ a("label", { className: "clarity-select__label", children: s })
541
+ ) : /* @__PURE__ */ r("div", { className: "clarity-select__display", children: A ? A.label : y }),
542
+ s && /* @__PURE__ */ r("label", { className: "clarity-select__label", children: s })
489
543
  ] }),
490
- b && Y && /* @__PURE__ */ a(
544
+ b && J && /* @__PURE__ */ r(
491
545
  "button",
492
546
  {
493
547
  type: "button",
494
548
  className: "clarity-select__clear-button",
495
- onClick: le,
549
+ onClick: se,
496
550
  "aria-label": "Limpar seleção",
497
- children: /* @__PURE__ */ a(
551
+ children: /* @__PURE__ */ r(
498
552
  "svg",
499
553
  {
500
554
  width: "16",
501
555
  height: "16",
502
556
  viewBox: "0 0 16 16",
503
557
  fill: "none",
504
- children: /* @__PURE__ */ a(
558
+ children: /* @__PURE__ */ r(
505
559
  "path",
506
560
  {
507
561
  d: "M12 4L4 12M4 4L12 12",
@@ -515,12 +569,12 @@ const ft = E.forwardRef(({
515
569
  )
516
570
  }
517
571
  ),
518
- /* @__PURE__ */ a(
572
+ /* @__PURE__ */ r(
519
573
  "div",
520
574
  {
521
575
  className: "clarity-select__end-icon",
522
- onClick: N ? W : void 0,
523
- children: o || /* @__PURE__ */ a(
576
+ onClick: N ? V : void 0,
577
+ children: c || /* @__PURE__ */ r(
524
578
  "svg",
525
579
  {
526
580
  className: "clarity-select__arrow",
@@ -528,7 +582,7 @@ const ft = E.forwardRef(({
528
582
  height: "16",
529
583
  viewBox: "0 0 16 16",
530
584
  fill: "none",
531
- children: /* @__PURE__ */ a(
585
+ children: /* @__PURE__ */ r(
532
586
  "path",
533
587
  {
534
588
  d: "M4 6L8 10L12 6",
@@ -542,153 +596,153 @@ const ft = E.forwardRef(({
542
596
  )
543
597
  }
544
598
  ),
545
- _ && /* @__PURE__ */ a("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ a("ul", { className: "clarity-select__options", role: "listbox", children: H.length > 0 ? H.map((C) => /* @__PURE__ */ a(
599
+ _ && /* @__PURE__ */ r("div", { className: "clarity-select__dropdown", children: /* @__PURE__ */ r("ul", { className: "clarity-select__options", role: "listbox", children: W.length > 0 ? W.map((C) => /* @__PURE__ */ r(
546
600
  "li",
547
601
  {
548
602
  className: [
549
603
  "clarity-select__option",
550
604
  C.disabled && "clarity-select__option--disabled",
551
- j === C.value && "clarity-select__option--selected"
605
+ R === C.value && "clarity-select__option--selected"
552
606
  ].filter(Boolean).join(" "),
553
- onClick: () => q(C),
607
+ onClick: () => U(C),
554
608
  role: "option",
555
- "aria-selected": j === C.value,
609
+ "aria-selected": R === C.value,
556
610
  children: C.label
557
611
  },
558
612
  C.value
559
- )) : /* @__PURE__ */ a("li", { className: "clarity-select__option clarity-select__option--no-results", children: "Nenhum resultado encontrado" }) }) })
613
+ )) : /* @__PURE__ */ r("li", { className: "clarity-select__option clarity-select__option--no-results", children: "Nenhum resultado encontrado" }) }) })
560
614
  ]
561
615
  }
562
616
  ),
563
- (n || l && i) && /* @__PURE__ */ a("div", { className: "clarity-select__helper-text", children: l && i ? i : n })
617
+ (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-select__helper-text", children: n && o ? o : a })
564
618
  ] });
565
619
  });
566
- ft.displayName = "Select";
567
- const ht = ct(({
620
+ Ct.displayName = "Select";
621
+ const Nt = pt(({
568
622
  options: e = [],
569
623
  value: t = [],
570
624
  onChange: s,
571
- placeholder: n = "Selecione opções",
572
- label: l,
573
- helperText: i,
625
+ placeholder: a = "Selecione opções",
626
+ label: n,
627
+ helperText: o,
574
628
  error: d = !1,
575
- errorMessage: o,
576
- disabled: r = !1,
577
- variant: c = "primary",
578
- size: p = "medium",
629
+ errorMessage: c,
630
+ disabled: l = !1,
631
+ variant: i = "primary",
632
+ size: u = "medium",
579
633
  maxSelectedLabels: v = 3,
580
- selectionLimit: m,
634
+ selectionLimit: p,
581
635
  className: f = "",
582
- id: u,
636
+ id: m,
583
637
  name: h,
584
638
  required: y = !1,
585
639
  "data-testid": b,
586
640
  ...N
587
641
  }, B) => {
588
- const [x, _] = T(!1), [$, L] = T(""), [k, j] = T(!1), I = M(null), A = M(null), O = M(null), g = (C) => {
589
- I.current = C, B && (typeof B == "function" ? B(C) : B.current = C);
642
+ const [x, _] = T(!1), [$, L] = T(""), [k, R] = T(!1), E = z(null), D = z(null), S = z(null), w = (C) => {
643
+ E.current = C, B && (typeof B == "function" ? B(C) : B.current = C);
590
644
  };
591
- D(() => {
592
- const C = (S) => {
593
- I.current && !I.current.contains(S.target) && (_(!1), j(!1), L(""));
645
+ P(() => {
646
+ const C = (O) => {
647
+ E.current && !E.current.contains(O.target) && (_(!1), R(!1), L(""));
594
648
  };
595
649
  return document.addEventListener("click", C), () => document.removeEventListener("click", C);
596
650
  }, []);
597
- const V = e.filter(
651
+ const H = e.filter(
598
652
  (C) => C.label.toLowerCase().includes($.toLowerCase())
599
- ), H = () => {
600
- r || (_(!x), j(!x), x ? L("") : setTimeout(() => {
653
+ ), W = () => {
654
+ l || (_(!x), R(!x), x ? L("") : setTimeout(() => {
601
655
  var C;
602
- (C = A.current) == null || C.focus();
656
+ (C = D.current) == null || C.focus();
603
657
  }, 100));
604
- }, W = (C, S) => {
605
- if (r)
658
+ }, V = (C, O) => {
659
+ if (l)
606
660
  return;
607
- S && (S.stopPropagation(), S.preventDefault());
608
- const G = t.includes(C);
609
- let R;
610
- G ? R = t.filter((J) => J !== C) : R = [...t, C], s && s(R);
611
- }, q = (C, S) => {
612
- if (S.stopPropagation(), r) return;
613
- const G = t.filter((R) => R !== C);
614
- s == null || s(G);
615
- }, X = (C) => {
616
- C.stopPropagation(), !r && (s == null || s([]));
617
- }, F = (C) => {
661
+ O && (O.stopPropagation(), O.preventDefault());
662
+ const F = t.includes(C);
663
+ let I;
664
+ F ? I = t.filter((Q) => Q !== C) : I = [...t, C], s && s(I);
665
+ }, U = (C, O) => {
666
+ if (O.stopPropagation(), l) return;
667
+ const F = t.filter((I) => I !== C);
668
+ s == null || s(F);
669
+ }, q = (C) => {
670
+ C.stopPropagation(), !l && (s == null || s([]));
671
+ }, M = (C) => {
618
672
  L(C.target.value);
619
- }, P = (C) => {
620
- C.key === "Escape" && (_(!1), j(!1), L(""));
621
- }, Y = k || x || t.length > 0, le = () => {
673
+ }, A = (C) => {
674
+ C.key === "Escape" && (_(!1), R(!1), L(""));
675
+ }, J = k || x || t.length > 0, se = () => {
622
676
  if (t.length === 0) return null;
623
677
  const C = t.map(
624
- (R) => e.find((J) => J.value === R)
625
- ).filter(Boolean), S = C.slice(0, v), G = C.length - v;
626
- return /* @__PURE__ */ w("div", { className: "clarity-multiselect__chips", children: [
627
- S.map((R) => /* @__PURE__ */ w("div", { className: "clarity-multiselect__chip", children: [
628
- /* @__PURE__ */ a("span", { className: "clarity-multiselect__chip-label", children: R.label }),
629
- !r && /* @__PURE__ */ a(
678
+ (I) => e.find((Q) => Q.value === I)
679
+ ).filter(Boolean), O = C.slice(0, v), F = C.length - v;
680
+ return /* @__PURE__ */ g("div", { className: "clarity-multiselect__chips", children: [
681
+ O.map((I) => /* @__PURE__ */ g("div", { className: "clarity-multiselect__chip", children: [
682
+ /* @__PURE__ */ r("span", { className: "clarity-multiselect__chip-label", children: I.label }),
683
+ !l && /* @__PURE__ */ r(
630
684
  "button",
631
685
  {
632
686
  type: "button",
633
687
  className: "clarity-multiselect__chip-remove",
634
- onClick: (J) => q(R.value, J),
635
- "aria-label": `Remover ${R.label}`,
688
+ onClick: (Q) => U(I.value, Q),
689
+ "aria-label": `Remover ${I.label}`,
636
690
  children: "×"
637
691
  }
638
692
  )
639
- ] }, R.value)),
640
- G > 0 && /* @__PURE__ */ w("div", { className: "clarity-multiselect__chip clarity-multiselect__chip--count", children: [
693
+ ] }, I.value)),
694
+ F > 0 && /* @__PURE__ */ g("div", { className: "clarity-multiselect__chip clarity-multiselect__chip--count", children: [
641
695
  "+",
642
- G,
696
+ F,
643
697
  " mais"
644
698
  ] })
645
699
  ] });
646
- }, re = [
700
+ }, ae = [
647
701
  "clarity-multiselect-wrapper",
648
702
  f
649
- ].filter(Boolean).join(" "), ie = [
703
+ ].filter(Boolean).join(" "), re = [
650
704
  "clarity-multiselect",
651
- `clarity-multiselect--${c}`,
652
- `clarity-multiselect--${p}`,
705
+ `clarity-multiselect--${i}`,
706
+ `clarity-multiselect--${u}`,
653
707
  x && "clarity-multiselect--open",
654
708
  k && "clarity-multiselect--focused",
655
- Y && "clarity-multiselect--label-up",
709
+ J && "clarity-multiselect--label-up",
656
710
  d && "clarity-multiselect--error",
657
- r && "clarity-multiselect--disabled",
711
+ l && "clarity-multiselect--disabled",
658
712
  t.length > 0 && "clarity-multiselect--has-value"
659
713
  ].filter(Boolean).join(" ");
660
- return /* @__PURE__ */ w("div", { className: re, children: [
661
- /* @__PURE__ */ w(
714
+ return /* @__PURE__ */ g("div", { className: ae, children: [
715
+ /* @__PURE__ */ g(
662
716
  "div",
663
717
  {
664
- ref: g,
665
- className: ie,
718
+ ref: w,
719
+ className: re,
666
720
  "data-testid": b,
667
721
  ...N,
668
722
  children: [
669
- /* @__PURE__ */ w(
723
+ /* @__PURE__ */ g(
670
724
  "div",
671
725
  {
672
726
  className: "clarity-multiselect__field",
673
- onClick: H,
727
+ onClick: W,
674
728
  children: [
675
- l && /* @__PURE__ */ w("label", { className: "clarity-multiselect__label", children: [
676
- l,
677
- y && /* @__PURE__ */ a("span", { className: "clarity-multiselect__required", children: "*" })
729
+ n && /* @__PURE__ */ g("label", { className: "clarity-multiselect__label", children: [
730
+ n,
731
+ y && /* @__PURE__ */ r("span", { className: "clarity-multiselect__required", children: "*" })
678
732
  ] }),
679
- /* @__PURE__ */ a("div", { className: "clarity-multiselect__content", children: t.length > 0 ? le() : /* @__PURE__ */ a("span", { className: "clarity-multiselect__placeholder", children: n }) }),
680
- /* @__PURE__ */ w("div", { className: "clarity-multiselect__icons", children: [
681
- t.length > 0 && !r && /* @__PURE__ */ a(
733
+ /* @__PURE__ */ r("div", { className: "clarity-multiselect__content", children: t.length > 0 ? se() : /* @__PURE__ */ r("span", { className: "clarity-multiselect__placeholder", children: a }) }),
734
+ /* @__PURE__ */ g("div", { className: "clarity-multiselect__icons", children: [
735
+ t.length > 0 && !l && /* @__PURE__ */ r(
682
736
  "button",
683
737
  {
684
738
  type: "button",
685
739
  className: "clarity-multiselect__clear-button",
686
- onClick: X,
740
+ onClick: q,
687
741
  "aria-label": "Limpar seleção",
688
742
  children: "×"
689
743
  }
690
744
  ),
691
- /* @__PURE__ */ a("div", { className: "clarity-multiselect__dropdown-icon", children: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ a(
745
+ /* @__PURE__ */ r("div", { className: "clarity-multiselect__dropdown-icon", children: /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ r(
692
746
  "path",
693
747
  {
694
748
  d: "M4 6L8 10L12 6",
@@ -702,35 +756,35 @@ const ht = ct(({
702
756
  ]
703
757
  }
704
758
  ),
705
- x && /* @__PURE__ */ w("div", { ref: O, className: "clarity-multiselect__dropdown", children: [
706
- /* @__PURE__ */ a("div", { className: "clarity-multiselect__search", children: /* @__PURE__ */ a(
759
+ x && /* @__PURE__ */ g("div", { ref: S, className: "clarity-multiselect__dropdown", children: [
760
+ /* @__PURE__ */ r("div", { className: "clarity-multiselect__search", children: /* @__PURE__ */ r(
707
761
  "input",
708
762
  {
709
- ref: A,
763
+ ref: D,
710
764
  type: "text",
711
765
  className: "clarity-multiselect__search-input",
712
766
  placeholder: "Buscar opções...",
713
767
  value: $,
714
- onChange: F,
715
- onKeyDown: P
768
+ onChange: M,
769
+ onKeyDown: A
716
770
  }
717
771
  ) }),
718
- /* @__PURE__ */ a("ul", { className: "clarity-multiselect__options", children: V.length > 0 ? V.map((C) => {
719
- const S = t.includes(C.value), G = C.disabled || r;
720
- return /* @__PURE__ */ w(
772
+ /* @__PURE__ */ r("ul", { className: "clarity-multiselect__options", children: H.length > 0 ? H.map((C) => {
773
+ const O = t.includes(C.value), F = C.disabled || l;
774
+ return /* @__PURE__ */ g(
721
775
  "li",
722
776
  {
723
777
  className: [
724
778
  "clarity-multiselect__option",
725
- S && "clarity-multiselect__option--selected",
726
- G && "clarity-multiselect__option--disabled"
779
+ O && "clarity-multiselect__option--selected",
780
+ F && "clarity-multiselect__option--disabled"
727
781
  ].filter(Boolean).join(" "),
728
- onClick: (R) => !G && W(C.value, R),
782
+ onClick: (I) => !F && V(C.value, I),
729
783
  children: [
730
- /* @__PURE__ */ a("div", { className: "clarity-multiselect__option-checkbox", children: /* @__PURE__ */ a("div", { className: [
784
+ /* @__PURE__ */ r("div", { className: "clarity-multiselect__option-checkbox", children: /* @__PURE__ */ r("div", { className: [
731
785
  "clarity-multiselect__checkbox",
732
- S && "clarity-multiselect__checkbox--checked"
733
- ].filter(Boolean).join(" "), children: S && /* @__PURE__ */ a("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ a(
786
+ O && "clarity-multiselect__checkbox--checked"
787
+ ].filter(Boolean).join(" "), children: O && /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ r(
734
788
  "path",
735
789
  {
736
790
  d: "M2 6L5 9L10 3",
@@ -740,378 +794,378 @@ const ht = ct(({
740
794
  strokeLinejoin: "round"
741
795
  }
742
796
  ) }) }) }),
743
- /* @__PURE__ */ a("span", { className: "clarity-multiselect__option-label", children: C.label })
797
+ /* @__PURE__ */ r("span", { className: "clarity-multiselect__option-label", children: C.label })
744
798
  ]
745
799
  },
746
800
  C.value
747
801
  );
748
- }) : /* @__PURE__ */ a("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })
802
+ }) : /* @__PURE__ */ r("li", { className: "clarity-multiselect__option clarity-multiselect__option--no-results", children: "Nenhum resultado encontrado" }) })
749
803
  ] })
750
804
  ]
751
805
  }
752
806
  ),
753
- (i || d && o) && /* @__PURE__ */ a("div", { className: "clarity-multiselect__helper", children: d && o ? /* @__PURE__ */ a("span", { className: "clarity-multiselect__error-message", children: o }) : i && /* @__PURE__ */ a("span", { className: "clarity-multiselect__helper-text", children: i }) })
807
+ (o || d && c) && /* @__PURE__ */ r("div", { className: "clarity-multiselect__helper", children: d && c ? /* @__PURE__ */ r("span", { className: "clarity-multiselect__error-message", children: c }) : o && /* @__PURE__ */ r("span", { className: "clarity-multiselect__helper-text", children: o }) })
754
808
  ] });
755
809
  });
756
- ht.displayName = "MultiSelect";
757
- const be = Q(null), Ce = () => {
758
- const e = Z(be);
810
+ Nt.displayName = "MultiSelect";
811
+ const _e = Z(null), we = () => {
812
+ const e = Y(_e);
759
813
  if (!e)
760
814
  throw new Error("useModal must be used within a Modal provider");
761
815
  return e;
762
- }, Ne = ({
816
+ }, $e = ({
763
817
  children: e,
764
818
  className: t = "",
765
819
  title: s
766
820
  }) => {
767
- const { onClose: n, variant: l, showCloseButton: i } = Ce(), d = [
821
+ const { onClose: a, variant: n, showCloseButton: o } = we(), d = [
768
822
  "clarity-modal-header",
769
823
  t,
770
- l && `clarity-modal-header--${l}`
771
- ].filter(Boolean).join(" "), o = [
824
+ n && `clarity-modal-header--${n}`
825
+ ].filter(Boolean).join(" "), c = [
772
826
  "clarity-modal-close",
773
- l && `clarity-modal-close--${l}`
827
+ n && `clarity-modal-close--${n}`
774
828
  ].filter(Boolean).join(" ");
775
- return /* @__PURE__ */ w("div", { className: d, children: [
776
- s && /* @__PURE__ */ a("h2", { className: "clarity-modal-title", children: s }),
829
+ return /* @__PURE__ */ g("div", { className: d, children: [
830
+ s && /* @__PURE__ */ r("h2", { className: "clarity-modal-title", children: s }),
777
831
  e,
778
- i && /* @__PURE__ */ a("button", { className: o, onClick: (r) => {
779
- r.stopPropagation(), n();
832
+ o && /* @__PURE__ */ r("button", { className: c, onClick: (l) => {
833
+ l.stopPropagation(), a();
780
834
  }, children: "×" })
781
835
  ] });
782
836
  };
783
- Ne.displayName = "Modal.Header";
784
- const we = ({ children: e, className: t = "" }) => /* @__PURE__ */ a("div", { className: `clarity-modal-content ${t}`, children: e });
785
- we.displayName = "Modal.Content";
786
- const _e = ({ children: e, className: t = "" }) => /* @__PURE__ */ w("div", { className: `clarity-modal-footer ${t}`, children: [
787
- /* @__PURE__ */ a("div", { className: "clarity-modal-scroll-indicator" }),
837
+ $e.displayName = "Modal.Header";
838
+ const ke = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-modal-content ${t}`, children: e });
839
+ ke.displayName = "Modal.Content";
840
+ const xe = ({ children: e, className: t = "" }) => /* @__PURE__ */ g("div", { className: `clarity-modal-footer ${t}`, children: [
841
+ /* @__PURE__ */ r("div", { className: "clarity-modal-scroll-indicator" }),
788
842
  e
789
843
  ] });
790
- _e.displayName = "Modal.Footer";
791
- const ge = ({ children: e, onClick: t }) => z(e, {
844
+ xe.displayName = "Modal.Footer";
845
+ const Te = ({ children: e, onClick: t }) => G(e, {
792
846
  onClick: (s) => {
793
- var n, l;
794
- t == null || t(), (l = (n = e.props).onClick) == null || l.call(n, s);
847
+ var a, n;
848
+ t == null || t(), (n = (a = e.props).onClick) == null || n.call(a, s);
795
849
  }
796
850
  });
797
- ge.displayName = "Modal.Trigger";
798
- const $e = ({ children: e }) => {
799
- const { onClose: t } = Ce();
800
- return z(e, {
851
+ Te.displayName = "Modal.Trigger";
852
+ const Be = ({ children: e }) => {
853
+ const { onClose: t } = we();
854
+ return G(e, {
801
855
  onClick: (s) => {
802
- var n, l;
803
- t(), (l = (n = e.props).onClick) == null || l.call(n, s);
856
+ var a, n;
857
+ t(), (n = (a = e.props).onClick) == null || n.call(a, s);
804
858
  }
805
859
  });
806
860
  };
807
- $e.displayName = "Modal.Close";
808
- const K = ({
861
+ Be.displayName = "Modal.Close";
862
+ const ee = ({
809
863
  isOpen: e,
810
864
  onClose: t,
811
865
  onOpen: s,
812
- children: n,
813
- className: l = "",
814
- variant: i,
866
+ children: a,
867
+ className: n = "",
868
+ variant: o,
815
869
  size: d = "medium",
816
- showCloseButton: o = !0,
817
- closeOnOverlayClick: r = !0
870
+ showCloseButton: c = !0,
871
+ closeOnOverlayClick: l = !0
818
872
  }) => {
819
- const [c, p] = T(!1), m = e !== void 0 ? e : c, f = t || (() => {
820
- p(!1);
873
+ const [i, u] = T(!1), p = e !== void 0 ? e : i, f = t || (() => {
874
+ u(!1);
821
875
  });
822
- D(() => {
823
- m && (s == null || s());
824
- }, [m, s]), D(() => {
876
+ P(() => {
877
+ p && (s == null || s());
878
+ }, [p, s]), P(() => {
825
879
  const N = (B) => {
826
880
  B.key === "Escape" && f();
827
881
  };
828
- return m ? (document.addEventListener("keydown", N), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
882
+ return p ? (document.addEventListener("keydown", N), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
829
883
  document.removeEventListener("keydown", N), document.body.style.overflow = "unset";
830
884
  };
831
- }, [m, f]);
832
- const u = (N) => {
833
- r && N.target === N.currentTarget && f();
834
- }, h = E.Children.toArray(n).find(
835
- (N) => se(N) && N.type.displayName === "Modal.Trigger"
836
- ), y = E.Children.toArray(n).filter(
837
- (N) => se(N) && N.type.displayName !== "Modal.Trigger"
838
- ), b = ["clarity-modal", l, `clarity-modal--${d}`].filter(Boolean).join(" ");
839
- return /* @__PURE__ */ w(be.Provider, { value: { onClose: f, variant: i, showCloseButton: o }, children: [
840
- h && z(h, { onClick: () => p(!0) }),
841
- m && /* @__PURE__ */ a("div", { className: "clarity-modal-overlay", onClick: u, children: /* @__PURE__ */ a("div", { className: b, children: y }) })
885
+ }, [p, f]);
886
+ const m = (N) => {
887
+ l && N.target === N.currentTarget && f();
888
+ }, h = j.Children.toArray(a).find(
889
+ (N) => K(N) && N.type.displayName === "Modal.Trigger"
890
+ ), y = j.Children.toArray(a).filter(
891
+ (N) => K(N) && N.type.displayName !== "Modal.Trigger"
892
+ ), b = ["clarity-modal", n, `clarity-modal--${d}`].filter(Boolean).join(" ");
893
+ return /* @__PURE__ */ g(_e.Provider, { value: { onClose: f, variant: o, showCloseButton: c }, children: [
894
+ h && G(h, { onClick: () => u(!0) }),
895
+ p && /* @__PURE__ */ r("div", { className: "clarity-modal-overlay", onClick: m, children: /* @__PURE__ */ r("div", { className: b, children: y }) })
842
896
  ] });
843
897
  };
844
- K.Header = Ne;
845
- K.Content = we;
846
- K.Footer = _e;
847
- K.Trigger = ge;
848
- K.Close = $e;
849
- K.displayName = "Modal";
850
- const ke = Q(void 0), Vt = () => {
851
- const e = Z(ke);
898
+ ee.Header = $e;
899
+ ee.Content = ke;
900
+ ee.Footer = xe;
901
+ ee.Trigger = Te;
902
+ ee.Close = Be;
903
+ ee.displayName = "Modal";
904
+ const Re = Z(void 0), zt = () => {
905
+ const e = Y(Re);
852
906
  if (!e)
853
907
  throw new Error("useToast must be used within a ToastProvider");
854
908
  return e;
855
- }, yt = ({ id: e, message: t, variant: s, duration: n, onClose: l, invertColors: i }) => {
856
- const [d, o] = T("entering");
857
- D(() => {
858
- const c = setTimeout(() => {
859
- o("visible");
860
- }, 10), p = setTimeout(() => {
861
- o("exiting");
862
- }, n * 1e3 - 300), v = setTimeout(() => {
863
- l(e);
864
- }, n * 1e3);
909
+ }, gt = ({ id: e, message: t, variant: s, duration: a, onClose: n, invertColors: o }) => {
910
+ const [d, c] = T("entering");
911
+ P(() => {
912
+ const i = setTimeout(() => {
913
+ c("visible");
914
+ }, 10), u = setTimeout(() => {
915
+ c("exiting");
916
+ }, a * 1e3 - 300), v = setTimeout(() => {
917
+ n(e);
918
+ }, a * 1e3);
865
919
  return () => {
866
- clearTimeout(c), clearTimeout(p), clearTimeout(v);
920
+ clearTimeout(i), clearTimeout(u), clearTimeout(v);
867
921
  };
868
- }, [e, n, l]);
869
- const r = [
922
+ }, [e, a, n]);
923
+ const l = [
870
924
  "cl-toast",
871
925
  s,
872
- i ? "colored-background" : "",
926
+ o ? "colored-background" : "",
873
927
  `cl-toast-${d}`
874
928
  ].filter(Boolean).join(" ");
875
- return /* @__PURE__ */ w("div", { className: r, children: [
876
- /* @__PURE__ */ a("div", { className: "cl-toast-message", children: t }),
877
- /* @__PURE__ */ a("button", { onClick: () => o("exiting"), className: "cl-toast-close-button", children: "×" }),
878
- /* @__PURE__ */ a(
929
+ return /* @__PURE__ */ g("div", { className: l, children: [
930
+ /* @__PURE__ */ r("div", { className: "cl-toast-message", children: t }),
931
+ /* @__PURE__ */ r("button", { onClick: () => c("exiting"), className: "cl-toast-close-button", children: "×" }),
932
+ /* @__PURE__ */ r(
879
933
  "div",
880
934
  {
881
935
  className: "cl-toast-progress-bar",
882
- style: { animationDuration: `${n}s` }
936
+ style: { animationDuration: `${a}s` }
883
937
  }
884
938
  )
885
939
  ] });
886
- }, Ht = ({ children: e }) => {
887
- const [t, s] = T([]), n = te(() => {
940
+ }, Gt = ({ children: e }) => {
941
+ const [t, s] = T([]), a = oe(() => {
888
942
  if (typeof document < "u") {
889
- const r = document.createElement("div");
890
- return r.id = "toast-portal-root", r;
943
+ const l = document.createElement("div");
944
+ return l.id = "toast-portal-root", l;
891
945
  }
892
946
  return null;
893
947
  }, []);
894
- D(() => {
895
- if (n)
896
- return document.body.appendChild(n), () => {
897
- document.body.removeChild(n);
948
+ P(() => {
949
+ if (a)
950
+ return document.body.appendChild(a), () => {
951
+ document.body.removeChild(a);
898
952
  };
899
- }, [n]);
900
- const l = ce((r) => {
901
- const p = {
953
+ }, [a]);
954
+ const n = de((l) => {
955
+ const u = {
902
956
  id: (/* @__PURE__ */ new Date()).toISOString() + Math.random(),
903
957
  // duration: 5,
904
958
  // position: 'right-top',
905
- ...r
959
+ ...l
906
960
  };
907
961
  s((v) => {
908
- const m = [p, ...v];
909
- return m.length > 4 ? m.slice(0, 4) : m;
962
+ const p = [u, ...v];
963
+ return p.length > 4 ? p.slice(0, 4) : p;
910
964
  });
911
- }, []), i = ce((r) => {
912
- s((c) => c.filter((p) => p.id !== r));
913
- }, []), d = te(() => t.reduce((r, c) => (r[c.position] || (r[c.position] = []), r[c.position].push(c), r), {}), [t]), o = te(() => ({ show: l }), [l]);
914
- return /* @__PURE__ */ w(ke.Provider, { value: o, children: [
965
+ }, []), o = de((l) => {
966
+ s((i) => i.filter((u) => u.id !== l));
967
+ }, []), d = oe(() => t.reduce((l, i) => (l[i.position] || (l[i.position] = []), l[i.position].push(i), l), {}), [t]), c = oe(() => ({ show: n }), [n]);
968
+ return /* @__PURE__ */ g(Re.Provider, { value: c, children: [
915
969
  e,
916
- n && mt.createPortal(
917
- Object.entries(d).map(([r, c]) => /* @__PURE__ */ a("div", { className: `cl-toast-container ${r}`, children: c.map((p) => /* @__PURE__ */ a(yt, { ...p, onClose: i }, p.id)) }, r)),
918
- n
970
+ a && yt.createPortal(
971
+ Object.entries(d).map(([l, i]) => /* @__PURE__ */ r("div", { className: `cl-toast-container ${l}`, children: i.map((u) => /* @__PURE__ */ r(gt, { ...u, onClose: o }, u.id)) }, l)),
972
+ a
919
973
  )
920
974
  ] });
921
- }, xe = Q(null), Te = () => {
922
- const e = Z(xe);
975
+ }, je = Z(null), Le = () => {
976
+ const e = Y(je);
923
977
  if (!e)
924
978
  throw new Error("useOffcanvas must be used within an Offcanvas provider");
925
979
  return e;
926
- }, Be = ({
980
+ }, Se = ({
927
981
  children: e,
928
982
  className: t = ""
929
983
  }) => {
930
- const { onClose: s, variant: n, showCloseButton: l, title: i } = Te(), d = [
984
+ const { onClose: s, variant: a, showCloseButton: n, title: o } = Le(), d = [
931
985
  "clarity-offcanvas-header",
932
986
  t
933
- ].filter(Boolean).join(" "), o = [
987
+ ].filter(Boolean).join(" "), c = [
934
988
  "clarity-offcanvas-close",
935
- n && `clarity-offcanvas-close--${n}`
936
- ].filter(Boolean).join(" "), r = [
989
+ a && `clarity-offcanvas-close--${a}`
990
+ ].filter(Boolean).join(" "), l = [
937
991
  "clarity-offcanvas-title",
938
- n && `clarity-offcanvas-title--${n}`
992
+ a && `clarity-offcanvas-title--${a}`
939
993
  ].filter(Boolean).join(" ");
940
- return /* @__PURE__ */ w("div", { className: d, children: [
941
- i && /* @__PURE__ */ a("h2", { className: r, children: i }),
994
+ return /* @__PURE__ */ g("div", { className: d, children: [
995
+ o && /* @__PURE__ */ r("h2", { className: l, children: o }),
942
996
  e,
943
- l && /* @__PURE__ */ a("button", { className: o, onClick: (c) => {
944
- c.stopPropagation(), s();
997
+ n && /* @__PURE__ */ r("button", { className: c, onClick: (i) => {
998
+ i.stopPropagation(), s();
945
999
  }, children: "×" })
946
1000
  ] });
947
1001
  };
948
- Be.displayName = "Offcanvas.Header";
949
- const je = ({ children: e, className: t = "" }) => /* @__PURE__ */ a("div", { className: `clarity-offcanvas-content ${t}`, children: e });
950
- je.displayName = "Offcanvas.Content";
951
- const Ee = ({ children: e, onClick: t, variant: s }) => z(e, {
952
- onClick: (n) => {
953
- var l, i;
954
- t == null || t(), (i = (l = e.props).onClick) == null || i.call(l, n);
1002
+ Se.displayName = "Offcanvas.Header";
1003
+ const Ee = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-offcanvas-content ${t}`, children: e });
1004
+ Ee.displayName = "Offcanvas.Content";
1005
+ const Oe = ({ children: e, onClick: t, variant: s }) => G(e, {
1006
+ onClick: (a) => {
1007
+ var n, o;
1008
+ t == null || t(), (o = (n = e.props).onClick) == null || o.call(n, a);
955
1009
  },
956
1010
  variant: s
957
1011
  });
958
- Ee.displayName = "Offcanvas.Trigger";
959
- const pe = ({ children: e, className: t = "" }) => /* @__PURE__ */ a("div", { className: `clarity-offcanvas-footer ${t}`, children: e });
960
- pe.displayName = "Offcanvas.Footer";
961
- const Le = ({ children: e }) => {
962
- const { onClose: t } = Te();
963
- return z(e, {
1012
+ Oe.displayName = "Offcanvas.Trigger";
1013
+ const he = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-offcanvas-footer ${t}`, children: e });
1014
+ he.displayName = "Offcanvas.Footer";
1015
+ const Ie = ({ children: e }) => {
1016
+ const { onClose: t } = Le();
1017
+ return G(e, {
964
1018
  onClick: (s) => {
965
- var n, l;
966
- t(), (l = (n = e.props).onClick) == null || l.call(n, s);
1019
+ var a, n;
1020
+ t(), (n = (a = e.props).onClick) == null || n.call(a, s);
967
1021
  }
968
1022
  });
969
1023
  };
970
- Le.displayName = "Offcanvas.Close";
971
- const ae = ({
1024
+ Ie.displayName = "Offcanvas.Close";
1025
+ const ne = ({
972
1026
  isOpen: e,
973
1027
  onClose: t,
974
1028
  onOpen: s,
975
- children: n,
976
- className: l = "",
977
- variant: i,
1029
+ children: a,
1030
+ className: n = "",
1031
+ variant: o,
978
1032
  placement: d = "right",
979
- closeOnOverlayClick: o = !0,
980
- showCloseButton: r = !0,
981
- title: c
1033
+ closeOnOverlayClick: c = !0,
1034
+ showCloseButton: l = !0,
1035
+ title: i
982
1036
  }) => {
983
- const [p, v] = T(!1), [m, f] = T(!1), [u, h] = T(!1), y = e !== void 0, b = y ? e : p, N = ce(() => {
1037
+ const [u, v] = T(!1), [p, f] = T(!1), [m, h] = T(!1), y = e !== void 0, b = y ? e : u, N = de(() => {
984
1038
  t ? t() : v(!1);
985
- }, [t]), B = ce(() => {
1039
+ }, [t]), B = de(() => {
986
1040
  y || v(!0), s == null || s();
987
1041
  }, [y, s]);
988
- D(() => {
1042
+ P(() => {
989
1043
  if (b) {
990
1044
  h(!0);
991
- const g = setTimeout(() => {
1045
+ const w = setTimeout(() => {
992
1046
  f(!0);
993
1047
  }, 50);
994
- return () => clearTimeout(g);
1048
+ return () => clearTimeout(w);
995
1049
  } else {
996
1050
  f(!1);
997
- const g = setTimeout(() => {
1051
+ const w = setTimeout(() => {
998
1052
  h(!1);
999
1053
  }, 300);
1000
- return () => clearTimeout(g);
1054
+ return () => clearTimeout(w);
1001
1055
  }
1002
- }, [b]), D(() => {
1003
- const g = (V) => {
1004
- V.key === "Escape" && N();
1056
+ }, [b]), P(() => {
1057
+ const w = (H) => {
1058
+ H.key === "Escape" && N();
1005
1059
  };
1006
- return b ? (document.addEventListener("keydown", g), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", g), document.body.style.overflow = "unset"), () => {
1007
- document.removeEventListener("keydown", g), document.body.style.overflow = "unset";
1060
+ return b ? (document.addEventListener("keydown", w), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", w), document.body.style.overflow = "unset"), () => {
1061
+ document.removeEventListener("keydown", w), document.body.style.overflow = "unset";
1008
1062
  };
1009
1063
  }, [b, N]);
1010
- const x = (g) => {
1011
- o && g.target === g.currentTarget && N();
1012
- }, _ = E.Children.toArray(n);
1013
- let $, L, k, j, I;
1014
- _.forEach((g) => {
1015
- if (se(g))
1016
- if (g.type.displayName === "Offcanvas.Trigger")
1017
- $ = g;
1018
- else if (g.type.displayName === "Offcanvas.Header")
1019
- L = g;
1020
- else if (g.type.displayName === "Offcanvas.Content") {
1021
- k = g;
1022
- const H = E.Children.toArray(k.props.children).filter((W) => se(W) && W.type.displayName === "Offcanvas.Close" ? (I = W, !1) : !0);
1023
- k = z(k, { children: H });
1024
- } else g.type.displayName === "Offcanvas.Footer" && (j = g);
1025
- }), I && (j ? j = z(j, {
1026
- children: /* @__PURE__ */ w(ot, { children: [
1027
- j.props.children,
1028
- I
1064
+ const x = (w) => {
1065
+ c && w.target === w.currentTarget && N();
1066
+ }, _ = j.Children.toArray(a);
1067
+ let $, L, k, R, E;
1068
+ _.forEach((w) => {
1069
+ if (K(w))
1070
+ if (w.type.displayName === "Offcanvas.Trigger")
1071
+ $ = w;
1072
+ else if (w.type.displayName === "Offcanvas.Header")
1073
+ L = w;
1074
+ else if (w.type.displayName === "Offcanvas.Content") {
1075
+ k = w;
1076
+ const W = j.Children.toArray(k.props.children).filter((V) => K(V) && V.type.displayName === "Offcanvas.Close" ? (E = V, !1) : !0);
1077
+ k = G(k, { children: W });
1078
+ } else w.type.displayName === "Offcanvas.Footer" && (R = w);
1079
+ }), E && (R ? R = G(R, {
1080
+ children: /* @__PURE__ */ g(ut, { children: [
1081
+ R.props.children,
1082
+ E
1029
1083
  ] })
1030
- }) : j = /* @__PURE__ */ a(pe, { children: I }));
1031
- const A = [
1084
+ }) : R = /* @__PURE__ */ r(he, { children: E }));
1085
+ const D = [
1032
1086
  "clarity-offcanvas",
1033
- l,
1087
+ n,
1034
1088
  `clarity-offcanvas--${d}`,
1035
- i && `clarity-offcanvas--${i}`,
1036
- m ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
1037
- ].filter(Boolean).join(" "), O = [
1089
+ o && `clarity-offcanvas--${o}`,
1090
+ p ? "clarity-offcanvas--open" : "clarity-offcanvas--closed"
1091
+ ].filter(Boolean).join(" "), S = [
1038
1092
  "clarity-offcanvas-overlay",
1039
- m ? "clarity-offcanvas-overlay--visible" : ""
1093
+ p ? "clarity-offcanvas-overlay--visible" : ""
1040
1094
  ].filter(Boolean).join(" ");
1041
- return /* @__PURE__ */ w(xe.Provider, { value: { onClose: N, variant: i, showCloseButton: r, placement: d, title: c }, children: [
1042
- $ && z($, { onClick: B, variant: i }),
1043
- u && // Only render if shouldRender is true
1044
- /* @__PURE__ */ a("div", { className: O, onClick: x, children: /* @__PURE__ */ w("div", { className: A, children: [
1095
+ return /* @__PURE__ */ g(je.Provider, { value: { onClose: N, variant: o, showCloseButton: l, placement: d, title: i }, children: [
1096
+ $ && G($, { onClick: B, variant: o }),
1097
+ m && // Only render if shouldRender is true
1098
+ /* @__PURE__ */ r("div", { className: S, onClick: x, children: /* @__PURE__ */ g("div", { className: D, children: [
1045
1099
  L,
1046
1100
  k,
1047
- j && /* @__PURE__ */ a("div", { className: "clarity-offcanvas-scroll-indicator" }),
1101
+ R && /* @__PURE__ */ r("div", { className: "clarity-offcanvas-scroll-indicator" }),
1048
1102
  " ",
1049
- j
1103
+ R
1050
1104
  ] }) })
1051
1105
  ] });
1052
1106
  };
1053
- ae.Header = Be;
1054
- ae.Content = je;
1055
- ae.Footer = pe;
1056
- ae.Trigger = Ee;
1057
- ae.Close = Le;
1058
- ae.displayName = "Offcanvas";
1059
- const vt = E.forwardRef(({
1107
+ ne.Header = Se;
1108
+ ne.Content = Ee;
1109
+ ne.Footer = he;
1110
+ ne.Trigger = Oe;
1111
+ ne.Close = Ie;
1112
+ ne.displayName = "Offcanvas";
1113
+ const _t = j.forwardRef(({
1060
1114
  type: e,
1061
1115
  variant: t = "primary",
1062
1116
  size: s = "medium",
1063
- label: n,
1064
- helperText: l,
1065
- error: i = !1,
1117
+ label: a,
1118
+ helperText: n,
1119
+ error: o = !1,
1066
1120
  errorMessage: d,
1067
- labelPosition: o = "right",
1068
- className: r = "",
1069
- disabled: c = !1,
1070
- checked: p,
1121
+ labelPosition: c = "right",
1122
+ className: l = "",
1123
+ disabled: i = !1,
1124
+ checked: u,
1071
1125
  id: v,
1072
- ...m
1126
+ ...p
1073
1127
  }, f) => {
1074
- const u = v || `check-input-${Math.random().toString(36).substr(2, 9)}`, h = [
1128
+ const m = v || `check-input-${Math.random().toString(36).substr(2, 9)}`, h = [
1075
1129
  "clarity-check-input-wrapper",
1076
- `clarity-check-input-wrapper--${o}`,
1077
- c && "clarity-check-input-wrapper--disabled",
1078
- i && "clarity-check-input-wrapper--error"
1130
+ `clarity-check-input-wrapper--${c}`,
1131
+ i && "clarity-check-input-wrapper--disabled",
1132
+ o && "clarity-check-input-wrapper--error"
1079
1133
  ].filter(Boolean).join(" "), y = [
1080
1134
  "clarity-check-input",
1081
1135
  `clarity-check-input--${e}`,
1082
1136
  `clarity-check-input--${s}`,
1083
1137
  t && `clarity-check-input--${t}`,
1084
- i && "clarity-check-input--error",
1085
- c && "clarity-check-input--disabled",
1086
- r
1138
+ o && "clarity-check-input--error",
1139
+ i && "clarity-check-input--disabled",
1140
+ l
1087
1141
  ].filter(Boolean).join(" "), b = [
1088
1142
  "clarity-check-input__label",
1089
1143
  `clarity-check-input__label--${s}`,
1090
- c && "clarity-check-input__label--disabled"
1144
+ i && "clarity-check-input__label--disabled"
1091
1145
  ].filter(Boolean).join(" ");
1092
- return /* @__PURE__ */ w("div", { className: "clarity-check-input-container", children: [
1093
- /* @__PURE__ */ w("label", { className: h, htmlFor: u, children: [
1094
- /* @__PURE__ */ a(
1146
+ return /* @__PURE__ */ g("div", { className: "clarity-check-input-container", children: [
1147
+ /* @__PURE__ */ g("label", { className: h, htmlFor: m, children: [
1148
+ /* @__PURE__ */ r(
1095
1149
  "input",
1096
1150
  {
1097
1151
  ref: f,
1098
- id: u,
1152
+ id: m,
1099
1153
  type: e,
1100
1154
  className: y,
1101
- disabled: c,
1102
- checked: p,
1103
- ...m
1155
+ disabled: i,
1156
+ checked: u,
1157
+ ...p
1104
1158
  }
1105
1159
  ),
1106
- /* @__PURE__ */ w("div", { className: "clarity-check-input__custom", children: [
1107
- e === "checkbox" && /* @__PURE__ */ a(
1160
+ /* @__PURE__ */ g("div", { className: "clarity-check-input__custom", children: [
1161
+ e === "checkbox" && /* @__PURE__ */ r(
1108
1162
  "svg",
1109
1163
  {
1110
1164
  className: "clarity-check-input__icon",
1111
1165
  viewBox: "0 0 16 16",
1112
1166
  fill: "none",
1113
1167
  xmlns: "http://www.w3.org/2000/svg",
1114
- children: /* @__PURE__ */ a(
1168
+ children: /* @__PURE__ */ r(
1115
1169
  "path",
1116
1170
  {
1117
1171
  d: "M13.5 4.5L6 12L2.5 8.5",
@@ -1123,818 +1177,811 @@ const vt = E.forwardRef(({
1123
1177
  )
1124
1178
  }
1125
1179
  ),
1126
- e === "radio" && /* @__PURE__ */ a("div", { className: "clarity-check-input__radio-dot" })
1180
+ e === "radio" && /* @__PURE__ */ r("div", { className: "clarity-check-input__radio-dot" })
1127
1181
  ] }),
1128
- n && /* @__PURE__ */ a("span", { className: b, children: n })
1182
+ a && /* @__PURE__ */ r("span", { className: b, children: a })
1129
1183
  ] }),
1130
- (l || i && d) && /* @__PURE__ */ a("div", { className: "clarity-check-input__helper-text", children: i && d ? d : l })
1184
+ (n || o && d) && /* @__PURE__ */ r("div", { className: "clarity-check-input__helper-text", children: o && d ? d : n })
1131
1185
  ] });
1132
1186
  });
1133
- vt.displayName = "CheckInput";
1134
- const bt = E.forwardRef(({
1187
+ _t.displayName = "CheckInput";
1188
+ const wt = j.forwardRef(({
1135
1189
  variant: e = "primary",
1136
1190
  size: t = "medium",
1137
1191
  label: s,
1138
- helperText: n,
1139
- error: l = !1,
1140
- errorMessage: i,
1192
+ helperText: a,
1193
+ error: n = !1,
1194
+ errorMessage: o,
1141
1195
  labelPosition: d = "right",
1142
- className: o = "",
1143
- disabled: r = !1,
1144
- checked: c,
1145
- id: p,
1196
+ className: c = "",
1197
+ disabled: l = !1,
1198
+ checked: i,
1199
+ id: u,
1146
1200
  ...v
1147
- }, m) => {
1148
- const f = p || `input-switch-${Math.random().toString(36).substr(2, 9)}`, u = [
1201
+ }, p) => {
1202
+ const f = u || `input-switch-${Math.random().toString(36).substr(2, 9)}`, m = [
1149
1203
  "clarity-input-switch-wrapper",
1150
1204
  `clarity-input-switch-wrapper--${d}`,
1151
- r && "clarity-input-switch-wrapper--disabled",
1152
- l && "clarity-input-switch-wrapper--error"
1205
+ l && "clarity-input-switch-wrapper--disabled",
1206
+ n && "clarity-input-switch-wrapper--error"
1153
1207
  ].filter(Boolean).join(" "), h = [
1154
1208
  "clarity-input-switch",
1155
1209
  `clarity-input-switch--${t}`,
1156
1210
  e && `clarity-input-switch--${e}`,
1157
- l && "clarity-input-switch--error",
1158
- r && "clarity-input-switch--disabled",
1159
- o
1211
+ n && "clarity-input-switch--error",
1212
+ l && "clarity-input-switch--disabled",
1213
+ c
1160
1214
  ].filter(Boolean).join(" "), y = [
1161
1215
  "clarity-input-switch__label",
1162
1216
  `clarity-input-switch__label--${t}`,
1163
- r && "clarity-input-switch__label--disabled"
1217
+ l && "clarity-input-switch__label--disabled"
1164
1218
  ].filter(Boolean).join(" ");
1165
- return /* @__PURE__ */ w("div", { className: "clarity-input-switch-container", children: [
1166
- /* @__PURE__ */ w("label", { className: u, htmlFor: f, children: [
1167
- /* @__PURE__ */ a(
1219
+ return /* @__PURE__ */ g("div", { className: "clarity-input-switch-container", children: [
1220
+ /* @__PURE__ */ g("label", { className: m, htmlFor: f, children: [
1221
+ /* @__PURE__ */ r(
1168
1222
  "input",
1169
1223
  {
1170
- ref: m,
1224
+ ref: p,
1171
1225
  id: f,
1172
1226
  type: "checkbox",
1173
1227
  className: h,
1174
- disabled: r,
1175
- checked: c,
1228
+ disabled: l,
1229
+ checked: i,
1176
1230
  ...v
1177
1231
  }
1178
1232
  ),
1179
- /* @__PURE__ */ a("div", { className: "clarity-input-switch__track", children: /* @__PURE__ */ a("div", { className: "clarity-input-switch__thumb" }) }),
1180
- s && /* @__PURE__ */ a("span", { className: y, children: s })
1233
+ /* @__PURE__ */ r("div", { className: "clarity-input-switch__track", children: /* @__PURE__ */ r("div", { className: "clarity-input-switch__thumb" }) }),
1234
+ s && /* @__PURE__ */ r("span", { className: y, children: s })
1181
1235
  ] }),
1182
- (n || l && i) && /* @__PURE__ */ a("div", { className: "clarity-input-switch__helper-text", children: l && i ? i : n })
1236
+ (a || n && o) && /* @__PURE__ */ r("div", { className: "clarity-input-switch__helper-text", children: n && o ? o : a })
1183
1237
  ] });
1184
1238
  });
1185
- bt.displayName = "InputSwitch";
1186
- const Se = Q(null), fe = () => {
1187
- const e = Z(Se);
1239
+ wt.displayName = "InputSwitch";
1240
+ const De = Z(null), ye = () => {
1241
+ const e = Y(De);
1188
1242
  if (!e)
1189
1243
  throw new Error("useConfirmationDialog must be used within a ConfirmationDialog provider");
1190
1244
  return e;
1191
- }, Oe = ({ children: e, className: t = "" }) => {
1192
- const { variant: s } = fe(), n = `clarity-confirmation-dialog-header ${t} clarity-confirmation-dialog-header--${s}`;
1193
- return /* @__PURE__ */ a("div", { className: n, children: e });
1245
+ }, Pe = ({ children: e, className: t = "" }) => {
1246
+ const { variant: s } = ye(), a = `clarity-confirmation-dialog-header ${t} clarity-confirmation-dialog-header--${s}`;
1247
+ return /* @__PURE__ */ r("div", { className: a, children: e });
1194
1248
  };
1195
- Oe.displayName = "ConfirmationDialog.Header";
1196
- const Ie = ({ children: e, className: t = "" }) => /* @__PURE__ */ a("div", { className: `clarity-confirmation-dialog-content ${t}`, children: e });
1197
- Ie.displayName = "ConfirmationDialog.Content";
1198
- const Re = ({ children: e, className: t = "" }) => /* @__PURE__ */ a("div", { className: `clarity-confirmation-dialog-footer ${t}`, children: e });
1199
- Re.displayName = "ConfirmationDialog.Footer";
1200
- const De = ({ children: e }) => z(e, {
1249
+ Pe.displayName = "ConfirmationDialog.Header";
1250
+ const We = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-confirmation-dialog-content ${t}`, children: e });
1251
+ We.displayName = "ConfirmationDialog.Content";
1252
+ const Ae = ({ children: e, className: t = "" }) => /* @__PURE__ */ r("div", { className: `clarity-confirmation-dialog-footer ${t}`, children: e });
1253
+ Ae.displayName = "ConfirmationDialog.Footer";
1254
+ const He = ({ children: e }) => G(e, {
1201
1255
  onClick: (t) => {
1202
- var s, n;
1203
- (n = (s = e.props).onClick) == null || n.call(s, t);
1256
+ var s, a;
1257
+ (a = (s = e.props).onClick) == null || a.call(s, t);
1204
1258
  }
1205
1259
  });
1206
- De.displayName = "ConfirmationDialog.Trigger";
1207
- const Ae = ({ children: e }) => {
1208
- const { onClose: t } = fe();
1209
- return z(e, {
1260
+ He.displayName = "ConfirmationDialog.Trigger";
1261
+ const Ve = ({ children: e }) => {
1262
+ const { onClose: t } = ye();
1263
+ return G(e, {
1210
1264
  onClick: (s) => {
1211
- var n, l;
1212
- t(), (l = (n = e.props).onClick) == null || l.call(n, s);
1265
+ var a, n;
1266
+ t(), (n = (a = e.props).onClick) == null || n.call(a, s);
1213
1267
  }
1214
1268
  });
1215
1269
  };
1216
- Ae.displayName = "ConfirmationDialog.Close";
1217
- const Pe = ({ children: e }) => {
1218
- const { onConfirm: t } = fe();
1219
- return z(e, {
1270
+ Ve.displayName = "ConfirmationDialog.Close";
1271
+ const Me = ({ children: e }) => {
1272
+ const { onConfirm: t } = ye();
1273
+ return G(e, {
1220
1274
  onClick: (s) => {
1221
- var n, l;
1222
- t(), (l = (n = e.props).onClick) == null || l.call(n, s);
1275
+ var a, n;
1276
+ t(), (n = (a = e.props).onClick) == null || n.call(a, s);
1223
1277
  }
1224
1278
  });
1225
1279
  };
1226
- Pe.displayName = "ConfirmationDialog.Confirm";
1227
- const ee = ({
1280
+ Me.displayName = "ConfirmationDialog.Confirm";
1281
+ const te = ({
1228
1282
  isOpen: e,
1229
1283
  onClose: t,
1230
1284
  onConfirm: s,
1231
- variant: n = "clarity-primary",
1232
- children: l
1285
+ variant: a = "clarity-primary",
1286
+ children: n
1233
1287
  }) => {
1234
- const [i, d] = T(!1), o = e !== void 0, r = o ? e : i, c = () => {
1235
- o || d(!0);
1236
- }, p = () => {
1288
+ const [o, d] = T(!1), c = e !== void 0, l = c ? e : o, i = () => {
1289
+ c || d(!0);
1290
+ }, u = () => {
1237
1291
  t ? t() : d(!1);
1238
1292
  }, v = () => {
1239
- s && s(), p();
1293
+ s && s(), u();
1240
1294
  };
1241
- D(() => {
1295
+ P(() => {
1242
1296
  const h = (y) => {
1243
- y.key === "Escape" && p();
1297
+ y.key === "Escape" && u();
1244
1298
  };
1245
- return r ? (document.addEventListener("keydown", h), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
1299
+ return l ? (document.addEventListener("keydown", h), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => {
1246
1300
  document.removeEventListener("keydown", h), document.body.style.overflow = "unset";
1247
1301
  };
1248
- }, [r, p]);
1249
- const m = E.Children.toArray(l).find(
1250
- (h) => se(h) && h.type.displayName === "ConfirmationDialog.Trigger"
1251
- ), f = E.Children.toArray(l).filter(
1252
- (h) => se(h) && h.type.displayName !== "ConfirmationDialog.Trigger"
1253
- ), u = `clarity-confirmation-dialog clarity-confirmation-dialog--${n}`;
1254
- return /* @__PURE__ */ w(Se.Provider, { value: { variant: n, onClose: p, onConfirm: v, onOpen: c }, children: [
1255
- m,
1256
- r && /* @__PURE__ */ a("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ a("div", { className: u, children: f }) })
1302
+ }, [l, u]);
1303
+ const p = j.Children.toArray(n).find(
1304
+ (h) => K(h) && h.type.displayName === "ConfirmationDialog.Trigger"
1305
+ ), f = j.Children.toArray(n).filter(
1306
+ (h) => K(h) && h.type.displayName !== "ConfirmationDialog.Trigger"
1307
+ ), m = `clarity-confirmation-dialog clarity-confirmation-dialog--${a}`;
1308
+ return /* @__PURE__ */ g(De.Provider, { value: { variant: a, onClose: u, onConfirm: v, onOpen: i }, children: [
1309
+ p,
1310
+ l && /* @__PURE__ */ r("div", { className: "clarity-modal-overlay", children: /* @__PURE__ */ r("div", { className: m, children: f }) })
1257
1311
  ] });
1258
1312
  };
1259
- ee.Header = Oe;
1260
- ee.Content = Ie;
1261
- ee.Footer = Re;
1262
- ee.Trigger = De;
1263
- ee.Close = Ae;
1264
- ee.Confirm = Pe;
1265
- ee.displayName = "ConfirmationDialog";
1266
- const Mt = ({
1313
+ te.Header = Pe;
1314
+ te.Content = We;
1315
+ te.Footer = Ae;
1316
+ te.Trigger = He;
1317
+ te.Close = Ve;
1318
+ te.Confirm = Me;
1319
+ te.displayName = "ConfirmationDialog";
1320
+ const Ut = ({
1267
1321
  variant: e = "primary",
1268
1322
  size: t = "medium",
1269
1323
  disabled: s = !1,
1270
- loading: n = !1,
1271
- children: l,
1272
- onClick: i,
1324
+ loading: a = !1,
1325
+ children: n,
1326
+ onClick: o,
1273
1327
  type: d = "button",
1274
- className: o = "",
1275
- "aria-label": r,
1276
- title: c,
1277
- customColor: p,
1328
+ className: c = "",
1329
+ "aria-label": l,
1330
+ title: i,
1331
+ customColor: u,
1278
1332
  customColorHover: v,
1279
- ...m
1333
+ ...p
1280
1334
  }) => {
1281
- const f = "clarity-button-icon", u = [
1335
+ const f = "clarity-button-icon", m = [
1282
1336
  f,
1283
- !p && `${f}--${e}`,
1337
+ !u && `${f}--${e}`,
1284
1338
  `${f}--${t}`,
1285
- n && `${f}--loading`,
1339
+ a && `${f}--loading`,
1286
1340
  s && `${f}--disabled`,
1287
- o
1341
+ c
1288
1342
  ].filter(Boolean).join(" "), h = {};
1289
- return p && (h["--button-icon-bg"] = p, h["--button-icon-hover-bg"] = v || `${p}E6`), /* @__PURE__ */ w(
1343
+ return u && (h["--button-icon-bg"] = u, h["--button-icon-hover-bg"] = v || `${u}E6`), /* @__PURE__ */ g(
1290
1344
  "button",
1291
1345
  {
1292
- className: u,
1293
- disabled: s || n,
1294
- onClick: i,
1346
+ className: m,
1347
+ disabled: s || a,
1348
+ onClick: o,
1295
1349
  type: d,
1296
- "aria-label": r,
1297
- title: c,
1350
+ "aria-label": l,
1351
+ title: i,
1298
1352
  style: h,
1299
- ...m,
1353
+ ...p,
1300
1354
  children: [
1301
- n && /* @__PURE__ */ a("div", { className: `${f}__spinner` }),
1302
- !n && l
1355
+ a && /* @__PURE__ */ r("div", { className: `${f}__spinner` }),
1356
+ !a && n
1303
1357
  ]
1304
1358
  }
1305
1359
  );
1306
- }, Wt = ({
1360
+ }, qt = ({
1307
1361
  variant: e = "primary",
1308
1362
  product: t,
1309
1363
  tone: s,
1310
- hoverTone: n,
1311
- size: l = "medium",
1312
- disabled: i = !1,
1364
+ hoverTone: a,
1365
+ size: n = "medium",
1366
+ disabled: o = !1,
1313
1367
  children: d,
1314
- onClick: o,
1315
- href: r,
1316
- target: c,
1317
- rel: p,
1368
+ onClick: c,
1369
+ href: l,
1370
+ target: i,
1371
+ rel: u,
1318
1372
  className: v = "",
1319
- ...m
1373
+ ...p
1320
1374
  }) => {
1321
- const f = "clarity-button-link", u = t && s, h = u ? `${f}--custom` : `${f}--${e}`, y = [
1375
+ const f = "clarity-button-link", m = t && s, h = m ? `${f}--custom` : `${f}--${e}`, y = [
1322
1376
  f,
1323
1377
  h,
1324
- `${f}--${l}`,
1325
- i && `${f}--disabled`,
1378
+ `${f}--${n}`,
1379
+ o && `${f}--disabled`,
1326
1380
  v
1327
1381
  ].filter(Boolean).join(" "), b = (B) => {
1328
1382
  const x = parseInt(B);
1329
1383
  return x >= 800 ? "900" : x >= 700 ? "800" : x >= 600 ? "700" : x >= 500 ? "600" : x >= 400 ? "500" : x >= 300 ? "400" : x >= 200 ? "300" : "200";
1330
- }, N = u ? {
1384
+ }, N = m ? {
1331
1385
  "--custom-color": `var(--clarity-${t}-${s})`,
1332
- "--custom-hover-color": `var(--clarity-${t}-${n || b(s)})`
1386
+ "--custom-hover-color": `var(--clarity-${t}-${a || b(s)})`
1333
1387
  } : {};
1334
- return r ? /* @__PURE__ */ a(
1388
+ return l ? /* @__PURE__ */ r(
1335
1389
  "a",
1336
1390
  {
1337
- href: r,
1338
- target: c,
1339
- rel: p || (c === "_blank" ? "noopener noreferrer" : void 0),
1391
+ href: l,
1392
+ target: i,
1393
+ rel: u || (i === "_blank" ? "noopener noreferrer" : void 0),
1340
1394
  className: y,
1341
1395
  style: N,
1342
- onClick: i ? void 0 : o,
1343
- ...m,
1396
+ onClick: o ? void 0 : c,
1397
+ ...p,
1344
1398
  children: d
1345
1399
  }
1346
- ) : /* @__PURE__ */ a(
1400
+ ) : /* @__PURE__ */ r(
1347
1401
  "button",
1348
1402
  {
1349
1403
  className: y,
1350
1404
  style: N,
1351
- disabled: i,
1352
- onClick: o,
1353
- ...m,
1405
+ disabled: o,
1406
+ onClick: c,
1407
+ ...p,
1354
1408
  children: d
1355
1409
  }
1356
1410
  );
1357
- }, Ve = Q(void 0), He = () => {
1358
- const e = Z(Ve);
1411
+ }, Fe = Z(void 0), ze = () => {
1412
+ const e = Y(Fe);
1359
1413
  if (!e)
1360
1414
  throw new Error("Accordion components must be used within an Accordion");
1361
1415
  return e;
1362
- }, Ct = ({
1416
+ }, $t = ({
1363
1417
  variant: e = "primary",
1364
1418
  product: t,
1365
1419
  tone: s,
1366
- hoverTone: n,
1367
- defaultActiveKey: l,
1368
- alwaysOpen: i = !1,
1420
+ hoverTone: a,
1421
+ defaultActiveKey: n,
1422
+ alwaysOpen: o = !1,
1369
1423
  flush: d = !1,
1370
- className: o = "",
1371
- children: r,
1372
- onSelect: c,
1373
- ...p
1424
+ className: c = "",
1425
+ children: l,
1426
+ onSelect: i,
1427
+ ...u
1374
1428
  }) => {
1375
- const [v, m] = T(() => l ? Array.isArray(l) ? l : [l] : []), f = (_) => {
1429
+ const [v, p] = T(() => n ? Array.isArray(n) ? n : [n] : []), f = (_) => {
1376
1430
  let $;
1377
- i ? $ = v.includes(_) ? v.filter((L) => L !== _) : [...v, _] : $ = v.includes(_) ? [] : [_], m($), c && c(v.includes(_) ? null : _, {});
1378
- }, u = "clarity-accordion", h = t && s, y = h ? `${u}--custom` : `${u}--${e}`, b = [
1379
- u,
1431
+ o ? $ = v.includes(_) ? v.filter((L) => L !== _) : [...v, _] : $ = v.includes(_) ? [] : [_], p($), i && i(v.includes(_) ? null : _, {});
1432
+ }, m = "clarity-accordion", h = t && s, y = h ? `${m}--custom` : `${m}--${e}`, b = [
1433
+ m,
1380
1434
  y,
1381
- d && `${u}--flush`,
1382
- o
1435
+ d && `${m}--flush`,
1436
+ c
1383
1437
  ].filter(Boolean).join(" "), N = (_) => {
1384
1438
  const $ = parseInt(_);
1385
1439
  return $ >= 800 ? "900" : $ >= 700 ? "800" : $ >= 600 ? "700" : $ >= 500 ? "600" : $ >= 400 ? "500" : $ >= 300 ? "400" : $ >= 200 ? "300" : "200";
1386
1440
  }, B = h ? {
1387
1441
  "--custom-border-color": `var(--clarity-${t}-${s})`,
1388
1442
  "--custom-header-color": `var(--clarity-${t}-${s})`,
1389
- "--custom-hover-color": `var(--clarity-${t}-${n || N(s)})`
1443
+ "--custom-hover-color": `var(--clarity-${t}-${a || N(s)})`
1390
1444
  } : {}, x = {
1391
1445
  activeKeys: v,
1392
1446
  toggleItem: f,
1393
- alwaysOpen: i,
1447
+ alwaysOpen: o,
1394
1448
  variant: e,
1395
1449
  product: t,
1396
1450
  tone: s,
1397
- hoverTone: n,
1451
+ hoverTone: a,
1398
1452
  flush: d
1399
1453
  };
1400
- return /* @__PURE__ */ a(Ve.Provider, { value: x, children: /* @__PURE__ */ a("div", { className: b, style: B, ...p, children: r }) });
1401
- }, Nt = ({
1454
+ return /* @__PURE__ */ r(Fe.Provider, { value: x, children: /* @__PURE__ */ r("div", { className: b, style: B, ...u, children: l }) });
1455
+ }, kt = ({
1402
1456
  eventKey: e,
1403
1457
  disabled: t = !1,
1404
1458
  className: s = "",
1405
- children: n,
1406
- ...l
1459
+ children: a,
1460
+ ...n
1407
1461
  }) => {
1408
- const { activeKeys: i } = He(), d = "clarity-accordion", o = i.includes(e), r = [
1462
+ const { activeKeys: o } = ze(), d = "clarity-accordion", c = o.includes(e), l = [
1409
1463
  `${d}__item`,
1410
- o && `${d}__item--active`,
1464
+ c && `${d}__item--active`,
1411
1465
  t && `${d}__item--disabled`,
1412
1466
  s
1413
1467
  ].filter(Boolean).join(" ");
1414
- return /* @__PURE__ */ a("div", { className: r, ...l, children: E.Children.map(n, (c) => E.isValidElement(c) ? E.cloneElement(c, {
1415
- ...c.props,
1468
+ return /* @__PURE__ */ r("div", { className: l, ...n, children: j.Children.map(a, (i) => j.isValidElement(i) ? j.cloneElement(i, {
1469
+ ...i.props,
1416
1470
  eventKey: e,
1417
1471
  disabled: t,
1418
- isActive: o
1419
- }) : c) });
1420
- }, wt = ({
1472
+ isActive: c
1473
+ }) : i) });
1474
+ }, xt = ({
1421
1475
  className: e = "",
1422
1476
  children: t,
1423
1477
  onClick: s,
1424
- eventKey: n,
1425
- disabled: l = !1,
1426
- isActive: i = !1,
1478
+ eventKey: a,
1479
+ disabled: n = !1,
1480
+ isActive: o = !1,
1427
1481
  ...d
1428
1482
  }) => {
1429
- const { toggleItem: o } = He(), r = "clarity-accordion", c = (p) => {
1430
- !l && n && o(n), s == null || s(p);
1483
+ const { toggleItem: c } = ze(), l = "clarity-accordion", i = (u) => {
1484
+ !n && a && c(a), s == null || s(u);
1431
1485
  };
1432
- return /* @__PURE__ */ w(
1486
+ return /* @__PURE__ */ g(
1433
1487
  "button",
1434
1488
  {
1435
- className: [`${r}__header`, e].filter(Boolean).join(" "),
1436
- onClick: c,
1437
- disabled: l,
1438
- "aria-expanded": i,
1439
- "aria-controls": n ? `${r}-collapse-${n}` : void 0,
1489
+ className: [`${l}__header`, e].filter(Boolean).join(" "),
1490
+ onClick: i,
1491
+ disabled: n,
1492
+ "aria-expanded": o,
1493
+ "aria-controls": a ? `${l}-collapse-${a}` : void 0,
1440
1494
  ...d,
1441
1495
  children: [
1442
- /* @__PURE__ */ a("span", { className: `${r}__title`, children: t }),
1443
- /* @__PURE__ */ a("span", { className: `${r}__icon`, children: /* @__PURE__ */ a(
1496
+ /* @__PURE__ */ r("span", { className: `${l}__title`, children: t }),
1497
+ /* @__PURE__ */ r("span", { className: `${l}__icon`, children: /* @__PURE__ */ r(
1444
1498
  "svg",
1445
1499
  {
1446
1500
  width: "16",
1447
1501
  height: "16",
1448
1502
  viewBox: "0 0 16 16",
1449
1503
  fill: "currentColor",
1450
- className: i ? `${r}__icon--rotated` : "",
1451
- children: /* @__PURE__ */ a("path", { d: "M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z" })
1504
+ className: o ? `${l}__icon--rotated` : "",
1505
+ children: /* @__PURE__ */ r("path", { d: "M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z" })
1452
1506
  }
1453
1507
  ) })
1454
1508
  ]
1455
1509
  }
1456
1510
  );
1457
- }, _t = ({
1511
+ }, Tt = ({
1458
1512
  className: e = "",
1459
1513
  children: t,
1460
1514
  eventKey: s,
1461
- isActive: n = !1,
1462
- ...l
1515
+ isActive: a = !1,
1516
+ ...n
1463
1517
  }) => {
1464
- const i = "clarity-accordion";
1465
- return /* @__PURE__ */ a(
1518
+ const o = "clarity-accordion";
1519
+ return /* @__PURE__ */ r(
1466
1520
  "div",
1467
1521
  {
1468
- id: s ? `${i}-collapse-${s}` : void 0,
1522
+ id: s ? `${o}-collapse-${s}` : void 0,
1469
1523
  className: [
1470
- `${i}__collapse`,
1471
- n && `${i}__collapse--show`
1524
+ `${o}__collapse`,
1525
+ a && `${o}__collapse--show`
1472
1526
  ].filter(Boolean).join(" "),
1473
- children: /* @__PURE__ */ a("div", { className: [`${i}__body`, e].filter(Boolean).join(" "), ...l, children: t })
1527
+ children: /* @__PURE__ */ r("div", { className: [`${o}__body`, e].filter(Boolean).join(" "), ...n, children: t })
1474
1528
  }
1475
1529
  );
1476
- }, Ft = Object.assign(Ct, {
1477
- Item: Nt,
1478
- Header: wt,
1479
- Body: _t
1480
- }), Me = Q(
1530
+ }, Xt = Object.assign($t, {
1531
+ Item: kt,
1532
+ Header: xt,
1533
+ Body: Tt
1534
+ }), Ge = Z(
1481
1535
  void 0
1482
- ), We = () => {
1483
- const e = Z(Me);
1536
+ ), Ue = () => {
1537
+ const e = Y(Ge);
1484
1538
  if (!e)
1485
1539
  throw new Error("useDropdown must be used within a DropdownProvider");
1486
1540
  return e;
1487
- }, gt = ({ children: e }) => {
1488
- const { setIsOpen: t, triggerRef: s } = We();
1489
- return /* @__PURE__ */ a(
1541
+ }, Bt = ({ children: e }) => {
1542
+ const { setIsOpen: t, triggerRef: s } = Ue();
1543
+ return /* @__PURE__ */ r(
1490
1544
  "button",
1491
1545
  {
1492
1546
  type: "button",
1493
1547
  ref: s,
1494
1548
  className: "dropdown__trigger",
1495
- onClick: () => t((n) => !n),
1549
+ onClick: () => t((a) => !a),
1496
1550
  "aria-haspopup": "true",
1497
1551
  children: e
1498
1552
  }
1499
1553
  );
1500
- }, $t = ({ children: e }) => {
1501
- const { isOpen: t, contentRef: s, styles: n } = We();
1502
- return t ? /* @__PURE__ */ a("div", { ref: s, className: "dropdown__content", style: n, children: e }) : null;
1503
- }, kt = ({ children: e }) => /* @__PURE__ */ a("div", { className: "dropdown__menu", children: e }), xt = ({ as: e, children: t, ...s }) => /* @__PURE__ */ a(e || "a", { ...s, className: "dropdown__item", children: t }), Tt = () => /* @__PURE__ */ a("hr", { className: "dropdown__separator" }), oe = ({ title: e, position: t = "bottom", children: s }) => {
1504
- const [n, l] = T(!1), [i, d] = T({}), o = M(null), r = M(null), c = M(null);
1505
- return dt(() => {
1506
- if (n) {
1507
- const p = r.current, v = c.current;
1508
- if (!p || !v) return;
1509
- const m = p.getBoundingClientRect(), f = v.getBoundingClientRect(), u = window.innerHeight, h = window.innerWidth;
1554
+ }, Rt = ({ children: e }) => {
1555
+ const { isOpen: t, contentRef: s, styles: a } = Ue();
1556
+ return t ? /* @__PURE__ */ r("div", { ref: s, className: "dropdown__content", style: a, children: e }) : null;
1557
+ }, jt = ({ children: e }) => /* @__PURE__ */ r("div", { className: "dropdown__menu", children: e }), Lt = ({ as: e, children: t, ...s }) => /* @__PURE__ */ r(e || "a", { ...s, className: "dropdown__item", children: t }), St = () => /* @__PURE__ */ r("hr", { className: "dropdown__separator" }), ce = ({ title: e, position: t = "bottom", children: s }) => {
1558
+ const [a, n] = T(!1), [o, d] = T({}), c = z(null), l = z(null), i = z(null);
1559
+ return ft(() => {
1560
+ if (a) {
1561
+ const u = l.current, v = i.current;
1562
+ if (!u || !v) return;
1563
+ const p = u.getBoundingClientRect(), f = v.getBoundingClientRect(), m = window.innerHeight, h = window.innerWidth;
1510
1564
  let y = t;
1511
- t === "bottom" && m.bottom + f.height > u && (y = "top"), t === "top" && m.top - f.height < 0 && (y = "bottom"), t === "right" && m.right + f.width > h && (y = "left"), t === "left" && m.left - f.width < 0 && (y = "right");
1565
+ t === "bottom" && p.bottom + f.height > m && (y = "top"), t === "top" && p.top - f.height < 0 && (y = "bottom"), t === "right" && p.right + f.width > h && (y = "left"), t === "left" && p.left - f.width < 0 && (y = "right");
1512
1566
  const b = {};
1513
1567
  switch (y) {
1514
1568
  case "top":
1515
- b.bottom = m.height + 4, b.left = m.width / 2 - f.width / 2;
1569
+ b.bottom = p.height + 4, b.left = p.width / 2 - f.width / 2;
1516
1570
  break;
1517
1571
  case "right":
1518
- b.left = m.width + 4, b.top = m.height / 2 - f.height / 2;
1572
+ b.left = p.width + 4, b.top = p.height / 2 - f.height / 2;
1519
1573
  break;
1520
1574
  case "left":
1521
- b.right = m.width + 4, b.top = m.height / 2 - f.height / 2;
1575
+ b.right = p.width + 4, b.top = p.height / 2 - f.height / 2;
1522
1576
  break;
1523
1577
  case "bottom":
1524
1578
  default:
1525
- b.top = m.height + 4, b.left = m.width / 2 - f.width / 2;
1579
+ b.top = p.height + 4, b.left = p.width / 2 - f.width / 2;
1526
1580
  break;
1527
1581
  }
1528
1582
  d(b);
1529
1583
  }
1530
- }, [n, t]), D(() => {
1531
- const p = (v) => {
1532
- o.current && !o.current.contains(v.target) && l(!1);
1584
+ }, [a, t]), P(() => {
1585
+ const u = (v) => {
1586
+ c.current && !c.current.contains(v.target) && n(!1);
1533
1587
  };
1534
- return document.addEventListener("mousedown", p), () => {
1535
- document.removeEventListener("mousedown", p);
1588
+ return document.addEventListener("mousedown", u), () => {
1589
+ document.removeEventListener("mousedown", u);
1536
1590
  };
1537
- }, []), /* @__PURE__ */ a(Me.Provider, { value: { isOpen: n, setIsOpen: l, triggerRef: r, contentRef: c, styles: i }, children: /* @__PURE__ */ a(
1591
+ }, []), /* @__PURE__ */ r(Ge.Provider, { value: { isOpen: a, setIsOpen: n, triggerRef: l, contentRef: i, styles: o }, children: /* @__PURE__ */ r(
1538
1592
  "div",
1539
1593
  {
1540
- ref: o,
1594
+ ref: c,
1541
1595
  className: "dropdown",
1542
1596
  title: e,
1543
1597
  children: s
1544
1598
  }
1545
1599
  ) });
1546
1600
  };
1547
- oe.Trigger = gt;
1548
- oe.Content = $t;
1549
- oe.Menu = kt;
1550
- oe.Item = xt;
1551
- oe.Separator = Tt;
1552
- const Fe = Q(null), Ge = () => {
1553
- const e = Z(Fe);
1554
- if (!e)
1555
- throw new Error("useTabs must be used within a Tabs provider");
1556
- return e;
1557
- }, ze = ({ id: e, label: t, className: s = "" }) => {
1558
- const { activeTab: n, setActiveTab: l, variant: i, orientation: d } = Ge(), o = n === e, r = [
1601
+ ce.Trigger = Bt;
1602
+ ce.Content = Rt;
1603
+ ce.Menu = jt;
1604
+ ce.Item = Lt;
1605
+ ce.Separator = St;
1606
+ const ve = ({
1607
+ as: e = "button",
1608
+ id: t,
1609
+ children: s,
1610
+ className: a = "",
1611
+ isActive: n,
1612
+ onClick: o,
1613
+ variant: d,
1614
+ orientation: c,
1615
+ ...l
1616
+ }) => {
1617
+ const i = [
1559
1618
  "clarity-tab",
1560
- s,
1561
- o ? "active" : "",
1562
- o ? `variant-${i}` : "",
1563
- `orientation-${d}`
1619
+ a,
1620
+ n ? "active" : "",
1621
+ n ? `variant-${d}` : "",
1622
+ `orientation-${c}`
1564
1623
  ].filter(Boolean).join(" ");
1565
- return /* @__PURE__ */ a(
1566
- "button",
1624
+ return /* @__PURE__ */ r(
1625
+ e,
1567
1626
  {
1568
- className: r,
1569
- onClick: () => l(e),
1627
+ ...e === "button" ? { type: "button" } : {},
1628
+ ...l,
1629
+ className: i,
1630
+ onClick: () => {
1631
+ o && o(t);
1632
+ },
1570
1633
  role: "tab",
1571
- "aria-selected": o,
1572
- children: /* @__PURE__ */ a("span", { className: "clarity-tab-label", children: t })
1634
+ "aria-selected": n,
1635
+ children: s
1573
1636
  }
1574
1637
  );
1575
1638
  };
1576
- ze.displayName = "Tabs.Tab";
1577
- const Ue = ({ id: e, children: t, className: s = "" }) => {
1578
- const { activeTab: n } = Ge(), l = n === e, i = {
1579
- visibility: l ? "visible" : "hidden",
1580
- gridArea: "1 / 1"
1581
- };
1582
- return l || (i.pointerEvents = "none"), /* @__PURE__ */ a("div", { className: `clarity-tab-content ${s}`, role: "tabpanel", style: i, children: t });
1583
- };
1584
- Ue.displayName = "Tabs.Content";
1585
- const he = ({
1639
+ ve.displayName = "Tabs.Tab";
1640
+ const qe = ({
1586
1641
  children: e,
1587
- defaultTab: t,
1588
- variant: s = "primary",
1642
+ activeTab: t,
1643
+ onTabChange: s,
1644
+ variant: a = "primary",
1589
1645
  orientation: n = "horizontal",
1590
- className: l = "",
1591
- useUrl: i = !1
1646
+ className: o = ""
1592
1647
  }) => {
1593
- const d = () => window.location.hash.replace("#", ""), [o, r] = T(() => i && d() || t);
1594
- D(() => {
1595
- if (i) {
1596
- const m = () => {
1597
- const f = d();
1598
- f && r(f);
1599
- };
1600
- return window.addEventListener("hashchange", m), () => {
1601
- window.removeEventListener("hashchange", m);
1602
- };
1603
- }
1604
- }, [i]);
1605
- const c = (m) => {
1606
- i && (window.location.hash = String(m)), r(m);
1607
- }, p = te(() => ({
1608
- activeTab: o,
1609
- setActiveTab: c,
1610
- variant: s,
1611
- orientation: n
1612
- }), [o, s, n]), v = [
1648
+ const d = [
1613
1649
  "clarity-tabs-container",
1614
- l,
1650
+ o,
1615
1651
  `orientation-${n}`
1616
- ].filter(Boolean).join(" ");
1617
- return /* @__PURE__ */ a(Fe.Provider, { value: p, children: /* @__PURE__ */ a("div", { className: v, children: e }) });
1652
+ ].filter(Boolean).join(" "), c = [], l = [];
1653
+ return ht.forEach(e, (i) => {
1654
+ K(i) && i.type === ve ? c.push(i) : l.push(i);
1655
+ }), /* @__PURE__ */ g("div", { className: d, children: [
1656
+ /* @__PURE__ */ r("div", { className: "clarity-tab-list", role: "tablist", children: c.map(
1657
+ (i) => G(i, {
1658
+ isActive: (i == null ? void 0 : i.props).id === t,
1659
+ onClick: s,
1660
+ variant: a,
1661
+ orientation: n
1662
+ })
1663
+ ) }),
1664
+ l
1665
+ ] });
1618
1666
  };
1619
- he.Tab = ze;
1620
- he.Content = Ue;
1621
- he.displayName = "Tabs";
1622
- const Gt = ({
1667
+ qe.Tab = ve;
1668
+ qe.displayName = "Tabs";
1669
+ const Yt = ({
1623
1670
  content: e,
1624
1671
  position: t = "top",
1625
1672
  variant: s = "primary",
1626
- product: n,
1627
- tone: l,
1628
- bgColor: i,
1673
+ product: a,
1674
+ tone: n,
1675
+ bgColor: o,
1629
1676
  textColor: d,
1630
- children: o,
1631
- className: r = "",
1632
- disabled: c = !1,
1633
- delay: p = 200,
1677
+ children: c,
1678
+ className: l = "",
1679
+ disabled: i = !1,
1680
+ delay: u = 200,
1634
1681
  hideDelay: v = 100,
1635
- trigger: m = "hover",
1682
+ trigger: p = "hover",
1636
1683
  arrow: f = !0,
1637
- ...u
1684
+ ...m
1638
1685
  }) => {
1639
- const [h, y] = T(!1), [b, N] = T(null), B = M(null), x = M(null), _ = "clarity-tooltip", $ = !!i, L = n && l && !$;
1686
+ const [h, y] = T(!1), [b, N] = T(null), B = z(null), x = z(null), _ = "clarity-tooltip", $ = !!o, L = a && n && !$;
1640
1687
  let k = "";
1641
1688
  $ ? k = `${_}__content--custom-bg` : L ? k = `${_}__content--custom` : k = `${_}__content--${s}`;
1642
- const j = [
1689
+ const R = [
1643
1690
  _,
1644
1691
  `${_}--${t}`,
1645
- r
1646
- ].filter(Boolean).join(" "), I = [
1692
+ l
1693
+ ].filter(Boolean).join(" "), E = [
1647
1694
  `${_}__content`,
1648
1695
  k,
1649
1696
  f && `${_}__content--arrow`
1650
- ].filter(Boolean).join(" "), A = {}, O = {};
1651
- $ && i && (O["--tooltip-bg-color"] = i), d && (O["--tooltip-text-color"] = d), L && n && l && (O["--tooltip-product"] = n, O["--tooltip-tone"] = l);
1652
- const g = {
1653
- ...A,
1654
- ...Object.keys(O).length > 0 ? O : {}
1655
- }, V = () => {
1656
- if (c) return;
1697
+ ].filter(Boolean).join(" "), D = {}, S = {};
1698
+ $ && o && (S["--tooltip-bg-color"] = o), d && (S["--tooltip-text-color"] = d), L && a && n && (S["--tooltip-product"] = a, S["--tooltip-tone"] = n);
1699
+ const w = {
1700
+ ...D,
1701
+ ...Object.keys(S).length > 0 ? S : {}
1702
+ }, H = () => {
1703
+ if (i) return;
1657
1704
  b && clearTimeout(b);
1658
- const P = setTimeout(() => {
1705
+ const A = setTimeout(() => {
1659
1706
  y(!0);
1660
- }, p);
1661
- N(P);
1662
- }, H = () => {
1707
+ }, u);
1708
+ N(A);
1709
+ }, W = () => {
1663
1710
  b && clearTimeout(b);
1664
- const P = setTimeout(() => {
1711
+ const A = setTimeout(() => {
1665
1712
  y(!1);
1666
1713
  }, v);
1667
- N(P);
1668
- }, W = () => {
1669
- c || y(!h);
1714
+ N(A);
1715
+ }, V = () => {
1716
+ i || y(!h);
1717
+ }, U = () => {
1718
+ i || H();
1670
1719
  }, q = () => {
1671
- c || V();
1672
- }, X = () => {
1673
- H();
1720
+ W();
1674
1721
  };
1675
- D(() => () => {
1722
+ P(() => () => {
1676
1723
  b && clearTimeout(b);
1677
1724
  }, [b]);
1678
- const F = {};
1679
- return m === "hover" ? (F.onMouseEnter = V, F.onMouseLeave = H) : m === "click" ? F.onClick = W : m === "focus" && (F.onFocus = q, F.onBlur = X), /* @__PURE__ */ w(
1725
+ const M = {};
1726
+ return p === "hover" ? (M.onMouseEnter = H, M.onMouseLeave = W) : p === "click" ? M.onClick = V : p === "focus" && (M.onFocus = U, M.onBlur = q), /* @__PURE__ */ g(
1680
1727
  "div",
1681
1728
  {
1682
1729
  ref: x,
1683
1730
  className: `${_}__trigger`,
1684
- ...F,
1685
- ...u,
1731
+ ...M,
1732
+ ...m,
1686
1733
  children: [
1687
- o,
1688
- h && /* @__PURE__ */ a(
1734
+ c,
1735
+ h && /* @__PURE__ */ r(
1689
1736
  "div",
1690
1737
  {
1691
1738
  ref: B,
1692
- className: j,
1693
- style: g,
1739
+ className: R,
1740
+ style: w,
1694
1741
  role: "tooltip",
1695
1742
  "aria-hidden": !h,
1696
- children: /* @__PURE__ */ a("div", { className: I, children: e })
1743
+ children: /* @__PURE__ */ r("div", { className: E, children: e })
1697
1744
  }
1698
1745
  )
1699
1746
  ]
1700
1747
  }
1701
1748
  );
1702
- }, qe = Q(null), ne = () => {
1703
- const e = Z(qe);
1749
+ }, Xe = Z(null), le = () => {
1750
+ const e = Y(Xe);
1704
1751
  if (!e)
1705
1752
  throw new Error("useCommand must be used within a Command provider");
1706
1753
  return e;
1707
- }, Je = ({
1754
+ }, Ye = ({
1708
1755
  children: e,
1709
1756
  className: t = "",
1710
1757
  variant: s = "secondary",
1711
- emptyText: n = "No results found.",
1712
- inputPlaceholder: l = "Search...",
1713
- ...i
1758
+ emptyText: a = "No results found.",
1759
+ inputPlaceholder: n = "Search...",
1760
+ ...o
1714
1761
  }) => {
1715
- const [d, o] = T(""), [r, c] = T(null), [p, v] = T(!1), m = [
1762
+ const [d, c] = T(""), [l, i] = T(null), [u, v] = T(!1), p = [
1716
1763
  "clarity-command",
1717
1764
  `clarity-command--${s}`,
1718
1765
  t
1719
- ].filter(Boolean).join(" "), f = te(() => ({
1766
+ ].filter(Boolean).join(" "), f = oe(() => ({
1720
1767
  searchTerm: d,
1721
- setSearchTerm: o,
1722
- value: r,
1723
- setValue: c,
1768
+ setSearchTerm: c,
1769
+ value: l,
1770
+ setValue: i,
1724
1771
  variant: s,
1725
1772
  texts: {
1726
- empty: n,
1727
- inputPlaceholder: l
1773
+ empty: a,
1774
+ inputPlaceholder: n
1728
1775
  },
1729
- isOpen: p,
1776
+ isOpen: u,
1730
1777
  setIsOpen: v
1731
- }), [d, r, s, n, l, p]);
1732
- return /* @__PURE__ */ a(qe.Provider, { value: f, children: /* @__PURE__ */ a("div", { className: m, ...i, children: e }) });
1778
+ }), [d, l, s, a, n, u]);
1779
+ return /* @__PURE__ */ r(Xe.Provider, { value: f, children: /* @__PURE__ */ r("div", { className: p, ...o, children: e }) });
1733
1780
  };
1734
- Je.displayName = "Command";
1735
- const Qe = ({ placeholder: e = "Search...", variant: t, onClick: s }) => {
1736
- const { setIsOpen: n, variant: l } = ne(), [i, d] = T(!1);
1737
- D(() => {
1781
+ Ye.displayName = "Command";
1782
+ const Je = ({ placeholder: e = "Search...", variant: t, onClick: s }) => {
1783
+ const { setIsOpen: a, variant: n } = le(), [o, d] = T(!1);
1784
+ P(() => {
1738
1785
  d(/Mac|iPod|iPhone|iPad/.test(navigator.platform));
1739
1786
  }, []);
1740
- const r = [
1787
+ const l = [
1741
1788
  "clarity-command-button",
1742
- `clarity-command-button--${t || l}`
1789
+ `clarity-command-button--${t || n}`
1743
1790
  ].filter(Boolean).join(" ");
1744
- return /* @__PURE__ */ w("button", { className: r, onClick: (p) => {
1745
- n(!0), s == null || s(p);
1791
+ return /* @__PURE__ */ g("button", { className: l, onClick: (u) => {
1792
+ a(!0), s == null || s(u);
1746
1793
  }, children: [
1747
- /* @__PURE__ */ a("span", { children: e }),
1748
- /* @__PURE__ */ w("kbd", { className: "clarity-command-shortcut", children: [
1749
- i ? "⌘" : "Ctrl+",
1794
+ /* @__PURE__ */ r("span", { children: e }),
1795
+ /* @__PURE__ */ g("kbd", { className: "clarity-command-shortcut", children: [
1796
+ o ? "⌘" : "Ctrl+",
1750
1797
  "K"
1751
1798
  ] })
1752
1799
  ] });
1753
1800
  };
1754
- Qe.displayName = "Command.Button";
1755
- const Ze = ({ children: e, ...t }) => {
1756
- const { isOpen: s, setIsOpen: n, variant: l } = ne();
1757
- return D(() => {
1758
- const i = (d) => {
1759
- d.key === "k" && (d.metaKey || d.ctrlKey) && (d.preventDefault(), n(!s));
1801
+ Je.displayName = "Command.Button";
1802
+ const Qe = ({ children: e, ...t }) => {
1803
+ const { isOpen: s, setIsOpen: a, variant: n } = le();
1804
+ return P(() => {
1805
+ const o = (d) => {
1806
+ d.key === "k" && (d.metaKey || d.ctrlKey) && (d.preventDefault(), a(!s));
1760
1807
  };
1761
- return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
1762
- }, [s, n]), /* @__PURE__ */ a(K, { isOpen: s, onClose: () => n(!1), size: "large", closeOnOverlayClick: !0, children: /* @__PURE__ */ a("div", { className: `clarity-command--${l}`, children: e }) });
1808
+ return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
1809
+ }, [s, a]), /* @__PURE__ */ r(ee, { isOpen: s, onClose: () => a(!1), size: "large", closeOnOverlayClick: !0, children: /* @__PURE__ */ r("div", { className: `clarity-command--${n}`, children: e }) });
1763
1810
  };
1764
- Ze.displayName = "Command.Dialog";
1765
- const Xe = ({ className: e = "", ...t }) => {
1766
- const { searchTerm: s, setSearchTerm: n, variant: l, texts: i, isOpen: d } = ne(), o = M(null);
1767
- D(() => {
1768
- var c;
1769
- d && ((c = o.current) == null || c.focus());
1811
+ Qe.displayName = "Command.Dialog";
1812
+ const Ze = ({ className: e = "", ...t }) => {
1813
+ const { searchTerm: s, setSearchTerm: a, variant: n, texts: o, isOpen: d } = le(), c = z(null);
1814
+ P(() => {
1815
+ var i;
1816
+ d && ((i = c.current) == null || i.focus());
1770
1817
  }, [d]);
1771
- const r = [
1818
+ const l = [
1772
1819
  "clarity-command-input",
1773
- `clarity-command-input--${l}`,
1820
+ `clarity-command-input--${n}`,
1774
1821
  e
1775
1822
  ].filter(Boolean).join(" ");
1776
- return /* @__PURE__ */ a("div", { className: "clarity-command-input__wrapper", children: /* @__PURE__ */ a(
1823
+ return /* @__PURE__ */ r("div", { className: "clarity-command-input__wrapper", children: /* @__PURE__ */ r(
1777
1824
  "input",
1778
1825
  {
1779
- ref: o,
1780
- className: r,
1826
+ ref: c,
1827
+ className: l,
1781
1828
  value: s,
1782
- onChange: (c) => n(c.target.value),
1783
- placeholder: t.placeholder || i.inputPlaceholder,
1829
+ onChange: (i) => a(i.target.value),
1830
+ placeholder: t.placeholder || o.inputPlaceholder,
1784
1831
  ...t
1785
1832
  }
1786
1833
  ) });
1787
1834
  };
1788
- Xe.displayName = "Command.Input";
1789
- const Ye = ({ children: e, className: t = "", ...s }) => {
1790
- const { searchTerm: n } = ne();
1791
- let l = !1;
1792
- const i = (r) => E.Children.toArray(r).map((c) => {
1835
+ Ze.displayName = "Command.Input";
1836
+ const Ke = ({ children: e, className: t = "", ...s }) => {
1837
+ const { searchTerm: a } = le();
1838
+ let n = !1;
1839
+ const o = (l) => j.Children.toArray(l).map((i) => {
1793
1840
  var v;
1794
- if (!E.isValidElement(c)) return c;
1795
- const p = c.type.displayName;
1796
- if (p === "Command.Empty")
1841
+ if (!j.isValidElement(i)) return i;
1842
+ const u = i.type.displayName;
1843
+ if (u === "Command.Empty")
1797
1844
  return null;
1798
- if (p === "Command.Item")
1799
- return (((v = c.props.children) == null ? void 0 : v.toString().toLowerCase()) || "").includes(n.toLowerCase()) ? (l = !0, c) : null;
1800
- if (p === "Command.Group") {
1801
- const m = i(c.props.children);
1802
- return E.Children.toArray(m).some((u) => E.isValidElement(u) && u.type.displayName === "Command.Item") ? E.cloneElement(c, { ...c.props, children: m }) : null;
1845
+ if (u === "Command.Item")
1846
+ return (((v = i.props.children) == null ? void 0 : v.toString().toLowerCase()) || "").includes(a.toLowerCase()) ? (n = !0, i) : null;
1847
+ if (u === "Command.Group") {
1848
+ const p = o(i.props.children);
1849
+ return j.Children.toArray(p).some((m) => j.isValidElement(m) && m.type.displayName === "Command.Item") ? j.cloneElement(i, { ...i.props, children: p }) : null;
1803
1850
  }
1804
- return c;
1805
- }).filter(Boolean), d = i(e), o = ["clarity-command-list", t].filter(Boolean).join(" ");
1806
- return /* @__PURE__ */ w("div", { className: o, ...s, children: [
1851
+ return i;
1852
+ }).filter(Boolean), d = o(e), c = ["clarity-command-list", t].filter(Boolean).join(" ");
1853
+ return /* @__PURE__ */ g("div", { className: c, ...s, children: [
1807
1854
  d,
1808
- !l && /* @__PURE__ */ a(ye, {})
1855
+ !n && /* @__PURE__ */ r(be, {})
1809
1856
  ] });
1810
1857
  };
1811
- Ye.displayName = "Command.List";
1812
- const ye = ({ children: e, className: t = "", ...s }) => {
1813
- const { texts: n } = ne(), l = ["clarity-command-empty", t].filter(Boolean).join(" ");
1814
- return /* @__PURE__ */ a("div", { className: l, ...s, children: e || s.emptyText || n.empty });
1858
+ Ke.displayName = "Command.List";
1859
+ const be = ({ children: e, className: t = "", ...s }) => {
1860
+ const { texts: a } = le(), n = ["clarity-command-empty", t].filter(Boolean).join(" ");
1861
+ return /* @__PURE__ */ r("div", { className: n, ...s, children: e || s.emptyText || a.empty });
1815
1862
  };
1816
- ye.displayName = "Command.Empty";
1817
- const Ke = ({ children: e, className: t = "", ...s }) => {
1818
- const n = ["clarity-command-group", t].filter(Boolean).join(" ");
1819
- return /* @__PURE__ */ a("div", { className: n, ...s, children: e });
1820
- };
1821
- Ke.displayName = "Command.Group";
1863
+ be.displayName = "Command.Empty";
1822
1864
  const et = ({ children: e, className: t = "", ...s }) => {
1823
- const { setValue: n, variant: l } = ne(), i = ["clarity-command-item", `clarity-command-item--${l}`, t].filter(Boolean).join(" ");
1824
- return /* @__PURE__ */ a("div", { className: i, onClick: () => n((e == null ? void 0 : e.toString()) || ""), ...s, children: e });
1865
+ const a = ["clarity-command-group", t].filter(Boolean).join(" ");
1866
+ return /* @__PURE__ */ r("div", { className: a, ...s, children: e });
1867
+ };
1868
+ et.displayName = "Command.Group";
1869
+ const tt = ({ children: e, className: t = "", ...s }) => {
1870
+ const { setValue: a, variant: n } = le(), o = ["clarity-command-item", `clarity-command-item--${n}`, t].filter(Boolean).join(" ");
1871
+ return /* @__PURE__ */ r("div", { className: o, onClick: () => a((e == null ? void 0 : e.toString()) || ""), ...s, children: e });
1825
1872
  };
1826
- et.displayName = "Command.Item";
1827
- const tt = ({ className: e = "", ...t }) => {
1873
+ tt.displayName = "Command.Item";
1874
+ const st = ({ className: e = "", ...t }) => {
1828
1875
  const s = ["clarity-command-separator", e].filter(Boolean).join(" ");
1829
- return /* @__PURE__ */ a("hr", { className: s, ...t });
1876
+ return /* @__PURE__ */ r("hr", { className: s, ...t });
1830
1877
  };
1831
- tt.displayName = "Command.Separator";
1832
- const st = ({ children: e, className: t = "", ...s }) => {
1833
- const n = ["clarity-command-shortcut", t].filter(Boolean).join(" ");
1834
- return /* @__PURE__ */ a("span", { className: n, ...s, children: e });
1878
+ st.displayName = "Command.Separator";
1879
+ const at = ({ children: e, className: t = "", ...s }) => {
1880
+ const a = ["clarity-command-shortcut", t].filter(Boolean).join(" ");
1881
+ return /* @__PURE__ */ r("span", { className: a, ...s, children: e });
1835
1882
  };
1836
- st.displayName = "Command.Shortcut";
1837
- const zt = Object.assign(Je, {
1838
- Button: Qe,
1839
- Dialog: Ze,
1840
- Input: Xe,
1841
- List: Ye,
1842
- Empty: ye,
1843
- Group: Ke,
1844
- Item: et,
1845
- Separator: tt,
1846
- Shortcut: st
1847
- }), Bt = ({ columns: e, viewMode: t }) => {
1848
- const s = Array.from({ length: 5 }, (n, l) => l);
1849
- return t === "card" ? /* @__PURE__ */ w("div", { className: "card-view-wrapper is-loading", children: [
1850
- /* @__PURE__ */ a("div", { className: "skeleton card-view-header" }),
1851
- /* @__PURE__ */ a("div", { className: "card-view-body", children: s.map((n) => /* @__PURE__ */ a("div", { className: "skeleton card-view-row" }, n)) })
1852
- ] }) : /* @__PURE__ */ a("div", { className: "table-wrapper is-loading", children: /* @__PURE__ */ w("table", { children: [
1853
- /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { className: "table-row", children: e.map((n) => /* @__PURE__ */ a("th", { className: "table-header-cell", children: /* @__PURE__ */ a("div", { className: "skeleton skeleton-text" }) }, n.key)) }) }),
1854
- /* @__PURE__ */ a("tbody", { children: s.map((n) => /* @__PURE__ */ a("tr", { className: "table-row", children: e.map((l) => /* @__PURE__ */ a("td", { className: "table-cell", children: /* @__PURE__ */ a("div", { className: "skeleton skeleton-text" }) }, l.key)) }, n)) })
1883
+ at.displayName = "Command.Shortcut";
1884
+ const Jt = Object.assign(Ye, {
1885
+ Button: Je,
1886
+ Dialog: Qe,
1887
+ Input: Ze,
1888
+ List: Ke,
1889
+ Empty: be,
1890
+ Group: et,
1891
+ Item: tt,
1892
+ Separator: st,
1893
+ Shortcut: at
1894
+ }), Et = ({ columns: e, viewMode: t }) => {
1895
+ const s = Array.from({ length: 5 }, (a, n) => n);
1896
+ return t === "card" ? /* @__PURE__ */ g("div", { className: "card-view-wrapper is-loading", children: [
1897
+ /* @__PURE__ */ r("div", { className: "skeleton card-view-header" }),
1898
+ /* @__PURE__ */ r("div", { className: "card-view-body", children: s.map((a) => /* @__PURE__ */ r("div", { className: "skeleton card-view-row" }, a)) })
1899
+ ] }) : /* @__PURE__ */ r("div", { className: "table-wrapper is-loading", children: /* @__PURE__ */ g("table", { children: [
1900
+ /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { className: "table-row", children: e.map((a) => /* @__PURE__ */ r("th", { className: "table-header-cell", children: /* @__PURE__ */ r("div", { className: "skeleton skeleton-text" }) }, a.key)) }) }),
1901
+ /* @__PURE__ */ r("tbody", { children: s.map((a) => /* @__PURE__ */ r("tr", { className: "table-row", children: e.map((n) => /* @__PURE__ */ r("td", { className: "table-cell", children: /* @__PURE__ */ r("div", { className: "skeleton skeleton-text" }) }, n.key)) }, a)) })
1855
1902
  ] }) });
1856
- }, Ut = ({
1903
+ }, Qt = ({
1857
1904
  variant: e = "secondary",
1858
1905
  columns: t,
1859
1906
  data: s,
1860
- viewMode: n = "table",
1861
- isScrollable: l = !1,
1862
- isLoading: i = !1
1907
+ viewMode: a = "table",
1908
+ isScrollable: n = !1,
1909
+ isLoading: o = !1
1863
1910
  }) => {
1864
- const [d, o] = T(null), [r, c] = T("none"), p = (u) => {
1865
- u.sortable && (d === u.key ? c((h) => h === "asc" ? "desc" : h === "desc" ? "none" : "asc") : (o(u.key), c("asc")));
1866
- }, v = te(() => r === "none" || !d ? s : [...s].sort((u, h) => {
1867
- const y = u[d], b = h[d];
1868
- return y < b ? r === "asc" ? -1 : 1 : y > b ? r === "asc" ? 1 : -1 : 0;
1869
- }), [s, d, r]), m = (u) => u.sortable ? d !== u.key || r === "none" ? /* @__PURE__ */ a("span", { className: "sort-icon", children: "↕" }) : r === "asc" ? /* @__PURE__ */ a("span", { className: "sort-icon", children: "↑" }) : /* @__PURE__ */ a("span", { className: "sort-icon", children: "↓" }) : null;
1870
- if (i)
1871
- return /* @__PURE__ */ a(Bt, { columns: t, viewMode: n });
1872
- const f = `table-variant-${e} ${l ? "is-scrollable" : ""}`;
1873
- return n === "card" ? /* @__PURE__ */ w("div", { className: `card-view-wrapper ${f}`, children: [
1874
- /* @__PURE__ */ a("div", { className: `card-view-header table-header-cell-${e}`, children: t.map((u) => /* @__PURE__ */ w(
1911
+ const [d, c] = T(null), [l, i] = T("none"), u = (m) => {
1912
+ m.sortable && (d === m.key ? i((h) => h === "asc" ? "desc" : h === "desc" ? "none" : "asc") : (c(m.key), i("asc")));
1913
+ }, v = oe(() => l === "none" || !d ? s : [...s].sort((m, h) => {
1914
+ const y = m[d], b = h[d];
1915
+ return y < b ? l === "asc" ? -1 : 1 : y > b ? l === "asc" ? 1 : -1 : 0;
1916
+ }), [s, d, l]), p = (m) => m.sortable ? d !== m.key || l === "none" ? /* @__PURE__ */ r("span", { className: "sort-icon", children: "↕" }) : l === "asc" ? /* @__PURE__ */ r("span", { className: "sort-icon", children: "↑" }) : /* @__PURE__ */ r("span", { className: "sort-icon", children: "↓" }) : null;
1917
+ if (o)
1918
+ return /* @__PURE__ */ r(Et, { columns: t, viewMode: a });
1919
+ const f = `table-variant-${e} ${n ? "is-scrollable" : ""}`;
1920
+ return a === "card" ? /* @__PURE__ */ g("div", { className: `card-view-wrapper ${f}`, children: [
1921
+ /* @__PURE__ */ r("div", { className: `card-view-header table-header-cell-${e}`, children: t.map((m) => /* @__PURE__ */ g(
1875
1922
  "div",
1876
1923
  {
1877
- className: `card-view-header-cell ${u.sortable ? "sortable" : ""}`,
1878
- onClick: () => p(u),
1879
- style: { minWidth: u.minWidth },
1924
+ className: `card-view-header-cell ${m.sortable ? "sortable" : ""}`,
1925
+ onClick: () => u(m),
1926
+ style: { minWidth: m.minWidth },
1880
1927
  children: [
1881
- u.header,
1882
- m(u)
1928
+ m.header,
1929
+ p(m)
1883
1930
  ]
1884
1931
  },
1885
- u.key
1932
+ m.key
1886
1933
  )) }),
1887
- /* @__PURE__ */ a("div", { className: "card-view-body", children: v.map((u, h) => /* @__PURE__ */ a("div", { className: `card-view-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ a("div", { className: `card-view-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(u) : u[y.key] }, y.key)) }, h)) })
1888
- ] }) : /* @__PURE__ */ a("div", { className: `table-wrapper ${f}`, children: /* @__PURE__ */ w("table", { children: [
1889
- /* @__PURE__ */ a("thead", { className: "table-header", children: /* @__PURE__ */ a("tr", { className: "table-row", children: t.map((u) => /* @__PURE__ */ w(
1934
+ /* @__PURE__ */ r("div", { className: "card-view-body", children: v.map((m, h) => /* @__PURE__ */ r("div", { className: `card-view-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ r("div", { className: `card-view-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(m) : m[y.key] }, y.key)) }, h)) })
1935
+ ] }) : /* @__PURE__ */ r("div", { className: `table-wrapper ${f}`, children: /* @__PURE__ */ g("table", { children: [
1936
+ /* @__PURE__ */ r("thead", { className: "table-header", children: /* @__PURE__ */ r("tr", { className: "table-row", children: t.map((m) => /* @__PURE__ */ g(
1890
1937
  "th",
1891
1938
  {
1892
- className: `table-header-cell ${u.sortable ? "sortable" : ""} table-header-cell-${e}`,
1893
- onClick: () => p(u),
1894
- style: { minWidth: u.minWidth },
1939
+ className: `table-header-cell ${m.sortable ? "sortable" : ""} table-header-cell-${e}`,
1940
+ onClick: () => u(m),
1941
+ style: { minWidth: m.minWidth },
1895
1942
  children: [
1896
- u.header,
1897
- m(u)
1943
+ m.header,
1944
+ p(m)
1898
1945
  ]
1899
1946
  },
1900
- u.key
1947
+ m.key
1901
1948
  )) }) }),
1902
- /* @__PURE__ */ a("tbody", { children: v.map((u, h) => /* @__PURE__ */ a("tr", { className: `table-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ a("td", { className: `table-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(u) : u[y.key] }, y.key)) }, h)) })
1949
+ /* @__PURE__ */ r("tbody", { children: v.map((m, h) => /* @__PURE__ */ r("tr", { className: `table-row table-row-${e}`, children: t.map((y) => /* @__PURE__ */ r("td", { className: `table-cell ${y.align ? `table-cell-align-${y.align}` : ""}`, style: { minWidth: y.minWidth }, children: y.render ? y.render(m) : m[y.key] }, y.key)) }, h)) })
1903
1950
  ] }) });
1904
- }, qt = ({
1951
+ }, Zt = ({
1905
1952
  variant: e = "primary",
1906
1953
  product: t,
1907
1954
  tone: s,
1908
- size: n = "medium",
1909
- color: l,
1910
- className: i = "",
1955
+ size: a = "medium",
1956
+ color: n,
1957
+ className: o = "",
1911
1958
  "aria-label": d = "Carregando...",
1912
- ...o
1959
+ ...c
1913
1960
  }) => {
1914
- const r = "clarity-spinner", v = l ? `${r}--custom` : t && s ? `${r}--custom` : `${r}--${e}`, m = [
1915
- r,
1916
- `${r}--${n}`,
1961
+ const l = "clarity-spinner", v = n ? `${l}--custom` : t && s ? `${l}--custom` : `${l}--${e}`, p = [
1962
+ l,
1963
+ `${l}--${a}`,
1917
1964
  v,
1918
- i
1965
+ o
1919
1966
  ].filter(Boolean).join(" "), f = {};
1920
- return l ? f["--spinner-color"] = l : t && s && (f["--spinner-color"] = `var(--clarity-${t}-${s})`), /* @__PURE__ */ a(
1967
+ return n ? f["--spinner-color"] = n : t && s && (f["--spinner-color"] = `var(--clarity-${t}-${s})`), /* @__PURE__ */ r(
1921
1968
  "div",
1922
1969
  {
1923
- className: m,
1970
+ className: p,
1924
1971
  style: f,
1925
1972
  role: "status",
1926
1973
  "aria-label": d,
1927
- ...o,
1928
- children: /* @__PURE__ */ a("div", { className: `${r}__container`, children: /* @__PURE__ */ a(
1974
+ ...c,
1975
+ children: /* @__PURE__ */ r("div", { className: `${l}__container`, children: /* @__PURE__ */ r(
1929
1976
  "svg",
1930
1977
  {
1931
- className: `${r}__svg`,
1978
+ className: `${l}__svg`,
1932
1979
  viewBox: "0 0 50 50",
1933
1980
  xmlns: "http://www.w3.org/2000/svg",
1934
- children: /* @__PURE__ */ a(
1981
+ children: /* @__PURE__ */ r(
1935
1982
  "circle",
1936
1983
  {
1937
- className: `${r}__circle`,
1984
+ className: `${l}__circle`,
1938
1985
  cx: "25",
1939
1986
  cy: "25",
1940
1987
  r: "20",
@@ -1946,75 +1993,110 @@ const zt = Object.assign(Je, {
1946
1993
  ) })
1947
1994
  }
1948
1995
  );
1949
- }, jt = ({
1996
+ }, Ot = ({
1950
1997
  className: e = "",
1951
1998
  noGutters: t,
1952
1999
  justify: s,
1953
- align: n,
1954
- children: l,
1955
- as: i = "div",
2000
+ align: a,
2001
+ children: n,
2002
+ as: o = "div",
1956
2003
  ...d
1957
2004
  }) => {
1958
- const o = [
2005
+ const c = [
1959
2006
  "clarity-row",
1960
2007
  t ? "clarity-row--no-gutters" : "",
1961
2008
  s ? `clarity-row--justify-${s}` : "",
1962
- n ? `clarity-row--align-${n}` : "",
2009
+ a ? `clarity-row--align-${a}` : "",
1963
2010
  e
1964
2011
  ].filter(Boolean).join(" ");
1965
- return E.createElement(i, { className: o, ...d }, l);
2012
+ return j.createElement(o, { className: c, ...d }, n);
1966
2013
  };
1967
- jt.displayName = "Row";
1968
- const Et = (e) => `${e / 12 * 100}%`, Lt = (e) => `${e / 12 * 100}%`, St = ({
2014
+ Ot.displayName = "Row";
2015
+ const It = (e) => `${e / 12 * 100}%`, Dt = (e) => `${e / 12 * 100}%`, Pt = ({
1969
2016
  className: e = "",
1970
2017
  xs: t,
1971
2018
  sm: s,
1972
- md: n,
1973
- lg: l,
1974
- xl: i,
2019
+ md: a,
2020
+ lg: n,
2021
+ xl: o,
1975
2022
  xxl: d,
1976
- offset: o,
1977
- children: r,
1978
- as: c = "div",
1979
- style: p,
2023
+ offset: c,
2024
+ children: l,
2025
+ as: i = "div",
2026
+ style: u,
1980
2027
  ...v
1981
2028
  }) => {
1982
- const m = { ...p }, f = (y, b) => {
2029
+ const p = { ...u }, f = (y, b) => {
1983
2030
  if (b === void 0) return;
1984
2031
  const N = `--clarity-col-width-${y}`;
1985
- m[N] = typeof b == "number" ? Et(b) : "auto";
1986
- }, u = (y, b) => {
2032
+ p[N] = typeof b == "number" ? It(b) : "auto";
2033
+ }, m = (y, b) => {
1987
2034
  if (b === void 0) return;
1988
2035
  const N = `--clarity-col-offset-${y}`;
1989
- m[N] = Lt(b);
2036
+ p[N] = Dt(b);
1990
2037
  };
1991
- f("xs", t), f("sm", s), f("md", n), f("lg", l), f("xl", i), f("xxl", d), u("xs", o == null ? void 0 : o.xs), u("sm", o == null ? void 0 : o.sm), u("md", o == null ? void 0 : o.md), u("lg", o == null ? void 0 : o.lg), u("xl", o == null ? void 0 : o.xl), u("xxl", o == null ? void 0 : o.xxl);
2038
+ f("xs", t), f("sm", s), f("md", a), f("lg", n), f("xl", o), f("xxl", d), m("xs", c == null ? void 0 : c.xs), m("sm", c == null ? void 0 : c.sm), m("md", c == null ? void 0 : c.md), m("lg", c == null ? void 0 : c.lg), m("xl", c == null ? void 0 : c.xl), m("xxl", c == null ? void 0 : c.xxl);
1992
2039
  const h = ["clarity-col", e].filter(Boolean).join(" ");
1993
- return E.createElement(c, { className: h, style: m, ...v }, r);
2040
+ return j.createElement(i, { className: h, style: p, ...v }, l);
1994
2041
  };
1995
- St.displayName = "Col";
1996
- const at = ({ children: e, className: t, ...s }) => /* @__PURE__ */ a(de, { as: "header", p: 4, borderBottomWidth: 1, borderColor: "gray.200", className: t, ...s, children: e });
1997
- at.displayName = "Card.Header";
1998
- const nt = ({ children: e, className: t, ...s }) => /* @__PURE__ */ a(de, { p: 4, className: t, ...s, children: e });
2042
+ Pt.displayName = "Col";
2043
+ const Ce = Z({}), rt = ({ children: e, className: t, ...s }) => {
2044
+ const { borderRadius: a } = Y(Ce);
2045
+ return /* @__PURE__ */ r(
2046
+ me,
2047
+ {
2048
+ as: "header",
2049
+ p: 4,
2050
+ borderBottomWidth: 1,
2051
+ borderColor: "gray.200",
2052
+ className: t,
2053
+ borderTopLeftRadius: a,
2054
+ borderTopRightRadius: a,
2055
+ ...s,
2056
+ children: e
2057
+ }
2058
+ );
2059
+ };
2060
+ rt.displayName = "Card.Header";
2061
+ const nt = ({ children: e, className: t, ...s }) => /* @__PURE__ */ r(me, { p: 4, className: t, ...s, children: e });
1999
2062
  nt.displayName = "Card.Content";
2000
- const lt = ({ children: e, className: t, ...s }) => /* @__PURE__ */ a(de, { as: "footer", p: 4, borderTopWidth: 1, borderColor: "gray.200", display: "flex", justifyContent: "flex-end", gap: 3, className: t, ...s, children: e });
2063
+ const lt = ({ children: e, className: t, ...s }) => {
2064
+ const { borderRadius: a } = Y(Ce);
2065
+ return /* @__PURE__ */ r(
2066
+ me,
2067
+ {
2068
+ as: "footer",
2069
+ p: 4,
2070
+ borderTopWidth: 1,
2071
+ borderColor: "gray.200",
2072
+ display: "flex",
2073
+ justifyContent: "flex-end",
2074
+ gap: 3,
2075
+ className: t,
2076
+ borderBottomLeftRadius: a,
2077
+ borderBottomRightRadius: a,
2078
+ ...s,
2079
+ children: e
2080
+ }
2081
+ );
2082
+ };
2001
2083
  lt.displayName = "Card.Footer";
2002
- const me = ({ children: e, bg: t = "white", ...s }) => /* @__PURE__ */ a(
2003
- de,
2084
+ const ue = ({ children: e, bg: t = "white", borderRadius: s = 3, ...a }) => /* @__PURE__ */ r(Ce.Provider, { value: { borderRadius: s }, children: /* @__PURE__ */ r(
2085
+ me,
2004
2086
  {
2005
2087
  bg: t,
2006
- borderRadius: 3,
2088
+ borderRadius: s,
2007
2089
  boxShadow: 1,
2008
2090
  overflow: "hidden",
2009
- ...s,
2091
+ ...a,
2010
2092
  children: e
2011
2093
  }
2012
- );
2013
- me.Header = at;
2014
- me.Content = nt;
2015
- me.Footer = lt;
2016
- me.displayName = "Card";
2017
- const Jt = {
2094
+ ) });
2095
+ ue.Header = rt;
2096
+ ue.Content = nt;
2097
+ ue.Footer = lt;
2098
+ ue.displayName = "Card";
2099
+ const Kt = {
2018
2100
  primary: {
2019
2101
  50: "#f0f9ff",
2020
2102
  100: "#e0f2fe",
@@ -2063,7 +2145,7 @@ const Jt = {
2063
2145
  800: "#065f46",
2064
2146
  900: "#064e3b"
2065
2147
  }
2066
- }, Qt = {
2148
+ }, es = {
2067
2149
  xs: "4px",
2068
2150
  sm: "8px",
2069
2151
  md: "16px",
@@ -2071,38 +2153,38 @@ const Jt = {
2071
2153
  xl: "32px",
2072
2154
  "2xl": "48px",
2073
2155
  "3xl": "64px"
2074
- }, Zt = (...e) => e.filter(Boolean).join(" "), Xt = () => Math.random().toString(36).substr(2, 9);
2156
+ }, ts = (...e) => e.filter(Boolean).join(" "), ss = () => Math.random().toString(36).substr(2, 9);
2075
2157
  export {
2076
- Ft as Accordion,
2077
- Dt as Badge,
2078
- de as Box,
2079
- At as Button,
2080
- Pt as ButtonGroup,
2081
- Mt as ButtonIcon,
2082
- Wt as ButtonLink,
2083
- me as Card,
2084
- vt as CheckInput,
2085
- St as Col,
2086
- zt as Command,
2087
- ee as ConfirmationDialog,
2088
- oe as Dropdown,
2089
- ut as Input,
2090
- bt as InputSwitch,
2091
- K as Modal,
2092
- ht as MultiSelect,
2093
- ae as Offcanvas,
2094
- jt as Row,
2095
- ft as Select,
2096
- qt as Spinner,
2097
- Ut as Table,
2098
- he as Tabs,
2099
- pt as Textarea,
2100
- Ht as ToastProvider,
2101
- Gt as Tooltip,
2102
- Zt as cn,
2103
- Jt as colors,
2104
- Xt as generateId,
2105
- Qt as spacing,
2106
- ve as typography,
2107
- Vt as useToast
2158
+ Xt as Accordion,
2159
+ Vt as Badge,
2160
+ me as Box,
2161
+ Mt as Button,
2162
+ Ft as ButtonGroup,
2163
+ Ut as ButtonIcon,
2164
+ qt as ButtonLink,
2165
+ ue as Card,
2166
+ _t as CheckInput,
2167
+ Pt as Col,
2168
+ Jt as Command,
2169
+ te as ConfirmationDialog,
2170
+ ce as Dropdown,
2171
+ vt as Input,
2172
+ wt as InputSwitch,
2173
+ ee as Modal,
2174
+ Nt as MultiSelect,
2175
+ ne as Offcanvas,
2176
+ Ot as Row,
2177
+ Ct as Select,
2178
+ Zt as Spinner,
2179
+ Qt as Table,
2180
+ qe as Tabs,
2181
+ bt as Textarea,
2182
+ Gt as ToastProvider,
2183
+ Yt as Tooltip,
2184
+ ts as cn,
2185
+ Kt as colors,
2186
+ ss as generateId,
2187
+ es as spacing,
2188
+ ge as typography,
2189
+ zt as useToast
2108
2190
  };