componenteszw-package 1.0.4 → 1.0.6

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,2216 +0,0 @@
1
- import * as e from "react";
2
- import t, { createElement as n, forwardRef as r } from "react";
3
- //#region \0rolldown/runtime.js
4
- var i = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), a = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
5
- if (typeof require < "u") return require.apply(this, arguments);
6
- throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
7
- }), o = /* @__PURE__ */ i(((e) => {
8
- var t = a("react"), n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, o = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = {
9
- key: !0,
10
- ref: !0,
11
- __self: !0,
12
- __source: !0
13
- };
14
- function c(e, t, r) {
15
- var a, c = {}, l = null, u = null;
16
- for (a in r !== void 0 && (l = "" + r), t.key !== void 0 && (l = "" + t.key), t.ref !== void 0 && (u = t.ref), t) i.call(t, a) && !s.hasOwnProperty(a) && (c[a] = t[a]);
17
- if (e && e.defaultProps) for (a in t = e.defaultProps, t) c[a] === void 0 && (c[a] = t[a]);
18
- return {
19
- $$typeof: n,
20
- type: e,
21
- key: l,
22
- ref: u,
23
- props: c,
24
- _owner: o.current
25
- };
26
- }
27
- e.Fragment = r, e.jsx = c, e.jsxs = c;
28
- })), s = /* @__PURE__ */ i(((e) => {
29
- process.env.NODE_ENV !== "production" && (function() {
30
- var t = a("react"), n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, _ = "@@iterator";
31
- function v(e) {
32
- if (typeof e != "object" || !e) return null;
33
- var t = g && e[g] || e[_];
34
- return typeof t == "function" ? t : null;
35
- }
36
- var y = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
37
- function b(e) {
38
- ee("error", e, [...arguments].slice(1));
39
- }
40
- function ee(e, t, n) {
41
- var r = y.ReactDebugCurrentFrame.getStackAddendum();
42
- r !== "" && (t += "%s", n = n.concat([r]));
43
- var i = n.map(function(e) {
44
- return String(e);
45
- });
46
- i.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, i);
47
- }
48
- var te = !1, ne = !1, re = !1, x = !1, S = !1, C = Symbol.for("react.module.reference");
49
- function w(e) {
50
- return !!(typeof e == "string" || typeof e == "function" || e === i || e === s || S || e === o || e === d || e === f || x || e === h || te || ne || re || typeof e == "object" && e && (e.$$typeof === m || e.$$typeof === p || e.$$typeof === c || e.$$typeof === l || e.$$typeof === u || e.$$typeof === C || e.getModuleId !== void 0));
51
- }
52
- function T(e, t, n) {
53
- var r = e.displayName;
54
- if (r) return r;
55
- var i = t.displayName || t.name || "";
56
- return i === "" ? n : n + "(" + i + ")";
57
- }
58
- function E(e) {
59
- return e.displayName || "Context";
60
- }
61
- function D(e) {
62
- if (e == null) return null;
63
- if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function") return e.displayName || e.name || null;
64
- if (typeof e == "string") return e;
65
- switch (e) {
66
- case i: return "Fragment";
67
- case r: return "Portal";
68
- case s: return "Profiler";
69
- case o: return "StrictMode";
70
- case d: return "Suspense";
71
- case f: return "SuspenseList";
72
- }
73
- if (typeof e == "object") switch (e.$$typeof) {
74
- case l: return E(e) + ".Consumer";
75
- case c: return E(e._context) + ".Provider";
76
- case u: return T(e, e.render, "ForwardRef");
77
- case p:
78
- var t = e.displayName || null;
79
- return t === null ? D(e.type) || "Memo" : t;
80
- case m:
81
- var n = e, a = n._payload, h = n._init;
82
- try {
83
- return D(h(a));
84
- } catch {
85
- return null;
86
- }
87
- }
88
- return null;
89
- }
90
- var O = Object.assign, k = 0, A, j, M, N, ie, ae, oe;
91
- function se() {}
92
- se.__reactDisabledLog = !0;
93
- function ce() {
94
- if (k === 0) {
95
- A = console.log, j = console.info, M = console.warn, N = console.error, ie = console.group, ae = console.groupCollapsed, oe = console.groupEnd;
96
- var e = {
97
- configurable: !0,
98
- enumerable: !0,
99
- value: se,
100
- writable: !0
101
- };
102
- Object.defineProperties(console, {
103
- info: e,
104
- log: e,
105
- warn: e,
106
- error: e,
107
- group: e,
108
- groupCollapsed: e,
109
- groupEnd: e
110
- });
111
- }
112
- k++;
113
- }
114
- function le() {
115
- if (k--, k === 0) {
116
- var e = {
117
- configurable: !0,
118
- enumerable: !0,
119
- writable: !0
120
- };
121
- Object.defineProperties(console, {
122
- log: O({}, e, { value: A }),
123
- info: O({}, e, { value: j }),
124
- warn: O({}, e, { value: M }),
125
- error: O({}, e, { value: N }),
126
- group: O({}, e, { value: ie }),
127
- groupCollapsed: O({}, e, { value: ae }),
128
- groupEnd: O({}, e, { value: oe })
129
- });
130
- }
131
- k < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
132
- }
133
- var P = y.ReactCurrentDispatcher, F;
134
- function I(e, t, n) {
135
- if (F === void 0) try {
136
- throw Error();
137
- } catch (e) {
138
- var r = e.stack.trim().match(/\n( *(at )?)/);
139
- F = r && r[1] || "";
140
- }
141
- return "\n" + F + e;
142
- }
143
- var L = !1, R = new (typeof WeakMap == "function" ? WeakMap : Map)();
144
- function ue(e, t) {
145
- if (!e || L) return "";
146
- var n = R.get(e);
147
- if (n !== void 0) return n;
148
- var r;
149
- L = !0;
150
- var i = Error.prepareStackTrace;
151
- Error.prepareStackTrace = void 0;
152
- var a = P.current;
153
- P.current = null, ce();
154
- try {
155
- if (t) {
156
- var o = function() {
157
- throw Error();
158
- };
159
- if (Object.defineProperty(o.prototype, "props", { set: function() {
160
- throw Error();
161
- } }), typeof Reflect == "object" && Reflect.construct) {
162
- try {
163
- Reflect.construct(o, []);
164
- } catch (e) {
165
- r = e;
166
- }
167
- Reflect.construct(e, [], o);
168
- } else {
169
- try {
170
- o.call();
171
- } catch (e) {
172
- r = e;
173
- }
174
- e.call(o.prototype);
175
- }
176
- } else {
177
- try {
178
- throw Error();
179
- } catch (e) {
180
- r = e;
181
- }
182
- e();
183
- }
184
- } catch (t) {
185
- if (t && r && typeof t.stack == "string") {
186
- for (var s = t.stack.split("\n"), c = r.stack.split("\n"), l = s.length - 1, u = c.length - 1; l >= 1 && u >= 0 && s[l] !== c[u];) u--;
187
- for (; l >= 1 && u >= 0; l--, u--) if (s[l] !== c[u]) {
188
- if (l !== 1 || u !== 1) do
189
- if (l--, u--, u < 0 || s[l] !== c[u]) {
190
- var d = "\n" + s[l].replace(" at new ", " at ");
191
- return e.displayName && d.includes("<anonymous>") && (d = d.replace("<anonymous>", e.displayName)), typeof e == "function" && R.set(e, d), d;
192
- }
193
- while (l >= 1 && u >= 0);
194
- break;
195
- }
196
- }
197
- } finally {
198
- L = !1, P.current = a, le(), Error.prepareStackTrace = i;
199
- }
200
- var f = e ? e.displayName || e.name : "", p = f ? I(f) : "";
201
- return typeof e == "function" && R.set(e, p), p;
202
- }
203
- function de(e, t, n) {
204
- return ue(e, !1);
205
- }
206
- function fe(e) {
207
- var t = e.prototype;
208
- return !!(t && t.isReactComponent);
209
- }
210
- function z(e, t, n) {
211
- if (e == null) return "";
212
- if (typeof e == "function") return ue(e, fe(e));
213
- if (typeof e == "string") return I(e);
214
- switch (e) {
215
- case d: return I("Suspense");
216
- case f: return I("SuspenseList");
217
- }
218
- if (typeof e == "object") switch (e.$$typeof) {
219
- case u: return de(e.render);
220
- case p: return z(e.type, t, n);
221
- case m:
222
- var r = e, i = r._payload, a = r._init;
223
- try {
224
- return z(a(i), t, n);
225
- } catch {}
226
- }
227
- return "";
228
- }
229
- var B = Object.prototype.hasOwnProperty, pe = {}, me = y.ReactDebugCurrentFrame;
230
- function V(e) {
231
- if (e) {
232
- var t = e._owner, n = z(e.type, e._source, t ? t.type : null);
233
- me.setExtraStackFrame(n);
234
- } else me.setExtraStackFrame(null);
235
- }
236
- function H(e, t, n, r, i) {
237
- var a = Function.call.bind(B);
238
- for (var o in e) if (a(e, o)) {
239
- var s = void 0;
240
- try {
241
- if (typeof e[o] != "function") {
242
- var c = Error((r || "React class") + ": " + n + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
243
- throw c.name = "Invariant Violation", c;
244
- }
245
- s = e[o](t, o, r, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
246
- } catch (e) {
247
- s = e;
248
- }
249
- s && !(s instanceof Error) && (V(i), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", r || "React class", n, o, typeof s), V(null)), s instanceof Error && !(s.message in pe) && (pe[s.message] = !0, V(i), b("Failed %s type: %s", n, s.message), V(null));
250
- }
251
- }
252
- var U = Array.isArray;
253
- function W(e) {
254
- return U(e);
255
- }
256
- function G(e) {
257
- return typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
258
- }
259
- function he(e) {
260
- try {
261
- return K(e), !1;
262
- } catch {
263
- return !0;
264
- }
265
- }
266
- function K(e) {
267
- return "" + e;
268
- }
269
- function q(e) {
270
- if (he(e)) return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", G(e)), K(e);
271
- }
272
- var J = y.ReactCurrentOwner, ge = {
273
- key: !0,
274
- ref: !0,
275
- __self: !0,
276
- __source: !0
277
- }, _e, ve, ye = {};
278
- function be(e) {
279
- if (B.call(e, "ref")) {
280
- var t = Object.getOwnPropertyDescriptor(e, "ref").get;
281
- if (t && t.isReactWarning) return !1;
282
- }
283
- return e.ref !== void 0;
284
- }
285
- function Y(e) {
286
- if (B.call(e, "key")) {
287
- var t = Object.getOwnPropertyDescriptor(e, "key").get;
288
- if (t && t.isReactWarning) return !1;
289
- }
290
- return e.key !== void 0;
291
- }
292
- function X(e, t) {
293
- if (typeof e.ref == "string" && J.current && t && J.current.stateNode !== t) {
294
- var n = D(J.current.type);
295
- ye[n] || (b("Component \"%s\" contains the string ref \"%s\". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref", D(J.current.type), e.ref), ye[n] = !0);
296
- }
297
- }
298
- function xe(e, t) {
299
- var n = function() {
300
- _e || (_e = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
301
- };
302
- n.isReactWarning = !0, Object.defineProperty(e, "key", {
303
- get: n,
304
- configurable: !0
305
- });
306
- }
307
- function Se(e, t) {
308
- var n = function() {
309
- ve || (ve = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
310
- };
311
- n.isReactWarning = !0, Object.defineProperty(e, "ref", {
312
- get: n,
313
- configurable: !0
314
- });
315
- }
316
- var Ce = function(e, t, r, i, a, o, s) {
317
- var c = {
318
- $$typeof: n,
319
- type: e,
320
- key: t,
321
- ref: r,
322
- props: s,
323
- _owner: o
324
- };
325
- return c._store = {}, Object.defineProperty(c._store, "validated", {
326
- configurable: !1,
327
- enumerable: !1,
328
- writable: !0,
329
- value: !1
330
- }), Object.defineProperty(c, "_self", {
331
- configurable: !1,
332
- enumerable: !1,
333
- writable: !1,
334
- value: i
335
- }), Object.defineProperty(c, "_source", {
336
- configurable: !1,
337
- enumerable: !1,
338
- writable: !1,
339
- value: a
340
- }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
341
- };
342
- function we(e, t, n, r, i) {
343
- var a, o = {}, s = null, c = null;
344
- for (a in n !== void 0 && (q(n), s = "" + n), Y(t) && (q(t.key), s = "" + t.key), be(t) && (c = t.ref, X(t, i)), t) B.call(t, a) && !ge.hasOwnProperty(a) && (o[a] = t[a]);
345
- if (e && e.defaultProps) {
346
- var l = e.defaultProps;
347
- for (a in l) o[a] === void 0 && (o[a] = l[a]);
348
- }
349
- if (s || c) {
350
- var u = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
351
- s && xe(o, u), c && Se(o, u);
352
- }
353
- return Ce(e, s, c, i, r, J.current, o);
354
- }
355
- var Te = y.ReactCurrentOwner, Z = y.ReactDebugCurrentFrame;
356
- function Q(e) {
357
- if (e) {
358
- var t = e._owner, n = z(e.type, e._source, t ? t.type : null);
359
- Z.setExtraStackFrame(n);
360
- } else Z.setExtraStackFrame(null);
361
- }
362
- var Ee = !1;
363
- function $(e) {
364
- return typeof e == "object" && !!e && e.$$typeof === n;
365
- }
366
- function De() {
367
- if (Te.current) {
368
- var e = D(Te.current.type);
369
- if (e) return "\n\nCheck the render method of `" + e + "`.";
370
- }
371
- return "";
372
- }
373
- function Oe(e) {
374
- if (e !== void 0) {
375
- var t = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
376
- return "\n\nCheck your code at " + t + ":" + n + ".";
377
- }
378
- return "";
379
- }
380
- var ke = {};
381
- function Ae(e) {
382
- var t = De();
383
- if (!t) {
384
- var n = typeof e == "string" ? e : e.displayName || e.name;
385
- n && (t = "\n\nCheck the top-level render call using <" + n + ">.");
386
- }
387
- return t;
388
- }
389
- function je(e, t) {
390
- if (!(!e._store || e._store.validated || e.key != null)) {
391
- e._store.validated = !0;
392
- var n = Ae(t);
393
- if (!ke[n]) {
394
- ke[n] = !0;
395
- var r = "";
396
- e && e._owner && e._owner !== Te.current && (r = " It was passed a child from " + D(e._owner.type) + "."), Q(e), b("Each child in a list should have a unique \"key\" prop.%s%s See https://reactjs.org/link/warning-keys for more information.", n, r), Q(null);
397
- }
398
- }
399
- }
400
- function Me(e, t) {
401
- if (typeof e == "object") {
402
- if (W(e)) for (var n = 0; n < e.length; n++) {
403
- var r = e[n];
404
- $(r) && je(r, t);
405
- }
406
- else if ($(e)) e._store && (e._store.validated = !0);
407
- else if (e) {
408
- var i = v(e);
409
- if (typeof i == "function" && i !== e.entries) for (var a = i.call(e), o; !(o = a.next()).done;) $(o.value) && je(o.value, t);
410
- }
411
- }
412
- }
413
- function Ne(e) {
414
- var t = e.type;
415
- if (!(t == null || typeof t == "string")) {
416
- var n;
417
- if (typeof t == "function") n = t.propTypes;
418
- else if (typeof t == "object" && (t.$$typeof === u || t.$$typeof === p)) n = t.propTypes;
419
- else return;
420
- if (n) {
421
- var r = D(t);
422
- H(n, e.props, "prop", r, e);
423
- } else t.PropTypes !== void 0 && !Ee && (Ee = !0, b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D(t) || "Unknown"));
424
- typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
425
- }
426
- }
427
- function Pe(e) {
428
- for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
429
- var r = t[n];
430
- if (r !== "children" && r !== "key") {
431
- Q(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", r), Q(null);
432
- break;
433
- }
434
- }
435
- e.ref !== null && (Q(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Q(null));
436
- }
437
- var Fe = {};
438
- function Ie(e, t, r, a, o, s) {
439
- var c = w(e);
440
- if (!c) {
441
- var l = "";
442
- (e === void 0 || typeof e == "object" && e && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
443
- var u = Oe(o);
444
- u ? l += u : l += De();
445
- var d;
446
- e === null ? d = "null" : W(e) ? d = "array" : e !== void 0 && e.$$typeof === n ? (d = "<" + (D(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, l);
447
- }
448
- var f = we(e, t, r, o, s);
449
- if (f == null) return f;
450
- if (c) {
451
- var p = t.children;
452
- if (p !== void 0) if (a) if (W(p)) {
453
- for (var m = 0; m < p.length; m++) Me(p[m], e);
454
- Object.freeze && Object.freeze(p);
455
- } else b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
456
- else Me(p, e);
457
- }
458
- if (B.call(t, "key")) {
459
- var h = D(e), g = Object.keys(t).filter(function(e) {
460
- return e !== "key";
461
- }), _ = g.length > 0 ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}";
462
- Fe[h + _] || (b("A props object containing a \"key\" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />", _, h, g.length > 0 ? "{" + g.join(": ..., ") + ": ...}" : "{}", h), Fe[h + _] = !0);
463
- }
464
- return e === i ? Pe(f) : Ne(f), f;
465
- }
466
- function Le(e, t, n) {
467
- return Ie(e, t, n, !0);
468
- }
469
- function Re(e, t, n) {
470
- return Ie(e, t, n, !1);
471
- }
472
- var ze = Re, Be = Le;
473
- e.Fragment = i, e.jsx = ze, e.jsxs = Be;
474
- })();
475
- })), c = (/* @__PURE__ */ i(((e, t) => {
476
- process.env.NODE_ENV === "production" ? t.exports = o() : t.exports = s();
477
- })))(), l = ({ active: e, blur: t = 8, overlayOpacity: n = .35, children: r }) => e ? /* @__PURE__ */ (0, c.jsxs)("div", {
478
- className: "fixed inset-0 z-40",
479
- children: [/* @__PURE__ */ (0, c.jsx)("div", {
480
- className: "absolute inset-0 backdrop-blur-sm",
481
- style: {
482
- backdropFilter: `blur(${t}px)`,
483
- backgroundColor: `rgba(255,255,255,${n})`
484
- }
485
- }), /* @__PURE__ */ (0, c.jsx)("div", {
486
- className: "relative z-50 flex items-center justify-center w-full h-full",
487
- children: r
488
- })]
489
- }) : null, u = ({ text: e, iconLeft: t, iconRight: n, variant: r = "primary", size: i = "medium", state: a = "default", disabled: o = !1, onClick: s, type: l = "button", className: u = "" }) => /* @__PURE__ */ (0, c.jsxs)("button", {
490
- type: l,
491
- onClick: s,
492
- disabled: o,
493
- className: `
494
-
495
- flex items-center justify-center gap-2 rounded-md font-medium
496
- transition-all duration-200
497
- focus:outline-none focus:ring-2 focus:ring-offset-2
498
- active:scale-95
499
-
500
- ${{
501
- small: "px-3 py-1.5 text-sm",
502
- medium: "px-4 py-2 text-sm"
503
- }[i]}
504
- ${{
505
- primary: "bg-green-600 text-white hover:bg-green-700 focus:ring-green-500",
506
- secondary: "bg-gray-200 text-black hover:bg-gray-300 focus:ring-gray-400",
507
- tertiary: "bg-orange-400 text-white hover:bg-orange-500 focus:ring-orange-400",
508
- success: "bg-green-500 text-white hover:bg-green-600 focus:ring-green-400",
509
- warning: "bg-yellow-400 text-black hover:bg-yellow-500 focus:ring-yellow-300",
510
- destructive: "bg-red-500 text-white hover:bg-red-600 focus:ring-red-400"
511
- }[r]}
512
- ${{
513
- default: "",
514
- hover: "brightness-90",
515
- focus: "ring-2 ring-offset-2",
516
- disabled: "opacity-50 cursor-not-allowed"
517
- }[a]}
518
- ${o ? "opacity-50 cursor-not-allowed" : ""}
519
- ${u}
520
- `,
521
- children: [
522
- t && /* @__PURE__ */ (0, c.jsx)("span", {
523
- className: "flex items-center",
524
- children: t
525
- }),
526
- e && /* @__PURE__ */ (0, c.jsx)("span", { children: e }),
527
- n && /* @__PURE__ */ (0, c.jsx)("span", {
528
- className: "flex items-center",
529
- children: n
530
- })
531
- ]
532
- }), d = ({ children: e, onClick: t }) => /* @__PURE__ */ (0, c.jsx)("div", {
533
- onClick: t,
534
- className: "\n w-full\n bg-white\n rounded-2xl\n border border-gray-200\n shadow-sm\n hover:shadow-md\n transition-all duration-200\n overflow-hidden\n ",
535
- children: /* @__PURE__ */ (0, c.jsx)("div", {
536
- className: "\n min-h-[72px]\n px-6\n py-4\n flex\n items-center\n justify-between\n ",
537
- children: e || /* @__PURE__ */ (0, c.jsxs)(c.Fragment, { children: [
538
- /* @__PURE__ */ (0, c.jsx)("div", { className: "flex-1 h-5 rounded-md bg-gray-100" }),
539
- /* @__PURE__ */ (0, c.jsx)("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
540
- /* @__PURE__ */ (0, c.jsx)("div", { className: "w-24 h-5 rounded-md bg-gray-100 ml-6" }),
541
- /* @__PURE__ */ (0, c.jsx)("div", { className: "w-32 h-5 rounded-md bg-gray-100 ml-6" }),
542
- /* @__PURE__ */ (0, c.jsx)("div", { className: "w-6 h-6 rounded-md bg-gray-100 ml-6" })
543
- ] })
544
- })
545
- }), f = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), p = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), m = (e) => {
546
- let t = p(e);
547
- return t.charAt(0).toUpperCase() + t.slice(1);
548
- }, h = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), g = (e) => {
549
- for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
550
- }, _ = {
551
- xmlns: "http://www.w3.org/2000/svg",
552
- width: 24,
553
- height: 24,
554
- viewBox: "0 0 24 24",
555
- fill: "none",
556
- stroke: "currentColor",
557
- strokeWidth: 2,
558
- strokeLinecap: "round",
559
- strokeLinejoin: "round"
560
- }, v = r(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => n("svg", {
561
- ref: l,
562
- ..._,
563
- width: t,
564
- height: t,
565
- stroke: e,
566
- strokeWidth: i ? Number(r) * 24 / Number(t) : r,
567
- className: h("lucide", a),
568
- ...!o && !g(c) && { "aria-hidden": "true" },
569
- ...c
570
- }, [...s.map(([e, t]) => n(e, t)), ...Array.isArray(o) ? o : [o]])), y = (e, t) => {
571
- let i = r(({ className: r, ...i }, a) => n(v, {
572
- ref: a,
573
- iconNode: t,
574
- className: h(`lucide-${f(m(e))}`, `lucide-${e}`, r),
575
- ...i
576
- }));
577
- return i.displayName = m(e), i;
578
- }, b = y("check", [["path", {
579
- d: "M20 6 9 17l-5-5",
580
- key: "1gmf2c"
581
- }]]), ee = y("file-text", [
582
- ["path", {
583
- d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
584
- key: "1rqfz7"
585
- }],
586
- ["path", {
587
- d: "M14 2v4a2 2 0 0 0 2 2h4",
588
- key: "tnqrlb"
589
- }],
590
- ["path", {
591
- d: "M10 9H8",
592
- key: "b1mrlr"
593
- }],
594
- ["path", {
595
- d: "M16 13H8",
596
- key: "t4e002"
597
- }],
598
- ["path", {
599
- d: "M16 17H8",
600
- key: "z1uh3a"
601
- }]
602
- ]), te = y("minus", [["path", {
603
- d: "M5 12h14",
604
- key: "1ays0h"
605
- }]]), ne = y("upload", [
606
- ["path", {
607
- d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
608
- key: "ih7n3h"
609
- }],
610
- ["polyline", {
611
- points: "17 8 12 3 7 8",
612
- key: "t8dd8p"
613
- }],
614
- ["line", {
615
- x1: "12",
616
- x2: "12",
617
- y1: "3",
618
- y2: "15",
619
- key: "widbto"
620
- }]
621
- ]), re = y("x", [["path", {
622
- d: "M18 6 6 18",
623
- key: "1bl5f8"
624
- }], ["path", {
625
- d: "m6 6 12 12",
626
- key: "d8bk6v"
627
- }]]);
628
- //#endregion
629
- //#region node_modules/clsx/dist/clsx.mjs
630
- function x(e) {
631
- var t, n, r = "";
632
- if (typeof e == "string" || typeof e == "number") r += e;
633
- else if (typeof e == "object") if (Array.isArray(e)) {
634
- var i = e.length;
635
- for (t = 0; t < i; t++) e[t] && (n = x(e[t])) && (r && (r += " "), r += n);
636
- } else for (n in e) e[n] && (r && (r += " "), r += n);
637
- return r;
638
- }
639
- function S() {
640
- for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = x(e)) && (r && (r += " "), r += t);
641
- return r;
642
- }
643
- //#endregion
644
- //#region node_modules/tailwind-merge/dist/bundle-mjs.mjs
645
- var C = "-", w = (e) => {
646
- let t = O(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
647
- return {
648
- getClassGroupId: (e) => {
649
- let n = e.split(C);
650
- return n[0] === "" && n.length !== 1 && n.shift(), T(n, t) || D(e);
651
- },
652
- getConflictingClassGroupIds: (e, t) => {
653
- let i = n[e] || [];
654
- return t && r[e] ? [...i, ...r[e]] : i;
655
- }
656
- };
657
- }, T = (e, t) => {
658
- if (e.length === 0) return t.classGroupId;
659
- let n = e[0], r = t.nextPart.get(n), i = r ? T(e.slice(1), r) : void 0;
660
- if (i) return i;
661
- if (t.validators.length === 0) return;
662
- let a = e.join(C);
663
- return t.validators.find(({ validator: e }) => e(a))?.classGroupId;
664
- }, E = /^\[(.+)\]$/, D = (e) => {
665
- if (E.test(e)) {
666
- let t = E.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
667
- if (n) return "arbitrary.." + n;
668
- }
669
- }, O = (e) => {
670
- let { theme: t, prefix: n } = e, r = {
671
- nextPart: /* @__PURE__ */ new Map(),
672
- validators: []
673
- };
674
- return M(Object.entries(e.classGroups), n).forEach(([e, n]) => {
675
- k(n, r, e, t);
676
- }), r;
677
- }, k = (e, t, n, r) => {
678
- e.forEach((e) => {
679
- if (typeof e == "string") {
680
- let r = e === "" ? t : A(t, e);
681
- r.classGroupId = n;
682
- return;
683
- }
684
- if (typeof e == "function") {
685
- if (j(e)) {
686
- k(e(r), t, n, r);
687
- return;
688
- }
689
- t.validators.push({
690
- validator: e,
691
- classGroupId: n
692
- });
693
- return;
694
- }
695
- Object.entries(e).forEach(([e, i]) => {
696
- k(i, A(t, e), n, r);
697
- });
698
- });
699
- }, A = (e, t) => {
700
- let n = e;
701
- return t.split(C).forEach((e) => {
702
- n.nextPart.has(e) || n.nextPart.set(e, {
703
- nextPart: /* @__PURE__ */ new Map(),
704
- validators: []
705
- }), n = n.nextPart.get(e);
706
- }), n;
707
- }, j = (e) => e.isThemeGetter, M = (e, t) => t ? e.map(([e, n]) => [e, n.map((e) => typeof e == "string" ? t + e : typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, n]) => [t + e, n])) : e)]) : e, N = (e) => {
708
- if (e < 1) return {
709
- get: () => void 0,
710
- set: () => {}
711
- };
712
- let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = (i, a) => {
713
- n.set(i, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
714
- };
715
- return {
716
- get(e) {
717
- let t = n.get(e);
718
- if (t !== void 0) return t;
719
- if ((t = r.get(e)) !== void 0) return i(e, t), t;
720
- },
721
- set(e, t) {
722
- n.has(e) ? n.set(e, t) : i(e, t);
723
- }
724
- };
725
- }, ie = "!", ae = (e) => {
726
- let { separator: t, experimentalParseClassName: n } = e, r = t.length === 1, i = t[0], a = t.length, o = (e) => {
727
- let n = [], o = 0, s = 0, c;
728
- for (let l = 0; l < e.length; l++) {
729
- let u = e[l];
730
- if (o === 0) {
731
- if (u === i && (r || e.slice(l, l + a) === t)) {
732
- n.push(e.slice(s, l)), s = l + a;
733
- continue;
734
- }
735
- if (u === "/") {
736
- c = l;
737
- continue;
738
- }
739
- }
740
- u === "[" ? o++ : u === "]" && o--;
741
- }
742
- let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(ie);
743
- return {
744
- modifiers: n,
745
- hasImportantModifier: u,
746
- baseClassName: u ? l.substring(1) : l,
747
- maybePostfixModifierPosition: c && c > s ? c - s : void 0
748
- };
749
- };
750
- return n ? (e) => n({
751
- className: e,
752
- parseClassName: o
753
- }) : o;
754
- }, oe = (e) => {
755
- if (e.length <= 1) return e;
756
- let t = [], n = [];
757
- return e.forEach((e) => {
758
- e[0] === "[" ? (t.push(...n.sort(), e), n = []) : n.push(e);
759
- }), t.push(...n.sort()), t;
760
- }, se = (e) => ({
761
- cache: N(e.cacheSize),
762
- parseClassName: ae(e),
763
- ...w(e)
764
- }), ce = /\s+/, le = (e, t) => {
765
- let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(ce), s = "";
766
- for (let e = o.length - 1; e >= 0; --e) {
767
- let t = o[e], { modifiers: c, hasImportantModifier: l, baseClassName: u, maybePostfixModifierPosition: d } = n(t), f = !!d, p = r(f ? u.substring(0, d) : u);
768
- if (!p) {
769
- if (!f) {
770
- s = t + (s.length > 0 ? " " + s : s);
771
- continue;
772
- }
773
- if (p = r(u), !p) {
774
- s = t + (s.length > 0 ? " " + s : s);
775
- continue;
776
- }
777
- f = !1;
778
- }
779
- let m = oe(c).join(":"), h = l ? m + ie : m, g = h + p;
780
- if (a.includes(g)) continue;
781
- a.push(g);
782
- let _ = i(p, f);
783
- for (let e = 0; e < _.length; ++e) {
784
- let t = _[e];
785
- a.push(h + t);
786
- }
787
- s = t + (s.length > 0 ? " " + s : s);
788
- }
789
- return s;
790
- };
791
- function P() {
792
- let e = 0, t, n, r = "";
793
- for (; e < arguments.length;) (t = arguments[e++]) && (n = F(t)) && (r && (r += " "), r += n);
794
- return r;
795
- }
796
- var F = (e) => {
797
- if (typeof e == "string") return e;
798
- let t, n = "";
799
- for (let r = 0; r < e.length; r++) e[r] && (t = F(e[r])) && (n && (n += " "), n += t);
800
- return n;
801
- };
802
- function I(e, ...t) {
803
- let n, r, i, a = o;
804
- function o(o) {
805
- return n = se(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o);
806
- }
807
- function s(e) {
808
- let t = r(e);
809
- if (t) return t;
810
- let a = le(e, n);
811
- return i(e, a), a;
812
- }
813
- return function() {
814
- return a(P.apply(null, arguments));
815
- };
816
- }
817
- var L = (e) => {
818
- let t = (t) => t[e] || [];
819
- return t.isThemeGetter = !0, t;
820
- }, R = /^\[(?:([a-z-]+):)?(.+)\]$/i, ue = /^\d+\/\d+$/, de = /* @__PURE__ */ new Set([
821
- "px",
822
- "full",
823
- "screen"
824
- ]), fe = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, z = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, B = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, pe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, me = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (e) => U(e) || de.has(e) || ue.test(e), H = (e) => X(e, "length", xe), U = (e) => !!e && !Number.isNaN(Number(e)), W = (e) => X(e, "number", U), G = (e) => !!e && Number.isInteger(Number(e)), he = (e) => e.endsWith("%") && U(e.slice(0, -1)), K = (e) => R.test(e), q = (e) => fe.test(e), J = /* @__PURE__ */ new Set([
825
- "length",
826
- "size",
827
- "percentage"
828
- ]), ge = (e) => X(e, J, Se), _e = (e) => X(e, "position", Se), ve = /* @__PURE__ */ new Set(["image", "url"]), ye = (e) => X(e, ve, we), be = (e) => X(e, "", Ce), Y = () => !0, X = (e, t, n) => {
829
- let r = R.exec(e);
830
- return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
831
- }, xe = (e) => z.test(e) && !B.test(e), Se = () => !1, Ce = (e) => pe.test(e), we = (e) => me.test(e), Te = /* @__PURE__ */ I(() => {
832
- let e = L("colors"), t = L("spacing"), n = L("blur"), r = L("brightness"), i = L("borderColor"), a = L("borderRadius"), o = L("borderSpacing"), s = L("borderWidth"), c = L("contrast"), l = L("grayscale"), u = L("hueRotate"), d = L("invert"), f = L("gap"), p = L("gradientColorStops"), m = L("gradientColorStopPositions"), h = L("inset"), g = L("margin"), _ = L("opacity"), v = L("padding"), y = L("saturate"), b = L("scale"), ee = L("sepia"), te = L("skew"), ne = L("space"), re = L("translate"), x = () => [
833
- "auto",
834
- "contain",
835
- "none"
836
- ], S = () => [
837
- "auto",
838
- "hidden",
839
- "clip",
840
- "visible",
841
- "scroll"
842
- ], C = () => [
843
- "auto",
844
- K,
845
- t
846
- ], w = () => [K, t], T = () => [
847
- "",
848
- V,
849
- H
850
- ], E = () => [
851
- "auto",
852
- U,
853
- K
854
- ], D = () => [
855
- "bottom",
856
- "center",
857
- "left",
858
- "left-bottom",
859
- "left-top",
860
- "right",
861
- "right-bottom",
862
- "right-top",
863
- "top"
864
- ], O = () => [
865
- "solid",
866
- "dashed",
867
- "dotted",
868
- "double",
869
- "none"
870
- ], k = () => [
871
- "normal",
872
- "multiply",
873
- "screen",
874
- "overlay",
875
- "darken",
876
- "lighten",
877
- "color-dodge",
878
- "color-burn",
879
- "hard-light",
880
- "soft-light",
881
- "difference",
882
- "exclusion",
883
- "hue",
884
- "saturation",
885
- "color",
886
- "luminosity"
887
- ], A = () => [
888
- "start",
889
- "end",
890
- "center",
891
- "between",
892
- "around",
893
- "evenly",
894
- "stretch"
895
- ], j = () => [
896
- "",
897
- "0",
898
- K
899
- ], M = () => [
900
- "auto",
901
- "avoid",
902
- "all",
903
- "avoid-page",
904
- "page",
905
- "left",
906
- "right",
907
- "column"
908
- ], N = () => [U, K];
909
- return {
910
- cacheSize: 500,
911
- separator: ":",
912
- theme: {
913
- colors: [Y],
914
- spacing: [V, H],
915
- blur: [
916
- "none",
917
- "",
918
- q,
919
- K
920
- ],
921
- brightness: N(),
922
- borderColor: [e],
923
- borderRadius: [
924
- "none",
925
- "",
926
- "full",
927
- q,
928
- K
929
- ],
930
- borderSpacing: w(),
931
- borderWidth: T(),
932
- contrast: N(),
933
- grayscale: j(),
934
- hueRotate: N(),
935
- invert: j(),
936
- gap: w(),
937
- gradientColorStops: [e],
938
- gradientColorStopPositions: [he, H],
939
- inset: C(),
940
- margin: C(),
941
- opacity: N(),
942
- padding: w(),
943
- saturate: N(),
944
- scale: N(),
945
- sepia: j(),
946
- skew: N(),
947
- space: w(),
948
- translate: w()
949
- },
950
- classGroups: {
951
- aspect: [{ aspect: [
952
- "auto",
953
- "square",
954
- "video",
955
- K
956
- ] }],
957
- container: ["container"],
958
- columns: [{ columns: [q] }],
959
- "break-after": [{ "break-after": M() }],
960
- "break-before": [{ "break-before": M() }],
961
- "break-inside": [{ "break-inside": [
962
- "auto",
963
- "avoid",
964
- "avoid-page",
965
- "avoid-column"
966
- ] }],
967
- "box-decoration": [{ "box-decoration": ["slice", "clone"] }],
968
- box: [{ box: ["border", "content"] }],
969
- display: [
970
- "block",
971
- "inline-block",
972
- "inline",
973
- "flex",
974
- "inline-flex",
975
- "table",
976
- "inline-table",
977
- "table-caption",
978
- "table-cell",
979
- "table-column",
980
- "table-column-group",
981
- "table-footer-group",
982
- "table-header-group",
983
- "table-row-group",
984
- "table-row",
985
- "flow-root",
986
- "grid",
987
- "inline-grid",
988
- "contents",
989
- "list-item",
990
- "hidden"
991
- ],
992
- float: [{ float: [
993
- "right",
994
- "left",
995
- "none",
996
- "start",
997
- "end"
998
- ] }],
999
- clear: [{ clear: [
1000
- "left",
1001
- "right",
1002
- "both",
1003
- "none",
1004
- "start",
1005
- "end"
1006
- ] }],
1007
- isolation: ["isolate", "isolation-auto"],
1008
- "object-fit": [{ object: [
1009
- "contain",
1010
- "cover",
1011
- "fill",
1012
- "none",
1013
- "scale-down"
1014
- ] }],
1015
- "object-position": [{ object: [...D(), K] }],
1016
- overflow: [{ overflow: S() }],
1017
- "overflow-x": [{ "overflow-x": S() }],
1018
- "overflow-y": [{ "overflow-y": S() }],
1019
- overscroll: [{ overscroll: x() }],
1020
- "overscroll-x": [{ "overscroll-x": x() }],
1021
- "overscroll-y": [{ "overscroll-y": x() }],
1022
- position: [
1023
- "static",
1024
- "fixed",
1025
- "absolute",
1026
- "relative",
1027
- "sticky"
1028
- ],
1029
- inset: [{ inset: [h] }],
1030
- "inset-x": [{ "inset-x": [h] }],
1031
- "inset-y": [{ "inset-y": [h] }],
1032
- start: [{ start: [h] }],
1033
- end: [{ end: [h] }],
1034
- top: [{ top: [h] }],
1035
- right: [{ right: [h] }],
1036
- bottom: [{ bottom: [h] }],
1037
- left: [{ left: [h] }],
1038
- visibility: [
1039
- "visible",
1040
- "invisible",
1041
- "collapse"
1042
- ],
1043
- z: [{ z: [
1044
- "auto",
1045
- G,
1046
- K
1047
- ] }],
1048
- basis: [{ basis: C() }],
1049
- "flex-direction": [{ flex: [
1050
- "row",
1051
- "row-reverse",
1052
- "col",
1053
- "col-reverse"
1054
- ] }],
1055
- "flex-wrap": [{ flex: [
1056
- "wrap",
1057
- "wrap-reverse",
1058
- "nowrap"
1059
- ] }],
1060
- flex: [{ flex: [
1061
- "1",
1062
- "auto",
1063
- "initial",
1064
- "none",
1065
- K
1066
- ] }],
1067
- grow: [{ grow: j() }],
1068
- shrink: [{ shrink: j() }],
1069
- order: [{ order: [
1070
- "first",
1071
- "last",
1072
- "none",
1073
- G,
1074
- K
1075
- ] }],
1076
- "grid-cols": [{ "grid-cols": [Y] }],
1077
- "col-start-end": [{ col: [
1078
- "auto",
1079
- { span: [
1080
- "full",
1081
- G,
1082
- K
1083
- ] },
1084
- K
1085
- ] }],
1086
- "col-start": [{ "col-start": E() }],
1087
- "col-end": [{ "col-end": E() }],
1088
- "grid-rows": [{ "grid-rows": [Y] }],
1089
- "row-start-end": [{ row: [
1090
- "auto",
1091
- { span: [G, K] },
1092
- K
1093
- ] }],
1094
- "row-start": [{ "row-start": E() }],
1095
- "row-end": [{ "row-end": E() }],
1096
- "grid-flow": [{ "grid-flow": [
1097
- "row",
1098
- "col",
1099
- "dense",
1100
- "row-dense",
1101
- "col-dense"
1102
- ] }],
1103
- "auto-cols": [{ "auto-cols": [
1104
- "auto",
1105
- "min",
1106
- "max",
1107
- "fr",
1108
- K
1109
- ] }],
1110
- "auto-rows": [{ "auto-rows": [
1111
- "auto",
1112
- "min",
1113
- "max",
1114
- "fr",
1115
- K
1116
- ] }],
1117
- gap: [{ gap: [f] }],
1118
- "gap-x": [{ "gap-x": [f] }],
1119
- "gap-y": [{ "gap-y": [f] }],
1120
- "justify-content": [{ justify: ["normal", ...A()] }],
1121
- "justify-items": [{ "justify-items": [
1122
- "start",
1123
- "end",
1124
- "center",
1125
- "stretch"
1126
- ] }],
1127
- "justify-self": [{ "justify-self": [
1128
- "auto",
1129
- "start",
1130
- "end",
1131
- "center",
1132
- "stretch"
1133
- ] }],
1134
- "align-content": [{ content: [
1135
- "normal",
1136
- ...A(),
1137
- "baseline"
1138
- ] }],
1139
- "align-items": [{ items: [
1140
- "start",
1141
- "end",
1142
- "center",
1143
- "baseline",
1144
- "stretch"
1145
- ] }],
1146
- "align-self": [{ self: [
1147
- "auto",
1148
- "start",
1149
- "end",
1150
- "center",
1151
- "stretch",
1152
- "baseline"
1153
- ] }],
1154
- "place-content": [{ "place-content": [...A(), "baseline"] }],
1155
- "place-items": [{ "place-items": [
1156
- "start",
1157
- "end",
1158
- "center",
1159
- "baseline",
1160
- "stretch"
1161
- ] }],
1162
- "place-self": [{ "place-self": [
1163
- "auto",
1164
- "start",
1165
- "end",
1166
- "center",
1167
- "stretch"
1168
- ] }],
1169
- p: [{ p: [v] }],
1170
- px: [{ px: [v] }],
1171
- py: [{ py: [v] }],
1172
- ps: [{ ps: [v] }],
1173
- pe: [{ pe: [v] }],
1174
- pt: [{ pt: [v] }],
1175
- pr: [{ pr: [v] }],
1176
- pb: [{ pb: [v] }],
1177
- pl: [{ pl: [v] }],
1178
- m: [{ m: [g] }],
1179
- mx: [{ mx: [g] }],
1180
- my: [{ my: [g] }],
1181
- ms: [{ ms: [g] }],
1182
- me: [{ me: [g] }],
1183
- mt: [{ mt: [g] }],
1184
- mr: [{ mr: [g] }],
1185
- mb: [{ mb: [g] }],
1186
- ml: [{ ml: [g] }],
1187
- "space-x": [{ "space-x": [ne] }],
1188
- "space-x-reverse": ["space-x-reverse"],
1189
- "space-y": [{ "space-y": [ne] }],
1190
- "space-y-reverse": ["space-y-reverse"],
1191
- w: [{ w: [
1192
- "auto",
1193
- "min",
1194
- "max",
1195
- "fit",
1196
- "svw",
1197
- "lvw",
1198
- "dvw",
1199
- K,
1200
- t
1201
- ] }],
1202
- "min-w": [{ "min-w": [
1203
- K,
1204
- t,
1205
- "min",
1206
- "max",
1207
- "fit"
1208
- ] }],
1209
- "max-w": [{ "max-w": [
1210
- K,
1211
- t,
1212
- "none",
1213
- "full",
1214
- "min",
1215
- "max",
1216
- "fit",
1217
- "prose",
1218
- { screen: [q] },
1219
- q
1220
- ] }],
1221
- h: [{ h: [
1222
- K,
1223
- t,
1224
- "auto",
1225
- "min",
1226
- "max",
1227
- "fit",
1228
- "svh",
1229
- "lvh",
1230
- "dvh"
1231
- ] }],
1232
- "min-h": [{ "min-h": [
1233
- K,
1234
- t,
1235
- "min",
1236
- "max",
1237
- "fit",
1238
- "svh",
1239
- "lvh",
1240
- "dvh"
1241
- ] }],
1242
- "max-h": [{ "max-h": [
1243
- K,
1244
- t,
1245
- "min",
1246
- "max",
1247
- "fit",
1248
- "svh",
1249
- "lvh",
1250
- "dvh"
1251
- ] }],
1252
- size: [{ size: [
1253
- K,
1254
- t,
1255
- "auto",
1256
- "min",
1257
- "max",
1258
- "fit"
1259
- ] }],
1260
- "font-size": [{ text: [
1261
- "base",
1262
- q,
1263
- H
1264
- ] }],
1265
- "font-smoothing": ["antialiased", "subpixel-antialiased"],
1266
- "font-style": ["italic", "not-italic"],
1267
- "font-weight": [{ font: [
1268
- "thin",
1269
- "extralight",
1270
- "light",
1271
- "normal",
1272
- "medium",
1273
- "semibold",
1274
- "bold",
1275
- "extrabold",
1276
- "black",
1277
- W
1278
- ] }],
1279
- "font-family": [{ font: [Y] }],
1280
- "fvn-normal": ["normal-nums"],
1281
- "fvn-ordinal": ["ordinal"],
1282
- "fvn-slashed-zero": ["slashed-zero"],
1283
- "fvn-figure": ["lining-nums", "oldstyle-nums"],
1284
- "fvn-spacing": ["proportional-nums", "tabular-nums"],
1285
- "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
1286
- tracking: [{ tracking: [
1287
- "tighter",
1288
- "tight",
1289
- "normal",
1290
- "wide",
1291
- "wider",
1292
- "widest",
1293
- K
1294
- ] }],
1295
- "line-clamp": [{ "line-clamp": [
1296
- "none",
1297
- U,
1298
- W
1299
- ] }],
1300
- leading: [{ leading: [
1301
- "none",
1302
- "tight",
1303
- "snug",
1304
- "normal",
1305
- "relaxed",
1306
- "loose",
1307
- V,
1308
- K
1309
- ] }],
1310
- "list-image": [{ "list-image": ["none", K] }],
1311
- "list-style-type": [{ list: [
1312
- "none",
1313
- "disc",
1314
- "decimal",
1315
- K
1316
- ] }],
1317
- "list-style-position": [{ list: ["inside", "outside"] }],
1318
- "placeholder-color": [{ placeholder: [e] }],
1319
- "placeholder-opacity": [{ "placeholder-opacity": [_] }],
1320
- "text-alignment": [{ text: [
1321
- "left",
1322
- "center",
1323
- "right",
1324
- "justify",
1325
- "start",
1326
- "end"
1327
- ] }],
1328
- "text-color": [{ text: [e] }],
1329
- "text-opacity": [{ "text-opacity": [_] }],
1330
- "text-decoration": [
1331
- "underline",
1332
- "overline",
1333
- "line-through",
1334
- "no-underline"
1335
- ],
1336
- "text-decoration-style": [{ decoration: [...O(), "wavy"] }],
1337
- "text-decoration-thickness": [{ decoration: [
1338
- "auto",
1339
- "from-font",
1340
- V,
1341
- H
1342
- ] }],
1343
- "underline-offset": [{ "underline-offset": [
1344
- "auto",
1345
- V,
1346
- K
1347
- ] }],
1348
- "text-decoration-color": [{ decoration: [e] }],
1349
- "text-transform": [
1350
- "uppercase",
1351
- "lowercase",
1352
- "capitalize",
1353
- "normal-case"
1354
- ],
1355
- "text-overflow": [
1356
- "truncate",
1357
- "text-ellipsis",
1358
- "text-clip"
1359
- ],
1360
- "text-wrap": [{ text: [
1361
- "wrap",
1362
- "nowrap",
1363
- "balance",
1364
- "pretty"
1365
- ] }],
1366
- indent: [{ indent: w() }],
1367
- "vertical-align": [{ align: [
1368
- "baseline",
1369
- "top",
1370
- "middle",
1371
- "bottom",
1372
- "text-top",
1373
- "text-bottom",
1374
- "sub",
1375
- "super",
1376
- K
1377
- ] }],
1378
- whitespace: [{ whitespace: [
1379
- "normal",
1380
- "nowrap",
1381
- "pre",
1382
- "pre-line",
1383
- "pre-wrap",
1384
- "break-spaces"
1385
- ] }],
1386
- break: [{ break: [
1387
- "normal",
1388
- "words",
1389
- "all",
1390
- "keep"
1391
- ] }],
1392
- hyphens: [{ hyphens: [
1393
- "none",
1394
- "manual",
1395
- "auto"
1396
- ] }],
1397
- content: [{ content: ["none", K] }],
1398
- "bg-attachment": [{ bg: [
1399
- "fixed",
1400
- "local",
1401
- "scroll"
1402
- ] }],
1403
- "bg-clip": [{ "bg-clip": [
1404
- "border",
1405
- "padding",
1406
- "content",
1407
- "text"
1408
- ] }],
1409
- "bg-opacity": [{ "bg-opacity": [_] }],
1410
- "bg-origin": [{ "bg-origin": [
1411
- "border",
1412
- "padding",
1413
- "content"
1414
- ] }],
1415
- "bg-position": [{ bg: [...D(), _e] }],
1416
- "bg-repeat": [{ bg: ["no-repeat", { repeat: [
1417
- "",
1418
- "x",
1419
- "y",
1420
- "round",
1421
- "space"
1422
- ] }] }],
1423
- "bg-size": [{ bg: [
1424
- "auto",
1425
- "cover",
1426
- "contain",
1427
- ge
1428
- ] }],
1429
- "bg-image": [{ bg: [
1430
- "none",
1431
- { "gradient-to": [
1432
- "t",
1433
- "tr",
1434
- "r",
1435
- "br",
1436
- "b",
1437
- "bl",
1438
- "l",
1439
- "tl"
1440
- ] },
1441
- ye
1442
- ] }],
1443
- "bg-color": [{ bg: [e] }],
1444
- "gradient-from-pos": [{ from: [m] }],
1445
- "gradient-via-pos": [{ via: [m] }],
1446
- "gradient-to-pos": [{ to: [m] }],
1447
- "gradient-from": [{ from: [p] }],
1448
- "gradient-via": [{ via: [p] }],
1449
- "gradient-to": [{ to: [p] }],
1450
- rounded: [{ rounded: [a] }],
1451
- "rounded-s": [{ "rounded-s": [a] }],
1452
- "rounded-e": [{ "rounded-e": [a] }],
1453
- "rounded-t": [{ "rounded-t": [a] }],
1454
- "rounded-r": [{ "rounded-r": [a] }],
1455
- "rounded-b": [{ "rounded-b": [a] }],
1456
- "rounded-l": [{ "rounded-l": [a] }],
1457
- "rounded-ss": [{ "rounded-ss": [a] }],
1458
- "rounded-se": [{ "rounded-se": [a] }],
1459
- "rounded-ee": [{ "rounded-ee": [a] }],
1460
- "rounded-es": [{ "rounded-es": [a] }],
1461
- "rounded-tl": [{ "rounded-tl": [a] }],
1462
- "rounded-tr": [{ "rounded-tr": [a] }],
1463
- "rounded-br": [{ "rounded-br": [a] }],
1464
- "rounded-bl": [{ "rounded-bl": [a] }],
1465
- "border-w": [{ border: [s] }],
1466
- "border-w-x": [{ "border-x": [s] }],
1467
- "border-w-y": [{ "border-y": [s] }],
1468
- "border-w-s": [{ "border-s": [s] }],
1469
- "border-w-e": [{ "border-e": [s] }],
1470
- "border-w-t": [{ "border-t": [s] }],
1471
- "border-w-r": [{ "border-r": [s] }],
1472
- "border-w-b": [{ "border-b": [s] }],
1473
- "border-w-l": [{ "border-l": [s] }],
1474
- "border-opacity": [{ "border-opacity": [_] }],
1475
- "border-style": [{ border: [...O(), "hidden"] }],
1476
- "divide-x": [{ "divide-x": [s] }],
1477
- "divide-x-reverse": ["divide-x-reverse"],
1478
- "divide-y": [{ "divide-y": [s] }],
1479
- "divide-y-reverse": ["divide-y-reverse"],
1480
- "divide-opacity": [{ "divide-opacity": [_] }],
1481
- "divide-style": [{ divide: O() }],
1482
- "border-color": [{ border: [i] }],
1483
- "border-color-x": [{ "border-x": [i] }],
1484
- "border-color-y": [{ "border-y": [i] }],
1485
- "border-color-s": [{ "border-s": [i] }],
1486
- "border-color-e": [{ "border-e": [i] }],
1487
- "border-color-t": [{ "border-t": [i] }],
1488
- "border-color-r": [{ "border-r": [i] }],
1489
- "border-color-b": [{ "border-b": [i] }],
1490
- "border-color-l": [{ "border-l": [i] }],
1491
- "divide-color": [{ divide: [i] }],
1492
- "outline-style": [{ outline: ["", ...O()] }],
1493
- "outline-offset": [{ "outline-offset": [V, K] }],
1494
- "outline-w": [{ outline: [V, H] }],
1495
- "outline-color": [{ outline: [e] }],
1496
- "ring-w": [{ ring: T() }],
1497
- "ring-w-inset": ["ring-inset"],
1498
- "ring-color": [{ ring: [e] }],
1499
- "ring-opacity": [{ "ring-opacity": [_] }],
1500
- "ring-offset-w": [{ "ring-offset": [V, H] }],
1501
- "ring-offset-color": [{ "ring-offset": [e] }],
1502
- shadow: [{ shadow: [
1503
- "",
1504
- "inner",
1505
- "none",
1506
- q,
1507
- be
1508
- ] }],
1509
- "shadow-color": [{ shadow: [Y] }],
1510
- opacity: [{ opacity: [_] }],
1511
- "mix-blend": [{ "mix-blend": [
1512
- ...k(),
1513
- "plus-lighter",
1514
- "plus-darker"
1515
- ] }],
1516
- "bg-blend": [{ "bg-blend": k() }],
1517
- filter: [{ filter: ["", "none"] }],
1518
- blur: [{ blur: [n] }],
1519
- brightness: [{ brightness: [r] }],
1520
- contrast: [{ contrast: [c] }],
1521
- "drop-shadow": [{ "drop-shadow": [
1522
- "",
1523
- "none",
1524
- q,
1525
- K
1526
- ] }],
1527
- grayscale: [{ grayscale: [l] }],
1528
- "hue-rotate": [{ "hue-rotate": [u] }],
1529
- invert: [{ invert: [d] }],
1530
- saturate: [{ saturate: [y] }],
1531
- sepia: [{ sepia: [ee] }],
1532
- "backdrop-filter": [{ "backdrop-filter": ["", "none"] }],
1533
- "backdrop-blur": [{ "backdrop-blur": [n] }],
1534
- "backdrop-brightness": [{ "backdrop-brightness": [r] }],
1535
- "backdrop-contrast": [{ "backdrop-contrast": [c] }],
1536
- "backdrop-grayscale": [{ "backdrop-grayscale": [l] }],
1537
- "backdrop-hue-rotate": [{ "backdrop-hue-rotate": [u] }],
1538
- "backdrop-invert": [{ "backdrop-invert": [d] }],
1539
- "backdrop-opacity": [{ "backdrop-opacity": [_] }],
1540
- "backdrop-saturate": [{ "backdrop-saturate": [y] }],
1541
- "backdrop-sepia": [{ "backdrop-sepia": [ee] }],
1542
- "border-collapse": [{ border: ["collapse", "separate"] }],
1543
- "border-spacing": [{ "border-spacing": [o] }],
1544
- "border-spacing-x": [{ "border-spacing-x": [o] }],
1545
- "border-spacing-y": [{ "border-spacing-y": [o] }],
1546
- "table-layout": [{ table: ["auto", "fixed"] }],
1547
- caption: [{ caption: ["top", "bottom"] }],
1548
- transition: [{ transition: [
1549
- "none",
1550
- "all",
1551
- "",
1552
- "colors",
1553
- "opacity",
1554
- "shadow",
1555
- "transform",
1556
- K
1557
- ] }],
1558
- duration: [{ duration: N() }],
1559
- ease: [{ ease: [
1560
- "linear",
1561
- "in",
1562
- "out",
1563
- "in-out",
1564
- K
1565
- ] }],
1566
- delay: [{ delay: N() }],
1567
- animate: [{ animate: [
1568
- "none",
1569
- "spin",
1570
- "ping",
1571
- "pulse",
1572
- "bounce",
1573
- K
1574
- ] }],
1575
- transform: [{ transform: [
1576
- "",
1577
- "gpu",
1578
- "none"
1579
- ] }],
1580
- scale: [{ scale: [b] }],
1581
- "scale-x": [{ "scale-x": [b] }],
1582
- "scale-y": [{ "scale-y": [b] }],
1583
- rotate: [{ rotate: [G, K] }],
1584
- "translate-x": [{ "translate-x": [re] }],
1585
- "translate-y": [{ "translate-y": [re] }],
1586
- "skew-x": [{ "skew-x": [te] }],
1587
- "skew-y": [{ "skew-y": [te] }],
1588
- "transform-origin": [{ origin: [
1589
- "center",
1590
- "top",
1591
- "top-right",
1592
- "right",
1593
- "bottom-right",
1594
- "bottom",
1595
- "bottom-left",
1596
- "left",
1597
- "top-left",
1598
- K
1599
- ] }],
1600
- accent: [{ accent: ["auto", e] }],
1601
- appearance: [{ appearance: ["none", "auto"] }],
1602
- cursor: [{ cursor: [
1603
- "auto",
1604
- "default",
1605
- "pointer",
1606
- "wait",
1607
- "text",
1608
- "move",
1609
- "help",
1610
- "not-allowed",
1611
- "none",
1612
- "context-menu",
1613
- "progress",
1614
- "cell",
1615
- "crosshair",
1616
- "vertical-text",
1617
- "alias",
1618
- "copy",
1619
- "no-drop",
1620
- "grab",
1621
- "grabbing",
1622
- "all-scroll",
1623
- "col-resize",
1624
- "row-resize",
1625
- "n-resize",
1626
- "e-resize",
1627
- "s-resize",
1628
- "w-resize",
1629
- "ne-resize",
1630
- "nw-resize",
1631
- "se-resize",
1632
- "sw-resize",
1633
- "ew-resize",
1634
- "ns-resize",
1635
- "nesw-resize",
1636
- "nwse-resize",
1637
- "zoom-in",
1638
- "zoom-out",
1639
- K
1640
- ] }],
1641
- "caret-color": [{ caret: [e] }],
1642
- "pointer-events": [{ "pointer-events": ["none", "auto"] }],
1643
- resize: [{ resize: [
1644
- "none",
1645
- "y",
1646
- "x",
1647
- ""
1648
- ] }],
1649
- "scroll-behavior": [{ scroll: ["auto", "smooth"] }],
1650
- "scroll-m": [{ "scroll-m": w() }],
1651
- "scroll-mx": [{ "scroll-mx": w() }],
1652
- "scroll-my": [{ "scroll-my": w() }],
1653
- "scroll-ms": [{ "scroll-ms": w() }],
1654
- "scroll-me": [{ "scroll-me": w() }],
1655
- "scroll-mt": [{ "scroll-mt": w() }],
1656
- "scroll-mr": [{ "scroll-mr": w() }],
1657
- "scroll-mb": [{ "scroll-mb": w() }],
1658
- "scroll-ml": [{ "scroll-ml": w() }],
1659
- "scroll-p": [{ "scroll-p": w() }],
1660
- "scroll-px": [{ "scroll-px": w() }],
1661
- "scroll-py": [{ "scroll-py": w() }],
1662
- "scroll-ps": [{ "scroll-ps": w() }],
1663
- "scroll-pe": [{ "scroll-pe": w() }],
1664
- "scroll-pt": [{ "scroll-pt": w() }],
1665
- "scroll-pr": [{ "scroll-pr": w() }],
1666
- "scroll-pb": [{ "scroll-pb": w() }],
1667
- "scroll-pl": [{ "scroll-pl": w() }],
1668
- "snap-align": [{ snap: [
1669
- "start",
1670
- "end",
1671
- "center",
1672
- "align-none"
1673
- ] }],
1674
- "snap-stop": [{ snap: ["normal", "always"] }],
1675
- "snap-type": [{ snap: [
1676
- "none",
1677
- "x",
1678
- "y",
1679
- "both"
1680
- ] }],
1681
- "snap-strictness": [{ snap: ["mandatory", "proximity"] }],
1682
- touch: [{ touch: [
1683
- "auto",
1684
- "none",
1685
- "manipulation"
1686
- ] }],
1687
- "touch-x": [{ "touch-pan": [
1688
- "x",
1689
- "left",
1690
- "right"
1691
- ] }],
1692
- "touch-y": [{ "touch-pan": [
1693
- "y",
1694
- "up",
1695
- "down"
1696
- ] }],
1697
- "touch-pz": ["touch-pinch-zoom"],
1698
- select: [{ select: [
1699
- "none",
1700
- "text",
1701
- "all",
1702
- "auto"
1703
- ] }],
1704
- "will-change": [{ "will-change": [
1705
- "auto",
1706
- "scroll",
1707
- "contents",
1708
- "transform",
1709
- K
1710
- ] }],
1711
- fill: [{ fill: [e, "none"] }],
1712
- "stroke-w": [{ stroke: [
1713
- V,
1714
- H,
1715
- W
1716
- ] }],
1717
- stroke: [{ stroke: [e, "none"] }],
1718
- sr: ["sr-only", "not-sr-only"],
1719
- "forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
1720
- },
1721
- conflictingClassGroups: {
1722
- overflow: ["overflow-x", "overflow-y"],
1723
- overscroll: ["overscroll-x", "overscroll-y"],
1724
- inset: [
1725
- "inset-x",
1726
- "inset-y",
1727
- "start",
1728
- "end",
1729
- "top",
1730
- "right",
1731
- "bottom",
1732
- "left"
1733
- ],
1734
- "inset-x": ["right", "left"],
1735
- "inset-y": ["top", "bottom"],
1736
- flex: [
1737
- "basis",
1738
- "grow",
1739
- "shrink"
1740
- ],
1741
- gap: ["gap-x", "gap-y"],
1742
- p: [
1743
- "px",
1744
- "py",
1745
- "ps",
1746
- "pe",
1747
- "pt",
1748
- "pr",
1749
- "pb",
1750
- "pl"
1751
- ],
1752
- px: ["pr", "pl"],
1753
- py: ["pt", "pb"],
1754
- m: [
1755
- "mx",
1756
- "my",
1757
- "ms",
1758
- "me",
1759
- "mt",
1760
- "mr",
1761
- "mb",
1762
- "ml"
1763
- ],
1764
- mx: ["mr", "ml"],
1765
- my: ["mt", "mb"],
1766
- size: ["w", "h"],
1767
- "font-size": ["leading"],
1768
- "fvn-normal": [
1769
- "fvn-ordinal",
1770
- "fvn-slashed-zero",
1771
- "fvn-figure",
1772
- "fvn-spacing",
1773
- "fvn-fraction"
1774
- ],
1775
- "fvn-ordinal": ["fvn-normal"],
1776
- "fvn-slashed-zero": ["fvn-normal"],
1777
- "fvn-figure": ["fvn-normal"],
1778
- "fvn-spacing": ["fvn-normal"],
1779
- "fvn-fraction": ["fvn-normal"],
1780
- "line-clamp": ["display", "overflow"],
1781
- rounded: [
1782
- "rounded-s",
1783
- "rounded-e",
1784
- "rounded-t",
1785
- "rounded-r",
1786
- "rounded-b",
1787
- "rounded-l",
1788
- "rounded-ss",
1789
- "rounded-se",
1790
- "rounded-ee",
1791
- "rounded-es",
1792
- "rounded-tl",
1793
- "rounded-tr",
1794
- "rounded-br",
1795
- "rounded-bl"
1796
- ],
1797
- "rounded-s": ["rounded-ss", "rounded-es"],
1798
- "rounded-e": ["rounded-se", "rounded-ee"],
1799
- "rounded-t": ["rounded-tl", "rounded-tr"],
1800
- "rounded-r": ["rounded-tr", "rounded-br"],
1801
- "rounded-b": ["rounded-br", "rounded-bl"],
1802
- "rounded-l": ["rounded-tl", "rounded-bl"],
1803
- "border-spacing": ["border-spacing-x", "border-spacing-y"],
1804
- "border-w": [
1805
- "border-w-s",
1806
- "border-w-e",
1807
- "border-w-t",
1808
- "border-w-r",
1809
- "border-w-b",
1810
- "border-w-l"
1811
- ],
1812
- "border-w-x": ["border-w-r", "border-w-l"],
1813
- "border-w-y": ["border-w-t", "border-w-b"],
1814
- "border-color": [
1815
- "border-color-s",
1816
- "border-color-e",
1817
- "border-color-t",
1818
- "border-color-r",
1819
- "border-color-b",
1820
- "border-color-l"
1821
- ],
1822
- "border-color-x": ["border-color-r", "border-color-l"],
1823
- "border-color-y": ["border-color-t", "border-color-b"],
1824
- "scroll-m": [
1825
- "scroll-mx",
1826
- "scroll-my",
1827
- "scroll-ms",
1828
- "scroll-me",
1829
- "scroll-mt",
1830
- "scroll-mr",
1831
- "scroll-mb",
1832
- "scroll-ml"
1833
- ],
1834
- "scroll-mx": ["scroll-mr", "scroll-ml"],
1835
- "scroll-my": ["scroll-mt", "scroll-mb"],
1836
- "scroll-p": [
1837
- "scroll-px",
1838
- "scroll-py",
1839
- "scroll-ps",
1840
- "scroll-pe",
1841
- "scroll-pt",
1842
- "scroll-pr",
1843
- "scroll-pb",
1844
- "scroll-pl"
1845
- ],
1846
- "scroll-px": ["scroll-pr", "scroll-pl"],
1847
- "scroll-py": ["scroll-pt", "scroll-pb"],
1848
- touch: [
1849
- "touch-x",
1850
- "touch-y",
1851
- "touch-pz"
1852
- ],
1853
- "touch-x": ["touch"],
1854
- "touch-y": ["touch"],
1855
- "touch-pz": ["touch"]
1856
- },
1857
- conflictingClassGroupModifiers: { "font-size": ["leading"] }
1858
- };
1859
- });
1860
- //#endregion
1861
- //#region src/lib/utils.ts
1862
- function Z(...e) {
1863
- return Te(S(e));
1864
- }
1865
- //#endregion
1866
- //#region src/checkbox.tsx
1867
- function Q({ label: t, checked: n = !1, indeterminate: r = !1, disabled: i, hintText: a, onChange: o }) {
1868
- let s = e.useId();
1869
- return /* @__PURE__ */ (0, c.jsxs)("div", {
1870
- className: "flex flex-col gap-1",
1871
- children: [/* @__PURE__ */ (0, c.jsxs)("label", {
1872
- htmlFor: s,
1873
- className: Z("flex items-center gap-2 cursor-pointer", i && "opacity-50 cursor-not-allowed"),
1874
- children: [
1875
- /* @__PURE__ */ (0, c.jsx)("input", {
1876
- id: s,
1877
- type: "checkbox",
1878
- checked: n,
1879
- disabled: i,
1880
- onChange: (e) => o?.(e.target.checked),
1881
- className: "hidden"
1882
- }),
1883
- /* @__PURE__ */ (0, c.jsx)("div", {
1884
- className: Z("w-4 h-4 flex items-center justify-center rounded border transition", n || r ? "bg-primary text-white border-primary" : "bg-white border-gray-300"),
1885
- children: r ? /* @__PURE__ */ (0, c.jsx)(te, { size: 12 }) : n ? /* @__PURE__ */ (0, c.jsx)(b, { size: 12 }) : null
1886
- }),
1887
- t && /* @__PURE__ */ (0, c.jsx)("span", {
1888
- className: "text-sm",
1889
- children: t
1890
- })
1891
- ]
1892
- }), a && /* @__PURE__ */ (0, c.jsx)("span", {
1893
- className: "text-xs text-gray-500",
1894
- children: a
1895
- })]
1896
- });
1897
- }
1898
- //#endregion
1899
- //#region src/file.tsx
1900
- function Ee({ multiple: t, maxSize: n = 5, acceptedFormats: r, onChange: i }) {
1901
- let [a, o] = e.useState([]), [s, l] = e.useState(!1), u = (e) => {
1902
- if (!e) return;
1903
- let s = Array.from(e).filter((e) => {
1904
- let t = e.size / 1024 / 1024 <= n, i = r ? r.includes(e.type) : !0;
1905
- return t && i;
1906
- }), c = t ? [...a, ...s] : s;
1907
- o(c), i?.(c);
1908
- };
1909
- return /* @__PURE__ */ (0, c.jsxs)("div", {
1910
- className: "space-y-3",
1911
- children: [/* @__PURE__ */ (0, c.jsxs)("div", {
1912
- onDragOver: (e) => {
1913
- e.preventDefault(), l(!0);
1914
- },
1915
- onDragLeave: () => l(!1),
1916
- onDrop: (e) => {
1917
- e.preventDefault(), l(!1), u(e.dataTransfer.files);
1918
- },
1919
- className: Z("border-2 border-dashed rounded-lg p-6 text-center transition", s ? "border-primary bg-primary/5" : "border-gray-300"),
1920
- children: [
1921
- /* @__PURE__ */ (0, c.jsx)(ne, { className: "mx-auto mb-2" }),
1922
- /* @__PURE__ */ (0, c.jsx)("p", {
1923
- className: "text-sm font-medium",
1924
- children: "Arrastra o selecciona un archivo"
1925
- }),
1926
- /* @__PURE__ */ (0, c.jsxs)("p", {
1927
- className: "text-xs text-gray-500",
1928
- children: [
1929
- "Máx ",
1930
- n,
1931
- "MB"
1932
- ]
1933
- }),
1934
- /* @__PURE__ */ (0, c.jsx)("input", {
1935
- type: "file",
1936
- multiple: t,
1937
- onChange: (e) => u(e.target.files),
1938
- className: "hidden",
1939
- id: "file-upload"
1940
- }),
1941
- /* @__PURE__ */ (0, c.jsx)("label", {
1942
- htmlFor: "file-upload",
1943
- className: "inline-block mt-3 px-4 py-2 border rounded cursor-pointer",
1944
- children: "Seleccionar"
1945
- })
1946
- ]
1947
- }), /* @__PURE__ */ (0, c.jsx)("div", {
1948
- className: "space-y-2",
1949
- children: a.map((e, t) => /* @__PURE__ */ (0, c.jsxs)("div", {
1950
- className: "flex items-center justify-between border p-2 rounded",
1951
- children: [/* @__PURE__ */ (0, c.jsxs)("div", {
1952
- className: "flex items-center gap-2",
1953
- children: [/* @__PURE__ */ (0, c.jsx)(ee, { size: 16 }), /* @__PURE__ */ (0, c.jsx)("span", {
1954
- className: "text-sm",
1955
- children: e.name
1956
- })]
1957
- }), /* @__PURE__ */ (0, c.jsx)(re, {
1958
- size: 16,
1959
- className: "cursor-pointer",
1960
- onClick: () => {
1961
- let e = a.filter((e, n) => n !== t);
1962
- o(e), i?.(e);
1963
- }
1964
- })]
1965
- }, t))
1966
- })]
1967
- });
1968
- }
1969
- //#endregion
1970
- //#region src/fileItem.tsx
1971
- var $ = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "default", dropdownOptions: o = [], onMenuClick: s }) => {
1972
- let [l, u] = t.useState(!1), d = t.useRef(null), f = i || a === "loading";
1973
- return t.useEffect(() => {
1974
- function e(e) {
1975
- d.current && !d.current.contains(e.target) && u(!1);
1976
- }
1977
- return document.addEventListener("mousedown", e), () => {
1978
- document.removeEventListener("mousedown", e);
1979
- };
1980
- }, []), /* @__PURE__ */ (0, c.jsxs)("div", {
1981
- className: "relative w-[380px] rounded-xl border border-orange-500 bg-white px-4 py-4 flex items-start justify-between shadow-sm hover:shadow-md transition-all duration-200",
1982
- children: [/* @__PURE__ */ (0, c.jsxs)("div", {
1983
- className: "flex items-start gap-3",
1984
- children: [/* @__PURE__ */ (0, c.jsx)("div", {
1985
- className: "shrink-0",
1986
- children: r
1987
- }), /* @__PURE__ */ (0, c.jsxs)("div", {
1988
- className: "flex flex-col",
1989
- children: [/* @__PURE__ */ (0, c.jsx)("span", {
1990
- className: "text-sm font-semibold text-gray-900",
1991
- children: e
1992
- }), /* @__PURE__ */ (0, c.jsxs)("div", {
1993
- className: "flex items-center gap-2 text-sm text-gray-500 mt-1",
1994
- children: [/* @__PURE__ */ (0, c.jsx)("span", { children: n }), f && /* @__PURE__ */ (0, c.jsxs)(c.Fragment, { children: [/* @__PURE__ */ (0, c.jsx)("span", {
1995
- className: "animate-spin text-orange-500",
1996
- children: "✴"
1997
- }), /* @__PURE__ */ (0, c.jsx)("span", {
1998
- className: "text-orange-500 font-medium",
1999
- children: "Loading..."
2000
- })] })]
2001
- })]
2002
- })]
2003
- }), /* @__PURE__ */ (0, c.jsxs)("div", {
2004
- className: "relative",
2005
- ref: d,
2006
- children: [/* @__PURE__ */ (0, c.jsx)("button", {
2007
- onClick: () => {
2008
- u(!l), s?.();
2009
- },
2010
- className: "flex items-center justify-center w-9 h-9 rounded-lg hover:bg-orange-50 text-orange-500 transition-colors duration-200",
2011
- children: /* @__PURE__ */ (0, c.jsx)("span", {
2012
- className: "text-xl leading-none",
2013
- children: "⋯"
2014
- })
2015
- }), l && o.length > 0 && /* @__PURE__ */ (0, c.jsx)("div", {
2016
- className: "absolute right-0 mt-2 w-44 rounded-2xl border border-gray-200 bg-white shadow-xl z-20 overflow-hidden animate-in fade-in zoom-in-95 duration-150",
2017
- children: /* @__PURE__ */ (0, c.jsx)("div", {
2018
- className: "py-2",
2019
- children: o.map((e, t) => /* @__PURE__ */ (0, c.jsxs)("button", {
2020
- onClick: () => {
2021
- e.onClick?.(), u(!1);
2022
- },
2023
- className: `w-full flex items-center gap-3 px-4 py-3 text-sm transition-colors duration-150
2024
- ${e.danger ? "text-red-500 hover:bg-red-50" : "text-gray-700 hover:bg-orange-50 hover:text-orange-600"}`,
2025
- children: [/* @__PURE__ */ (0, c.jsx)("span", {
2026
- className: "shrink-0",
2027
- children: e.icon
2028
- }), /* @__PURE__ */ (0, c.jsx)("span", {
2029
- className: "font-medium",
2030
- children: e.label
2031
- })]
2032
- }, t))
2033
- })
2034
- })]
2035
- })]
2036
- });
2037
- }, De = ({ label: e, placeholder: t, value: n, hintText: r, required: i, state: a = "default", size: o = "medium", type: s = "text", iconRight: l, disabled: u, onChange: d, className: f = "" }) => /* @__PURE__ */ (0, c.jsxs)("div", {
2038
- className: "flex flex-col gap-1 w-full",
2039
- children: [
2040
- e && /* @__PURE__ */ (0, c.jsxs)("label", {
2041
- className: "text-sm font-medium",
2042
- children: [
2043
- e,
2044
- " ",
2045
- i && /* @__PURE__ */ (0, c.jsx)("span", {
2046
- className: "text-red-500",
2047
- children: "*"
2048
- })
2049
- ]
2050
- }),
2051
- /* @__PURE__ */ (0, c.jsxs)("div", {
2052
- className: "relative",
2053
- children: [/* @__PURE__ */ (0, c.jsx)("input", {
2054
- type: s,
2055
- value: n,
2056
- placeholder: t,
2057
- disabled: u,
2058
- onChange: (e) => d?.(e.target.value),
2059
- className: `w-full rounded-md border ${{
2060
- small: "px-2 py-1 text-sm",
2061
- medium: "px-3 py-2 text-sm",
2062
- large: "px-4 py-3 text-base"
2063
- }[o]} ${{
2064
- default: "border-gray-300 focus:border-green-500",
2065
- error: "border-red-500",
2066
- disabled: "bg-gray-100 cursor-not-allowed"
2067
- }[a]} outline-none ${f}`
2068
- }), l && /* @__PURE__ */ (0, c.jsx)("div", {
2069
- className: "absolute right-3 top-1/2 -translate-y-1/2",
2070
- children: l
2071
- })]
2072
- }),
2073
- r && /* @__PURE__ */ (0, c.jsx)("span", {
2074
- className: `text-xs ${a === "error" ? "text-red-500" : "text-gray-500"}`,
2075
- children: r
2076
- })
2077
- ]
2078
- }), Oe = ({ open: e, onClose: t, variant: n = "content", title: r, description: i, children: a, primaryAction: o, secondaryAction: s, size: l = "medium" }) => {
2079
- if (!e) return null;
2080
- let d = {
2081
- small: "w-[360px]",
2082
- medium: "w-[480px]",
2083
- large: "w-[640px]"
2084
- }, f = {
2085
- success: {
2086
- icon: "✓",
2087
- bg: "bg-green-100",
2088
- text: "text-green-600"
2089
- },
2090
- error: {
2091
- icon: "✕",
2092
- bg: "bg-red-100",
2093
- text: "text-red-600"
2094
- },
2095
- question: {
2096
- icon: "?",
2097
- bg: "bg-orange-100",
2098
- text: "text-orange-500"
2099
- },
2100
- content: {
2101
- icon: "•",
2102
- bg: "bg-gray-100",
2103
- text: "text-gray-500"
2104
- }
2105
- }[n];
2106
- return /* @__PURE__ */ (0, c.jsxs)("div", {
2107
- className: "fixed inset-0 z-50 flex items-center justify-center",
2108
- children: [/* @__PURE__ */ (0, c.jsx)("div", {
2109
- className: "absolute inset-0 backdrop-blur-sm bg-black/20",
2110
- onClick: t
2111
- }), /* @__PURE__ */ (0, c.jsxs)("div", {
2112
- className: `
2113
- relative z-10
2114
- ${d[l]}
2115
- bg-white
2116
- rounded-2xl
2117
- shadow-2xl
2118
- border border-gray-200
2119
- overflow-hidden
2120
- animate-in fade-in zoom-in-95 duration-200
2121
- `,
2122
- children: [
2123
- /* @__PURE__ */ (0, c.jsxs)("div", {
2124
- className: "px-6 pt-6 pb-4 text-center",
2125
- children: [
2126
- /* @__PURE__ */ (0, c.jsx)("div", {
2127
- className: `
2128
- w-14 h-14 mx-auto mb-4 rounded-full
2129
- flex items-center justify-center
2130
- text-2xl font-bold
2131
- ${f.bg}
2132
- ${f.text}
2133
- `,
2134
- children: f.icon
2135
- }),
2136
- /* @__PURE__ */ (0, c.jsx)("h2", {
2137
- className: "text-lg font-semibold text-gray-900",
2138
- children: r
2139
- }),
2140
- i && /* @__PURE__ */ (0, c.jsx)("p", {
2141
- className: "mt-2 text-sm text-gray-500",
2142
- children: i
2143
- })
2144
- ]
2145
- }),
2146
- a && /* @__PURE__ */ (0, c.jsx)("div", {
2147
- className: "px-6 pb-6",
2148
- children: a
2149
- }),
2150
- (o || s) && /* @__PURE__ */ (0, c.jsxs)("div", {
2151
- className: "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100",
2152
- children: [s && /* @__PURE__ */ (0, c.jsx)(u, {
2153
- text: s.text,
2154
- variant: "secondary",
2155
- size: "medium",
2156
- state: "default",
2157
- onClick: s.onClick
2158
- }), o && /* @__PURE__ */ (0, c.jsx)(u, {
2159
- text: o.text,
2160
- variant: "primary",
2161
- size: "medium",
2162
- state: "default",
2163
- onClick: o.onClick
2164
- })]
2165
- })
2166
- ]
2167
- })]
2168
- });
2169
- };
2170
- //#endregion
2171
- //#region src/textarea.tsx
2172
- function ke({ label: t, placeholder: n, value: r = "", hintText: i, required: a, state: o = "default", maxLength: s, showCounter: l, disabled: u, onChange: d, className: f }) {
2173
- let [p, m] = e.useState(r), h = r ?? p;
2174
- return /* @__PURE__ */ (0, c.jsxs)("div", {
2175
- className: Z("flex flex-col gap-1", f),
2176
- children: [
2177
- t && /* @__PURE__ */ (0, c.jsxs)("label", {
2178
- className: "text-sm font-medium",
2179
- children: [
2180
- t,
2181
- " ",
2182
- a && /* @__PURE__ */ (0, c.jsx)("span", {
2183
- className: "text-red-500",
2184
- children: "*"
2185
- })
2186
- ]
2187
- }),
2188
- /* @__PURE__ */ (0, c.jsx)("textarea", {
2189
- value: h,
2190
- placeholder: n,
2191
- onChange: (e) => {
2192
- let t = e.target.value;
2193
- s && t.length > s || (m(t), d?.(t));
2194
- },
2195
- disabled: u || o === "disabled",
2196
- className: Z("w-full min-h-[100px] rounded-md border px-3 py-2 text-sm outline-none resize-none transition", "focus:ring-2 focus:ring-primary", o === "error" && "border-red-500 focus:ring-red-500", o === "default" && "border-gray-300", (u || o === "disabled") && "bg-gray-100 cursor-not-allowed opacity-70")
2197
- }),
2198
- /* @__PURE__ */ (0, c.jsxs)("div", {
2199
- className: "flex justify-between items-center text-xs",
2200
- children: [i && /* @__PURE__ */ (0, c.jsx)("span", {
2201
- className: Z(o === "error" ? "text-red-500" : "text-gray-500"),
2202
- children: i
2203
- }), l && s && /* @__PURE__ */ (0, c.jsxs)("span", {
2204
- className: "text-gray-400",
2205
- children: [
2206
- h.length,
2207
- "/",
2208
- s
2209
- ]
2210
- })]
2211
- })
2212
- ]
2213
- });
2214
- }
2215
- //#endregion
2216
- export { l as BackgroundBlur, u as Button, d as CardRow, Q as Checkbox, $ as FileItem, Ee as FileUpload, De as Input, Oe as Modal, ke as TextArea };