zabi-components 2.2.3 → 3.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.
package/dist/molecules/index.js
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import { t as
|
|
2
|
-
import { e as ne, B as
|
|
3
|
-
function
|
|
4
|
-
var r = n,
|
|
5
|
-
|
|
1
|
+
import { t as S, F as ie, G as le, H as de, I as ce, J, y as ve, K as ue, w as T, L as fe, S as me, l as A, p as w, i as te, f as k, a as Q, s as L, e as N, c as b, d as H, g as G, h as a, z as Y, A as ae, b as j, x as R, k as m, m as I, o as P, D, j as _, C as W, M as be, n as U, v as K, q as ge, r as he, u as re, N as Z, O as V } from "../props-B4BdFk2B.js";
|
|
2
|
+
import { e as ne, B as ee, I as oe, T as xe } from "../Textarea-DP1BihDh.js";
|
|
3
|
+
function pe(n, e, s = !1, t = !1, c = !1) {
|
|
4
|
+
var r = n, h = "";
|
|
5
|
+
S(() => {
|
|
6
6
|
var o = (
|
|
7
7
|
/** @type {Effect} */
|
|
8
8
|
ie
|
|
9
9
|
);
|
|
10
|
-
if (
|
|
10
|
+
if (h !== (h = e() ?? "") && (o.nodes_start !== null && (le(
|
|
11
11
|
o.nodes_start,
|
|
12
12
|
/** @type {TemplateNode} */
|
|
13
13
|
o.nodes_end
|
|
14
|
-
), o.nodes_start = o.nodes_end = null),
|
|
15
|
-
var
|
|
16
|
-
s ?
|
|
17
|
-
var u = de(
|
|
14
|
+
), o.nodes_start = o.nodes_end = null), h !== "")) {
|
|
15
|
+
var i = h + "";
|
|
16
|
+
s ? i = `<svg>${i}</svg>` : t && (i = `<math>${i}</math>`);
|
|
17
|
+
var u = de(i);
|
|
18
18
|
if ((s || t) && (u = /** @type {Element} */
|
|
19
|
-
|
|
19
|
+
J(u)), ce(
|
|
20
20
|
/** @type {TemplateNode} */
|
|
21
|
-
|
|
21
|
+
J(u),
|
|
22
22
|
/** @type {TemplateNode} */
|
|
23
23
|
u.lastChild
|
|
24
24
|
), s || t)
|
|
25
|
-
for (;
|
|
25
|
+
for (; J(u); )
|
|
26
26
|
r.before(
|
|
27
27
|
/** @type {Node} */
|
|
28
|
-
|
|
28
|
+
J(u)
|
|
29
29
|
);
|
|
30
30
|
else
|
|
31
31
|
r.before(u);
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
|
-
function
|
|
35
|
+
function se(n, e) {
|
|
36
36
|
return n === e || (n == null ? void 0 : n[me]) === e;
|
|
37
37
|
}
|
|
38
|
-
function
|
|
38
|
+
function we(n = {}, e, s, t) {
|
|
39
39
|
return ve(() => {
|
|
40
|
-
var
|
|
40
|
+
var c, r;
|
|
41
41
|
return ue(() => {
|
|
42
|
-
|
|
43
|
-
n !== s(...r) && (e(n, ...r),
|
|
42
|
+
c = r, r = [], T(() => {
|
|
43
|
+
n !== s(...r) && (e(n, ...r), c && se(s(...c), n) && e(null, ...c));
|
|
44
44
|
});
|
|
45
45
|
}), () => {
|
|
46
46
|
fe(() => {
|
|
47
|
-
r &&
|
|
47
|
+
r && se(s(...r), n) && e(null, ...r);
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
50
|
}), n;
|
|
51
51
|
}
|
|
52
|
-
function
|
|
52
|
+
function ye(n) {
|
|
53
53
|
return function(...e) {
|
|
54
54
|
var s = (
|
|
55
55
|
/** @type {Event} */
|
|
@@ -58,28 +58,28 @@ function _e(n) {
|
|
|
58
58
|
return s.preventDefault(), n == null ? void 0 : n.apply(this, e);
|
|
59
59
|
};
|
|
60
60
|
}
|
|
61
|
-
var
|
|
62
|
-
function
|
|
63
|
-
const s =
|
|
64
|
-
|
|
65
|
-
let
|
|
66
|
-
function o(
|
|
67
|
-
const d = new FormData(
|
|
61
|
+
var _e = k("<form><!></form>");
|
|
62
|
+
function ke(n, e) {
|
|
63
|
+
const s = A(e, ["children", "$$slots", "$$events", "$$legacy"]), t = A(s, ["method", "action", "className"]);
|
|
64
|
+
G(e, !1);
|
|
65
|
+
let c = w(e, "method", 8, "post"), r = w(e, "action", 8, ""), h = w(e, "className", 8, "");
|
|
66
|
+
function o(g) {
|
|
67
|
+
const d = new FormData(g.target);
|
|
68
68
|
Object.fromEntries(d.entries());
|
|
69
69
|
}
|
|
70
|
-
|
|
71
|
-
var
|
|
72
|
-
|
|
73
|
-
method:
|
|
70
|
+
te();
|
|
71
|
+
var i = _e();
|
|
72
|
+
Q(i, () => ({
|
|
73
|
+
method: c(),
|
|
74
74
|
action: r(),
|
|
75
|
-
class: `space-y-4 ${
|
|
75
|
+
class: `space-y-4 ${h() ?? ""}`,
|
|
76
76
|
...t
|
|
77
77
|
}));
|
|
78
|
-
var u = a(
|
|
79
|
-
|
|
78
|
+
var u = a(i);
|
|
79
|
+
L(u, e, "default", {}), N("submit", i, ye(o)), b(n, i), H();
|
|
80
80
|
}
|
|
81
|
-
var
|
|
82
|
-
const
|
|
81
|
+
var ze = k('<header class="layout-header svelte-wzmt5k"><!></header> <main class="layout-main svelte-wzmt5k"><!></main> <footer class="layout-footer svelte-wzmt5k"><!></footer>', 1), qe = k('<aside class="layout-sidebar svelte-wzmt5k"><!></aside> <main class="layout-main svelte-wzmt5k"><!></main>', 1), Ce = k('<div class="layout-grid svelte-wzmt5k"><!></div>'), $e = k("<div><!></div>");
|
|
82
|
+
const Me = {
|
|
83
83
|
hash: "svelte-wzmt5k",
|
|
84
84
|
code: `.layout.svelte-wzmt5k {min-height:100vh}.layout-main.svelte-wzmt5k {display:flex;flex-direction:column}.layout-sidebar.svelte-wzmt5k {width:16rem;border-right-width:1px;border-color:rgb(var(--color-border));background-color:rgb(var(--color-surface-secondary))}.layout-grid.svelte-wzmt5k {display:grid;grid-template-columns:repeat(1, minmax(0, 1fr))}
|
|
85
85
|
|
|
@@ -89,147 +89,147 @@ const Ne = {
|
|
|
89
89
|
@media (min-width: 1024px) {.layout-grid.svelte-wzmt5k {grid-template-columns:repeat(3, minmax(0, 1fr))}
|
|
90
90
|
}.layout-header.svelte-wzmt5k {border-bottom-width:1px;border-color:rgb(var(--color-border));background-color:rgb(var(--color-surface));padding:1rem}.layout-footer.svelte-wzmt5k {margin-top:auto;border-top-width:1px;border-color:rgb(var(--color-border));background-color:rgb(var(--color-surface-secondary));padding:1rem}`
|
|
91
91
|
};
|
|
92
|
-
function
|
|
93
|
-
const s =
|
|
94
|
-
|
|
95
|
-
const
|
|
96
|
-
let r = w(e, "variant", 8, "main"),
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}),
|
|
100
|
-
var
|
|
101
|
-
|
|
102
|
-
|
|
92
|
+
function Xe(n, e) {
|
|
93
|
+
const s = A(e, ["children", "$$slots", "$$events", "$$legacy"]), t = A(s, ["variant", "gap", "className"]);
|
|
94
|
+
G(e, !1), ne(n, Me);
|
|
95
|
+
const c = I();
|
|
96
|
+
let r = w(e, "variant", 8, "main"), h = w(e, "gap", 8, "md"), o = w(e, "className", 8, "");
|
|
97
|
+
Y(() => R(h()), () => {
|
|
98
|
+
P(c, `gap-${h()}`);
|
|
99
|
+
}), ae();
|
|
100
|
+
var i = $e();
|
|
101
|
+
Q(
|
|
102
|
+
i,
|
|
103
103
|
() => ({
|
|
104
|
-
class: `layout layout-${r() ?? ""} ${
|
|
104
|
+
class: `layout layout-${r() ?? ""} ${m(c) ?? ""} ${o() ?? ""}`,
|
|
105
105
|
...t
|
|
106
106
|
}),
|
|
107
107
|
void 0,
|
|
108
108
|
void 0,
|
|
109
109
|
"svelte-wzmt5k"
|
|
110
110
|
);
|
|
111
|
-
var u = a(
|
|
111
|
+
var u = a(i);
|
|
112
112
|
{
|
|
113
|
-
var
|
|
114
|
-
var x =
|
|
115
|
-
|
|
116
|
-
var
|
|
117
|
-
|
|
118
|
-
var
|
|
119
|
-
|
|
120
|
-
}, d = (
|
|
121
|
-
var x =
|
|
113
|
+
var g = (l) => {
|
|
114
|
+
var x = ze(), p = D(x), v = a(p);
|
|
115
|
+
L(v, e, "header", {});
|
|
116
|
+
var y = _(p, 2), f = a(y);
|
|
117
|
+
L(f, e, "main", {});
|
|
118
|
+
var z = _(y, 2), q = a(z);
|
|
119
|
+
L(q, e, "footer", {}), b(l, x);
|
|
120
|
+
}, d = (l) => {
|
|
121
|
+
var x = W(), p = D(x);
|
|
122
122
|
{
|
|
123
|
-
var
|
|
124
|
-
var
|
|
125
|
-
|
|
126
|
-
var M =
|
|
127
|
-
|
|
128
|
-
},
|
|
129
|
-
var
|
|
123
|
+
var v = (f) => {
|
|
124
|
+
var z = qe(), q = D(z), $ = a(q);
|
|
125
|
+
L($, e, "sidebar", {});
|
|
126
|
+
var M = _(q, 2), C = a(M);
|
|
127
|
+
L(C, e, "main", {}), b(f, z);
|
|
128
|
+
}, y = (f) => {
|
|
129
|
+
var z = W(), q = D(z);
|
|
130
130
|
{
|
|
131
|
-
var
|
|
132
|
-
var C =
|
|
133
|
-
|
|
131
|
+
var $ = (M) => {
|
|
132
|
+
var C = Ce(), O = a(C);
|
|
133
|
+
L(O, e, "default", {}), b(M, C);
|
|
134
134
|
};
|
|
135
|
-
|
|
135
|
+
j(
|
|
136
136
|
q,
|
|
137
137
|
(M) => {
|
|
138
|
-
r() === "grid" && M(
|
|
138
|
+
r() === "grid" && M($);
|
|
139
139
|
},
|
|
140
140
|
!0
|
|
141
141
|
);
|
|
142
142
|
}
|
|
143
|
-
|
|
143
|
+
b(f, z);
|
|
144
144
|
};
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
(
|
|
148
|
-
r() === "sidebar" ?
|
|
145
|
+
j(
|
|
146
|
+
p,
|
|
147
|
+
(f) => {
|
|
148
|
+
r() === "sidebar" ? f(v) : f(y, !1);
|
|
149
149
|
},
|
|
150
150
|
!0
|
|
151
151
|
);
|
|
152
152
|
}
|
|
153
|
-
|
|
153
|
+
b(l, x);
|
|
154
154
|
};
|
|
155
|
-
|
|
156
|
-
r() === "main" ?
|
|
155
|
+
j(u, (l) => {
|
|
156
|
+
r() === "main" ? l(g) : l(d, !1);
|
|
157
157
|
});
|
|
158
158
|
}
|
|
159
|
-
|
|
159
|
+
b(n, i), H();
|
|
160
160
|
}
|
|
161
|
-
var
|
|
162
|
-
function
|
|
161
|
+
var Le = k('<div class="flex justify-end gap-3 p-6 border-t border-gray-200"><!></div>'), Ne = k('<div class="fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50" role="dialog" aria-modal="true" tabindex="-1"><div class="bg-white rounded-lg shadow-xl max-w-md w-full max-h-[90vh] overflow-y-auto"><div class="flex items-center justify-between p-6 border-b border-gray-200"><h2 class="text-xl font-semibold text-gray-900"> </h2> <button type="button" class="text-gray-400 hover:text-gray-600 text-2xl" aria-label="Close">×</button></div> <div class="p-6"><!></div> <!></div></div>');
|
|
162
|
+
function Ze(n, e) {
|
|
163
163
|
const s = be(e);
|
|
164
|
-
let t = w(e, "isOpen", 12, !1),
|
|
164
|
+
let t = w(e, "isOpen", 12, !1), c = w(e, "title", 8, "");
|
|
165
165
|
function r() {
|
|
166
166
|
t(!1);
|
|
167
167
|
}
|
|
168
|
-
function
|
|
168
|
+
function h(d) {
|
|
169
169
|
d.target === d.currentTarget && r();
|
|
170
170
|
}
|
|
171
171
|
function o(d) {
|
|
172
172
|
d.key === "Escape" && r();
|
|
173
173
|
}
|
|
174
|
-
var
|
|
174
|
+
var i = W(), u = D(i);
|
|
175
175
|
{
|
|
176
|
-
var
|
|
177
|
-
var
|
|
178
|
-
|
|
179
|
-
var
|
|
176
|
+
var g = (d) => {
|
|
177
|
+
var l = Ne(), x = a(l), p = a(x), v = a(p), y = a(v), f = _(v, 2), z = _(p, 2), q = a(z);
|
|
178
|
+
L(q, e, "default", {});
|
|
179
|
+
var $ = _(z, 2);
|
|
180
180
|
{
|
|
181
181
|
var M = (C) => {
|
|
182
|
-
var
|
|
183
|
-
|
|
182
|
+
var O = Le(), F = a(O);
|
|
183
|
+
L(F, e, "footer", {}), b(C, O);
|
|
184
184
|
};
|
|
185
|
-
|
|
186
|
-
|
|
185
|
+
j($, (C) => {
|
|
186
|
+
T(() => s.footer) && C(M);
|
|
187
187
|
});
|
|
188
188
|
}
|
|
189
|
-
|
|
189
|
+
S(() => U(y, c())), N("click", f, r), N("click", l, h), N("keydown", l, o), b(d, l);
|
|
190
190
|
};
|
|
191
|
-
|
|
192
|
-
t() && d(
|
|
191
|
+
j(u, (d) => {
|
|
192
|
+
t() && d(g);
|
|
193
193
|
});
|
|
194
194
|
}
|
|
195
|
-
|
|
195
|
+
b(n, i);
|
|
196
196
|
}
|
|
197
|
-
var
|
|
198
|
-
function
|
|
197
|
+
var Se = k('<div class="flex items-center justify-between p-4 border-b border-gray-200"><h3 class="text-lg font-semibold text-gray-900"> </h3> <button type="button" class="text-gray-400 hover:text-gray-600 text-2xl" aria-label="Close">×</button></div>'), je = k('<div class="fixed inset-0 bg-black/50 z-50" role="dialog" aria-modal="true" tabindex="-1"></div> <div class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 rounded-t-xl shadow-xl z-50 max-h-[80vh] overflow-y-auto" role="dialog" aria-modal="true"><!> <div class="p-4"><!></div></div>', 1);
|
|
198
|
+
function et(n, e) {
|
|
199
199
|
let s = w(e, "isOpen", 12, !1), t = w(e, "title", 8, "");
|
|
200
|
-
function
|
|
200
|
+
function c() {
|
|
201
201
|
s(!1);
|
|
202
202
|
}
|
|
203
|
-
function r(
|
|
204
|
-
|
|
203
|
+
function r(g) {
|
|
204
|
+
g.target === g.currentTarget && c();
|
|
205
205
|
}
|
|
206
|
-
function g
|
|
207
|
-
|
|
206
|
+
function h(g) {
|
|
207
|
+
g.key === "Escape" && c();
|
|
208
208
|
}
|
|
209
|
-
var o =
|
|
209
|
+
var o = W(), i = D(o);
|
|
210
210
|
{
|
|
211
|
-
var u = (
|
|
212
|
-
var d =
|
|
211
|
+
var u = (g) => {
|
|
212
|
+
var d = je(), l = D(d), x = _(l, 2), p = a(x);
|
|
213
213
|
{
|
|
214
|
-
var
|
|
215
|
-
var q =
|
|
216
|
-
|
|
214
|
+
var v = (z) => {
|
|
215
|
+
var q = Se(), $ = a(q), M = a($), C = _($, 2);
|
|
216
|
+
S(() => U(M, t())), N("click", C, c), b(z, q);
|
|
217
217
|
};
|
|
218
|
-
|
|
219
|
-
t() &&
|
|
218
|
+
j(p, (z) => {
|
|
219
|
+
t() && z(v);
|
|
220
220
|
});
|
|
221
221
|
}
|
|
222
|
-
var
|
|
223
|
-
|
|
222
|
+
var y = _(p, 2), f = a(y);
|
|
223
|
+
L(f, e, "default", {}), N("click", l, r), N("keydown", l, h), b(g, d);
|
|
224
224
|
};
|
|
225
|
-
|
|
226
|
-
s() &&
|
|
225
|
+
j(i, (g) => {
|
|
226
|
+
s() && g(u);
|
|
227
227
|
});
|
|
228
228
|
}
|
|
229
|
-
|
|
229
|
+
b(n, o);
|
|
230
230
|
}
|
|
231
|
-
var
|
|
232
|
-
const
|
|
231
|
+
var Ee = k('<div class="dropdown-content group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100 group-focus-within:visible svelte-1o1q13x"><!></div>'), Te = k('<div class="dropdown-container group relative inline-block svelte-1o1q13x"><!> <!></div>');
|
|
232
|
+
const Oe = {
|
|
233
233
|
hash: "svelte-1o1q13x",
|
|
234
234
|
code: `.dropdown-container.svelte-1o1q13x {position:relative;display:inline-block;}.dropdown-content.svelte-1o1q13x {position:absolute;z-index:50;background-color:white;border:1px solid #e5e7eb;border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
235
235
|
0 4px 6px -2px rgba(0, 0, 0, 0.05);min-width:12rem;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out,
|
|
@@ -247,47 +247,47 @@ const Be = {
|
|
|
247
247
|
.dropdown-container[data-placement="top-end"].svelte-1o1q13x .dropdown-content:where(.svelte-1o1q13x)::before {bottom:-6px;border-top-color:white;}.dropdown-container[data-placement="bottom-start"].svelte-1o1q13x
|
|
248
248
|
.dropdown-content:where(.svelte-1o1q13x)::before {left:1rem;}.dropdown-container[data-placement="bottom-end"].svelte-1o1q13x .dropdown-content:where(.svelte-1o1q13x)::before {right:1rem;}.dropdown-container[data-placement="top-start"].svelte-1o1q13x .dropdown-content:where(.svelte-1o1q13x)::before {left:1rem;}.dropdown-container[data-placement="top-end"].svelte-1o1q13x .dropdown-content:where(.svelte-1o1q13x)::before {right:1rem;}`
|
|
249
249
|
};
|
|
250
|
-
function
|
|
251
|
-
ne(n,
|
|
250
|
+
function tt(n, e) {
|
|
251
|
+
ne(n, Oe);
|
|
252
252
|
let s = w(e, "isOpen", 8, !1), t = w(e, "placement", 8, "bottom-start");
|
|
253
|
-
var
|
|
254
|
-
|
|
255
|
-
var
|
|
253
|
+
var c = Te(), r = a(c);
|
|
254
|
+
L(r, e, "trigger", {});
|
|
255
|
+
var h = _(r, 2);
|
|
256
256
|
{
|
|
257
|
-
var o = (
|
|
258
|
-
var u =
|
|
259
|
-
|
|
257
|
+
var o = (i) => {
|
|
258
|
+
var u = Ee(), g = a(u);
|
|
259
|
+
L(g, e, "default", {}), b(i, u);
|
|
260
260
|
};
|
|
261
|
-
|
|
262
|
-
s() &&
|
|
261
|
+
j(h, (i) => {
|
|
262
|
+
s() && i(o);
|
|
263
263
|
});
|
|
264
264
|
}
|
|
265
|
-
|
|
265
|
+
S(() => K(c, "data-placement", t())), b(n, c);
|
|
266
266
|
}
|
|
267
|
-
var
|
|
268
|
-
function
|
|
269
|
-
|
|
270
|
-
let s = w(e, "tabs", 24, () => []), t = w(e, "activeTab", 12, ""),
|
|
267
|
+
var Be = k('<button type="button" role="tab"> </button>'), De = k('<div class="tabs-container"><div class="flex border-b border-gray-200" role="tablist" tabindex="0"></div> <div class="mt-4"><!></div></div>');
|
|
268
|
+
function at(n, e) {
|
|
269
|
+
G(e, !1);
|
|
270
|
+
let s = w(e, "tabs", 24, () => []), t = w(e, "activeTab", 12, ""), c = w(e, "variant", 8, "default");
|
|
271
271
|
function r(d) {
|
|
272
272
|
t(d);
|
|
273
273
|
}
|
|
274
|
-
function
|
|
274
|
+
function h(d) {
|
|
275
275
|
if (d.key === "ArrowLeft" || d.key === "ArrowRight") {
|
|
276
|
-
const
|
|
277
|
-
r(s()[
|
|
276
|
+
const l = s().findIndex((v) => v.id === t()), x = d.key === "ArrowLeft" ? -1 : 1, p = (l + x + s().length) % s().length;
|
|
277
|
+
r(s()[p].id);
|
|
278
278
|
}
|
|
279
279
|
}
|
|
280
|
-
|
|
281
|
-
var o =
|
|
282
|
-
ge(
|
|
283
|
-
var x =
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
}),
|
|
280
|
+
te();
|
|
281
|
+
var o = De(), i = a(o);
|
|
282
|
+
ge(i, 5, s, he, (d, l) => {
|
|
283
|
+
var x = Be(), p = a(x);
|
|
284
|
+
S(() => {
|
|
285
|
+
re(x, 1, `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${R(t()), m(l), R(c()), T(() => t() === m(l).id ? c() === "pills" ? "bg-blue-100 text-blue-700 border-blue-500" : "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300") ?? ""}`), x.disabled = (m(l), T(() => m(l).disabled)), K(x, "aria-selected", (R(t()), m(l), T(() => t() === m(l).id))), U(p, (m(l), T(() => m(l).label)));
|
|
286
|
+
}), N("click", x, () => r(m(l).id)), b(d, x);
|
|
287
287
|
});
|
|
288
|
-
var u =
|
|
289
|
-
|
|
290
|
-
|
|
288
|
+
var u = _(i, 2), g = a(u);
|
|
289
|
+
L(
|
|
290
|
+
g,
|
|
291
291
|
e,
|
|
292
292
|
"default",
|
|
293
293
|
{
|
|
@@ -295,29 +295,29 @@ function et(n, e) {
|
|
|
295
295
|
return t();
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
|
-
),
|
|
298
|
+
), N("keydown", i, h), b(n, o), H();
|
|
299
299
|
}
|
|
300
|
-
var
|
|
301
|
-
function
|
|
302
|
-
const s =
|
|
303
|
-
|
|
304
|
-
const
|
|
305
|
-
let o = w(e, "variant", 8, "info"),
|
|
306
|
-
function
|
|
300
|
+
var Ie = k('<button class="absolute top-2 right-2 z-10 w-6 h-6 flex items-center justify-center rounded-full text-text-secondary hover:text-primary transition-colors duration-200 motion-reduce:transition-none group focus:outline-none focus:ring-2 focus:ring-focus-ring focus:ring-offset-2" aria-label="Dismiss alert" type="button"><svg class="w-4 h-4 text-current group-hover:scale-110 transition-transform duration-200 motion-reduce:transition-none" 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>'), Pe = k('<h4 class="font-semibold text-sm mb-1" style="color: inherit;"> </h4>'), Ae = k('<p class="text-sm leading-relaxed" style="color: inherit;"> </p>'), Fe = k('<div><!> <div><div class="flex-shrink-0 mt-0.5"><!></div> <div class="flex-1 min-w-0"><!> <!> <!></div></div></div>');
|
|
301
|
+
function rt(n, e) {
|
|
302
|
+
const s = A(e, ["children", "$$slots", "$$events", "$$legacy"]), t = A(s, ["variant", "title", "message", "closable", "className"]);
|
|
303
|
+
G(e, !1);
|
|
304
|
+
const c = I(), r = I(), h = I();
|
|
305
|
+
let o = w(e, "variant", 8, "info"), i = w(e, "title", 8, ""), u = w(e, "message", 8, ""), g = w(e, "closable", 8, !1), d = w(e, "className", 8, "");
|
|
306
|
+
function l(E) {
|
|
307
307
|
}
|
|
308
|
-
|
|
308
|
+
Y(() => {
|
|
309
309
|
}, () => {
|
|
310
|
-
|
|
310
|
+
P(c, {
|
|
311
311
|
info: "bg-info-surface text-info-text border border-info",
|
|
312
312
|
success: "bg-success-surface text-success-text border border-success",
|
|
313
313
|
warning: "bg-warning-surface text-warning-text border border-warning",
|
|
314
314
|
error: "bg-error-surface text-error-text border border-error"
|
|
315
315
|
});
|
|
316
|
-
}),
|
|
317
|
-
|
|
318
|
-
}),
|
|
316
|
+
}), Y(() => R(o()), () => {
|
|
317
|
+
P(r, o() === "success" || o() === "info" ? "status" : "alert");
|
|
318
|
+
}), Y(() => {
|
|
319
319
|
}, () => {
|
|
320
|
-
|
|
320
|
+
P(h, {
|
|
321
321
|
info: `<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
|
|
322
322
|
<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 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
|
|
323
323
|
</svg>`,
|
|
@@ -331,189 +331,238 @@ function tt(n, e) {
|
|
|
331
331
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
|
|
332
332
|
</svg>`
|
|
333
333
|
});
|
|
334
|
-
}),
|
|
335
|
-
var x =
|
|
336
|
-
|
|
337
|
-
class: `relative rounded-md p-4 border ${
|
|
338
|
-
role:
|
|
334
|
+
}), ae();
|
|
335
|
+
var x = Fe();
|
|
336
|
+
Q(x, () => ({
|
|
337
|
+
class: `relative rounded-md p-4 border ${m(c), R(o()), T(() => m(c)[o()]) ?? ""} transition-all duration-200 motion-reduce:transition-none ${d() ?? ""}`,
|
|
338
|
+
role: m(r),
|
|
339
339
|
"aria-live": o() === "success" || o() === "info" ? "polite" : "assertive",
|
|
340
340
|
"aria-atomic": "true",
|
|
341
341
|
...t
|
|
342
342
|
}));
|
|
343
|
-
var
|
|
343
|
+
var p = a(x);
|
|
344
344
|
{
|
|
345
|
-
var
|
|
346
|
-
var B =
|
|
347
|
-
|
|
345
|
+
var v = (E) => {
|
|
346
|
+
var B = Ie();
|
|
347
|
+
N("click", B, l), b(E, B);
|
|
348
348
|
};
|
|
349
|
-
|
|
350
|
-
|
|
349
|
+
j(p, (E) => {
|
|
350
|
+
g() && E(v);
|
|
351
351
|
});
|
|
352
352
|
}
|
|
353
|
-
var
|
|
354
|
-
|
|
355
|
-
var q =
|
|
353
|
+
var y = _(p, 2), f = a(y), z = a(f);
|
|
354
|
+
pe(z, () => (m(h), R(o()), T(() => m(h)[o()])));
|
|
355
|
+
var q = _(f, 2), $ = a(q);
|
|
356
356
|
{
|
|
357
|
-
var M = (
|
|
358
|
-
var B =
|
|
359
|
-
|
|
357
|
+
var M = (E) => {
|
|
358
|
+
var B = Pe(), X = a(B);
|
|
359
|
+
S(() => U(X, i())), b(E, B);
|
|
360
360
|
};
|
|
361
|
-
|
|
362
|
-
|
|
361
|
+
j($, (E) => {
|
|
362
|
+
i() && E(M);
|
|
363
363
|
});
|
|
364
364
|
}
|
|
365
|
-
var C =
|
|
365
|
+
var C = _($, 2);
|
|
366
366
|
{
|
|
367
|
-
var
|
|
368
|
-
var B =
|
|
369
|
-
|
|
367
|
+
var O = (E) => {
|
|
368
|
+
var B = Ae(), X = a(B);
|
|
369
|
+
S(() => U(X, u())), b(E, B);
|
|
370
370
|
};
|
|
371
|
-
|
|
372
|
-
u() &&
|
|
371
|
+
j(C, (E) => {
|
|
372
|
+
u() && E(O);
|
|
373
373
|
});
|
|
374
374
|
}
|
|
375
|
-
var
|
|
376
|
-
|
|
375
|
+
var F = _(C, 2);
|
|
376
|
+
L(F, e, "default", {}), S(() => re(y, 1, `flex items-start gap-3 ${g() ? "pr-8" : ""}`)), b(n, x), H();
|
|
377
377
|
}
|
|
378
|
-
var
|
|
379
|
-
function
|
|
380
|
-
let s = w(e, "value", 12, null), t = w(e, "disabled", 8, !1),
|
|
381
|
-
function o(
|
|
382
|
-
const
|
|
383
|
-
if (!
|
|
384
|
-
const
|
|
385
|
-
s(
|
|
378
|
+
var Re = k('<div class="relative group"><img alt="" class="w-full h-32 object-cover rounded-lg border border-gray-300"/> <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>'), Ue = k('<div class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center hover:border-gray-400 transition-colors cursor-pointer" role="button" tabindex="0"><div class="space-y-3"><div class="w-12 h-12 mx-auto bg-gray-100 rounded-lg flex items-center justify-center"><span class="text-2xl">📷</span></div> <div><p class="font-medium text-gray-900"> </p> <p class="text-sm text-gray-500">Click to choose a file</p></div></div></div>'), Ye = k('<div class="space-y-3"><!> <input type="file" class="hidden"/></div>');
|
|
379
|
+
function ot(n, e) {
|
|
380
|
+
let s = w(e, "value", 12, null), t = w(e, "disabled", 8, !1), c = w(e, "accept", 8, "image/*"), r = w(e, "placeholder", 8, "No image selected"), h = I();
|
|
381
|
+
function o(v) {
|
|
382
|
+
const y = v.target;
|
|
383
|
+
if (!y.files || y.files.length === 0) return;
|
|
384
|
+
const f = y.files[0], z = URL.createObjectURL(f);
|
|
385
|
+
s(z);
|
|
386
386
|
}
|
|
387
|
-
function
|
|
387
|
+
function i() {
|
|
388
388
|
s() && URL.revokeObjectURL(s()), s(null);
|
|
389
389
|
}
|
|
390
390
|
function u() {
|
|
391
|
-
var
|
|
392
|
-
(
|
|
391
|
+
var v;
|
|
392
|
+
(v = m(h)) == null || v.click();
|
|
393
393
|
}
|
|
394
|
-
var
|
|
394
|
+
var g = Ye(), d = a(g);
|
|
395
395
|
{
|
|
396
|
-
var
|
|
397
|
-
var
|
|
398
|
-
|
|
396
|
+
var l = (v) => {
|
|
397
|
+
var y = Re(), f = a(y), z = _(f, 2), q = a(z), $ = a(q);
|
|
398
|
+
ee($, {
|
|
399
399
|
variant: "secondary",
|
|
400
400
|
size: "sm",
|
|
401
401
|
get disabled() {
|
|
402
402
|
return t();
|
|
403
403
|
},
|
|
404
404
|
$$events: { click: u },
|
|
405
|
-
children: (C,
|
|
406
|
-
var
|
|
407
|
-
|
|
405
|
+
children: (C, O) => {
|
|
406
|
+
var F = Z("Change");
|
|
407
|
+
b(C, F);
|
|
408
408
|
},
|
|
409
409
|
$$slots: { default: !0 }
|
|
410
410
|
});
|
|
411
|
-
var M =
|
|
412
|
-
|
|
411
|
+
var M = _($, 2);
|
|
412
|
+
ee(M, {
|
|
413
413
|
variant: "danger",
|
|
414
414
|
size: "sm",
|
|
415
415
|
get disabled() {
|
|
416
416
|
return t();
|
|
417
417
|
},
|
|
418
|
-
$$events: { click:
|
|
419
|
-
children: (C,
|
|
420
|
-
var
|
|
421
|
-
|
|
418
|
+
$$events: { click: i },
|
|
419
|
+
children: (C, O) => {
|
|
420
|
+
var F = Z("Remove");
|
|
421
|
+
b(C, F);
|
|
422
422
|
},
|
|
423
423
|
$$slots: { default: !0 }
|
|
424
|
-
}),
|
|
425
|
-
}, x = (
|
|
426
|
-
var
|
|
427
|
-
|
|
424
|
+
}), S(() => K(f, "src", s())), b(v, y);
|
|
425
|
+
}, x = (v) => {
|
|
426
|
+
var y = Ue(), f = a(y), z = _(a(f), 2), q = a(z), $ = a(q);
|
|
427
|
+
S(() => U($, r())), N("click", y, u), N("keydown", y, (M) => M.key === "Enter" && u()), b(v, y);
|
|
428
|
+
};
|
|
429
|
+
j(d, (v) => {
|
|
430
|
+
s() ? v(l) : v(x, !1);
|
|
431
|
+
});
|
|
432
|
+
}
|
|
433
|
+
var p = _(d, 2);
|
|
434
|
+
we(p, (v) => P(h, v), () => m(h)), S(() => K(p, "accept", c())), N("change", p, o), b(n, g);
|
|
435
|
+
}
|
|
436
|
+
var Ke = k('<label class="text-sm font-medium cursor-pointer"> </label>'), He = k('<div class="flex items-center gap-2"><input/> <!></div>');
|
|
437
|
+
function Ge(n, e) {
|
|
438
|
+
const s = A(e, ["children", "$$slots", "$$events", "$$legacy"]), t = A(s, ["checked", "disabled", "label"]);
|
|
439
|
+
G(e, !1);
|
|
440
|
+
const c = I();
|
|
441
|
+
let r = w(e, "checked", 12, !1), h = w(e, "disabled", 8, !1), o = w(e, "label", 8, ""), i = I();
|
|
442
|
+
typeof window < "u" ? P(i, `checkbox-${Math.random().toString(36).substr(2, 9)}`) : P(i, `checkbox-ssr-${Date.now()}`);
|
|
443
|
+
function u(p) {
|
|
444
|
+
const v = p.target;
|
|
445
|
+
r(v.checked);
|
|
446
|
+
}
|
|
447
|
+
Y(() => {
|
|
448
|
+
}, () => {
|
|
449
|
+
P(c, [
|
|
450
|
+
"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded",
|
|
451
|
+
"focus:ring-blue-500 focus:ring-2",
|
|
452
|
+
"disabled:opacity-50 disabled:cursor-not-allowed"
|
|
453
|
+
].join(" "));
|
|
454
|
+
}), ae(), te();
|
|
455
|
+
var g = He(), d = a(g);
|
|
456
|
+
Q(
|
|
457
|
+
d,
|
|
458
|
+
() => ({
|
|
459
|
+
type: "checkbox",
|
|
460
|
+
id: m(i),
|
|
461
|
+
checked: r(),
|
|
462
|
+
disabled: h(),
|
|
463
|
+
class: m(c),
|
|
464
|
+
...t
|
|
465
|
+
}),
|
|
466
|
+
void 0,
|
|
467
|
+
void 0,
|
|
468
|
+
void 0,
|
|
469
|
+
!0
|
|
470
|
+
);
|
|
471
|
+
var l = _(d, 2);
|
|
472
|
+
{
|
|
473
|
+
var x = (p) => {
|
|
474
|
+
var v = Ke(), y = a(v);
|
|
475
|
+
S(() => {
|
|
476
|
+
K(v, "for", m(i)), U(y, o());
|
|
477
|
+
}), b(p, v);
|
|
428
478
|
};
|
|
429
|
-
|
|
430
|
-
|
|
479
|
+
j(l, (p) => {
|
|
480
|
+
o() && p(x);
|
|
431
481
|
});
|
|
432
482
|
}
|
|
433
|
-
|
|
434
|
-
ye(_, (b) => U(g, b), () => f(g)), T(() => J(_, "accept", v())), S("change", _, o), m(n, p);
|
|
483
|
+
N("change", d, u), b(n, g), H();
|
|
435
484
|
}
|
|
436
|
-
var
|
|
485
|
+
var Je = k('<div class="space-y-4"><!> <!> <!> <!></div> <div class="pt-4"><!></div>', 1), Ve = k(`<div><div class="mb-6"><h2 class="text-2xl font-bold text-text mb-2">Get in Touch</h2> <p class="text-text-secondary">We'd love to hear from you. Send us a message and we'll respond as
|
|
437
486
|
soon as possible.</p></div> <!></div>`);
|
|
438
|
-
function
|
|
439
|
-
let s = w(e, "className", 8, ""), t =
|
|
440
|
-
function
|
|
487
|
+
function st(n, e) {
|
|
488
|
+
let s = w(e, "className", 8, ""), t = I({ name: "", email: "", message: "", subscribe: !1 });
|
|
489
|
+
function c(o) {
|
|
441
490
|
o.detail.data.name, o.detail.data.email, o.detail.data.message, o.detail.data.subscribe;
|
|
442
491
|
}
|
|
443
|
-
var r =
|
|
444
|
-
|
|
492
|
+
var r = Ve(), h = _(a(r), 2);
|
|
493
|
+
ke(h, {
|
|
445
494
|
className: "space-y-4",
|
|
446
|
-
$$events: { submit:
|
|
447
|
-
children: (o,
|
|
448
|
-
var u =
|
|
449
|
-
|
|
495
|
+
$$events: { submit: c },
|
|
496
|
+
children: (o, i) => {
|
|
497
|
+
var u = Je(), g = D(u), d = a(g);
|
|
498
|
+
oe(d, {
|
|
450
499
|
type: "text",
|
|
451
500
|
label: "Name",
|
|
452
501
|
placeholder: "Enter your name",
|
|
453
502
|
get value() {
|
|
454
|
-
return
|
|
503
|
+
return m(t), T(() => m(t).name);
|
|
455
504
|
},
|
|
456
505
|
$$events: {
|
|
457
|
-
input: (
|
|
506
|
+
input: (f) => V(t, m(t).name = f.target.value)
|
|
458
507
|
}
|
|
459
508
|
});
|
|
460
|
-
var
|
|
461
|
-
|
|
509
|
+
var l = _(d, 2);
|
|
510
|
+
oe(l, {
|
|
462
511
|
type: "email",
|
|
463
512
|
label: "Email",
|
|
464
513
|
placeholder: "Enter your email",
|
|
465
514
|
get value() {
|
|
466
|
-
return
|
|
515
|
+
return m(t), T(() => m(t).email);
|
|
467
516
|
},
|
|
468
517
|
$$events: {
|
|
469
|
-
input: (
|
|
518
|
+
input: (f) => V(t, m(t).email = f.target.value)
|
|
470
519
|
}
|
|
471
520
|
});
|
|
472
|
-
var x =
|
|
521
|
+
var x = _(l, 2);
|
|
473
522
|
xe(x, {
|
|
474
523
|
label: "Message",
|
|
475
524
|
placeholder: "Enter your message",
|
|
476
525
|
rows: 4,
|
|
477
526
|
get value() {
|
|
478
|
-
return
|
|
527
|
+
return m(t), T(() => m(t).message);
|
|
479
528
|
},
|
|
480
529
|
$$events: {
|
|
481
|
-
input: (
|
|
530
|
+
input: (f) => V(t, m(t).message = f.target.value)
|
|
482
531
|
}
|
|
483
532
|
});
|
|
484
|
-
var
|
|
485
|
-
|
|
533
|
+
var p = _(x, 2);
|
|
534
|
+
Ge(p, {
|
|
486
535
|
label: "Subscribe to updates",
|
|
487
536
|
get checked() {
|
|
488
|
-
return
|
|
537
|
+
return m(t), T(() => m(t).subscribe);
|
|
489
538
|
},
|
|
490
539
|
$$events: {
|
|
491
|
-
change: (
|
|
540
|
+
change: (f) => V(t, m(t).subscribe = f.target.checked)
|
|
492
541
|
}
|
|
493
542
|
});
|
|
494
|
-
var
|
|
495
|
-
|
|
543
|
+
var v = _(g, 2), y = a(v);
|
|
544
|
+
ee(y, {
|
|
496
545
|
type: "submit",
|
|
497
546
|
variant: "primary",
|
|
498
547
|
size: "md",
|
|
499
|
-
children: (
|
|
500
|
-
var q =
|
|
501
|
-
|
|
548
|
+
children: (f, z) => {
|
|
549
|
+
var q = Z("Send Message");
|
|
550
|
+
b(f, q);
|
|
502
551
|
},
|
|
503
552
|
$$slots: { default: !0 }
|
|
504
|
-
}),
|
|
553
|
+
}), b(o, u);
|
|
505
554
|
},
|
|
506
555
|
$$slots: { default: !0 }
|
|
507
|
-
}),
|
|
556
|
+
}), S(() => re(r, 1, `max-w-md mx-auto ${s() ?? ""}`)), b(n, r);
|
|
508
557
|
}
|
|
509
558
|
export {
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
559
|
+
rt as Alert,
|
|
560
|
+
st as ContactForm,
|
|
561
|
+
tt as Dropdown,
|
|
562
|
+
ke as Form,
|
|
563
|
+
ot as ImageUpload,
|
|
564
|
+
Xe as Layout,
|
|
565
|
+
Ze as Modal,
|
|
566
|
+
et as SlideUp,
|
|
567
|
+
at as Tabs
|
|
519
568
|
};
|