zabi-components 1.0.7 → 1.0.8

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.
@@ -1,2278 +0,0 @@
1
- import { a0 as wa, u as ne, a1 as ka, a as sa, p as t, C as h, D as Ye, i as Ae, f, _ as za, c as k, s as la, e as q, g as r, h as Te, j as He, r as o, l as e, m as i, n as l, o as L, k as n, x as ca, w as ke, b as me, t as N, B as de, M as ia, d as Ue, G as We, q as K, F as ie, v as T, $ as oa, P as aa, y as da, z as Ca, I as Je, H as Qe, J as Ze, K as $e, L as ea, A as qa, a2 as ja, X as va, E as ta, a3 as ha, a4 as ma, a5 as ya, N as ua, O as fa, a6 as Ea, Y as xa, a7 as Ba, Z as La } from "./x-DpVwziig.js";
2
- import { createEventDispatcher as Xe, onMount as ba } from "svelte";
3
- function Na(M, a, c = a) {
4
- wa(M, "change", (d) => {
5
- var b = d ? M.defaultChecked : M.checked;
6
- c(b);
7
- }), // If we are hydrating and the value has since changed,
8
- // then use the update value from the input instead.
9
- // If defaultChecked is set, then checked == defaultChecked
10
- ne(a) == null && c(M.checked), ka(() => {
11
- var d = a();
12
- M.checked = !!d;
13
- });
14
- }
15
- var Ta = ca('<svg class="animate-spin h-4 w-4 svelte-v0x5nl" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path></svg>'), Ha = f('<span class="h-4 w-4 flex items-center justify-center"> </span>'), Ma = f('<span class="h-4 w-4 flex items-center justify-center"> </span>'), Sa = f("<button><!> <!> <!> <!></button>");
16
- const Pa = {
17
- hash: "svelte-v0x5nl",
18
- code: `
19
- /* Ensure proper focus styles for reduced motion users */
20
- @media (prefers-reduced-motion: reduce) {button.svelte-v0x5nl {transition:none;}
21
- }
22
-
23
- /* Ensure proper contrast for disabled state */button.svelte-v0x5nl:disabled {opacity:0.6;}
24
-
25
- /* Loading state animation */
26
- @keyframes svelte-v0x5nl-spin {
27
- from {
28
- transform: rotate(0deg);
29
- }
30
- to {
31
- transform: rotate(360deg);
32
- }
33
- }.animate-spin.svelte-v0x5nl {
34
- animation: svelte-v0x5nl-spin 1s linear infinite;}`
35
- };
36
- function or(M, a) {
37
- He(a, !1), sa(M, Pa);
38
- const c = i(), d = i();
39
- let b = t(a, "variant", 8, "primary"), F = t(a, "size", 8, "md"), v = t(a, "disabled", 8, !1), p = t(a, "loading", 8, !1), O = t(a, "type", 8, "button"), j = t(a, "className", 8, ""), Y = t(a, "iconLeft", 8, null), W = t(a, "iconRight", 8, null), J = t(a, "ariaLabel", 8, ""), E = t(a, "ariaDescribedBy", 8, ""), S = t(a, "ariaExpanded", 8, void 0), Q = t(a, "ariaControls", 8, void 0), B = t(a, "ariaPressed", 8, void 0);
40
- const m = Xe();
41
- function y(A) {
42
- if (v() || p()) {
43
- A.preventDefault();
44
- return;
45
- }
46
- m("click", { value: !0, event: A });
47
- }
48
- function H(A) {
49
- v() || p() || (A.key === "Enter" || A.key === " ") && (A.preventDefault(), m("click", { value: !0, event: A }));
50
- }
51
- const _ = "inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus:ring-2 focus:ring-offset-2 relative overflow-hidden", G = {
52
- sm: "px-3 py-1.5 text-sm rounded-md",
53
- md: "px-4 py-2 text-sm rounded-md",
54
- lg: "px-5 py-3 text-base rounded-lg"
55
- }, R = {
56
- primary: [
57
- "bg-[var(--zabi-primary)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-primary)]",
58
- "hover:bg-[var(--zabi-primary-hover)] hover:border-[var(--zabi-primary-hover)]",
59
- "active:bg-[var(--zabi-primary-active)] active:border-[var(--zabi-primary-active)]",
60
- "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
61
- "shadow-sm hover:shadow-md"
62
- ].join(" "),
63
- secondary: [
64
- "bg-[var(--zabi-surface)] text-[var(--zabi-text)] border border-[var(--zabi-border)]",
65
- "hover:bg-[var(--zabi-surface-hover)] hover:border-[var(--zabi-border-hover)]",
66
- "active:bg-[var(--zabi-surface-active)] active:border-[var(--zabi-border-hover)]",
67
- "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
68
- "shadow-sm hover:shadow-md"
69
- ].join(" "),
70
- success: [
71
- "bg-[var(--zabi-success)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-success)]",
72
- "hover:bg-[var(--zabi-success-hover)] hover:border-[var(--zabi-success-hover)]",
73
- "active:bg-[var(--zabi-success-active)] active:border-[var(--zabi-success-active)]",
74
- "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
75
- "shadow-sm hover:shadow-md"
76
- ].join(" "),
77
- warning: [
78
- "bg-[var(--zabi-warning)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-warning)]",
79
- "hover:bg-[var(--zabi-warning-hover)] hover:border-[var(--zabi-warning-hover)]",
80
- "active:bg-[var(--zabi-warning-active)] active:border-[var(--zabi-warning-active)]",
81
- "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
82
- "shadow-sm hover:shadow-md"
83
- ].join(" "),
84
- danger: [
85
- "bg-[var(--zabi-error)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-error)]",
86
- "hover:bg-[var(--zabi-error-hover)] hover:border-[var(--zabi-error-hover)]",
87
- "active:bg-[var(--zabi-error-active)] active:border-[var(--zabi-error-active)]",
88
- "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
89
- "shadow-sm hover:shadow-md"
90
- ].join(" "),
91
- info: [
92
- "bg-[var(--zabi-info)] text-[var(--zabi-text-inverse)] border border-[var(--zabi-info)]",
93
- "hover:bg-[var(--zabi-info-hover)] hover:border-[var(--zabi-info-hover)]",
94
- "active:bg-[var(--zabi-info-active)] active:border-[var(--zabi-info-active)]",
95
- "focus:ring-2 focus:ring-[var(--zabi-focus-ring)] focus:ring-offset-2",
96
- "shadow-sm hover:shadow-md"
97
- ].join(" ")
98
- }, X = v() ? [
99
- "bg-[var(--zabi-surface-disabled)] text-[var(--zabi-text-disabled)] border-[var(--zabi-border-disabled)]",
100
- "hover:bg-[var(--zabi-surface-disabled)] hover:text-[var(--zabi-text-disabled)] hover:border-[var(--zabi-border-disabled)]",
101
- "active:bg-[var(--zabi-surface-disabled)] active:text-[var(--zabi-text-disabled)] active:border-[var(--zabi-border-disabled)]",
102
- "shadow-none"
103
- ].join(" ") : "";
104
- p(), h(
105
- () => (o(F()), o(v()), o(b()), o(j())),
106
- () => {
107
- n(c, [
108
- _,
109
- G[F()],
110
- v() ? X : R[b()],
111
- j()
112
- ].filter(Boolean).join(" "));
113
- }
114
- ), h(
115
- () => (o(p()), o(J()), o(E()), o(S()), o(Q()), o(B()), o(v())),
116
- () => {
117
- n(d, {
118
- "aria-busy": p(),
119
- "aria-label": J() || (p() ? "Loading..." : void 0),
120
- "aria-describedby": E() || void 0,
121
- "aria-expanded": S(),
122
- "aria-controls": Q(),
123
- "aria-pressed": B(),
124
- "aria-disabled": v()
125
- });
126
- }
127
- ), Ye(), Ae();
128
- var ee = Sa();
129
- za(
130
- ee,
131
- () => ({
132
- type: O(),
133
- class: e(c),
134
- disabled: v() || p(),
135
- ...e(d)
136
- }),
137
- void 0,
138
- void 0,
139
- "svelte-v0x5nl"
140
- );
141
- var se = l(ee);
142
- {
143
- var be = (A) => {
144
- var ve = Ta();
145
- r(A, ve);
146
- };
147
- k(se, (A) => {
148
- p() && A(be);
149
- });
150
- }
151
- var ce = L(se, 2);
152
- {
153
- var le = (A) => {
154
- var ve = ke(), P = me(ve);
155
- {
156
- var Z = (z) => {
157
- var C = Ha(), U = l(C);
158
- N(() => de(U, Y())), r(z, C);
159
- }, D = (z) => {
160
- var C = ke(), U = me(C);
161
- ia(U, Y, (pe, qe) => {
162
- qe(pe, { class: "h-4 w-4" });
163
- }), r(z, C);
164
- };
165
- k(P, (z) => {
166
- typeof Y() == "string" ? z(Z) : z(D, !1);
167
- });
168
- }
169
- r(A, ve);
170
- };
171
- k(ce, (A) => {
172
- Y() && !p() && A(le);
173
- });
174
- }
175
- var xe = L(ce, 2);
176
- la(xe, a, "default", {}, null);
177
- var ze = L(xe, 2);
178
- {
179
- var Ce = (A) => {
180
- var ve = ke(), P = me(ve);
181
- {
182
- var Z = (z) => {
183
- var C = Ma(), U = l(C);
184
- N(() => de(U, W())), r(z, C);
185
- }, D = (z) => {
186
- var C = ke(), U = me(C);
187
- ia(U, W, (pe, qe) => {
188
- qe(pe, { class: "h-4 w-4" });
189
- }), r(z, C);
190
- };
191
- k(P, (z) => {
192
- typeof W() == "string" ? z(Z) : z(D, !1);
193
- });
194
- }
195
- r(A, ve);
196
- };
197
- k(ze, (A) => {
198
- W() && !p() && A(Ce);
199
- });
200
- }
201
- q("click", ee, (A) => y(A)), q("keydown", ee, (A) => H(A)), r(M, ee), Te();
202
- }
203
- var Ia = ca('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" class="svelte-1wpeqgu"></path></svg>'), Oa = ca('<svg fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd" class="svelte-1wpeqgu"></path></svg>'), Da = f('<span class="text-error ml-1 svelte-1wpeqgu">*</span>'), Fa = f("<label> <!></label>"), Ra = f('<div class="flex items-center gap-1 svelte-1wpeqgu"><svg class="w-3 h-3 flex-shrink-0 svelte-1wpeqgu" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" class="svelte-1wpeqgu"></path></svg> <span class="svelte-1wpeqgu"> </span></div>'), Ka = f('<span class="svelte-1wpeqgu"> </span>'), Wa = f("<div><!></div>"), Aa = f('<div><div class="relative svelte-1wpeqgu"><input type="checkbox" class="sr-only svelte-1wpeqgu"/> <div><!></div> <div></div></div> <div class="flex-1 min-w-0 svelte-1wpeqgu"><!> <!></div></div>');
204
- const Xa = {
205
- hash: "svelte-1wpeqgu",
206
- code: `
207
- /* Custom focus styles for better accessibility */.checkbox-focus-visible {outline:2px solid var(--color-plasma-red-500);outline-offset:2px;}
208
-
209
- /* Smooth transitions for all interactive elements */.checkbox-input.svelte-1wpeqgu {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
210
-
211
- /* Hover effects */.checkbox-container.svelte-1wpeqgu:hover .checkbox-visual:where(.svelte-1wpeqgu) {transform:scale(1.05);}.checkbox-container.svelte-1wpeqgu:active .checkbox-visual:where(.svelte-1wpeqgu) {transform:scale(0.95);}
212
-
213
- /* Check animation */.checkbox-check.svelte-1wpeqgu {
214
- animation: svelte-1wpeqgu-checkbox-check 0.2s ease-out;}
215
-
216
- @keyframes svelte-1wpeqgu-checkbox-check {
217
- 0% {
218
- opacity: 0;
219
- transform: scale(0.8);
220
- }
221
- 100% {
222
- opacity: 1;
223
- transform: scale(1);
224
- }
225
- }
226
-
227
- /* Indeterminate animation */.checkbox-indeterminate.svelte-1wpeqgu {
228
- animation: svelte-1wpeqgu-checkbox-indeterminate 0.2s ease-out;}
229
-
230
- @keyframes svelte-1wpeqgu-checkbox-indeterminate {
231
- 0% {
232
- opacity: 0;
233
- transform: scaleX(0);
234
- }
235
- 100% {
236
- opacity: 1;
237
- transform: scaleX(1);
238
- }
239
- }
240
-
241
- /* Focus ring animation */.checkbox-focus-ring.svelte-1wpeqgu {
242
- animation: svelte-1wpeqgu-checkbox-focus-ring 0.2s ease-out;}
243
-
244
- @keyframes svelte-1wpeqgu-checkbox-focus-ring {
245
- 0% {
246
- transform: scale(0.95);
247
- opacity: 0;
248
- }
249
- 100% {
250
- transform: scale(1);
251
- opacity: 1;
252
- }
253
- }
254
-
255
- /* Disabled state styling */.checkbox-disabled.svelte-1wpeqgu {opacity:0.5;cursor:not-allowed;}.checkbox-disabled.svelte-1wpeqgu:hover {transform:none;}
256
-
257
- /* Required indicator styling */.checkbox-required.svelte-1wpeqgu {color:var(--color-blood-red-500);}`
258
- };
259
- function ir(M, a) {
260
- He(a, !1), sa(M, Xa);
261
- const c = i(), d = i(), b = i(), F = i(), v = i(), p = i(), O = i(), j = i(), Y = i(), W = i();
262
- let J = t(a, "checked", 12, !1), E = t(a, "disabled", 8, !1), S = t(a, "required", 8, !1), Q = t(a, "label", 8, ""), B = t(a, "helpText", 8, ""), m = t(a, "error", 8, ""), y = t(a, "size", 8, "md"), H = t(a, "variant", 8, "default"), _ = t(a, "indeterminate", 8, !1), G = t(a, "name", 8, void 0), R = t(a, "id", 8, void 0), X = t(a, "value", 8, void 0), ee = t(a, "className", 8, "");
263
- const se = Xe();
264
- let be = i(), ce = i(!1);
265
- function le(u) {
266
- const $ = u.target;
267
- J($.checked), se("change", { checked: J() });
268
- }
269
- function xe(u) {
270
- n(ce, !0), se("focus", { event: u });
271
- }
272
- function ze(u) {
273
- n(ce, !1), se("blur", { event: u });
274
- }
275
- function Ce() {
276
- var u;
277
- (u = e(be)) == null || u.focus();
278
- }
279
- function A() {
280
- var u;
281
- (u = e(be)) == null || u.blur();
282
- }
283
- h(() => o(R()), () => {
284
- n(c, R() || `checkbox-${Math.random().toString(36).substr(2, 9)}`);
285
- }), h(() => {
286
- }, () => {
287
- n(d, { sm: "w-4 h-4", md: "w-5 h-5", lg: "w-6 h-6" });
288
- }), h(() => {
289
- }, () => {
290
- n(b, {
291
- default: "bg-surface border border-primary text-primary focus:ring-primary focus:border-transparent",
292
- outlined: "bg-surface-secondary border border-primary text-primary focus:ring-primary focus:border-transparent",
293
- filled: "bg-surface-secondary border border-primary text-primary focus:ring-primary focus:border-transparent"
294
- });
295
- }), h(() => o(m()), () => {
296
- n(F, m() ? "focus:ring-error border-error" : "");
297
- }), h(() => o(ee()), () => {
298
- n(v, [
299
- "relative",
300
- "flex",
301
- "items-start",
302
- "gap-3",
303
- "group",
304
- "transition-all",
305
- "duration-200",
306
- "ease-in-out",
307
- ee()
308
- ].join(" "));
309
- }), h(
310
- () => (e(d), o(y()), e(b), o(H()), e(F), o(m())),
311
- () => {
312
- n(p, [
313
- "flex-shrink-0",
314
- "rounded",
315
- "transition-all",
316
- "duration-200",
317
- "ease-in-out",
318
- "focus:outline-none",
319
- "focus:ring-2",
320
- "focus:ring-offset-2",
321
- "focus:ring-offset-dark-900",
322
- "disabled:opacity-50",
323
- "disabled:cursor-not-allowed",
324
- "cursor-pointer",
325
- e(d)[y()],
326
- e(b)[H()],
327
- e(F),
328
- m() ? "grainy-red" : "grainy-texture"
329
- ].join(" "));
330
- }
331
- ), h(() => (o(m()), o(E())), () => {
332
- n(O, [
333
- "text-sm",
334
- "font-medium",
335
- "cursor-pointer",
336
- "select-none",
337
- "transition-colors",
338
- "duration-200",
339
- m() ? "text-error" : "text-primary",
340
- E() ? "opacity-50 cursor-not-allowed" : ""
341
- ].join(" "));
342
- }), h(() => o(m()), () => {
343
- n(j, ["text-xs", "mt-1", m() ? "text-error" : "text-tertiary"].join(" "));
344
- }), h(() => {
345
- }, () => {
346
- n(Y, [
347
- "w-full",
348
- "h-full",
349
- "text-current",
350
- "transition-all",
351
- "duration-200",
352
- "ease-in-out"
353
- ].join(" "));
354
- }), h(() => {
355
- }, () => {
356
- n(W, [
357
- "w-full",
358
- "h-full",
359
- "text-current",
360
- "transition-all",
361
- "duration-200",
362
- "ease-in-out"
363
- ].join(" "));
364
- }), Ye();
365
- var ve = { focus: Ce, blur: A };
366
- Ae();
367
- var P = Aa(), Z = l(P), D = l(Z);
368
- Ue(D, (u) => n(be, u), () => e(be));
369
- var z, C = L(D, 2), U = l(C);
370
- {
371
- var pe = (u) => {
372
- var $ = Ia();
373
- N(() => K($, 0, ie(e(Y)), "svelte-1wpeqgu")), r(u, $);
374
- }, qe = (u) => {
375
- var $ = ke(), Ee = me($);
376
- {
377
- var _e = (ue) => {
378
- var oe = Oa();
379
- N(() => K(oe, 0, ie(e(W)), "svelte-1wpeqgu")), r(ue, oe);
380
- };
381
- k(
382
- Ee,
383
- (ue) => {
384
- _() && ue(_e);
385
- },
386
- !0
387
- );
388
- }
389
- r(u, $);
390
- };
391
- k(U, (u) => {
392
- J() && !_() ? u(pe) : u(qe, !1);
393
- });
394
- }
395
- var Se = L(C, 2), Pe = L(Z, 2), ae = l(Pe);
396
- {
397
- var ge = (u) => {
398
- var $ = Fa(), Ee = l($), _e = L(Ee);
399
- {
400
- var ue = (oe) => {
401
- var Le = Da();
402
- r(oe, Le);
403
- };
404
- k(_e, (oe) => {
405
- S() && oe(ue);
406
- });
407
- }
408
- N(() => {
409
- T($, "for", e(c)), K($, 1, ie(e(O)), "svelte-1wpeqgu"), de(Ee, `${Q() ?? ""} `);
410
- }), r(u, $);
411
- };
412
- k(ae, (u) => {
413
- Q() && u(ge);
414
- });
415
- }
416
- var he = L(ae, 2);
417
- {
418
- var je = (u) => {
419
- var $ = Wa(), Ee = l($);
420
- {
421
- var _e = (oe) => {
422
- var Le = Ra(), fe = L(l(Le), 2), g = l(fe);
423
- N(() => de(g, m())), r(oe, Le);
424
- }, ue = (oe) => {
425
- var Le = ke(), fe = me(Le);
426
- {
427
- var g = (Ie) => {
428
- var Ke = Ka(), Ge = l(Ke);
429
- N(() => de(Ge, B())), r(Ie, Ke);
430
- };
431
- k(
432
- fe,
433
- (Ie) => {
434
- B() && Ie(g);
435
- },
436
- !0
437
- );
438
- }
439
- r(oe, Le);
440
- };
441
- k(Ee, (oe) => {
442
- m() ? oe(_e) : oe(ue, !1);
443
- });
444
- }
445
- N(() => {
446
- T($, "id", `${e(c) ?? ""}-help`), K($, 1, ie(e(j)), "svelte-1wpeqgu");
447
- }), r(u, $);
448
- };
449
- k(he, (u) => {
450
- (m() || B()) && u(je);
451
- });
452
- }
453
- return N(() => {
454
- K(P, 1, ie(e(v)), "svelte-1wpeqgu"), T(D, "id", e(c)), D.disabled = E(), D.required = S(), T(D, "name", G()), T(D, "aria-invalid", m() ? "true" : "false"), T(D, "aria-describedby", m() || B() ? `${e(c)}-help` : void 0), z !== (z = X()) && (D.value = (D.__value = X()) ?? ""), K(C, 1, ie(e(p)), "svelte-1wpeqgu"), K(Se, 1, `absolute inset-0 rounded pointer-events-none transition-all duration-200 ${e(ce) ? "ring-2 ring-primary" : ""}`, "svelte-1wpeqgu");
455
- }), Na(D, J), q("change", D, le), q("focus", D, (u) => xe(u)), q("blur", D, (u) => ze(u)), r(M, P), We(a, "focus", Ce), We(a, "blur", A), Te(ve);
456
- }
457
- var Ga = f('<div role="menu" aria-orientation="vertical"><div class="max-h-full overflow-y-auto"><!></div></div>'), Va = f("<div><!></div> <!>", 1);
458
- function Ya(M, a) {
459
- He(a, !1);
460
- let c = t(a, "isOpen", 8, !1), d = t(a, "placement", 8, "bottom-start"), b = t(a, "offset", 8, 8), F = t(a, "maxHeight", 8, "20rem"), v = t(a, "width", 8, "auto"), p = t(a, "zIndex", 8, 50);
461
- const O = Xe();
462
- let j = i(), Y = i(), W;
463
- function J() {
464
- var be, ce, le, xe, ze, Ce, A, ve;
465
- if (!e(Y)) return { top: 0, left: 0 };
466
- W = e(Y).getBoundingClientRect();
467
- const _ = window.scrollY, G = window.scrollX;
468
- let R = W.bottom + _ + b(), X = W.left + G;
469
- switch (d()) {
470
- case "bottom-end":
471
- X = W.right + G - (((be = e(j)) == null ? void 0 : be.offsetWidth) || 0);
472
- break;
473
- case "top-start":
474
- R = W.top + _ - (((ce = e(j)) == null ? void 0 : ce.offsetHeight) || 0) - b();
475
- break;
476
- case "top-end":
477
- R = W.top + _ - (((le = e(j)) == null ? void 0 : le.offsetHeight) || 0) - b(), X = W.right + G - (((xe = e(j)) == null ? void 0 : xe.offsetWidth) || 0);
478
- break;
479
- }
480
- const ee = window.innerWidth, se = window.innerHeight;
481
- return X < 0 && (X = 8), X + (((ze = e(j)) == null ? void 0 : ze.offsetWidth) || 0) > ee && (X = ee - (((Ce = e(j)) == null ? void 0 : Ce.offsetWidth) || 0) - 8), R < 0 && (R = 8), R + (((A = e(j)) == null ? void 0 : A.offsetHeight) || 0) > se + _ && (R = se + _ - (((ve = e(j)) == null ? void 0 : ve.offsetHeight) || 0) - 8), { top: R, left: X };
482
- }
483
- function E(_) {
484
- c() && e(j) && !e(j).contains(_.target) && e(Y) && !e(Y).contains(_.target) && O("close");
485
- }
486
- function S(_) {
487
- _.key === "Escape" && c() && O("close");
488
- }
489
- ba(() => (document.addEventListener("click", E), document.addEventListener("keydown", S), () => {
490
- document.removeEventListener("click", E), document.removeEventListener("keydown", S);
491
- })), h(
492
- () => (o(c()), e(Y), e(j)),
493
- () => {
494
- c() && e(Y) && requestAnimationFrame(() => {
495
- const _ = J();
496
- e(j) && (oa(j, e(j).style.top = `${_.top}px`), oa(j, e(j).style.left = `${_.left}px`));
497
- });
498
- }
499
- ), Ye(), Ae();
500
- var Q = Va(), B = me(Q), m = l(B);
501
- la(m, a, "trigger", {}, null), Ue(B, (_) => n(Y, _), () => e(Y));
502
- var y = L(B, 2);
503
- {
504
- var H = (_) => {
505
- var G = Ga(), R = l(G), X = l(R);
506
- la(X, a, "default", {}, null), Ue(G, (ee) => n(j, ee), () => e(j)), N(() => {
507
- K(G, 1, `fixed z-${p() ?? ""} bg-stone-800 border border-stone-700 rounded-lg shadow-xl`), aa(G, `max-height: ${F() ?? ""}; width: ${v() ?? ""};`);
508
- }), da(3, G, () => Ca, () => ({ y: -10, duration: 200 })), r(_, G);
509
- };
510
- k(y, (_) => {
511
- c() && _(H);
512
- });
513
- }
514
- r(M, Q), Te();
515
- }
516
- function pa(M, a) {
517
- He(a, !0);
518
- /**
519
- * @license @lucide/svelte v0.544.0 - ISC
520
- *
521
- * ISC License
522
- *
523
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
524
- *
525
- * Permission to use, copy, modify, and/or distribute this software for any
526
- * purpose with or without fee is hereby granted, provided that the above
527
- * copyright notice and this permission notice appear in all copies.
528
- *
529
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
530
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
531
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
532
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
533
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
534
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
535
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
536
- *
537
- * ---
538
- *
539
- * The MIT License (MIT) (for portions derived from Feather)
540
- *
541
- * Copyright (c) 2013-2023 Cole Bemis
542
- *
543
- * Permission is hereby granted, free of charge, to any person obtaining a copy
544
- * of this software and associated documentation files (the "Software"), to deal
545
- * in the Software without restriction, including without limitation the rights
546
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
547
- * copies of the Software, and to permit persons to whom the Software is
548
- * furnished to do so, subject to the following conditions:
549
- *
550
- * The above copyright notice and this permission notice shall be included in all
551
- * copies or substantial portions of the Software.
552
- *
553
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
554
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
555
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
556
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
557
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
558
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
559
- * SOFTWARE.
560
- *
561
- */
562
- let c = ea(a, ["$$slots", "$$events", "$$legacy"]);
563
- const d = [["path", { d: "M20 6 9 17l-5-5" }]];
564
- Je(M, Qe(
565
- { name: "check" },
566
- () => c,
567
- {
568
- get iconNode() {
569
- return d;
570
- },
571
- children: (b, F) => {
572
- var v = ke(), p = me(v);
573
- Ze(p, () => a.children ?? $e), r(b, v);
574
- },
575
- $$slots: { default: !0 }
576
- }
577
- )), Te();
578
- }
579
- function Ua(M, a) {
580
- He(a, !0);
581
- /**
582
- * @license @lucide/svelte v0.544.0 - ISC
583
- *
584
- * ISC License
585
- *
586
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
587
- *
588
- * Permission to use, copy, modify, and/or distribute this software for any
589
- * purpose with or without fee is hereby granted, provided that the above
590
- * copyright notice and this permission notice appear in all copies.
591
- *
592
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
593
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
594
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
595
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
596
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
597
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
598
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
599
- *
600
- * ---
601
- *
602
- * The MIT License (MIT) (for portions derived from Feather)
603
- *
604
- * Copyright (c) 2013-2023 Cole Bemis
605
- *
606
- * Permission is hereby granted, free of charge, to any person obtaining a copy
607
- * of this software and associated documentation files (the "Software"), to deal
608
- * in the Software without restriction, including without limitation the rights
609
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
610
- * copies of the Software, and to permit persons to whom the Software is
611
- * furnished to do so, subject to the following conditions:
612
- *
613
- * The above copyright notice and this permission notice shall be included in all
614
- * copies or substantial portions of the Software.
615
- *
616
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
617
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
618
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
619
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
620
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
621
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
622
- * SOFTWARE.
623
- *
624
- */
625
- let c = ea(a, ["$$slots", "$$events", "$$legacy"]);
626
- const d = [["path", { d: "m6 9 6 6 6-6" }]];
627
- Je(M, Qe(
628
- { name: "chevron-down" },
629
- () => c,
630
- {
631
- get iconNode() {
632
- return d;
633
- },
634
- children: (b, F) => {
635
- var v = ke(), p = me(v);
636
- Ze(p, () => a.children ?? $e), r(b, v);
637
- },
638
- $$slots: { default: !0 }
639
- }
640
- )), Te();
641
- }
642
- function Ja(M, a) {
643
- He(a, !0);
644
- /**
645
- * @license @lucide/svelte v0.544.0 - ISC
646
- *
647
- * ISC License
648
- *
649
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
650
- *
651
- * Permission to use, copy, modify, and/or distribute this software for any
652
- * purpose with or without fee is hereby granted, provided that the above
653
- * copyright notice and this permission notice appear in all copies.
654
- *
655
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
656
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
657
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
658
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
659
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
660
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
661
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
662
- *
663
- * ---
664
- *
665
- * The MIT License (MIT) (for portions derived from Feather)
666
- *
667
- * Copyright (c) 2013-2023 Cole Bemis
668
- *
669
- * Permission is hereby granted, free of charge, to any person obtaining a copy
670
- * of this software and associated documentation files (the "Software"), to deal
671
- * in the Software without restriction, including without limitation the rights
672
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
673
- * copies of the Software, and to permit persons to whom the Software is
674
- * furnished to do so, subject to the following conditions:
675
- *
676
- * The above copyright notice and this permission notice shall be included in all
677
- * copies or substantial portions of the Software.
678
- *
679
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
680
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
681
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
682
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
683
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
684
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
685
- * SOFTWARE.
686
- *
687
- */
688
- let c = ea(a, ["$$slots", "$$events", "$$legacy"]);
689
- const d = [
690
- [
691
- "path",
692
- {
693
- d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"
694
- }
695
- ],
696
- ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }],
697
- [
698
- "path",
699
- {
700
- d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"
701
- }
702
- ],
703
- ["path", { d: "m2 2 20 20" }]
704
- ];
705
- Je(M, Qe(
706
- { name: "eye-off" },
707
- () => c,
708
- {
709
- get iconNode() {
710
- return d;
711
- },
712
- children: (b, F) => {
713
- var v = ke(), p = me(v);
714
- Ze(p, () => a.children ?? $e), r(b, v);
715
- },
716
- $$slots: { default: !0 }
717
- }
718
- )), Te();
719
- }
720
- function Qa(M, a) {
721
- He(a, !0);
722
- /**
723
- * @license @lucide/svelte v0.544.0 - ISC
724
- *
725
- * ISC License
726
- *
727
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
728
- *
729
- * Permission to use, copy, modify, and/or distribute this software for any
730
- * purpose with or without fee is hereby granted, provided that the above
731
- * copyright notice and this permission notice appear in all copies.
732
- *
733
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
734
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
735
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
736
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
737
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
738
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
739
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
740
- *
741
- * ---
742
- *
743
- * The MIT License (MIT) (for portions derived from Feather)
744
- *
745
- * Copyright (c) 2013-2023 Cole Bemis
746
- *
747
- * Permission is hereby granted, free of charge, to any person obtaining a copy
748
- * of this software and associated documentation files (the "Software"), to deal
749
- * in the Software without restriction, including without limitation the rights
750
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
751
- * copies of the Software, and to permit persons to whom the Software is
752
- * furnished to do so, subject to the following conditions:
753
- *
754
- * The above copyright notice and this permission notice shall be included in all
755
- * copies or substantial portions of the Software.
756
- *
757
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
758
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
759
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
760
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
761
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
762
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
763
- * SOFTWARE.
764
- *
765
- */
766
- let c = ea(a, ["$$slots", "$$events", "$$legacy"]);
767
- const d = [
768
- [
769
- "path",
770
- {
771
- d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"
772
- }
773
- ],
774
- ["circle", { cx: "12", cy: "12", r: "3" }]
775
- ];
776
- Je(M, Qe(
777
- { name: "eye" },
778
- () => c,
779
- {
780
- get iconNode() {
781
- return d;
782
- },
783
- children: (b, F) => {
784
- var v = ke(), p = me(v);
785
- Ze(p, () => a.children ?? $e), r(b, v);
786
- },
787
- $$slots: { default: !0 }
788
- }
789
- )), Te();
790
- }
791
- function Za(M, a) {
792
- He(a, !0);
793
- /**
794
- * @license @lucide/svelte v0.544.0 - ISC
795
- *
796
- * ISC License
797
- *
798
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
799
- *
800
- * Permission to use, copy, modify, and/or distribute this software for any
801
- * purpose with or without fee is hereby granted, provided that the above
802
- * copyright notice and this permission notice appear in all copies.
803
- *
804
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
805
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
806
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
807
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
808
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
809
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
810
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
811
- *
812
- * ---
813
- *
814
- * The MIT License (MIT) (for portions derived from Feather)
815
- *
816
- * Copyright (c) 2013-2023 Cole Bemis
817
- *
818
- * Permission is hereby granted, free of charge, to any person obtaining a copy
819
- * of this software and associated documentation files (the "Software"), to deal
820
- * in the Software without restriction, including without limitation the rights
821
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
822
- * copies of the Software, and to permit persons to whom the Software is
823
- * furnished to do so, subject to the following conditions:
824
- *
825
- * The above copyright notice and this permission notice shall be included in all
826
- * copies or substantial portions of the Software.
827
- *
828
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
829
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
830
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
831
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
832
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
833
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
834
- * SOFTWARE.
835
- *
836
- */
837
- let c = ea(a, ["$$slots", "$$events", "$$legacy"]);
838
- const d = [
839
- ["path", { d: "M21 5H3" }],
840
- ["path", { d: "M17 12H7" }],
841
- ["path", { d: "M19 19H5" }]
842
- ];
843
- Je(M, Qe(
844
- { name: "text-align-center" },
845
- () => c,
846
- {
847
- get iconNode() {
848
- return d;
849
- },
850
- children: (b, F) => {
851
- var v = ke(), p = me(v);
852
- Ze(p, () => a.children ?? $e), r(b, v);
853
- },
854
- $$slots: { default: !0 }
855
- }
856
- )), Te();
857
- }
858
- function $a(M, a) {
859
- He(a, !0);
860
- /**
861
- * @license @lucide/svelte v0.544.0 - ISC
862
- *
863
- * ISC License
864
- *
865
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
866
- *
867
- * Permission to use, copy, modify, and/or distribute this software for any
868
- * purpose with or without fee is hereby granted, provided that the above
869
- * copyright notice and this permission notice appear in all copies.
870
- *
871
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
872
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
873
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
874
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
875
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
876
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
877
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
878
- *
879
- * ---
880
- *
881
- * The MIT License (MIT) (for portions derived from Feather)
882
- *
883
- * Copyright (c) 2013-2023 Cole Bemis
884
- *
885
- * Permission is hereby granted, free of charge, to any person obtaining a copy
886
- * of this software and associated documentation files (the "Software"), to deal
887
- * in the Software without restriction, including without limitation the rights
888
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
889
- * copies of the Software, and to permit persons to whom the Software is
890
- * furnished to do so, subject to the following conditions:
891
- *
892
- * The above copyright notice and this permission notice shall be included in all
893
- * copies or substantial portions of the Software.
894
- *
895
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
896
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
897
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
898
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
899
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
900
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
901
- * SOFTWARE.
902
- *
903
- */
904
- let c = ea(a, ["$$slots", "$$events", "$$legacy"]);
905
- const d = [
906
- ["path", { d: "M21 5H3" }],
907
- ["path", { d: "M21 12H9" }],
908
- ["path", { d: "M21 19H7" }]
909
- ];
910
- Je(M, Qe(
911
- { name: "text-align-end" },
912
- () => c,
913
- {
914
- get iconNode() {
915
- return d;
916
- },
917
- children: (b, F) => {
918
- var v = ke(), p = me(v);
919
- Ze(p, () => a.children ?? $e), r(b, v);
920
- },
921
- $$slots: { default: !0 }
922
- }
923
- )), Te();
924
- }
925
- function et(M, a) {
926
- He(a, !0);
927
- /**
928
- * @license @lucide/svelte v0.544.0 - ISC
929
- *
930
- * ISC License
931
- *
932
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2023 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2025.
933
- *
934
- * Permission to use, copy, modify, and/or distribute this software for any
935
- * purpose with or without fee is hereby granted, provided that the above
936
- * copyright notice and this permission notice appear in all copies.
937
- *
938
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
939
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
940
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
941
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
942
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
943
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
944
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
945
- *
946
- * ---
947
- *
948
- * The MIT License (MIT) (for portions derived from Feather)
949
- *
950
- * Copyright (c) 2013-2023 Cole Bemis
951
- *
952
- * Permission is hereby granted, free of charge, to any person obtaining a copy
953
- * of this software and associated documentation files (the "Software"), to deal
954
- * in the Software without restriction, including without limitation the rights
955
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
956
- * copies of the Software, and to permit persons to whom the Software is
957
- * furnished to do so, subject to the following conditions:
958
- *
959
- * The above copyright notice and this permission notice shall be included in all
960
- * copies or substantial portions of the Software.
961
- *
962
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
963
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
964
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
965
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
966
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
967
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
968
- * SOFTWARE.
969
- *
970
- */
971
- let c = ea(a, ["$$slots", "$$events", "$$legacy"]);
972
- const d = [
973
- ["path", { d: "M21 5H3" }],
974
- ["path", { d: "M15 12H3" }],
975
- ["path", { d: "M17 19H3" }]
976
- ];
977
- Je(M, Qe(
978
- { name: "text-align-start" },
979
- () => c,
980
- {
981
- get iconNode() {
982
- return d;
983
- },
984
- children: (b, F) => {
985
- var v = ke(), p = me(v);
986
- Ze(p, () => a.children ?? $e), r(b, v);
987
- },
988
- $$slots: { default: !0 }
989
- }
990
- )), Te();
991
- }
992
- var at = f('<div role="dialog" aria-modal="true" aria-labelledby="slideup-title" tabindex="-1"></div>'), tt = f('<div class="flex items-center justify-between p-4 border-b border-stone-700"><h3 id="slideup-title" class="text-lg font-semibold text-white"> </h3> <button type="button" class="p-2 text-gray-400 hover:text-white transition-colors duration-200" aria-label="Close"><!></button></div>'), rt = f('<div role="dialog" aria-modal="true" aria-labelledby="slideup-title"><!> <div class="max-h-full overflow-y-auto"><!></div></div>'), nt = f("<!> <!>", 1);
993
- function st(M, a) {
994
- He(a, !1);
995
- let c = t(a, "isOpen", 8, !1), d = t(a, "title", 8, ""), b = t(a, "maxHeight", 8, "80vh"), F = t(a, "zIndex", 8, 50);
996
- const v = Xe();
997
- let p = i(), O = i();
998
- function j(m) {
999
- c() && e(O) && m.target === e(O) && v("close");
1000
- }
1001
- function Y(m) {
1002
- m.key === "Escape" && c() && v("close");
1003
- }
1004
- function W(m) {
1005
- typeof document < "u" && (m ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
1006
- }
1007
- ba(() => (typeof document < "u" && document.addEventListener("keydown", Y), () => {
1008
- typeof document < "u" && (document.removeEventListener("keydown", Y), document.body.style.overflow = "");
1009
- })), h(() => o(c()), () => {
1010
- typeof document < "u" && W(c());
1011
- }), Ye(), Ae();
1012
- var J = nt(), E = me(J);
1013
- {
1014
- var S = (m) => {
1015
- var y = at();
1016
- Ue(y, (H) => n(O, H), () => e(O)), N(() => K(y, 1, `fixed inset-0 z-${F() ?? ""} bg-black/50`)), q("click", y, j), q("keydown", y, (H) => H.key === "Escape" && j(H)), da(3, y, () => qa, () => ({ duration: 200 })), r(m, y);
1017
- };
1018
- k(E, (m) => {
1019
- c() && m(S);
1020
- });
1021
- }
1022
- var Q = L(E, 2);
1023
- {
1024
- var B = (m) => {
1025
- var y = rt(), H = l(y);
1026
- {
1027
- var _ = (X) => {
1028
- var ee = tt(), se = l(ee), be = l(se), ce = L(se, 2), le = l(ce);
1029
- va(le, { size: 20 }), N(() => de(be, d())), q("click", ce, () => v("close")), r(X, ee);
1030
- };
1031
- k(H, (X) => {
1032
- d() && X(_);
1033
- });
1034
- }
1035
- var G = L(H, 2), R = l(G);
1036
- la(R, a, "default", {}, null), Ue(y, (X) => n(p, X), () => e(p)), N(() => {
1037
- K(y, 1, `fixed bottom-0 left-0 right-0 z-${F() + 1} bg-stone-800 border-t border-stone-700 rounded-t-xl shadow-2xl`), aa(y, `max-height: ${b() ?? ""};`);
1038
- }), da(3, y, () => ja, () => ({ axis: "y", duration: 300 })), r(m, y);
1039
- };
1040
- k(Q, (m) => {
1041
- c() && m(B);
1042
- });
1043
- }
1044
- r(M, J), Te();
1045
- }
1046
- var lt = f('<span class="text-blood-red-500 ml-1">*</span>'), ot = f("<label> <!></label>"), it = f('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), dt = f('<button type="button"><div></div> <!></button>'), ct = f('<div class="space-y-2"><div class="grid grid-cols-11 gap-3 p-1 bg-stone-800 rounded-lg border border-stone-700"></div></div>'), vt = f('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), ut = f('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), ft = f('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0 bg-stone-700"></div> <span class="text-gray-400">Select a color</span>', 1), bt = f('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div>'), gt = f('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0"></div>'), ht = f('<div class="w-8 h-8 rounded border border-stone-600 flex-shrink-0 bg-stone-700"></div> <span class="text-gray-400">Select a color</span>', 1), mt = f('<div class="absolute -top-1 -right-1 w-4 h-4 bg-cyber-amber-500 rounded-full flex items-center justify-center"><!></div>'), xt = f('<button type="button"><div></div> <!></button>'), pt = f('<div class="space-y-2"><div class="grid grid-cols-8 gap-3 p-1 bg-stone-800 rounded-lg border border-stone-700"></div></div>'), yt = f('<div class="p-4"><div class="max-h-96 overflow-y-auto space-y-4 pr-2"></div></div>'), _t = f('<div class="relative"><button type="button"><div class="flex items-center space-x-3"><!></div></button> <div></div></div> <!>', 1), wt = f('<div class="text-center py-6 text-stone-500 text-sm">No colors available</div>'), kt = f('<div class="space-y-3"><!> <!> <!> <!></div>');
1047
- function dr(M, a) {
1048
- He(a, !1);
1049
- const c = i(), d = i(), b = i(), F = i(), v = i(), p = i();
1050
- let O = t(a, "value", 12, ""), j = t(a, "label", 8, ""), Y = t(a, "required", 8, !1), W = t(a, "disabled", 8, !1), J = t(a, "size", 8, "md"), E = t(a, "variant", 8, "outlined"), S = t(a, "colors", 24, () => [
1051
- // Default color palette - can be customized by parent
1052
- { label: "Red", value: "#ef4444", family: "Basic" },
1053
- { label: "Blue", value: "#3b82f6", family: "Basic" },
1054
- { label: "Green", value: "#10b981", family: "Basic" },
1055
- { label: "Yellow", value: "#f59e0b", family: "Basic" },
1056
- { label: "Purple", value: "#8b5cf6", family: "Basic" },
1057
- { label: "Pink", value: "#ec4899", family: "Basic" },
1058
- { label: "Indigo", value: "#6366f1", family: "Basic" },
1059
- { label: "Gray", value: "#6b7280", family: "Basic" },
1060
- { label: "Black", value: "#000000", family: "Basic" },
1061
- { label: "White", value: "#ffffff", family: "Basic" }
1062
- ]), Q = i(!1), B = i(!1), m = i(!1);
1063
- const y = Xe(), H = `color-picker-${Math.random().toString(36).substr(2, 9)}`;
1064
- ba(() => {
1065
- n(m, window.innerWidth < 768);
1066
- const P = () => {
1067
- n(m, window.innerWidth < 768);
1068
- };
1069
- return window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
1070
- });
1071
- function _(P) {
1072
- W() || (O(P.value), n(
1073
- Q,
1074
- !1
1075
- // Collapse after selection
1076
- ), y("change", { value: P.value }));
1077
- }
1078
- function G() {
1079
- W() || n(Q, !e(Q));
1080
- }
1081
- function R() {
1082
- n(B, !0);
1083
- }
1084
- function X() {
1085
- n(B, !1);
1086
- }
1087
- function ee() {
1088
- n(Q, !1);
1089
- }
1090
- h(() => {
1091
- }, () => {
1092
- n(c, {
1093
- sm: "px-3 py-1.5 text-sm",
1094
- md: "px-4 py-2.5 text-base",
1095
- lg: "px-5 py-3 text-lg"
1096
- });
1097
- }), h(() => {
1098
- }, () => {
1099
- n(d, {
1100
- default: "bg-dark-700 border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20",
1101
- outlined: "bg-dark-600 border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20",
1102
- filled: "bg-dark-600 border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20",
1103
- ghost: "bg-transparent border-0 text-white placeholder-gray-400 focus:ring-plasma-red-500/20"
1104
- });
1105
- }), h(() => {
1106
- }, () => {
1107
- n(b, [
1108
- "block",
1109
- "text-sm",
1110
- "font-medium",
1111
- "mb-2",
1112
- "transition-colors",
1113
- "duration-200",
1114
- "text-gray-300"
1115
- ].join(" "));
1116
- }), h(
1117
- () => (e(c), o(J()), e(d), o(E())),
1118
- () => {
1119
- n(F, [
1120
- "w-full",
1121
- "min-w-40 sm:min-w-48 md:min-w-56 lg:min-w-64",
1122
- "rounded-lg",
1123
- "transition-all",
1124
- "duration-200",
1125
- "ease-in-out",
1126
- "focus:outline-none",
1127
- "focus:ring-2",
1128
- "focus:ring-offset-2",
1129
- "focus:ring-offset-dark-900",
1130
- "disabled:opacity-50",
1131
- "disabled:cursor-not-allowed",
1132
- e(c)[J()],
1133
- e(d)[E()],
1134
- "grainy-texture"
1135
- ].join(" "));
1136
- }
1137
- ), h(() => (o(S()), o(O())), () => {
1138
- n(v, S().find((P) => P.value === O()));
1139
- }), h(() => o(S()), () => {
1140
- n(p, S().reduce(
1141
- (P, Z) => {
1142
- const D = Z.family || "Other";
1143
- return P[D] || (P[D] = []), P[D].push(Z), P;
1144
- },
1145
- {}
1146
- ));
1147
- }), Ye(), Ae();
1148
- var se = kt(), be = l(se);
1149
- {
1150
- var ce = (P) => {
1151
- var Z = ot(), D = l(Z), z = L(D);
1152
- {
1153
- var C = (U) => {
1154
- var pe = lt();
1155
- r(U, pe);
1156
- };
1157
- k(z, (U) => {
1158
- Y() && U(C);
1159
- });
1160
- }
1161
- N(() => {
1162
- T(Z, "for", H), K(Z, 1, ie(e(b))), de(D, `${j() ?? ""} `);
1163
- }), r(P, Z);
1164
- };
1165
- k(be, (P) => {
1166
- j() && P(ce);
1167
- });
1168
- }
1169
- var le = L(be, 2);
1170
- {
1171
- var xe = (P) => {
1172
- Ya(P, {
1173
- placement: "bottom-start",
1174
- width: "auto",
1175
- maxHeight: "20rem",
1176
- get isOpen() {
1177
- return e(Q);
1178
- },
1179
- set isOpen(Z) {
1180
- n(Q, Z);
1181
- },
1182
- $$events: { close: ee },
1183
- children: (Z, D) => {
1184
- var z = vt(), C = l(z);
1185
- ta(
1186
- C,
1187
- 5,
1188
- () => (e(p), ne(() => Object.entries(e(p)))),
1189
- ([U, pe]) => U,
1190
- (U, pe) => {
1191
- var qe = ha(() => ma(e(pe), 2));
1192
- let Se = () => e(qe)[1];
1193
- var Pe = ct(), ae = l(Pe);
1194
- ta(ae, 5, Se, (ge) => ge.value, (ge, he) => {
1195
- var je = dt(), u = l(je), $ = L(u, 2);
1196
- {
1197
- var Ee = (_e) => {
1198
- var ue = it(), oe = l(ue);
1199
- pa(oe, { size: 8, class: "text-stone-900" }), r(_e, ue);
1200
- };
1201
- k($, (_e) => {
1202
- o(O()), e(he), ne(() => O() === e(he).value) && _e(Ee);
1203
- });
1204
- }
1205
- N(() => {
1206
- K(je, 1, `group relative flex flex-col items-center rounded-lg transition-all duration-200 hover:bg-stone-700 focus:outline-none focus:ring-2 focus:ring-cyber-amber-500 focus:ring-opacity-50 ${o(O()), e(he), ne(() => O() === e(he).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${W() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), je.disabled = W(), K(u, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${o(O()), e(he), ne(() => O() === e(he).value ? "border-cyber-amber-500" : "") ?? ""}`), aa(u, `background-color: ${e(he), ne(() => e(he).value) ?? ""}`);
1207
- }), q("click", je, () => _(e(he))), q("keydown", je, (_e) => _e.key === "Enter" && _(e(he))), r(ge, je);
1208
- }), r(U, Pe);
1209
- }
1210
- ), r(Z, z);
1211
- },
1212
- $$slots: {
1213
- default: !0,
1214
- trigger: (Z, D) => {
1215
- var z = bt(), C = l(z), U = l(C), pe = l(U);
1216
- {
1217
- var qe = (ae) => {
1218
- var ge = ut();
1219
- N(() => aa(ge, `background-color: ${e(v), ne(() => e(v).value) ?? ""}`)), r(ae, ge);
1220
- }, Se = (ae) => {
1221
- var ge = ft();
1222
- r(ae, ge);
1223
- };
1224
- k(pe, (ae) => {
1225
- e(v) ? ae(qe) : ae(Se, !1);
1226
- });
1227
- }
1228
- var Pe = L(C, 2);
1229
- N(() => {
1230
- K(C, 1, ie(e(F))), C.disabled = W(), K(Pe, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(B) ? "ring-2 ring-plasma-red-500/20" : ""}`);
1231
- }), q("click", C, G), q("focus", C, R), q("blur", C, X), r(Z, z);
1232
- }
1233
- },
1234
- $$legacy: !0
1235
- });
1236
- };
1237
- k(le, (P) => {
1238
- e(m) || P(xe);
1239
- });
1240
- }
1241
- var ze = L(le, 2);
1242
- {
1243
- var Ce = (P) => {
1244
- var Z = _t(), D = me(Z), z = l(D), C = l(z), U = l(C);
1245
- {
1246
- var pe = (ae) => {
1247
- var ge = gt();
1248
- N(() => aa(ge, `background-color: ${e(v), ne(() => e(v).value) ?? ""}`)), r(ae, ge);
1249
- }, qe = (ae) => {
1250
- var ge = ht();
1251
- r(ae, ge);
1252
- };
1253
- k(U, (ae) => {
1254
- e(v) ? ae(pe) : ae(qe, !1);
1255
- });
1256
- }
1257
- var Se = L(z, 2), Pe = L(D, 2);
1258
- st(Pe, {
1259
- title: "Select Color",
1260
- maxHeight: "80vh",
1261
- get isOpen() {
1262
- return e(Q);
1263
- },
1264
- set isOpen(ae) {
1265
- n(Q, ae);
1266
- },
1267
- $$events: { close: ee },
1268
- children: (ae, ge) => {
1269
- var he = yt(), je = l(he);
1270
- ta(
1271
- je,
1272
- 5,
1273
- () => (e(p), ne(() => Object.entries(e(p)))),
1274
- ([u, $]) => u,
1275
- (u, $) => {
1276
- var Ee = ha(() => ma(e($), 2));
1277
- let _e = () => e(Ee)[1];
1278
- var ue = pt(), oe = l(ue);
1279
- ta(oe, 5, _e, (Le) => Le.value, (Le, fe) => {
1280
- var g = xt(), Ie = l(g), Ke = L(Ie, 2);
1281
- {
1282
- var Ge = (x) => {
1283
- var s = mt(), V = l(s);
1284
- pa(V, { size: 8, class: "text-stone-900" }), r(x, s);
1285
- };
1286
- k(Ke, (x) => {
1287
- o(O()), e(fe), ne(() => O() === e(fe).value) && x(Ge);
1288
- });
1289
- }
1290
- N(() => {
1291
- K(g, 1, `group relative flex flex-col items-center rounded-lg transition-all duration-200 hover:bg-stone-700 focus:outline-none focus:ring-2 focus:ring-cyber-amber-500 focus:ring-opacity-50 ${o(O()), e(fe), ne(() => O() === e(fe).value ? "bg-cyber-amber-500/20 ring-2 ring-cyber-amber-500" : "") ?? ""} ${W() ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}`), g.disabled = W(), K(Ie, 1, `w-8 h-8 rounded-lg group-hover:scale-110 transition-transform duration-200 ${o(O()), e(fe), ne(() => O() === e(fe).value ? "border-cyber-amber-500" : "") ?? ""}`), aa(Ie, `background-color: ${e(fe), ne(() => e(fe).value) ?? ""}`);
1292
- }), q("click", g, () => _(e(fe))), q("keydown", g, (x) => x.key === "Enter" && _(e(fe))), r(Le, g);
1293
- }), r(u, ue);
1294
- }
1295
- ), r(ae, he);
1296
- },
1297
- $$slots: { default: !0 },
1298
- $$legacy: !0
1299
- }), N(() => {
1300
- K(z, 1, ie(e(F))), z.disabled = W(), K(Se, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(B) ? "ring-2 ring-plasma-red-500/20" : ""}`);
1301
- }), q("click", z, G), q("focus", z, R), q("blur", z, X), r(P, Z);
1302
- };
1303
- k(ze, (P) => {
1304
- e(m) && P(Ce);
1305
- });
1306
- }
1307
- var A = L(ze, 2);
1308
- {
1309
- var ve = (P) => {
1310
- var Z = wt();
1311
- r(P, Z);
1312
- };
1313
- k(A, (P) => {
1314
- o(S()), ne(() => !S() || S().length === 0) && P(ve);
1315
- });
1316
- }
1317
- r(M, se), Te();
1318
- }
1319
- var zt = f('<span class="text-error ml-1 svelte-7hu4vd" aria-label="required">*</span>'), Ct = f("<label> <!></label>"), qt = f('<button type="button" aria-label="Clear input"><!></button>'), jt = f('<button type="button"><!></button>'), Et = f('<div class="flex items-center gap-1 svelte-7hu4vd"><!> <span class="svelte-7hu4vd"> </span></div>'), Bt = f('<div class="flex items-center gap-1 svelte-7hu4vd"><!> <span class="svelte-7hu4vd"> </span></div>'), Lt = f('<span class="svelte-7hu4vd"> </span>'), Nt = f("<div><!></div>"), Tt = f('<div><!> <div class="relative svelte-7hu4vd"><input/> <div class="absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1 svelte-7hu4vd"><!> <!></div></div> <!></div>');
1320
- const Ht = {
1321
- hash: "svelte-7hu4vd",
1322
- code: `
1323
- /* Enhanced focus styles using semantic tokens */.input-focus-visible {outline:2px solid rgb(var(--color-focus-ring));outline-offset:2px;}
1324
-
1325
- /* Smooth transitions for all interactive elements */input.svelte-7hu4vd {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
1326
-
1327
- /* Placeholder styling using semantic tokens */input.svelte-7hu4vd::-moz-placeholder {-moz-transition:color 0.2s ease;transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}input.svelte-7hu4vd::placeholder {transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}input.svelte-7hu4vd:focus::-moz-placeholder {color:rgb(var(--color-text-tertiary));}input.svelte-7hu4vd:focus::placeholder {color:rgb(var(--color-text-tertiary));}
1328
-
1329
- /* Number input spinner styling */input[type="number"].svelte-7hu4vd::-webkit-outer-spin-button,
1330
- input[type="number"].svelte-7hu4vd::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}input[type="number"].svelte-7hu4vd {-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;}
1331
-
1332
- /* Search input styling */input[type="search"].svelte-7hu4vd::-webkit-search-cancel-button,
1333
- input[type="search"].svelte-7hu4vd::-webkit-search-decoration {-webkit-appearance:none;}
1334
-
1335
- /* Action button hover effects */button[aria-label].svelte-7hu4vd {transition:all 0.2s ease;}button[aria-label].svelte-7hu4vd:hover {transform:scale(1.05);}button[aria-label].svelte-7hu4vd:active {transform:scale(0.95);}
1336
-
1337
- /* Focus ring animation */.focus-ring.svelte-7hu4vd {
1338
- animation: svelte-7hu4vd-focus-ring-pulse 0.2s ease-out;}
1339
-
1340
- @keyframes svelte-7hu4vd-focus-ring-pulse {
1341
- 0% {
1342
- transform: scale(0.95);
1343
- opacity: 0;
1344
- }
1345
- 100% {
1346
- transform: scale(1);
1347
- opacity: 1;
1348
- }
1349
- }`
1350
- };
1351
- function cr(M, a) {
1352
- He(a, !1), sa(M, Ht);
1353
- const c = i(), d = i(), b = i(), F = i(), v = i(), p = i(), O = i(), j = i(), Y = i(), W = i(), J = i(), E = i();
1354
- let S = t(a, "value", 12, ""), Q = t(a, "type", 8, "text"), B = t(a, "label", 8, ""), m = t(a, "placeholder", 8, ""), y = t(a, "required", 8, !1), H = t(a, "disabled", 8, !1), _ = t(a, "readonly", 8, !1), G = t(a, "size", 8, "md"), R = t(a, "variant", 8, "default"), X = t(a, "error", 8, ""), ee = t(a, "success", 8, ""), se = t(a, "helpText", 8, ""), be = t(a, "className", 8, ""), ce = t(a, "id", 8, ""), le = t(a, "name", 8, void 0), xe = t(a, "maxLength", 8, void 0), ze = t(a, "minLength", 8, void 0), Ce = t(a, "pattern", 8, void 0), A = t(a, "autocomplete", 8, void 0), ve = t(a, "showPasswordToggle", 8, !1), P = t(a, "showClearButton", 8, !1), Z = t(a, "ariaLabel", 8, void 0);
1355
- const D = Xe();
1356
- let z = i(), C = i(!1), U = i(!1);
1357
- function pe(w) {
1358
- const I = w.target;
1359
- S(I.value), n(U, S() !== ""), D("input", { value: S(), event: w });
1360
- }
1361
- function qe(w) {
1362
- const I = w.target;
1363
- S(I.value), n(U, S() !== ""), D("change", { value: S(), event: w });
1364
- }
1365
- function Se(w) {
1366
- D("focus", { event: w });
1367
- }
1368
- function Pe(w) {
1369
- D("blur", { event: w });
1370
- }
1371
- function ae(w) {
1372
- D("keydown", { event: w });
1373
- }
1374
- function ge(w) {
1375
- D("keyup", { event: w });
1376
- }
1377
- function he() {
1378
- n(C, !e(C));
1379
- }
1380
- function je(w) {
1381
- var I;
1382
- w.preventDefault(), S(""), n(U, !1), D("clear", { event: w }), (I = e(z)) == null || I.focus();
1383
- }
1384
- function u() {
1385
- var w;
1386
- (w = e(z)) == null || w.focus();
1387
- }
1388
- function $() {
1389
- var w;
1390
- (w = e(z)) == null || w.blur();
1391
- }
1392
- function Ee() {
1393
- var w;
1394
- (w = e(z)) == null || w.select();
1395
- }
1396
- h(() => o(ce()), () => {
1397
- n(c, ce() || `input-${Math.random().toString(36).substr(2, 9)}`);
1398
- }), h(() => o(S()), () => {
1399
- n(U, S() !== "" && S() !== null && S() !== void 0);
1400
- }), h(() => (o(X()), o(R())), () => {
1401
- n(d, !!X() || R() === "error");
1402
- }), h(() => (o(ee()), o(R())), () => {
1403
- n(b, !!ee() || R() === "success");
1404
- }), h(() => {
1405
- }, () => {
1406
- n(F, {
1407
- sm: "px-3 py-1.5 text-sm",
1408
- md: "px-4 py-2.5 text-sm",
1409
- lg: "px-5 py-3 text-base"
1410
- });
1411
- }), h(
1412
- () => (e(F), o(G()), o(be())),
1413
- () => {
1414
- n(v, [
1415
- "w-full",
1416
- "min-w-0",
1417
- "rounded-md",
1418
- "transition-all",
1419
- "duration-200",
1420
- "ease-in-out",
1421
- "focus:outline-none",
1422
- "focus:ring-2",
1423
- "focus:ring-[var(--zabi-focus-ring)]",
1424
- "focus:ring-offset-2",
1425
- "disabled:opacity-50",
1426
- "disabled:cursor-not-allowed",
1427
- "read-only:cursor-default",
1428
- "read-only:opacity-75",
1429
- e(F)[G()],
1430
- be()
1431
- ].join(" "));
1432
- }
1433
- ), h(() => (e(d), e(b)), () => {
1434
- n(p, e(d) ? "border-[var(--zabi-error)] text-[var(--zabi-text)] placeholder-[var(--zabi-text-placeholder)] focus:ring-[var(--zabi-error)] focus:border-[var(--zabi-error)]" : e(b) ? "border-[var(--zabi-success)] text-[var(--zabi-text)] placeholder-[var(--zabi-text-placeholder)] focus:ring-[var(--zabi-success)] focus:border-[var(--zabi-success)]" : "border-[var(--zabi-border)] text-[var(--zabi-text)] placeholder-[var(--zabi-text-placeholder)] focus:ring-[var(--zabi-focus-ring)] focus:border-[var(--zabi-border-focus)]");
1435
- }), h(() => o(H()), () => {
1436
- n(O, H() ? "bg-[var(--zabi-surface-disabled)] text-[var(--zabi-text-disabled)] border-[var(--zabi-border-disabled)] cursor-not-allowed" : "");
1437
- }), h(
1438
- () => (e(v), e(p), e(O)),
1439
- () => {
1440
- n(j, [
1441
- e(v),
1442
- e(p),
1443
- e(O)
1444
- ].join(" "));
1445
- }
1446
- ), h(() => {
1447
- }, () => {
1448
- n(Y, [
1449
- "relative",
1450
- "group",
1451
- "transition-all",
1452
- "duration-200",
1453
- "ease-in-out"
1454
- ].join(" "));
1455
- }), h(() => (e(d), e(b)), () => {
1456
- n(W, [
1457
- "block",
1458
- "text-sm",
1459
- "font-medium",
1460
- "mb-2",
1461
- "transition-colors",
1462
- "duration-200",
1463
- e(d) ? "text-[var(--zabi-error)]" : e(b) ? "text-[var(--zabi-success)]" : "text-[var(--zabi-text)]"
1464
- ].join(" "));
1465
- }), h(() => (e(d), e(b)), () => {
1466
- n(J, [
1467
- "mt-2",
1468
- "text-xs",
1469
- e(d) ? "text-[var(--zabi-error)]" : e(b) ? "text-[var(--zabi-success)]" : "text-[var(--zabi-text-muted)]"
1470
- ].join(" "));
1471
- }), h(() => {
1472
- }, () => {
1473
- n(E, [
1474
- "absolute",
1475
- "right-3",
1476
- "top-1/2",
1477
- "-translate-y-1/2",
1478
- "text-tertiary",
1479
- "hover:text-primary",
1480
- "transition-colors",
1481
- "duration-200",
1482
- "focus:outline-none",
1483
- "focus:text-primary",
1484
- "focus:ring-2",
1485
- "focus:ring-focus",
1486
- "focus:ring-offset-1",
1487
- "rounded-sm",
1488
- "p-1"
1489
- ].join(" "));
1490
- }), Ye();
1491
- var _e = { focus: u, blur: $, select: Ee };
1492
- Ae();
1493
- var ue = Tt(), oe = l(ue);
1494
- {
1495
- var Le = (w) => {
1496
- var I = Ct(), te = l(I), ye = L(te);
1497
- {
1498
- var Oe = (re) => {
1499
- var Be = zt();
1500
- r(re, Be);
1501
- };
1502
- k(ye, (re) => {
1503
- y() && re(Oe);
1504
- });
1505
- }
1506
- N(() => {
1507
- T(I, "for", e(c)), K(I, 1, ie(e(W)), "svelte-7hu4vd"), de(te, `${B() ?? ""} `);
1508
- }), r(w, I);
1509
- };
1510
- k(oe, (w) => {
1511
- B() && w(Le);
1512
- });
1513
- }
1514
- var fe = L(oe, 2), g = l(fe);
1515
- Ue(g, (w) => n(z, w), () => e(z));
1516
- var Ie = L(g, 2), Ke = l(Ie);
1517
- {
1518
- var Ge = (w) => {
1519
- var I = qt(), te = l(I);
1520
- va(te, { size: 16 }), N(() => K(I, 1, ie(e(E)), "svelte-7hu4vd")), q("click", I, je), q("keydown", I, (ye) => ye.key === "Enter" && je(ye)), r(w, I);
1521
- };
1522
- k(Ke, (w) => {
1523
- P() && e(U) && !H() && !_() && w(Ge);
1524
- });
1525
- }
1526
- var x = L(Ke, 2);
1527
- {
1528
- var s = (w) => {
1529
- var I = jt(), te = l(I);
1530
- {
1531
- var ye = (re) => {
1532
- Ja(re, { size: 16 });
1533
- }, Oe = (re) => {
1534
- Qa(re, { size: 16 });
1535
- };
1536
- k(te, (re) => {
1537
- e(C) ? re(ye) : re(Oe, !1);
1538
- });
1539
- }
1540
- N(() => {
1541
- K(I, 1, ie(e(E)), "svelte-7hu4vd"), T(I, "aria-label", e(C) ? "Hide password" : "Show password");
1542
- }), q("click", I, he), q("keydown", I, (re) => re.key === "Enter" && he()), r(w, I);
1543
- };
1544
- k(x, (w) => {
1545
- ve() && Q() === "password" && w(s);
1546
- });
1547
- }
1548
- var V = L(fe, 2);
1549
- {
1550
- var we = (w) => {
1551
- var I = Nt(), te = l(I);
1552
- {
1553
- var ye = (re) => {
1554
- var Be = Et(), Ne = l(Be);
1555
- ua(Ne, { size: 14, class: "flex-shrink-0" });
1556
- var De = L(Ne, 2), Re = l(De);
1557
- N(() => de(Re, X())), r(re, Be);
1558
- }, Oe = (re) => {
1559
- var Be = ke(), Ne = me(Be);
1560
- {
1561
- var De = (Me) => {
1562
- var Fe = Bt(), Ve = l(Fe);
1563
- fa(Ve, { size: 14, class: "flex-shrink-0" });
1564
- var ra = L(Ve, 2), na = l(ra);
1565
- N(() => de(na, ee())), r(Me, Fe);
1566
- }, Re = (Me) => {
1567
- var Fe = ke(), Ve = me(Fe);
1568
- {
1569
- var ra = (na) => {
1570
- var ga = Lt(), _a = l(ga);
1571
- N(() => de(_a, se())), r(na, ga);
1572
- };
1573
- k(
1574
- Ve,
1575
- (na) => {
1576
- se() && na(ra);
1577
- },
1578
- !0
1579
- );
1580
- }
1581
- r(Me, Fe);
1582
- };
1583
- k(
1584
- Ne,
1585
- (Me) => {
1586
- e(b) ? Me(De) : Me(Re, !1);
1587
- },
1588
- !0
1589
- );
1590
- }
1591
- r(re, Be);
1592
- };
1593
- k(te, (re) => {
1594
- e(d) ? re(ye) : re(Oe, !1);
1595
- });
1596
- }
1597
- N(() => {
1598
- T(I, "id", `${e(c) ?? ""}-help`), K(I, 1, ie(e(J)), "svelte-7hu4vd");
1599
- }), r(w, I);
1600
- };
1601
- k(V, (w) => {
1602
- (e(d) || e(b) || se()) && w(we);
1603
- });
1604
- }
1605
- return N(() => {
1606
- K(ue, 1, ie(e(Y)), "svelte-7hu4vd"), T(g, "id", e(c)), T(g, "type", ve() && e(C) ? "text" : Q()), ya(g, S()), T(g, "placeholder", m()), g.disabled = H(), g.required = y(), g.readOnly = _(), T(g, "maxlength", xe()), T(g, "minlength", ze()), T(g, "pattern", Ce()), T(g, "autocomplete", A() || void 0), T(g, "name", le()), K(g, 1, ie(e(j)), "svelte-7hu4vd"), T(g, "aria-invalid", e(d) ? "true" : "false"), T(g, "aria-describedby", e(d) || e(b) || se() ? `${e(c)}-help` : void 0), T(g, "aria-label", Z() || (B() ? void 0 : "Input field")), T(g, "aria-required", y());
1607
- }), q("input", g, pe), q("change", g, qe), q("focus", g, Se), q("blur", g, Pe), q("keydown", g, ae), q("keyup", g, ge), r(M, ue), We(a, "focus", u), We(a, "blur", $), We(a, "select", Ee), Te(_e);
1608
- }
1609
- var Mt = f('<span class="text-error ml-1 svelte-1qdann5">*</span>'), St = f("<label> <!></label>"), Pt = f('<option disabled class="svelte-1qdann5"> </option>'), It = f('<option class="bg-dark-800 text-white svelte-1qdann5"> </option>'), Ot = f('<button type="button" tabindex="-1" aria-label="Clear selection"><!></button>'), Dt = f('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), Ft = f('<div class="flex items-center gap-1 svelte-1qdann5"><!> <span class="svelte-1qdann5"> </span></div>'), Rt = f('<span class="svelte-1qdann5"> </span>'), Kt = f("<div><!></div>"), Wt = f('<div><!> <div class="relative svelte-1qdann5"><select><!><!></select> <!> <div><!></div> <div></div></div> <!></div>');
1610
- const At = {
1611
- hash: "svelte-1qdann5",
1612
- code: `
1613
- /* Custom focus styles for better accessibility */.select-focus-visible {outline:2px solid var(--color-plasma-red-500);outline-offset:2px;}
1614
-
1615
- /* Smooth transitions for all interactive elements */select.svelte-1qdann5 {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
1616
-
1617
- /* Custom dropdown arrow styling */select.svelte-1qdann5::-ms-expand {display:none;}
1618
-
1619
- /* Option styling */option.svelte-1qdann5 {background-color:var(--color-dark-800);color:white;padding:0.5rem;}
1620
-
1621
- /* Hover effects */.select-container.svelte-1qdann5:hover .select-icon:where(.svelte-1qdann5) {transform:scale(1.1);}.select-container.svelte-1qdann5:active .select-icon:where(.svelte-1qdann5) {transform:scale(0.95);}
1622
-
1623
- /* Clear button hover effects */button[aria-label="Clear selection"].svelte-1qdann5 {transition:all 0.2s ease;}button[aria-label="Clear selection"].svelte-1qdann5:hover {transform:scale(1.1);}button[aria-label="Clear selection"].svelte-1qdann5:active {transform:scale(0.95);}
1624
-
1625
- /* Focus ring animation */.select-focus-ring.svelte-1qdann5 {
1626
- animation: svelte-1qdann5-select-focus-ring-pulse 0.2s ease-out;}
1627
-
1628
- @keyframes svelte-1qdann5-select-focus-ring-pulse {
1629
- 0% {
1630
- transform: scale(0.95);
1631
- opacity: 0;
1632
- }
1633
- 100% {
1634
- transform: scale(1);
1635
- opacity: 1;
1636
- }
1637
- }
1638
-
1639
- /* Disabled state styling */.select-disabled.svelte-1qdann5 {opacity:0.5;cursor:not-allowed;}.select-disabled.svelte-1qdann5:hover {transform:none;}
1640
-
1641
- /* Required indicator styling */.select-required.svelte-1qdann5 {color:var(--color-blood-red-500);}`
1642
- };
1643
- function vr(M, a) {
1644
- He(a, !1), sa(M, At);
1645
- const c = i(), d = i(), b = i(), F = i(), v = i(), p = i(), O = i(), j = i(), Y = i(), W = i(), J = i();
1646
- let E = t(a, "value", 12, void 0), S = t(a, "options", 24, () => []), Q = t(a, "placeholder", 8, "Select an option"), B = t(a, "label", 8, ""), m = t(a, "disabled", 8, !1), y = t(a, "required", 8, !1), H = t(a, "error", 8, ""), _ = t(a, "success", 8, ""), G = t(a, "helpText", 8, ""), R = t(a, "size", 8, "md"), X = t(a, "variant", 8, "outlined"), ee = t(a, "searchable", 8, !1), se = t(a, "clearable", 8, !1), be = t(a, "name", 8, void 0), ce = t(a, "id", 8, void 0), le = t(a, "className", 8, "");
1647
- const xe = Xe();
1648
- let ze = i(), Ce = i(!1), A = i(""), ve = i([]);
1649
- function P(x) {
1650
- const s = x.target;
1651
- E(s.value), xe("input", { value: String(E()) });
1652
- }
1653
- function Z(x) {
1654
- const s = x.target;
1655
- E(s.value), xe("change", { value: String(E()) });
1656
- }
1657
- function D(x) {
1658
- n(Ce, !0), xe("focus", { event: x });
1659
- }
1660
- function z(x) {
1661
- n(Ce, !1), xe("blur", { event: x });
1662
- }
1663
- function C(x) {
1664
- xe("keydown", { event: x });
1665
- }
1666
- function U(x) {
1667
- xe("keyup", { event: x });
1668
- }
1669
- function pe(x) {
1670
- x.stopPropagation(), E(void 0), xe("clear", { event: x });
1671
- }
1672
- function qe() {
1673
- var x;
1674
- (x = e(ze)) == null || x.focus();
1675
- }
1676
- function Se() {
1677
- var x;
1678
- (x = e(ze)) == null || x.blur();
1679
- }
1680
- h(() => o(ce()), () => {
1681
- n(c, ce() || `select-${Math.random().toString(36).substr(2, 9)}`);
1682
- }), h(
1683
- () => (o(ee()), e(A), o(S())),
1684
- () => {
1685
- ee() && e(A) ? n(ve, S().filter((x) => x.label.toLowerCase().includes(e(A).toLowerCase()))) : n(ve, S());
1686
- }
1687
- ), h(() => (o(S()), o(E())), () => {
1688
- n(d, S().find((x) => x.value === E()));
1689
- }), h(() => {
1690
- }, () => {
1691
- n(b, {
1692
- sm: "px-3 py-1.5 text-sm",
1693
- md: "px-4 py-2.5 text-base",
1694
- lg: "px-5 py-3 text-lg"
1695
- });
1696
- }), h(() => {
1697
- }, () => {
1698
- n(F, {
1699
- outlined: "border border-primary bg-surface",
1700
- filled: "border-0 bg-surface-secondary",
1701
- underlined: "border-0 border-b border-primary bg-transparent rounded-none"
1702
- });
1703
- }), h(() => (o(H()), o(_())), () => {
1704
- n(v, H() ? "focus:ring-error border-error" : _() ? "focus:ring-success border-success" : "");
1705
- }), h(() => {
1706
- }, () => {
1707
- n(p, [
1708
- "relative",
1709
- "group",
1710
- "transition-all",
1711
- "duration-200",
1712
- "ease-in-out"
1713
- ].join(" "));
1714
- }), h(
1715
- () => (o(X()), e(b), o(R()), e(F), e(v), o(le())),
1716
- () => {
1717
- n(O, [
1718
- "w-full",
1719
- "min-w-40 sm:min-w-48 md:min-w-56 lg:min-w-64",
1720
- X() === "underlined" ? "rounded-none" : "rounded-lg",
1721
- "transition-all",
1722
- "duration-200",
1723
- "ease-in-out",
1724
- "focus:outline-none",
1725
- "focus:ring-2",
1726
- "focus:ring-offset-2",
1727
- "focus:ring-offset-dark-900",
1728
- "disabled:opacity-50",
1729
- "disabled:cursor-not-allowed",
1730
- "cursor-pointer",
1731
- "appearance-none",
1732
- "pr-10",
1733
- e(b)[R()],
1734
- e(F)[X()],
1735
- e(v),
1736
- le()
1737
- ].join(" "));
1738
- }
1739
- ), h(() => (o(H()), o(_())), () => {
1740
- n(j, [
1741
- "block",
1742
- "text-sm",
1743
- "font-medium",
1744
- "mb-2",
1745
- "transition-colors",
1746
- "duration-200",
1747
- H() ? "text-error" : _() ? "text-success" : "text-primary"
1748
- ].join(" "));
1749
- }), h(() => (o(H()), o(_())), () => {
1750
- n(Y, [
1751
- "mt-2",
1752
- "text-xs",
1753
- H() ? "text-error" : _() ? "text-success" : "text-tertiary"
1754
- ].join(" "));
1755
- }), h(() => o(R()), () => {
1756
- n(W, [
1757
- "absolute",
1758
- "right-3",
1759
- "top-1/2",
1760
- "-translate-y-1/2",
1761
- "pointer-events-none",
1762
- "transition-transform",
1763
- "duration-200",
1764
- "",
1765
- R() === "sm" ? "w-4 h-4" : R() === "md" ? "w-5 h-5" : "w-6 h-6"
1766
- ].join(" "));
1767
- }), h(() => o(R()), () => {
1768
- n(J, [
1769
- "absolute",
1770
- "right-8",
1771
- "top-1/2",
1772
- "-translate-y-1/2",
1773
- "text-gray-400",
1774
- "hover:text-white",
1775
- "transition-colors",
1776
- "duration-200",
1777
- "focus:outline-none",
1778
- "focus:text-white",
1779
- R() === "sm" ? "w-4 h-4" : R() === "md" ? "w-5 h-5" : "w-6 h-6"
1780
- ].join(" "));
1781
- }), Ye();
1782
- var Pe = { focus: qe, blur: Se };
1783
- Ae();
1784
- var ae = Wt(), ge = l(ae);
1785
- {
1786
- var he = (x) => {
1787
- var s = St(), V = l(s), we = L(V);
1788
- {
1789
- var w = (I) => {
1790
- var te = Mt();
1791
- r(I, te);
1792
- };
1793
- k(we, (I) => {
1794
- y() && I(w);
1795
- });
1796
- }
1797
- N(() => {
1798
- T(s, "for", e(c)), K(s, 1, ie(e(j)), "svelte-1qdann5"), de(V, `${B() ?? ""} `);
1799
- }), r(x, s);
1800
- };
1801
- k(ge, (x) => {
1802
- B() && x(he);
1803
- });
1804
- }
1805
- var je = L(ge, 2), u = l(je), $ = l(u);
1806
- {
1807
- var Ee = (x) => {
1808
- var s = Pt(), V = l(s);
1809
- s.value = s.__value = "", N(() => de(V, Q())), r(x, s);
1810
- };
1811
- k($, (x) => {
1812
- Q() && !E() && x(Ee);
1813
- });
1814
- }
1815
- var _e = L($);
1816
- ta(_e, 1, () => e(ve), (x) => x.value, (x, s) => {
1817
- var V = It(), we = l(V), w = {};
1818
- N(() => {
1819
- V.disabled = (e(s), ne(() => e(s).disabled)), de(we, (e(s), ne(() => e(s).label))), w !== (w = (e(s), ne(() => e(s).value))) && (V.value = (V.__value = (e(s), ne(() => e(s).value))) ?? "");
1820
- }), r(x, V);
1821
- }), Ue(u, (x) => n(ze, x), () => e(ze));
1822
- var ue;
1823
- Ea(u);
1824
- var oe = L(u, 2);
1825
- {
1826
- var Le = (x) => {
1827
- var s = Ot(), V = l(s);
1828
- {
1829
- let we = xa(() => R() === "sm" ? 12 : R() === "md" ? 16 : 20);
1830
- va(V, {
1831
- get size() {
1832
- return e(we);
1833
- }
1834
- });
1835
- }
1836
- N(() => K(s, 1, ie(e(J)), "svelte-1qdann5")), q("click", s, pe), q("keydown", s, (we) => we.key === "Enter" && pe(we)), r(x, s);
1837
- };
1838
- k(oe, (x) => {
1839
- se() && E() !== void 0 && E() !== "" && x(Le);
1840
- });
1841
- }
1842
- var fe = L(oe, 2), g = l(fe);
1843
- {
1844
- let x = xa(() => R() === "sm" ? 16 : R() === "md" ? 20 : 24);
1845
- Ua(g, {
1846
- get size() {
1847
- return e(x);
1848
- }
1849
- });
1850
- }
1851
- var Ie = L(fe, 2), Ke = L(je, 2);
1852
- {
1853
- var Ge = (x) => {
1854
- var s = Kt(), V = l(s);
1855
- {
1856
- var we = (I) => {
1857
- var te = Dt(), ye = l(te);
1858
- ua(ye, { size: 16, class: "flex-shrink-0" });
1859
- var Oe = L(ye, 2), re = l(Oe);
1860
- N(() => de(re, H())), r(I, te);
1861
- }, w = (I) => {
1862
- var te = ke(), ye = me(te);
1863
- {
1864
- var Oe = (Be) => {
1865
- var Ne = Ft(), De = l(Ne);
1866
- fa(De, { size: 16, class: "flex-shrink-0" });
1867
- var Re = L(De, 2), Me = l(Re);
1868
- N(() => de(Me, _())), r(Be, Ne);
1869
- }, re = (Be) => {
1870
- var Ne = ke(), De = me(Ne);
1871
- {
1872
- var Re = (Me) => {
1873
- var Fe = Rt(), Ve = l(Fe);
1874
- N(() => de(Ve, G())), r(Me, Fe);
1875
- };
1876
- k(
1877
- De,
1878
- (Me) => {
1879
- G() && Me(Re);
1880
- },
1881
- !0
1882
- );
1883
- }
1884
- r(Be, Ne);
1885
- };
1886
- k(
1887
- ye,
1888
- (Be) => {
1889
- _() ? Be(Oe) : Be(re, !1);
1890
- },
1891
- !0
1892
- );
1893
- }
1894
- r(I, te);
1895
- };
1896
- k(V, (I) => {
1897
- H() ? I(we) : I(w, !1);
1898
- });
1899
- }
1900
- N(() => {
1901
- T(s, "id", `${e(c) ?? ""}-help`), K(s, 1, ie(e(Y)), "svelte-1qdann5");
1902
- }), r(x, s);
1903
- };
1904
- k(Ke, (x) => {
1905
- (H() || _() || G()) && x(Ge);
1906
- });
1907
- }
1908
- return N(() => {
1909
- K(ae, 1, ie(e(p)), "svelte-1qdann5"), T(u, "id", e(c)), u.disabled = m(), u.required = y(), T(u, "name", be()), K(u, 1, ie(e(O)), "svelte-1qdann5"), T(u, "aria-invalid", H() ? "true" : "false"), T(u, "aria-describedby", H() || _() || G() ? `${e(c)}-help` : void 0), ue !== (ue = E()) && (u.value = (u.__value = E()) ?? "", Ba(u, E())), K(fe, 1, ie(e(W)), "svelte-1qdann5"), K(Ie, 1, `absolute inset-0 rounded-lg pointer-events-none transition-all duration-200 ${e(Ce) ? "ring-2 ring-primary" : ""}`, "svelte-1qdann5");
1910
- }), q("input", u, P), q("change", u, Z), q("focus", u, D), q("blur", u, z), q("keydown", u, C), q("keyup", u, U), r(M, ae), We(a, "focus", qe), We(a, "blur", Se), Te(Pe);
1911
- }
1912
- var Xt = f('<span class="text-error ml-1 svelte-1bsl3nr" aria-label="required">*</span>'), Gt = f("<label> <!></label>"), Vt = f("<div> </div>"), Yt = f('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), Ut = f('<div class="flex items-center gap-1 svelte-1bsl3nr"><!> <span class="svelte-1bsl3nr"> </span></div>'), Jt = f('<span class="svelte-1bsl3nr"> </span>'), Qt = f("<div><!></div>"), Zt = f('<div><!> <div class="relative svelte-1bsl3nr"><textarea></textarea></div> <!> <!></div>');
1913
- const $t = {
1914
- hash: "svelte-1bsl3nr",
1915
- code: `
1916
- /* Enhanced focus styles using semantic tokens */.textarea-focus-visible {outline:2px solid rgb(var(--color-focus-ring));outline-offset:2px;}
1917
-
1918
- /* Smooth transitions for all interactive elements */textarea.svelte-1bsl3nr {transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
1919
-
1920
- /* Custom scrollbar for textarea using semantic tokens */textarea.svelte-1bsl3nr::-webkit-scrollbar {width:6px;}textarea.svelte-1bsl3nr::-webkit-scrollbar-track {background:transparent;}textarea.svelte-1bsl3nr::-webkit-scrollbar-thumb {background:rgb(var(--color-border-secondary));border-radius:3px;}textarea.svelte-1bsl3nr::-webkit-scrollbar-thumb:hover {background:rgb(var(--color-border-hover));}
1921
-
1922
- /* Placeholder styling using semantic tokens */textarea.svelte-1bsl3nr::-moz-placeholder {-moz-transition:color 0.2s ease;transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}textarea.svelte-1bsl3nr::placeholder {transition:color 0.2s ease;color:rgb(var(--color-text-placeholder));}textarea.svelte-1bsl3nr:focus::-moz-placeholder {color:rgb(var(--color-text-tertiary));}textarea.svelte-1bsl3nr:focus::placeholder {color:rgb(var(--color-text-tertiary));}
1923
-
1924
- /* Character count styling using semantic tokens */.char-count-warning.svelte-1bsl3nr {color:rgb(var(--color-warning));}.char-count-error.svelte-1bsl3nr {color:rgb(var(--color-error));}
1925
-
1926
- /* Resize handle styling */textarea.svelte-1bsl3nr:not(.resize-none) {resize:both;}textarea.resize-x.svelte-1bsl3nr {resize:horizontal;}textarea.resize-y.svelte-1bsl3nr {resize:vertical;}
1927
-
1928
- /* Focus ring animation */.focus-ring.svelte-1bsl3nr {
1929
- animation: svelte-1bsl3nr-focus-ring-pulse 0.2s ease-out;}
1930
-
1931
- @keyframes svelte-1bsl3nr-focus-ring-pulse {
1932
- 0% {
1933
- transform: scale(0.95);
1934
- opacity: 0;
1935
- }
1936
- 100% {
1937
- transform: scale(1);
1938
- opacity: 1;
1939
- }
1940
- }`
1941
- };
1942
- function ur(M, a) {
1943
- He(a, !1), sa(M, $t);
1944
- const c = i(), d = i(), b = i(), F = i(), v = i(), p = i(), O = i(), j = i(), Y = i(), W = i(), J = i(), E = i(), S = i(), Q = i();
1945
- let B = t(a, "value", 12, ""), m = t(a, "label", 8, ""), y = t(a, "placeholder", 8, ""), H = t(a, "helperText", 8, ""), _ = t(a, "disabled", 8, !1), G = t(a, "required", 8, !1), R = t(a, "readonly", 8, !1), X = t(a, "id", 8, void 0), ee = t(a, "name", 8, void 0), se = t(a, "error", 8, ""), be = t(a, "success", 8, ""), ce = t(a, "helpText", 8, ""), le = t(a, "maxLength", 8, void 0), xe = t(a, "minLength", 8, void 0), ze = t(a, "rows", 8, 4), Ce = t(a, "resize", 8, "vertical"), A = t(a, "autoResize", 8, !1), ve = t(a, "size", 8, "md"), P = t(a, "variant", 8, "outlined"), Z = t(a, "className", 8, ""), D = t(a, "ariaLabel", 8, void 0);
1946
- const z = Xe();
1947
- let C = i(), U = i(!1);
1948
- function pe(s) {
1949
- const V = s.target;
1950
- B(V.value), n(U, B() !== ""), A() && je(), z("input", { value: B() });
1951
- }
1952
- function qe(s) {
1953
- const V = s.target;
1954
- B(V.value), n(U, B() !== ""), z("change", { value: B() });
1955
- }
1956
- function Se(s) {
1957
- z("focus", { event: s });
1958
- }
1959
- function Pe(s) {
1960
- z("blur", { event: s });
1961
- }
1962
- function ae(s) {
1963
- z("keydown", { event: s });
1964
- }
1965
- function ge(s) {
1966
- z("keyup", { event: s });
1967
- }
1968
- function he(s) {
1969
- z("resize", { event: s });
1970
- }
1971
- function je() {
1972
- e(C) && (oa(C, e(C).style.height = "auto"), oa(C, e(C).style.height = e(C).scrollHeight + "px"));
1973
- }
1974
- function u() {
1975
- var s;
1976
- (s = e(C)) == null || s.focus();
1977
- }
1978
- function $() {
1979
- var s;
1980
- (s = e(C)) == null || s.blur();
1981
- }
1982
- function Ee() {
1983
- var s;
1984
- (s = e(C)) == null || s.select();
1985
- }
1986
- h(() => o(X()), () => {
1987
- n(c, X() || `textarea-${Math.random().toString(36).substr(2, 9)}`);
1988
- }), h(() => o(B()), () => {
1989
- n(U, B() !== "" && B() !== null && B() !== void 0);
1990
- }), h(() => o(se()), () => {
1991
- n(d, !!se());
1992
- }), h(() => o(be()), () => {
1993
- n(b, !!be());
1994
- }), h(() => {
1995
- }, () => {
1996
- n(F, {
1997
- sm: "px-3 py-1.5 text-sm",
1998
- md: "px-4 py-2.5 text-sm",
1999
- lg: "px-5 py-3 text-base"
2000
- });
2001
- }), h(() => {
2002
- }, () => {
2003
- n(v, {
2004
- outlined: "border border-primary bg-surface",
2005
- filled: "border-0 bg-surface-secondary",
2006
- underlined: "border-0 border-b border-primary bg-transparent rounded-none"
2007
- });
2008
- }), h(() => {
2009
- }, () => {
2010
- n(p, {
2011
- none: "resize-none",
2012
- both: "resize",
2013
- horizontal: "resize-x",
2014
- vertical: "resize-y"
2015
- });
2016
- }), h(
2017
- () => (o(P()), e(F), o(ve()), e(v), e(p), o(Ce()), o(Z())),
2018
- () => {
2019
- n(O, [
2020
- "w-full",
2021
- "min-w-0",
2022
- P() === "underlined" ? "rounded-none" : "rounded-md",
2023
- "transition-all",
2024
- "duration-200",
2025
- "ease-in-out",
2026
- "focus:outline-none",
2027
- "focus:ring-2",
2028
- "focus:ring-focus",
2029
- "focus:ring-offset-2",
2030
- "focus:ring-offset-surface",
2031
- "disabled:opacity-50",
2032
- "disabled:cursor-not-allowed",
2033
- "read-only:cursor-default",
2034
- "read-only:opacity-75",
2035
- "overflow-hidden",
2036
- e(F)[ve()],
2037
- e(v)[P()],
2038
- e(p)[Ce()],
2039
- Z()
2040
- ].join(" "));
2041
- }
2042
- ), h(() => (e(d), e(b)), () => {
2043
- n(j, e(d) ? "border-error text-primary placeholder-placeholder focus:ring-error focus:border-error" : e(b) ? "border-success text-primary placeholder-placeholder focus:ring-success focus:border-success" : "text-primary placeholder-placeholder focus:ring-focus focus:border-focus");
2044
- }), h(() => o(_()), () => {
2045
- n(Y, _() ? "bg-surface-disabled text-disabled border-disabled cursor-not-allowed" : "");
2046
- }), h(
2047
- () => (e(O), e(j), e(Y)),
2048
- () => {
2049
- n(W, [
2050
- e(O),
2051
- e(j),
2052
- e(Y)
2053
- ].join(" "));
2054
- }
2055
- ), h(() => {
2056
- }, () => {
2057
- n(J, [
2058
- "relative",
2059
- "group",
2060
- "transition-all",
2061
- "duration-200",
2062
- "ease-in-out"
2063
- ].join(" "));
2064
- }), h(() => (e(d), e(b)), () => {
2065
- n(E, [
2066
- "block",
2067
- "text-sm",
2068
- "font-medium",
2069
- "mb-2",
2070
- "transition-colors",
2071
- "duration-200",
2072
- e(d) ? "text-error" : e(b) ? "text-success" : "text-primary"
2073
- ].join(" "));
2074
- }), h(() => (e(d), e(b)), () => {
2075
- n(S, [
2076
- "mt-2",
2077
- "text-xs",
2078
- e(d) ? "text-error" : e(b) ? "text-success" : "text-secondary"
2079
- ].join(" "));
2080
- }), h(() => (o(le()), o(B())), () => {
2081
- n(Q, [
2082
- "text-xs",
2083
- "text-secondary",
2084
- "mt-1",
2085
- "text-right",
2086
- le() && B().length > le() * 0.9 ? "text-warning" : "",
2087
- le() && B().length >= le() ? "text-error" : ""
2088
- ].join(" "));
2089
- }), Ye();
2090
- var _e = { focus: u, blur: $, select: Ee };
2091
- Ae();
2092
- var ue = Zt(), oe = l(ue);
2093
- {
2094
- var Le = (s) => {
2095
- var V = Gt(), we = l(V), w = L(we);
2096
- {
2097
- var I = (te) => {
2098
- var ye = Xt();
2099
- r(te, ye);
2100
- };
2101
- k(w, (te) => {
2102
- G() && te(I);
2103
- });
2104
- }
2105
- N(() => {
2106
- T(V, "for", e(c)), K(V, 1, ie(e(E)), "svelte-1bsl3nr"), de(we, `${m() ?? ""} `);
2107
- }), r(s, V);
2108
- };
2109
- k(oe, (s) => {
2110
- m() && s(Le);
2111
- });
2112
- }
2113
- var fe = L(oe, 2), g = l(fe);
2114
- Ue(g, (s) => n(C, s), () => e(C));
2115
- var Ie = L(fe, 2);
2116
- {
2117
- var Ke = (s) => {
2118
- var V = Vt(), we = l(V);
2119
- N(() => {
2120
- K(V, 1, ie(e(Q)), "svelte-1bsl3nr"), de(we, `${o(B()), ne(() => B().length) ?? ""}/${le() ?? ""}`);
2121
- }), r(s, V);
2122
- };
2123
- k(Ie, (s) => {
2124
- le() && s(Ke);
2125
- });
2126
- }
2127
- var Ge = L(Ie, 2);
2128
- {
2129
- var x = (s) => {
2130
- var V = Qt(), we = l(V);
2131
- {
2132
- var w = (te) => {
2133
- var ye = Yt(), Oe = l(ye);
2134
- ua(Oe, { size: 14, class: "flex-shrink-0" });
2135
- var re = L(Oe, 2), Be = l(re);
2136
- N(() => de(Be, se())), r(te, ye);
2137
- }, I = (te) => {
2138
- var ye = ke(), Oe = me(ye);
2139
- {
2140
- var re = (Ne) => {
2141
- var De = Ut(), Re = l(De);
2142
- fa(Re, { size: 14, class: "flex-shrink-0" });
2143
- var Me = L(Re, 2), Fe = l(Me);
2144
- N(() => de(Fe, be())), r(Ne, De);
2145
- }, Be = (Ne) => {
2146
- var De = ke(), Re = me(De);
2147
- {
2148
- var Me = (Fe) => {
2149
- var Ve = Jt(), ra = l(Ve);
2150
- N(() => de(ra, ce())), r(Fe, Ve);
2151
- };
2152
- k(
2153
- Re,
2154
- (Fe) => {
2155
- ce() && Fe(Me);
2156
- },
2157
- !0
2158
- );
2159
- }
2160
- r(Ne, De);
2161
- };
2162
- k(
2163
- Oe,
2164
- (Ne) => {
2165
- e(b) ? Ne(re) : Ne(Be, !1);
2166
- },
2167
- !0
2168
- );
2169
- }
2170
- r(te, ye);
2171
- };
2172
- k(we, (te) => {
2173
- e(d) ? te(w) : te(I, !1);
2174
- });
2175
- }
2176
- N(() => {
2177
- T(V, "id", `${e(c) ?? ""}-help`), K(V, 1, ie(e(S)), "svelte-1bsl3nr");
2178
- }), r(s, V);
2179
- };
2180
- k(Ge, (s) => {
2181
- (e(d) || e(b) || ce()) && s(x);
2182
- });
2183
- }
2184
- return N(() => {
2185
- K(ue, 1, ie(e(J)), "svelte-1bsl3nr"), T(g, "id", e(c)), ya(g, B()), T(g, "placeholder", y()), g.disabled = _(), g.required = G(), g.readOnly = R(), T(g, "maxlength", le()), T(g, "minlength", xe()), T(g, "name", ee()), T(g, "rows", ze()), K(g, 1, ie(e(W)), "svelte-1bsl3nr"), T(g, "aria-invalid", e(d) ? "true" : "false"), T(g, "aria-describedby", e(d) || e(b) || H() || le() ? `${e(c)}-help` : void 0), T(g, "aria-label", D() || (m() ? void 0 : "Textarea field")), T(g, "aria-required", G());
2186
- }), q("input", g, pe), q("change", g, qe), q("focus", g, (s) => Se(s)), q("blur", g, (s) => Pe(s)), q("keydown", g, (s) => ae(s)), q("keyup", g, (s) => ge(s)), q("resize", g, he), r(M, ue), We(a, "focus", u), We(a, "blur", $), We(a, "select", Ee), Te(_e);
2187
- }
2188
- var er = f('<span class="text-red-400 ml-1">*</span>'), ar = f('<button type="button" role="radio"><!> <span class="hidden sm:inline"> </span></button>'), tr = f('<div class="space-y-2"><label class="block text-sm font-medium text-stone-300"> <!></label> <div class="flex gap-1 p-1 bg-stone-800 rounded-lg border border-stone-700 min-w-48 sm:min-w-56 md:min-w-64 lg:min-w-72" role="radiogroup"></div></div>');
2189
- function fr(M, a) {
2190
- He(a, !1);
2191
- let c = t(a, "value", 12, "center"), d = t(a, "label", 8, "Text Alignment"), b = t(a, "required", 8, !1), F = t(a, "size", 8, "sm");
2192
- const v = Xe(), p = `text-alignment-${Math.random().toString(36).substr(2, 9)}`, O = [
2193
- { value: "left", label: "Left", component: et },
2194
- { value: "center", label: "Center", component: Za },
2195
- { value: "right", label: "Right", component: $a }
2196
- ];
2197
- function j(m) {
2198
- c(m), v("change", { value: m });
2199
- }
2200
- const Y = {
2201
- sm: "text-xs px-2 py-1",
2202
- md: "text-sm px-3 py-2",
2203
- lg: "text-base px-4 py-3"
2204
- };
2205
- Ae();
2206
- var W = tr(), J = l(W), E = l(J), S = L(E);
2207
- {
2208
- var Q = (m) => {
2209
- var y = er();
2210
- r(m, y);
2211
- };
2212
- k(S, (m) => {
2213
- b() && m(Q);
2214
- });
2215
- }
2216
- var B = L(J, 2);
2217
- ta(B, 5, () => O, La, (m, y) => {
2218
- var H = ar(), _ = l(H);
2219
- ia(_, () => e(y).component, (X, ee) => {
2220
- ee(X, { size: 16 });
2221
- });
2222
- var G = L(_, 2), R = l(G);
2223
- N(() => {
2224
- K(H, 1, `flex-1 flex items-center justify-center gap-2 ${o(F()), ne(() => Y[F()]) ?? ""} rounded-md transition-all duration-200 ${o(c()), e(y), ne(() => c() === e(y).value ? "bg-blue-600 text-white shadow-sm" : "text-stone-400 hover:text-stone-200 hover:bg-stone-700") ?? ""}`), T(H, "aria-checked", (o(c()), e(y), ne(() => c() === e(y).value))), T(H, "aria-label", (e(y), ne(() => e(y).label))), de(R, (e(y), ne(() => e(y).label)));
2225
- }), q("click", H, () => j(e(y).value)), q("keydown", H, (X) => X.key === "Enter" && j(e(y).value)), r(m, H);
2226
- }), N(() => {
2227
- T(J, "for", p), de(E, `${d() ?? ""} `), T(B, "id", p), T(B, "aria-label", d());
2228
- }), r(M, W), Te();
2229
- }
2230
- var rr = f('<button type="button" class="text-sm font-medium text-primary cursor-pointer select-none hover:text-secondary transition-colors"> </button>'), nr = f('<div><button type="button" role="switch"><span></span></button> <!></div>');
2231
- function br(M, a) {
2232
- He(a, !1);
2233
- const c = i();
2234
- let d = t(a, "checked", 12, !1), b = t(a, "disabled", 8, !1), F = t(a, "label", 8, ""), v = t(a, "size", 8, "md"), p = t(a, "className", 8, "");
2235
- const O = Xe();
2236
- function j() {
2237
- b() || (d(!d()), O("change", { checked: d() }));
2238
- }
2239
- const Y = { sm: "w-8 h-4", md: "w-11 h-6", lg: "w-14 h-7" }, W = { sm: "w-3 h-3", md: "w-5 h-5", lg: "w-6 h-6" };
2240
- h(() => o(d()), () => {
2241
- n(c, {
2242
- sm: d() ? "translate-x-4" : "translate-x-0",
2243
- md: d() ? "translate-x-5" : "translate-x-0",
2244
- lg: d() ? "translate-x-7" : "translate-x-0"
2245
- });
2246
- }), Ye(), Ae();
2247
- var J = nr(), E = l(J), S = l(E), Q = L(E, 2);
2248
- {
2249
- var B = (m) => {
2250
- var y = rr(), H = l(y);
2251
- N(() => de(H, F())), q("click", y, j), q("keydown", y, (_) => {
2252
- const G = _;
2253
- (G.key === "Enter" || G.key === " ") && (G.preventDefault(), j());
2254
- }), r(m, y);
2255
- };
2256
- k(Q, (m) => {
2257
- F() && m(B);
2258
- });
2259
- }
2260
- N(() => {
2261
- K(J, 1, `flex items-center space-x-3 min-w-32 sm:min-w-36 md:min-w-40 lg:min-w-44 ${p() ?? ""}`), T(E, "aria-checked", d()), T(E, "aria-label", F() || "Toggle"), E.disabled = b(), K(E, 1, `relative inline-flex ${o(v()), ne(() => Y[v()]) ?? ""} flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 ${d() ? "bg-primary" : "bg-surface-tertiary"} ${b() ? "opacity-50 cursor-not-allowed" : "hover:bg-opacity-80"}`), K(S, 1, `pointer-events-none inline-block ${o(v()), ne(() => W[v()]) ?? ""} transform rounded-full bg-surface shadow-lg ring-0 transition duration-200 ease-in-out ${e(c), o(v()), ne(() => e(c)[v()]) ?? ""}`);
2262
- }), q("click", E, j), q("keydown", E, (m) => {
2263
- const y = m;
2264
- (y.key === "Enter" || y.key === " ") && (y.preventDefault(), j());
2265
- }), r(M, J), Te();
2266
- }
2267
- export {
2268
- or as B,
2269
- ir as C,
2270
- Ya as D,
2271
- cr as I,
2272
- vr as S,
2273
- ur as T,
2274
- dr as a,
2275
- fr as b,
2276
- br as c,
2277
- st as d
2278
- };