zabi-components 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,634 @@
1
+ import { p as P, l as ue, a as he, i as re, j as g, b as f, t as M, d as s, e as se, g as le, h as ee, s as _, m as a, o as e, z as W, q as be, u as r, A as h, w as te, v as A, c as X, f as Q, B as Y, r as ce, C as ye, k as ke, D as ge } from "./index-DInFKA3g.js";
2
+ import { s as pe, e as we, B as Z, T as $e, S as je, C as ze, c as Ue, a as Ce, b as Me, I as qe } from "./Toggle-q1tBzXDR.js";
3
+ import { createEventDispatcher as me, onDestroy as Be } from "svelte";
4
+ var Pe = g('<button class="absolute top-3 right-3 z-10 w-6 h-6 flex items-center justify-center rounded-full bg-black/20 hover:bg-black/40 transition-all duration-200 group" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Fe = g('<h3 class="text-xl font-bold"> </h3>'), Ie = g('<div class="bg-black bg-opacity-50 rounded-lg p-3 mb-4"><p class="text-sm font-mono">> AUTHENTICATION FAILED</p></div>'), Le = g('<p class="text-sm leading-relaxed"> </p>'), De = g('<div class="text-center"><div class="flex items-center justify-center gap-3 mb-4"><div class="text-4xl"> </div> <!></div> <!> <!></div>'), Te = g('<h4 class="font-semibold text-sm mb-1"> </h4>'), Oe = g('<p class="text-sm"> </p>'), Ae = g('<div class="flex items-start gap-3"><div class="text-lg flex-shrink-0 mt-0.5"> </div> <div class="flex-1 min-w-0"><!> <!></div></div>'), Re = g('<div role="alert"><!> <div class="pr-8"><!></div> <!></div>');
5
+ function nt(J, u) {
6
+ le(u, !1);
7
+ const l = W(), F = W(), R = W();
8
+ let p = P(u, "type", 8, "info"), S = P(u, "title", 8, ""), m = P(u, "message", 8, ""), t = P(u, "dismissible", 8, !0), $ = P(u, "onDismiss", 8, null);
9
+ function j() {
10
+ $() && $()();
11
+ }
12
+ ue(() => {
13
+ }, () => {
14
+ h(l, {
15
+ error: "bg-red-500/20 text-red-100",
16
+ warning: "bg-yellow-500/20 text-yellow-100",
17
+ success: "bg-green-500/20 text-green-100",
18
+ info: "bg-blue-500/20 text-blue-100",
19
+ "game-error": "bg-gradient-to-br from-red-900 via-red-800 to-red-900 text-red-100 transform shadow-2xl"
20
+ });
21
+ }), ue(() => {
22
+ }, () => {
23
+ h(F, {
24
+ error: "🚫",
25
+ warning: "⚠️",
26
+ success: "✅",
27
+ info: "ℹ️",
28
+ "game-error": "🚫"
29
+ });
30
+ }), ue(() => ee(p()), () => {
31
+ h(R, p() === "game-error");
32
+ }), he(), re();
33
+ var q = Re(), z = a(q);
34
+ {
35
+ var w = (y) => {
36
+ var U = Pe();
37
+ te("click", U, j), s(y, U);
38
+ };
39
+ f(z, (y) => {
40
+ t() && y(w);
41
+ });
42
+ }
43
+ var I = _(z, 2), E = a(I);
44
+ {
45
+ var V = (y) => {
46
+ var U = De(), T = a(U), H = a(T), n = a(H), d = _(H, 2);
47
+ {
48
+ var v = (o) => {
49
+ var b = Fe(), C = a(b);
50
+ M(() => A(C, S())), s(o, b);
51
+ };
52
+ f(d, (o) => {
53
+ S() && o(v);
54
+ });
55
+ }
56
+ var x = _(T, 2);
57
+ {
58
+ var B = (o) => {
59
+ var b = Ie();
60
+ s(o, b);
61
+ };
62
+ f(x, (o) => {
63
+ p() === "game-error" && o(B);
64
+ });
65
+ }
66
+ var c = _(x, 2);
67
+ {
68
+ var i = (o) => {
69
+ var b = Le(), C = a(b);
70
+ M(() => A(C, m())), s(o, b);
71
+ };
72
+ f(c, (o) => {
73
+ m() && o(i);
74
+ });
75
+ }
76
+ M(() => A(n, (e(F), ee(p()), r(() => e(F)[p()])))), s(y, U);
77
+ }, N = (y) => {
78
+ var U = Ae(), T = a(U), H = a(T), n = _(T, 2), d = a(n);
79
+ {
80
+ var v = (c) => {
81
+ var i = Te(), o = a(i);
82
+ M(() => A(o, S())), s(c, i);
83
+ };
84
+ f(d, (c) => {
85
+ S() && c(v);
86
+ });
87
+ }
88
+ var x = _(d, 2);
89
+ {
90
+ var B = (c) => {
91
+ var i = Oe(), o = a(i);
92
+ M(() => A(o, m())), s(c, i);
93
+ };
94
+ f(x, (c) => {
95
+ m() && c(B);
96
+ });
97
+ }
98
+ M(() => A(H, (e(F), ee(p()), r(() => e(F)[p()])))), s(y, U);
99
+ };
100
+ f(E, (y) => {
101
+ e(R) ? y(V) : y(N, !1);
102
+ });
103
+ }
104
+ var D = _(I, 2);
105
+ pe(D, u, "default", {}, null), M(() => be(q, 1, `relative rounded-xl p-4 shadow-lg ${e(l), ee(p()), r(() => e(l)[p()]) ?? ""}`)), s(J, q), se();
106
+ }
107
+ var Se = g('<button type="button" class="text-stone-400 hover:text-stone-200 focus:outline-none focus:ring-2 focus:ring-blue-500 rounded-lg p-1 transition-colors" aria-label="Close dialog"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button>'), Ee = g('<div class="flex items-center justify-end gap-3 p-6 border-t border-stone-700 bg-stone-800"><!></div>'), Ve = g('<div class="fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center p-4" role="dialog" aria-modal="true" aria-labelledby="dialog-title" tabindex="-1"><div class="bg-stone-900 rounded-xl shadow-2xl max-w-md w-full max-h-[90vh] overflow-y-auto border border-stone-700" role="document"><div class="flex items-center justify-between p-6 border-b border-stone-700"><h2 id="dialog-title" class="text-xl font-semibold text-stone-100"> </h2> <!></div> <div class="p-6 text-stone-300"><!></div> <!></div></div>');
108
+ function He(J, u) {
109
+ const l = we(u);
110
+ le(u, !1);
111
+ let F = P(u, "isOpen", 12, !1), R = P(u, "title", 8, ""), p = P(u, "showCloseButton", 8, !0);
112
+ const S = me();
113
+ function m() {
114
+ F(!1), S("close");
115
+ }
116
+ function t(w) {
117
+ w.target === w.currentTarget && m();
118
+ }
119
+ function $(w) {
120
+ w.key === "Escape" && m();
121
+ }
122
+ re();
123
+ var j = X(), q = Q(j);
124
+ {
125
+ var z = (w) => {
126
+ var I = Ve(), E = a(I), V = a(E), N = a(V), D = a(N), y = _(N, 2);
127
+ {
128
+ var U = (v) => {
129
+ var x = Se();
130
+ te("click", x, m), s(v, x);
131
+ };
132
+ f(y, (v) => {
133
+ p() && v(U);
134
+ });
135
+ }
136
+ var T = _(V, 2), H = a(T);
137
+ pe(H, u, "default", {}, null);
138
+ var n = _(T, 2);
139
+ {
140
+ var d = (v) => {
141
+ var x = Ee(), B = a(x);
142
+ pe(B, u, "footer", {}, null), s(v, x);
143
+ };
144
+ f(n, (v) => {
145
+ r(() => l.footer) && v(d);
146
+ });
147
+ }
148
+ M(() => A(D, R())), te("click", I, t), te("keydown", I, $), s(w, I);
149
+ };
150
+ f(q, (w) => {
151
+ F() && w(z);
152
+ });
153
+ }
154
+ s(J, j), se();
155
+ }
156
+ var Ke = g('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-stone-600"/> <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-lg flex items-center justify-center"><div class="flex gap-2"><!> <!></div></div></div>'), Ne = g('<div class="border-2 border-dashed border-stone-600 rounded-lg p-6 text-center hover:border-stone-500 transition-colors"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-stone-700 rounded-lg flex items-center justify-center"><svg class="w-6 h-6 text-stone-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div> <div><p class="text-stone-300 font-medium"> </p> <p class="text-stone-500 text-sm">Choose a file to upload</p></div> <div class="flex gap-2 justify-center"><!></div></div></div>'), Ge = g('<div class="space-y-3"><div class="text-sm font-medium text-stone-300">Choose File</div> <input type="file" class="block w-full text-sm text-stone-300 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-blue-900/30 file:text-blue-300 hover:file:bg-blue-900/50"/> <p class="text-xs text-stone-500"> </p></div>'), We = g('<img alt="Preview" class="w-full h-48 object-cover rounded-lg border border-stone-600"/>'), Je = g('<div class="w-full h-48 bg-stone-700 rounded-lg border border-stone-600 flex items-center justify-center"><div class="text-center"><svg class="w-12 h-12 text-stone-400 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <p class="text-stone-300 text-sm"> </p></div></div>'), Qe = g('<div class="absolute inset-0 bg-black/50 flex items-center justify-center rounded-lg"><div class="text-center"><div class="w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-2"></div> <p class="text-white text-sm">Uploading...</p></div></div>'), Xe = g('<div class="space-y-2"><div class="flex justify-between text-sm text-stone-400"><span>Uploading...</span> <span> </span></div> <div class="w-full bg-stone-700 rounded-full h-2"><div class="bg-blue-500 h-2 rounded-full transition-all duration-300"></div></div></div>'), Ye = g('<div class="space-y-4"><div class="relative"><!> <!></div> <!></div>'), Ze = g('<div class="space-y-4"><!></div>'), et = g("<!> <!>", 1), tt = g('<div class="space-y-3"><!> <!></div>');
157
+ function it(J, u) {
158
+ le(u, !1);
159
+ let l = P(u, "value", 12, null), F = P(u, "disabled", 8, !1), R = P(u, "accept", 8, "image/*"), p = P(
160
+ u,
161
+ "maxSize",
162
+ 8,
163
+ 5 * 1024 * 1024
164
+ // 5MB default
165
+ ), S = P(u, "placeholder", 8, "No image selected");
166
+ const m = me();
167
+ let t = W(!1), $ = W(null), j = W(null), q = W(!1), z = W(0);
168
+ function w(n) {
169
+ const d = n.target;
170
+ if (!d.files || d.files.length === 0) return;
171
+ const v = d.files[0];
172
+ if (v.size > p()) {
173
+ m("error", {
174
+ message: `File size must be less than ${Math.round(p() / 1024 / 1024)}MB`
175
+ });
176
+ return;
177
+ }
178
+ if (R() !== "*" && !v.type.match(R().replace("*", ".*"))) {
179
+ m("error", { message: "Please select a valid file type" });
180
+ return;
181
+ }
182
+ h($, v), h(j, URL.createObjectURL(v));
183
+ }
184
+ async function I() {
185
+ if (!(!e($) || !e(j))) {
186
+ h(q, !0), h(z, 0);
187
+ try {
188
+ const n = setInterval(
189
+ () => {
190
+ e(z) < 90 && (h(z, e(z) + Math.random() * 10), m("upload", { progress: e(z) }));
191
+ },
192
+ 200
193
+ );
194
+ await new Promise((d) => setTimeout(d, 1e3)), clearInterval(n), h(z, 100), l(e(j)), m("change", { value: e(j) }), h(t, !1), V(), m("upload", { progress: 100 });
195
+ } catch (n) {
196
+ m("error", { message: `Upload failed: ${n}` });
197
+ } finally {
198
+ h(q, !1), h(z, 0);
199
+ }
200
+ }
201
+ }
202
+ function E() {
203
+ l(null), m("change", { value: null });
204
+ }
205
+ function V() {
206
+ h($, null), e(j) && (URL.revokeObjectURL(e(j)), h(j, null)), h(z, 0);
207
+ }
208
+ function N() {
209
+ e(j) && (URL.revokeObjectURL(e(j)), h(j, null));
210
+ }
211
+ Be(() => {
212
+ N();
213
+ }), re();
214
+ var D = tt(), y = a(D);
215
+ {
216
+ var U = (n) => {
217
+ var d = Ke(), v = a(d), x = _(v, 2), B = a(x), c = a(B);
218
+ Z(c, {
219
+ variant: "secondary",
220
+ size: "sm",
221
+ get disabled() {
222
+ return F();
223
+ },
224
+ $$events: { click: () => h(t, !0) },
225
+ children: (o, b) => {
226
+ var C = Y("Change");
227
+ s(o, C);
228
+ },
229
+ $$slots: { default: !0 }
230
+ });
231
+ var i = _(c, 2);
232
+ Z(i, {
233
+ variant: "danger",
234
+ size: "sm",
235
+ get disabled() {
236
+ return F();
237
+ },
238
+ $$events: { click: E },
239
+ children: (o, b) => {
240
+ var C = Y("Remove");
241
+ s(o, C);
242
+ },
243
+ $$slots: { default: !0 }
244
+ }), M(() => ce(v, "src", l())), s(n, d);
245
+ }, T = (n) => {
246
+ var d = Ne(), v = a(d), x = _(a(v), 2), B = a(x), c = a(B), i = _(x, 2), o = a(i);
247
+ Z(o, {
248
+ variant: "primary",
249
+ size: "sm",
250
+ get disabled() {
251
+ return F();
252
+ },
253
+ $$events: { click: () => h(t, !0) },
254
+ children: (b, C) => {
255
+ var O = Y("Upload File");
256
+ s(b, O);
257
+ },
258
+ $$slots: { default: !0 }
259
+ }), M(() => A(c, S())), s(n, d);
260
+ };
261
+ f(y, (n) => {
262
+ l() ? n(U) : n(T, !1);
263
+ });
264
+ }
265
+ var H = _(y, 2);
266
+ He(H, {
267
+ title: "Upload File",
268
+ get isOpen() {
269
+ return e(t);
270
+ },
271
+ set isOpen(n) {
272
+ h(t, n);
273
+ },
274
+ $$events: {
275
+ close: () => {
276
+ h(t, !1), V();
277
+ }
278
+ },
279
+ children: (n, d) => {
280
+ var v = Ze(), x = a(v);
281
+ {
282
+ var B = (i) => {
283
+ var o = Ge(), b = _(a(o), 2), C = _(b, 2), O = a(C);
284
+ M(
285
+ (K) => {
286
+ ce(b, "accept", R()), A(O, `Max size: ${K ?? ""}MB`);
287
+ },
288
+ [
289
+ () => (ee(p()), r(() => Math.round(p() / 1024 / 1024)))
290
+ ]
291
+ ), te("change", b, w), s(i, o);
292
+ }, c = (i) => {
293
+ var o = Ye(), b = a(o), C = a(b);
294
+ {
295
+ var O = (k) => {
296
+ var L = We();
297
+ M(() => ce(L, "src", e(j))), s(k, L);
298
+ }, K = (k) => {
299
+ var L = Je(), ae = a(L), ve = _(a(ae), 2), de = a(ve);
300
+ M(() => A(de, (e($), r(() => e($).name)))), s(k, L);
301
+ };
302
+ f(C, (k) => {
303
+ e($), r(() => e($).type.startsWith("image/")) ? k(O) : k(K, !1);
304
+ });
305
+ }
306
+ var oe = _(C, 2);
307
+ {
308
+ var ne = (k) => {
309
+ var L = Qe();
310
+ s(k, L);
311
+ };
312
+ f(oe, (k) => {
313
+ e(q) && k(ne);
314
+ });
315
+ }
316
+ var ie = _(b, 2);
317
+ {
318
+ var G = (k) => {
319
+ var L = Xe(), ae = a(L), ve = _(a(ae), 2), de = a(ve), _e = _(ae, 2), xe = a(_e);
320
+ M(
321
+ (fe) => {
322
+ A(de, `${fe ?? ""}%`), ye(xe, `width: ${e(z) ?? ""}%`);
323
+ },
324
+ [
325
+ () => (e(z), r(() => Math.round(e(z))))
326
+ ]
327
+ ), s(k, L);
328
+ };
329
+ f(ie, (k) => {
330
+ e(q) && k(G);
331
+ });
332
+ }
333
+ s(i, o);
334
+ };
335
+ f(x, (i) => {
336
+ e($) ? i(c, !1) : i(B);
337
+ });
338
+ }
339
+ s(n, v);
340
+ },
341
+ $$slots: {
342
+ default: !0,
343
+ footer: (n, d) => {
344
+ var v = et(), x = Q(v);
345
+ Z(x, {
346
+ variant: "secondary",
347
+ $$events: {
348
+ click: () => {
349
+ h(t, !1), V();
350
+ }
351
+ },
352
+ children: (i, o) => {
353
+ var b = Y("Cancel");
354
+ s(i, b);
355
+ },
356
+ $$slots: { default: !0 }
357
+ });
358
+ var B = _(x, 2);
359
+ {
360
+ var c = (i) => {
361
+ Z(i, {
362
+ variant: "primary",
363
+ get disabled() {
364
+ return e(q);
365
+ },
366
+ get loading() {
367
+ return e(q);
368
+ },
369
+ $$events: { click: I },
370
+ children: (o, b) => {
371
+ var C = Y();
372
+ M(() => A(C, e(q) ? "Uploading..." : "Upload File")), s(o, C);
373
+ },
374
+ $$slots: { default: !0 }
375
+ });
376
+ };
377
+ f(B, (i) => {
378
+ e($) && i(c);
379
+ });
380
+ }
381
+ s(n, v);
382
+ }
383
+ },
384
+ $$legacy: !0
385
+ }), s(J, D), se();
386
+ }
387
+ var at = g("<div><!></div>"), rt = g('<div class="flex flex-wrap gap-4"></div>');
388
+ function vt(J, u) {
389
+ le(u, !1);
390
+ let l = P(u, "values", 28, () => ({})), F = P(u, "fields", 24, () => []);
391
+ const R = me();
392
+ function p(m, t) {
393
+ l({ ...l(), [m]: t }), R("input", { [m]: t }), R("change", { values: l() });
394
+ }
395
+ re();
396
+ var S = rt();
397
+ ke(S, 5, F, (m) => m.key, (m, t) => {
398
+ var $ = at(), j = a($);
399
+ {
400
+ var q = (w) => {
401
+ {
402
+ let I = ge(() => (e(t), r(() => e(t).rows || 3)));
403
+ $e(w, {
404
+ get label() {
405
+ return e(t), r(() => e(t).label);
406
+ },
407
+ get placeholder() {
408
+ return e(t), r(() => e(t).placeholder);
409
+ },
410
+ get rows() {
411
+ return e(I);
412
+ },
413
+ get required() {
414
+ return e(t), r(() => e(t).required);
415
+ },
416
+ size: "sm",
417
+ variant: "outlined",
418
+ get value() {
419
+ return l()[e(t).key];
420
+ },
421
+ set value(E) {
422
+ l(l()[e(t).key] = E, !0);
423
+ },
424
+ $$events: { input: (E) => p(e(t).key, E.detail.value) },
425
+ $$legacy: !0
426
+ });
427
+ }
428
+ }, z = (w) => {
429
+ var I = X(), E = Q(I);
430
+ {
431
+ var V = (D) => {
432
+ {
433
+ let y = ge(() => (e(t), r(() => e(t).options || [])));
434
+ je(D, {
435
+ get options() {
436
+ return e(y);
437
+ },
438
+ get label() {
439
+ return e(t), r(() => e(t).label);
440
+ },
441
+ get placeholder() {
442
+ return e(t), r(() => e(t).placeholder);
443
+ },
444
+ get required() {
445
+ return e(t), r(() => e(t).required);
446
+ },
447
+ size: "sm",
448
+ variant: "outlined",
449
+ get value() {
450
+ return l()[e(t).key];
451
+ },
452
+ set value(U) {
453
+ l(l()[e(t).key] = U, !0);
454
+ },
455
+ $$events: { change: (U) => p(e(t).key, U.detail.value) },
456
+ $$legacy: !0
457
+ });
458
+ }
459
+ }, N = (D) => {
460
+ var y = X(), U = Q(y);
461
+ {
462
+ var T = (n) => {
463
+ ze(n, {
464
+ get label() {
465
+ return e(t), r(() => e(t).label);
466
+ },
467
+ get required() {
468
+ return e(t), r(() => e(t).required);
469
+ },
470
+ size: "sm",
471
+ variant: "outlined",
472
+ get checked() {
473
+ return l()[e(t).key];
474
+ },
475
+ set checked(d) {
476
+ l(l()[e(t).key] = d, !0);
477
+ },
478
+ $$events: {
479
+ change: (d) => p(e(t).key, d.detail.checked)
480
+ },
481
+ $$legacy: !0
482
+ });
483
+ }, H = (n) => {
484
+ var d = X(), v = Q(d);
485
+ {
486
+ var x = (c) => {
487
+ Ue(c, {
488
+ get label() {
489
+ return e(t), r(() => e(t).label);
490
+ },
491
+ get checked() {
492
+ return l()[e(t).key];
493
+ },
494
+ set checked(i) {
495
+ l(l()[e(t).key] = i, !0);
496
+ },
497
+ $$events: { change: (i) => p(e(t).key, i.detail) },
498
+ $$legacy: !0
499
+ });
500
+ }, B = (c) => {
501
+ var i = X(), o = Q(i);
502
+ {
503
+ var b = (O) => {
504
+ Ce(O, {
505
+ get label() {
506
+ return e(t), r(() => e(t).label);
507
+ },
508
+ get required() {
509
+ return e(t), r(() => e(t).required);
510
+ },
511
+ size: "sm",
512
+ variant: "outlined",
513
+ get value() {
514
+ return l()[e(t).key];
515
+ },
516
+ set value(K) {
517
+ l(l()[e(t).key] = K, !0);
518
+ },
519
+ $$events: { change: (K) => p(e(t).key, K.detail.value) },
520
+ $$legacy: !0
521
+ });
522
+ }, C = (O) => {
523
+ var K = X(), oe = Q(K);
524
+ {
525
+ var ne = (G) => {
526
+ Me(G, {
527
+ get label() {
528
+ return e(t), r(() => e(t).label);
529
+ },
530
+ get required() {
531
+ return e(t), r(() => e(t).required);
532
+ },
533
+ size: "sm",
534
+ get value() {
535
+ return l()[e(t).key];
536
+ },
537
+ set value(k) {
538
+ l(l()[e(t).key] = k, !0);
539
+ },
540
+ $$events: { change: (k) => p(e(t).key, k.detail.value) },
541
+ $$legacy: !0
542
+ });
543
+ }, ie = (G) => {
544
+ {
545
+ let k = ge(() => (e(t), r(() => e(t).type || "text")));
546
+ qe(G, {
547
+ get type() {
548
+ return e(k);
549
+ },
550
+ get label() {
551
+ return e(t), r(() => e(t).label);
552
+ },
553
+ get placeholder() {
554
+ return e(t), r(() => e(t).placeholder);
555
+ },
556
+ get required() {
557
+ return e(t), r(() => e(t).required);
558
+ },
559
+ size: "sm",
560
+ variant: "outlined",
561
+ get value() {
562
+ return l()[e(t).key];
563
+ },
564
+ set value(L) {
565
+ l(l()[e(t).key] = L, !0);
566
+ },
567
+ $$events: { input: (L) => p(e(t).key, L.detail.value) },
568
+ $$legacy: !0
569
+ });
570
+ }
571
+ };
572
+ f(
573
+ oe,
574
+ (G) => {
575
+ e(t), r(() => e(t).type === "textalignment") ? G(ne) : G(ie, !1);
576
+ },
577
+ !0
578
+ );
579
+ }
580
+ s(O, K);
581
+ };
582
+ f(
583
+ o,
584
+ (O) => {
585
+ e(t), r(() => e(t).type === "colorpicker") ? O(b) : O(C, !1);
586
+ },
587
+ !0
588
+ );
589
+ }
590
+ s(c, i);
591
+ };
592
+ f(
593
+ v,
594
+ (c) => {
595
+ e(t), r(() => e(t).type === "toggle") ? c(x) : c(B, !1);
596
+ },
597
+ !0
598
+ );
599
+ }
600
+ s(n, d);
601
+ };
602
+ f(
603
+ U,
604
+ (n) => {
605
+ e(t), r(() => e(t).type === "checkbox") ? n(T) : n(H, !1);
606
+ },
607
+ !0
608
+ );
609
+ }
610
+ s(D, y);
611
+ };
612
+ f(
613
+ E,
614
+ (D) => {
615
+ e(t), r(() => e(t).type === "select") ? D(V) : D(N, !1);
616
+ },
617
+ !0
618
+ );
619
+ }
620
+ s(w, I);
621
+ };
622
+ f(j, (w) => {
623
+ e(t), r(() => e(t).type === "textarea") ? w(q) : w(z, !1);
624
+ });
625
+ }
626
+ M(() => be($, 1, `flex-${e(t), r(() => e(t).flex === "full" ? "none" : e(t).flex || "1") ?? ""} ${e(t), r(() => e(t).type === "textarea" || e(t).key === "title" || e(t).key === "subtitle" || e(t).flex === "full" ? "w-full" : "w-full sm:w-auto sm:flex-1") ?? ""} min-w-0 ${e(t), r(() => e(t).type === "toggle" ? "flex items-center justify-center" : "") ?? ""}`)), s(m, $);
627
+ }), s(J, S), se();
628
+ }
629
+ export {
630
+ nt as A,
631
+ it as I,
632
+ vt as K,
633
+ He as M
634
+ };