chiperos-ai-components-library 0.0.1 → 0.1.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.
@@ -1,4836 +0,0 @@
1
- import * as m from "react";
2
- import hr, { forwardRef as xr, createElement as ze } from "react";
3
- import "react-dom";
4
- var we = { exports: {} }, de = {};
5
- var nr;
6
- function dt() {
7
- if (nr) return de;
8
- nr = 1;
9
- var e = hr, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
10
- function c(l, d, p) {
11
- var u, h = {}, x = null, N = null;
12
- p !== void 0 && (x = "" + p), d.key !== void 0 && (x = "" + d.key), d.ref !== void 0 && (N = d.ref);
13
- for (u in d) o.call(d, u) && !a.hasOwnProperty(u) && (h[u] = d[u]);
14
- if (l && l.defaultProps) for (u in d = l.defaultProps, d) h[u] === void 0 && (h[u] = d[u]);
15
- return { $$typeof: r, type: l, key: x, ref: N, props: h, _owner: s.current };
16
- }
17
- return de.Fragment = n, de.jsx = c, de.jsxs = c, de;
18
- }
19
- var ue = {};
20
- var or;
21
- function ut() {
22
- return or || (or = 1, process.env.NODE_ENV !== "production" && (function() {
23
- var e = hr, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), S = Symbol.iterator, j = "@@iterator";
24
- function w(t) {
25
- if (t === null || typeof t != "object")
26
- return null;
27
- var f = S && t[S] || t[j];
28
- return typeof f == "function" ? f : null;
29
- }
30
- var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
31
- function R(t) {
32
- {
33
- for (var f = arguments.length, b = new Array(f > 1 ? f - 1 : 0), g = 1; g < f; g++)
34
- b[g - 1] = arguments[g];
35
- $("error", t, b);
36
- }
37
- }
38
- function $(t, f, b) {
39
- {
40
- var g = y.ReactDebugCurrentFrame, E = g.getStackAddendum();
41
- E !== "" && (f += "%s", b = b.concat([E]));
42
- var T = b.map(function(k) {
43
- return String(k);
44
- });
45
- T.unshift("Warning: " + f), Function.prototype.apply.call(console[t], console, T);
46
- }
47
- }
48
- var V = !1, X = !1, me = !1, be = !1, he = !1, Z;
49
- Z = Symbol.for("react.module.reference");
50
- function se(t) {
51
- return !!(typeof t == "string" || typeof t == "function" || t === o || t === a || he || t === s || t === p || t === u || be || t === N || V || X || me || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === h || t.$$typeof === c || t.$$typeof === l || t.$$typeof === d || // This needs to include all possible module reference object
52
- // types supported by any Flight configuration anywhere since
53
- // we don't know which Flight build this will end up being used
54
- // with.
55
- t.$$typeof === Z || t.getModuleId !== void 0));
56
- }
57
- function ae(t, f, b) {
58
- var g = t.displayName;
59
- if (g)
60
- return g;
61
- var E = f.displayName || f.name || "";
62
- return E !== "" ? b + "(" + E + ")" : b;
63
- }
64
- function P(t) {
65
- return t.displayName || "Context";
66
- }
67
- function D(t) {
68
- if (t == null)
69
- return null;
70
- if (typeof t.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
71
- return t.displayName || t.name || null;
72
- if (typeof t == "string")
73
- return t;
74
- switch (t) {
75
- case o:
76
- return "Fragment";
77
- case n:
78
- return "Portal";
79
- case a:
80
- return "Profiler";
81
- case s:
82
- return "StrictMode";
83
- case p:
84
- return "Suspense";
85
- case u:
86
- return "SuspenseList";
87
- }
88
- if (typeof t == "object")
89
- switch (t.$$typeof) {
90
- case l:
91
- var f = t;
92
- return P(f) + ".Consumer";
93
- case c:
94
- var b = t;
95
- return P(b._context) + ".Provider";
96
- case d:
97
- return ae(t, t.render, "ForwardRef");
98
- case h:
99
- var g = t.displayName || null;
100
- return g !== null ? g : D(t.type) || "Memo";
101
- case x: {
102
- var E = t, T = E._payload, k = E._init;
103
- try {
104
- return D(k(T));
105
- } catch {
106
- return null;
107
- }
108
- }
109
- }
110
- return null;
111
- }
112
- var M = Object.assign, G = 0, q, ie, Q, U, le, L, We;
113
- function Ve() {
114
- }
115
- Ve.__reactDisabledLog = !0;
116
- function $r() {
117
- {
118
- if (G === 0) {
119
- q = console.log, ie = console.info, Q = console.warn, U = console.error, le = console.group, L = console.groupCollapsed, We = console.groupEnd;
120
- var t = {
121
- configurable: !0,
122
- enumerable: !0,
123
- value: Ve,
124
- writable: !0
125
- };
126
- Object.defineProperties(console, {
127
- info: t,
128
- log: t,
129
- warn: t,
130
- error: t,
131
- group: t,
132
- groupCollapsed: t,
133
- groupEnd: t
134
- });
135
- }
136
- G++;
137
- }
138
- }
139
- function Mr() {
140
- {
141
- if (G--, G === 0) {
142
- var t = {
143
- configurable: !0,
144
- enumerable: !0,
145
- writable: !0
146
- };
147
- Object.defineProperties(console, {
148
- log: M({}, t, {
149
- value: q
150
- }),
151
- info: M({}, t, {
152
- value: ie
153
- }),
154
- warn: M({}, t, {
155
- value: Q
156
- }),
157
- error: M({}, t, {
158
- value: U
159
- }),
160
- group: M({}, t, {
161
- value: le
162
- }),
163
- groupCollapsed: M({}, t, {
164
- value: L
165
- }),
166
- groupEnd: M({}, t, {
167
- value: We
168
- })
169
- });
170
- }
171
- G < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
172
- }
173
- }
174
- var Se = y.ReactCurrentDispatcher, Ee;
175
- function xe(t, f, b) {
176
- {
177
- if (Ee === void 0)
178
- try {
179
- throw Error();
180
- } catch (E) {
181
- var g = E.stack.trim().match(/\n( *(at )?)/);
182
- Ee = g && g[1] || "";
183
- }
184
- return `
185
- ` + Ee + t;
186
- }
187
- }
188
- var _e = !1, ge;
189
- {
190
- var Lr = typeof WeakMap == "function" ? WeakMap : Map;
191
- ge = new Lr();
192
- }
193
- function De(t, f) {
194
- if (!t || _e)
195
- return "";
196
- {
197
- var b = ge.get(t);
198
- if (b !== void 0)
199
- return b;
200
- }
201
- var g;
202
- _e = !0;
203
- var E = Error.prepareStackTrace;
204
- Error.prepareStackTrace = void 0;
205
- var T;
206
- T = Se.current, Se.current = null, $r();
207
- try {
208
- if (f) {
209
- var k = function() {
210
- throw Error();
211
- };
212
- if (Object.defineProperty(k.prototype, "props", {
213
- set: function() {
214
- throw Error();
215
- }
216
- }), typeof Reflect == "object" && Reflect.construct) {
217
- try {
218
- Reflect.construct(k, []);
219
- } catch (z) {
220
- g = z;
221
- }
222
- Reflect.construct(t, [], k);
223
- } else {
224
- try {
225
- k.call();
226
- } catch (z) {
227
- g = z;
228
- }
229
- t.call(k.prototype);
230
- }
231
- } else {
232
- try {
233
- throw Error();
234
- } catch (z) {
235
- g = z;
236
- }
237
- t();
238
- }
239
- } catch (z) {
240
- if (z && g && typeof z.stack == "string") {
241
- for (var C = z.stack.split(`
242
- `), F = g.stack.split(`
243
- `), O = C.length - 1, I = F.length - 1; O >= 1 && I >= 0 && C[O] !== F[I]; )
244
- I--;
245
- for (; O >= 1 && I >= 0; O--, I--)
246
- if (C[O] !== F[I]) {
247
- if (O !== 1 || I !== 1)
248
- do
249
- if (O--, I--, I < 0 || C[O] !== F[I]) {
250
- var W = `
251
- ` + C[O].replace(" at new ", " at ");
252
- return t.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", t.displayName)), typeof t == "function" && ge.set(t, W), W;
253
- }
254
- while (O >= 1 && I >= 0);
255
- break;
256
- }
257
- }
258
- } finally {
259
- _e = !1, Se.current = T, Mr(), Error.prepareStackTrace = E;
260
- }
261
- var re = t ? t.displayName || t.name : "", J = re ? xe(re) : "";
262
- return typeof t == "function" && ge.set(t, J), J;
263
- }
264
- function Wr(t, f, b) {
265
- return De(t, !1);
266
- }
267
- function Vr(t) {
268
- var f = t.prototype;
269
- return !!(f && f.isReactComponent);
270
- }
271
- function ve(t, f, b) {
272
- if (t == null)
273
- return "";
274
- if (typeof t == "function")
275
- return De(t, Vr(t));
276
- if (typeof t == "string")
277
- return xe(t);
278
- switch (t) {
279
- case p:
280
- return xe("Suspense");
281
- case u:
282
- return xe("SuspenseList");
283
- }
284
- if (typeof t == "object")
285
- switch (t.$$typeof) {
286
- case d:
287
- return Wr(t.render);
288
- case h:
289
- return ve(t.type, f, b);
290
- case x: {
291
- var g = t, E = g._payload, T = g._init;
292
- try {
293
- return ve(T(E), f, b);
294
- } catch {
295
- }
296
- }
297
- }
298
- return "";
299
- }
300
- var ce = Object.prototype.hasOwnProperty, Be = {}, Ge = y.ReactDebugCurrentFrame;
301
- function ye(t) {
302
- if (t) {
303
- var f = t._owner, b = ve(t.type, t._source, f ? f.type : null);
304
- Ge.setExtraStackFrame(b);
305
- } else
306
- Ge.setExtraStackFrame(null);
307
- }
308
- function Dr(t, f, b, g, E) {
309
- {
310
- var T = Function.call.bind(ce);
311
- for (var k in t)
312
- if (T(t, k)) {
313
- var C = void 0;
314
- try {
315
- if (typeof t[k] != "function") {
316
- var F = Error((g || "React class") + ": " + b + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
317
- throw F.name = "Invariant Violation", F;
318
- }
319
- C = t[k](f, k, g, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
320
- } catch (O) {
321
- C = O;
322
- }
323
- C && !(C instanceof Error) && (ye(E), R("%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).", g || "React class", b, k, typeof C), ye(null)), C instanceof Error && !(C.message in Be) && (Be[C.message] = !0, ye(E), R("Failed %s type: %s", b, C.message), ye(null));
324
- }
325
- }
326
- }
327
- var Br = Array.isArray;
328
- function Pe(t) {
329
- return Br(t);
330
- }
331
- function Gr(t) {
332
- {
333
- var f = typeof Symbol == "function" && Symbol.toStringTag, b = f && t[Symbol.toStringTag] || t.constructor.name || "Object";
334
- return b;
335
- }
336
- }
337
- function Ur(t) {
338
- try {
339
- return Ue(t), !1;
340
- } catch {
341
- return !0;
342
- }
343
- }
344
- function Ue(t) {
345
- return "" + t;
346
- }
347
- function Ye(t) {
348
- if (Ur(t))
349
- return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Gr(t)), Ue(t);
350
- }
351
- var He = y.ReactCurrentOwner, Yr = {
352
- key: !0,
353
- ref: !0,
354
- __self: !0,
355
- __source: !0
356
- }, Ke, qe;
357
- function Hr(t) {
358
- if (ce.call(t, "ref")) {
359
- var f = Object.getOwnPropertyDescriptor(t, "ref").get;
360
- if (f && f.isReactWarning)
361
- return !1;
362
- }
363
- return t.ref !== void 0;
364
- }
365
- function Kr(t) {
366
- if (ce.call(t, "key")) {
367
- var f = Object.getOwnPropertyDescriptor(t, "key").get;
368
- if (f && f.isReactWarning)
369
- return !1;
370
- }
371
- return t.key !== void 0;
372
- }
373
- function qr(t, f) {
374
- typeof t.ref == "string" && He.current;
375
- }
376
- function Jr(t, f) {
377
- {
378
- var b = function() {
379
- Ke || (Ke = !0, R("%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)", f));
380
- };
381
- b.isReactWarning = !0, Object.defineProperty(t, "key", {
382
- get: b,
383
- configurable: !0
384
- });
385
- }
386
- }
387
- function Xr(t, f) {
388
- {
389
- var b = function() {
390
- qe || (qe = !0, R("%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)", f));
391
- };
392
- b.isReactWarning = !0, Object.defineProperty(t, "ref", {
393
- get: b,
394
- configurable: !0
395
- });
396
- }
397
- }
398
- var Zr = function(t, f, b, g, E, T, k) {
399
- var C = {
400
- // This tag allows us to uniquely identify this as a React Element
401
- $$typeof: r,
402
- // Built-in properties that belong on the element
403
- type: t,
404
- key: f,
405
- ref: b,
406
- props: k,
407
- // Record the component responsible for creating this element.
408
- _owner: T
409
- };
410
- return C._store = {}, Object.defineProperty(C._store, "validated", {
411
- configurable: !1,
412
- enumerable: !1,
413
- writable: !0,
414
- value: !1
415
- }), Object.defineProperty(C, "_self", {
416
- configurable: !1,
417
- enumerable: !1,
418
- writable: !1,
419
- value: g
420
- }), Object.defineProperty(C, "_source", {
421
- configurable: !1,
422
- enumerable: !1,
423
- writable: !1,
424
- value: E
425
- }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
426
- };
427
- function Qr(t, f, b, g, E) {
428
- {
429
- var T, k = {}, C = null, F = null;
430
- b !== void 0 && (Ye(b), C = "" + b), Kr(f) && (Ye(f.key), C = "" + f.key), Hr(f) && (F = f.ref, qr(f, E));
431
- for (T in f)
432
- ce.call(f, T) && !Yr.hasOwnProperty(T) && (k[T] = f[T]);
433
- if (t && t.defaultProps) {
434
- var O = t.defaultProps;
435
- for (T in O)
436
- k[T] === void 0 && (k[T] = O[T]);
437
- }
438
- if (C || F) {
439
- var I = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
440
- C && Jr(k, I), F && Xr(k, I);
441
- }
442
- return Zr(t, C, F, E, g, He.current, k);
443
- }
444
- }
445
- var Te = y.ReactCurrentOwner, Je = y.ReactDebugCurrentFrame;
446
- function ee(t) {
447
- if (t) {
448
- var f = t._owner, b = ve(t.type, t._source, f ? f.type : null);
449
- Je.setExtraStackFrame(b);
450
- } else
451
- Je.setExtraStackFrame(null);
452
- }
453
- var Ae;
454
- Ae = !1;
455
- function Oe(t) {
456
- return typeof t == "object" && t !== null && t.$$typeof === r;
457
- }
458
- function Xe() {
459
- {
460
- if (Te.current) {
461
- var t = D(Te.current.type);
462
- if (t)
463
- return `
464
-
465
- Check the render method of \`` + t + "`.";
466
- }
467
- return "";
468
- }
469
- }
470
- function et(t) {
471
- return "";
472
- }
473
- var Ze = {};
474
- function rt(t) {
475
- {
476
- var f = Xe();
477
- if (!f) {
478
- var b = typeof t == "string" ? t : t.displayName || t.name;
479
- b && (f = `
480
-
481
- Check the top-level render call using <` + b + ">.");
482
- }
483
- return f;
484
- }
485
- }
486
- function Qe(t, f) {
487
- {
488
- if (!t._store || t._store.validated || t.key != null)
489
- return;
490
- t._store.validated = !0;
491
- var b = rt(f);
492
- if (Ze[b])
493
- return;
494
- Ze[b] = !0;
495
- var g = "";
496
- t && t._owner && t._owner !== Te.current && (g = " It was passed a child from " + D(t._owner.type) + "."), ee(t), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, g), ee(null);
497
- }
498
- }
499
- function er(t, f) {
500
- {
501
- if (typeof t != "object")
502
- return;
503
- if (Pe(t))
504
- for (var b = 0; b < t.length; b++) {
505
- var g = t[b];
506
- Oe(g) && Qe(g, f);
507
- }
508
- else if (Oe(t))
509
- t._store && (t._store.validated = !0);
510
- else if (t) {
511
- var E = w(t);
512
- if (typeof E == "function" && E !== t.entries)
513
- for (var T = E.call(t), k; !(k = T.next()).done; )
514
- Oe(k.value) && Qe(k.value, f);
515
- }
516
- }
517
- }
518
- function tt(t) {
519
- {
520
- var f = t.type;
521
- if (f == null || typeof f == "string")
522
- return;
523
- var b;
524
- if (typeof f == "function")
525
- b = f.propTypes;
526
- else if (typeof f == "object" && (f.$$typeof === d || // Note: Memo only checks outer props here.
527
- // Inner props are checked in the reconciler.
528
- f.$$typeof === h))
529
- b = f.propTypes;
530
- else
531
- return;
532
- if (b) {
533
- var g = D(f);
534
- Dr(b, t.props, "prop", g, t);
535
- } else if (f.PropTypes !== void 0 && !Ae) {
536
- Ae = !0;
537
- var E = D(f);
538
- R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
539
- }
540
- typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
541
- }
542
- }
543
- function nt(t) {
544
- {
545
- for (var f = Object.keys(t.props), b = 0; b < f.length; b++) {
546
- var g = f[b];
547
- if (g !== "children" && g !== "key") {
548
- ee(t), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), ee(null);
549
- break;
550
- }
551
- }
552
- t.ref !== null && (ee(t), R("Invalid attribute `ref` supplied to `React.Fragment`."), ee(null));
553
- }
554
- }
555
- var rr = {};
556
- function tr(t, f, b, g, E, T) {
557
- {
558
- var k = se(t);
559
- if (!k) {
560
- var C = "";
561
- (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (C += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
562
- var F = et();
563
- F ? C += F : C += Xe();
564
- var O;
565
- t === null ? O = "null" : Pe(t) ? O = "array" : t !== void 0 && t.$$typeof === r ? (O = "<" + (D(t.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : O = typeof t, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, C);
566
- }
567
- var I = Qr(t, f, b, E, T);
568
- if (I == null)
569
- return I;
570
- if (k) {
571
- var W = f.children;
572
- if (W !== void 0)
573
- if (g)
574
- if (Pe(W)) {
575
- for (var re = 0; re < W.length; re++)
576
- er(W[re], t);
577
- Object.freeze && Object.freeze(W);
578
- } else
579
- R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
580
- else
581
- er(W, t);
582
- }
583
- if (ce.call(f, "key")) {
584
- var J = D(t), z = Object.keys(f).filter(function(ct) {
585
- return ct !== "key";
586
- }), Ie = z.length > 0 ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}";
587
- if (!rr[J + Ie]) {
588
- var lt = z.length > 0 ? "{" + z.join(": ..., ") + ": ...}" : "{}";
589
- R(`A props object containing a "key" prop is being spread into JSX:
590
- let props = %s;
591
- <%s {...props} />
592
- React keys must be passed directly to JSX without using spread:
593
- let props = %s;
594
- <%s key={someKey} {...props} />`, Ie, J, lt, J), rr[J + Ie] = !0;
595
- }
596
- }
597
- return t === o ? nt(I) : tt(I), I;
598
- }
599
- }
600
- function ot(t, f, b) {
601
- return tr(t, f, b, !0);
602
- }
603
- function st(t, f, b) {
604
- return tr(t, f, b, !1);
605
- }
606
- var at = st, it = ot;
607
- ue.Fragment = o, ue.jsx = at, ue.jsxs = it;
608
- })()), ue;
609
- }
610
- var sr;
611
- function ft() {
612
- return sr || (sr = 1, process.env.NODE_ENV === "production" ? we.exports = dt() : we.exports = ut()), we.exports;
613
- }
614
- var i = ft();
615
- function gr(e) {
616
- var r, n, o = "";
617
- if (typeof e == "string" || typeof e == "number") o += e;
618
- else if (typeof e == "object") if (Array.isArray(e)) {
619
- var s = e.length;
620
- for (r = 0; r < s; r++) e[r] && (n = gr(e[r])) && (o && (o += " "), o += n);
621
- } else for (n in e) e[n] && (o && (o += " "), o += n);
622
- return o;
623
- }
624
- function vr() {
625
- for (var e, r, n = 0, o = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (r = gr(e)) && (o && (o += " "), o += r);
626
- return o;
627
- }
628
- const Me = "-", pt = (e) => {
629
- const r = bt(e), {
630
- conflictingClassGroups: n,
631
- conflictingClassGroupModifiers: o
632
- } = e;
633
- return {
634
- getClassGroupId: (c) => {
635
- const l = c.split(Me);
636
- return l[0] === "" && l.length !== 1 && l.shift(), yr(l, r) || mt(c);
637
- },
638
- getConflictingClassGroupIds: (c, l) => {
639
- const d = n[c] || [];
640
- return l && o[c] ? [...d, ...o[c]] : d;
641
- }
642
- };
643
- }, yr = (e, r) => {
644
- if (e.length === 0)
645
- return r.classGroupId;
646
- const n = e[0], o = r.nextPart.get(n), s = o ? yr(e.slice(1), o) : void 0;
647
- if (s)
648
- return s;
649
- if (r.validators.length === 0)
650
- return;
651
- const a = e.join(Me);
652
- return r.validators.find(({
653
- validator: c
654
- }) => c(a))?.classGroupId;
655
- }, ar = /^\[(.+)\]$/, mt = (e) => {
656
- if (ar.test(e)) {
657
- const r = ar.exec(e)[1], n = r?.substring(0, r.indexOf(":"));
658
- if (n)
659
- return "arbitrary.." + n;
660
- }
661
- }, bt = (e) => {
662
- const {
663
- theme: r,
664
- prefix: n
665
- } = e, o = {
666
- nextPart: /* @__PURE__ */ new Map(),
667
- validators: []
668
- };
669
- return xt(Object.entries(e.classGroups), n).forEach(([a, c]) => {
670
- $e(c, o, a, r);
671
- }), o;
672
- }, $e = (e, r, n, o) => {
673
- e.forEach((s) => {
674
- if (typeof s == "string") {
675
- const a = s === "" ? r : ir(r, s);
676
- a.classGroupId = n;
677
- return;
678
- }
679
- if (typeof s == "function") {
680
- if (ht(s)) {
681
- $e(s(o), r, n, o);
682
- return;
683
- }
684
- r.validators.push({
685
- validator: s,
686
- classGroupId: n
687
- });
688
- return;
689
- }
690
- Object.entries(s).forEach(([a, c]) => {
691
- $e(c, ir(r, a), n, o);
692
- });
693
- });
694
- }, ir = (e, r) => {
695
- let n = e;
696
- return r.split(Me).forEach((o) => {
697
- n.nextPart.has(o) || n.nextPart.set(o, {
698
- nextPart: /* @__PURE__ */ new Map(),
699
- validators: []
700
- }), n = n.nextPart.get(o);
701
- }), n;
702
- }, ht = (e) => e.isThemeGetter, xt = (e, r) => r ? e.map(([n, o]) => {
703
- const s = o.map((a) => typeof a == "string" ? r + a : typeof a == "object" ? Object.fromEntries(Object.entries(a).map(([c, l]) => [r + c, l])) : a);
704
- return [n, s];
705
- }) : e, gt = (e) => {
706
- if (e < 1)
707
- return {
708
- get: () => {
709
- },
710
- set: () => {
711
- }
712
- };
713
- let r = 0, n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
714
- const s = (a, c) => {
715
- n.set(a, c), r++, r > e && (r = 0, o = n, n = /* @__PURE__ */ new Map());
716
- };
717
- return {
718
- get(a) {
719
- let c = n.get(a);
720
- if (c !== void 0)
721
- return c;
722
- if ((c = o.get(a)) !== void 0)
723
- return s(a, c), c;
724
- },
725
- set(a, c) {
726
- n.has(a) ? n.set(a, c) : s(a, c);
727
- }
728
- };
729
- }, wr = "!", vt = (e) => {
730
- const {
731
- separator: r,
732
- experimentalParseClassName: n
733
- } = e, o = r.length === 1, s = r[0], a = r.length, c = (l) => {
734
- const d = [];
735
- let p = 0, u = 0, h;
736
- for (let w = 0; w < l.length; w++) {
737
- let y = l[w];
738
- if (p === 0) {
739
- if (y === s && (o || l.slice(w, w + a) === r)) {
740
- d.push(l.slice(u, w)), u = w + a;
741
- continue;
742
- }
743
- if (y === "/") {
744
- h = w;
745
- continue;
746
- }
747
- }
748
- y === "[" ? p++ : y === "]" && p--;
749
- }
750
- const x = d.length === 0 ? l : l.substring(u), N = x.startsWith(wr), S = N ? x.substring(1) : x, j = h && h > u ? h - u : void 0;
751
- return {
752
- modifiers: d,
753
- hasImportantModifier: N,
754
- baseClassName: S,
755
- maybePostfixModifierPosition: j
756
- };
757
- };
758
- return n ? (l) => n({
759
- className: l,
760
- parseClassName: c
761
- }) : c;
762
- }, yt = (e) => {
763
- if (e.length <= 1)
764
- return e;
765
- const r = [];
766
- let n = [];
767
- return e.forEach((o) => {
768
- o[0] === "[" ? (r.push(...n.sort(), o), n = []) : n.push(o);
769
- }), r.push(...n.sort()), r;
770
- }, wt = (e) => ({
771
- cache: gt(e.cacheSize),
772
- parseClassName: vt(e),
773
- ...pt(e)
774
- }), Ct = /\s+/, jt = (e, r) => {
775
- const {
776
- parseClassName: n,
777
- getClassGroupId: o,
778
- getConflictingClassGroupIds: s
779
- } = r, a = [], c = e.trim().split(Ct);
780
- let l = "";
781
- for (let d = c.length - 1; d >= 0; d -= 1) {
782
- const p = c[d], {
783
- modifiers: u,
784
- hasImportantModifier: h,
785
- baseClassName: x,
786
- maybePostfixModifierPosition: N
787
- } = n(p);
788
- let S = !!N, j = o(S ? x.substring(0, N) : x);
789
- if (!j) {
790
- if (!S) {
791
- l = p + (l.length > 0 ? " " + l : l);
792
- continue;
793
- }
794
- if (j = o(x), !j) {
795
- l = p + (l.length > 0 ? " " + l : l);
796
- continue;
797
- }
798
- S = !1;
799
- }
800
- const w = yt(u).join(":"), y = h ? w + wr : w, R = y + j;
801
- if (a.includes(R))
802
- continue;
803
- a.push(R);
804
- const $ = s(j, S);
805
- for (let V = 0; V < $.length; ++V) {
806
- const X = $[V];
807
- a.push(y + X);
808
- }
809
- l = p + (l.length > 0 ? " " + l : l);
810
- }
811
- return l;
812
- };
813
- function kt() {
814
- let e = 0, r, n, o = "";
815
- for (; e < arguments.length; )
816
- (r = arguments[e++]) && (n = Cr(r)) && (o && (o += " "), o += n);
817
- return o;
818
- }
819
- const Cr = (e) => {
820
- if (typeof e == "string")
821
- return e;
822
- let r, n = "";
823
- for (let o = 0; o < e.length; o++)
824
- e[o] && (r = Cr(e[o])) && (n && (n += " "), n += r);
825
- return n;
826
- };
827
- function Rt(e, ...r) {
828
- let n, o, s, a = c;
829
- function c(d) {
830
- const p = r.reduce((u, h) => h(u), e());
831
- return n = wt(p), o = n.cache.get, s = n.cache.set, a = l, l(d);
832
- }
833
- function l(d) {
834
- const p = o(d);
835
- if (p)
836
- return p;
837
- const u = jt(d, n);
838
- return s(d, u), u;
839
- }
840
- return function() {
841
- return a(kt.apply(null, arguments));
842
- };
843
- }
844
- const A = (e) => {
845
- const r = (n) => n[e] || [];
846
- return r.isThemeGetter = !0, r;
847
- }, jr = /^\[(?:([a-z-]+):)?(.+)\]$/i, Nt = /^\d+\/\d+$/, St = /* @__PURE__ */ new Set(["px", "full", "screen"]), Et = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, _t = /\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$/, Pt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Tt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, At = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, B = (e) => ne(e) || St.has(e) || Nt.test(e), Y = (e) => oe(e, "length", Wt), ne = (e) => !!e && !Number.isNaN(Number(e)), Fe = (e) => oe(e, "number", ne), fe = (e) => !!e && Number.isInteger(Number(e)), Ot = (e) => e.endsWith("%") && ne(e.slice(0, -1)), v = (e) => jr.test(e), H = (e) => Et.test(e), It = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ft = (e) => oe(e, It, kr), zt = (e) => oe(e, "position", kr), $t = /* @__PURE__ */ new Set(["image", "url"]), Mt = (e) => oe(e, $t, Dt), Lt = (e) => oe(e, "", Vt), pe = () => !0, oe = (e, r, n) => {
848
- const o = jr.exec(e);
849
- return o ? o[1] ? typeof r == "string" ? o[1] === r : r.has(o[1]) : n(o[2]) : !1;
850
- }, Wt = (e) => (
851
- // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
852
- // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
853
- // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
854
- _t.test(e) && !Pt.test(e)
855
- ), kr = () => !1, Vt = (e) => Tt.test(e), Dt = (e) => At.test(e), Bt = () => {
856
- const e = A("colors"), r = A("spacing"), n = A("blur"), o = A("brightness"), s = A("borderColor"), a = A("borderRadius"), c = A("borderSpacing"), l = A("borderWidth"), d = A("contrast"), p = A("grayscale"), u = A("hueRotate"), h = A("invert"), x = A("gap"), N = A("gradientColorStops"), S = A("gradientColorStopPositions"), j = A("inset"), w = A("margin"), y = A("opacity"), R = A("padding"), $ = A("saturate"), V = A("scale"), X = A("sepia"), me = A("skew"), be = A("space"), he = A("translate"), Z = () => ["auto", "contain", "none"], se = () => ["auto", "hidden", "clip", "visible", "scroll"], ae = () => ["auto", v, r], P = () => [v, r], D = () => ["", B, Y], M = () => ["auto", ne, v], G = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], q = () => ["solid", "dashed", "dotted", "double", "none"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], U = () => ["", "0", v], le = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [ne, v];
857
- return {
858
- cacheSize: 500,
859
- separator: ":",
860
- theme: {
861
- colors: [pe],
862
- spacing: [B, Y],
863
- blur: ["none", "", H, v],
864
- brightness: L(),
865
- borderColor: [e],
866
- borderRadius: ["none", "", "full", H, v],
867
- borderSpacing: P(),
868
- borderWidth: D(),
869
- contrast: L(),
870
- grayscale: U(),
871
- hueRotate: L(),
872
- invert: U(),
873
- gap: P(),
874
- gradientColorStops: [e],
875
- gradientColorStopPositions: [Ot, Y],
876
- inset: ae(),
877
- margin: ae(),
878
- opacity: L(),
879
- padding: P(),
880
- saturate: L(),
881
- scale: L(),
882
- sepia: U(),
883
- skew: L(),
884
- space: P(),
885
- translate: P()
886
- },
887
- classGroups: {
888
- // Layout
889
- /**
890
- * Aspect Ratio
891
- * @see https://tailwindcss.com/docs/aspect-ratio
892
- */
893
- aspect: [{
894
- aspect: ["auto", "square", "video", v]
895
- }],
896
- /**
897
- * Container
898
- * @see https://tailwindcss.com/docs/container
899
- */
900
- container: ["container"],
901
- /**
902
- * Columns
903
- * @see https://tailwindcss.com/docs/columns
904
- */
905
- columns: [{
906
- columns: [H]
907
- }],
908
- /**
909
- * Break After
910
- * @see https://tailwindcss.com/docs/break-after
911
- */
912
- "break-after": [{
913
- "break-after": le()
914
- }],
915
- /**
916
- * Break Before
917
- * @see https://tailwindcss.com/docs/break-before
918
- */
919
- "break-before": [{
920
- "break-before": le()
921
- }],
922
- /**
923
- * Break Inside
924
- * @see https://tailwindcss.com/docs/break-inside
925
- */
926
- "break-inside": [{
927
- "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
928
- }],
929
- /**
930
- * Box Decoration Break
931
- * @see https://tailwindcss.com/docs/box-decoration-break
932
- */
933
- "box-decoration": [{
934
- "box-decoration": ["slice", "clone"]
935
- }],
936
- /**
937
- * Box Sizing
938
- * @see https://tailwindcss.com/docs/box-sizing
939
- */
940
- box: [{
941
- box: ["border", "content"]
942
- }],
943
- /**
944
- * Display
945
- * @see https://tailwindcss.com/docs/display
946
- */
947
- display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
948
- /**
949
- * Floats
950
- * @see https://tailwindcss.com/docs/float
951
- */
952
- float: [{
953
- float: ["right", "left", "none", "start", "end"]
954
- }],
955
- /**
956
- * Clear
957
- * @see https://tailwindcss.com/docs/clear
958
- */
959
- clear: [{
960
- clear: ["left", "right", "both", "none", "start", "end"]
961
- }],
962
- /**
963
- * Isolation
964
- * @see https://tailwindcss.com/docs/isolation
965
- */
966
- isolation: ["isolate", "isolation-auto"],
967
- /**
968
- * Object Fit
969
- * @see https://tailwindcss.com/docs/object-fit
970
- */
971
- "object-fit": [{
972
- object: ["contain", "cover", "fill", "none", "scale-down"]
973
- }],
974
- /**
975
- * Object Position
976
- * @see https://tailwindcss.com/docs/object-position
977
- */
978
- "object-position": [{
979
- object: [...G(), v]
980
- }],
981
- /**
982
- * Overflow
983
- * @see https://tailwindcss.com/docs/overflow
984
- */
985
- overflow: [{
986
- overflow: se()
987
- }],
988
- /**
989
- * Overflow X
990
- * @see https://tailwindcss.com/docs/overflow
991
- */
992
- "overflow-x": [{
993
- "overflow-x": se()
994
- }],
995
- /**
996
- * Overflow Y
997
- * @see https://tailwindcss.com/docs/overflow
998
- */
999
- "overflow-y": [{
1000
- "overflow-y": se()
1001
- }],
1002
- /**
1003
- * Overscroll Behavior
1004
- * @see https://tailwindcss.com/docs/overscroll-behavior
1005
- */
1006
- overscroll: [{
1007
- overscroll: Z()
1008
- }],
1009
- /**
1010
- * Overscroll Behavior X
1011
- * @see https://tailwindcss.com/docs/overscroll-behavior
1012
- */
1013
- "overscroll-x": [{
1014
- "overscroll-x": Z()
1015
- }],
1016
- /**
1017
- * Overscroll Behavior Y
1018
- * @see https://tailwindcss.com/docs/overscroll-behavior
1019
- */
1020
- "overscroll-y": [{
1021
- "overscroll-y": Z()
1022
- }],
1023
- /**
1024
- * Position
1025
- * @see https://tailwindcss.com/docs/position
1026
- */
1027
- position: ["static", "fixed", "absolute", "relative", "sticky"],
1028
- /**
1029
- * Top / Right / Bottom / Left
1030
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1031
- */
1032
- inset: [{
1033
- inset: [j]
1034
- }],
1035
- /**
1036
- * Right / Left
1037
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1038
- */
1039
- "inset-x": [{
1040
- "inset-x": [j]
1041
- }],
1042
- /**
1043
- * Top / Bottom
1044
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1045
- */
1046
- "inset-y": [{
1047
- "inset-y": [j]
1048
- }],
1049
- /**
1050
- * Start
1051
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1052
- */
1053
- start: [{
1054
- start: [j]
1055
- }],
1056
- /**
1057
- * End
1058
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1059
- */
1060
- end: [{
1061
- end: [j]
1062
- }],
1063
- /**
1064
- * Top
1065
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1066
- */
1067
- top: [{
1068
- top: [j]
1069
- }],
1070
- /**
1071
- * Right
1072
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1073
- */
1074
- right: [{
1075
- right: [j]
1076
- }],
1077
- /**
1078
- * Bottom
1079
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1080
- */
1081
- bottom: [{
1082
- bottom: [j]
1083
- }],
1084
- /**
1085
- * Left
1086
- * @see https://tailwindcss.com/docs/top-right-bottom-left
1087
- */
1088
- left: [{
1089
- left: [j]
1090
- }],
1091
- /**
1092
- * Visibility
1093
- * @see https://tailwindcss.com/docs/visibility
1094
- */
1095
- visibility: ["visible", "invisible", "collapse"],
1096
- /**
1097
- * Z-Index
1098
- * @see https://tailwindcss.com/docs/z-index
1099
- */
1100
- z: [{
1101
- z: ["auto", fe, v]
1102
- }],
1103
- // Flexbox and Grid
1104
- /**
1105
- * Flex Basis
1106
- * @see https://tailwindcss.com/docs/flex-basis
1107
- */
1108
- basis: [{
1109
- basis: ae()
1110
- }],
1111
- /**
1112
- * Flex Direction
1113
- * @see https://tailwindcss.com/docs/flex-direction
1114
- */
1115
- "flex-direction": [{
1116
- flex: ["row", "row-reverse", "col", "col-reverse"]
1117
- }],
1118
- /**
1119
- * Flex Wrap
1120
- * @see https://tailwindcss.com/docs/flex-wrap
1121
- */
1122
- "flex-wrap": [{
1123
- flex: ["wrap", "wrap-reverse", "nowrap"]
1124
- }],
1125
- /**
1126
- * Flex
1127
- * @see https://tailwindcss.com/docs/flex
1128
- */
1129
- flex: [{
1130
- flex: ["1", "auto", "initial", "none", v]
1131
- }],
1132
- /**
1133
- * Flex Grow
1134
- * @see https://tailwindcss.com/docs/flex-grow
1135
- */
1136
- grow: [{
1137
- grow: U()
1138
- }],
1139
- /**
1140
- * Flex Shrink
1141
- * @see https://tailwindcss.com/docs/flex-shrink
1142
- */
1143
- shrink: [{
1144
- shrink: U()
1145
- }],
1146
- /**
1147
- * Order
1148
- * @see https://tailwindcss.com/docs/order
1149
- */
1150
- order: [{
1151
- order: ["first", "last", "none", fe, v]
1152
- }],
1153
- /**
1154
- * Grid Template Columns
1155
- * @see https://tailwindcss.com/docs/grid-template-columns
1156
- */
1157
- "grid-cols": [{
1158
- "grid-cols": [pe]
1159
- }],
1160
- /**
1161
- * Grid Column Start / End
1162
- * @see https://tailwindcss.com/docs/grid-column
1163
- */
1164
- "col-start-end": [{
1165
- col: ["auto", {
1166
- span: ["full", fe, v]
1167
- }, v]
1168
- }],
1169
- /**
1170
- * Grid Column Start
1171
- * @see https://tailwindcss.com/docs/grid-column
1172
- */
1173
- "col-start": [{
1174
- "col-start": M()
1175
- }],
1176
- /**
1177
- * Grid Column End
1178
- * @see https://tailwindcss.com/docs/grid-column
1179
- */
1180
- "col-end": [{
1181
- "col-end": M()
1182
- }],
1183
- /**
1184
- * Grid Template Rows
1185
- * @see https://tailwindcss.com/docs/grid-template-rows
1186
- */
1187
- "grid-rows": [{
1188
- "grid-rows": [pe]
1189
- }],
1190
- /**
1191
- * Grid Row Start / End
1192
- * @see https://tailwindcss.com/docs/grid-row
1193
- */
1194
- "row-start-end": [{
1195
- row: ["auto", {
1196
- span: [fe, v]
1197
- }, v]
1198
- }],
1199
- /**
1200
- * Grid Row Start
1201
- * @see https://tailwindcss.com/docs/grid-row
1202
- */
1203
- "row-start": [{
1204
- "row-start": M()
1205
- }],
1206
- /**
1207
- * Grid Row End
1208
- * @see https://tailwindcss.com/docs/grid-row
1209
- */
1210
- "row-end": [{
1211
- "row-end": M()
1212
- }],
1213
- /**
1214
- * Grid Auto Flow
1215
- * @see https://tailwindcss.com/docs/grid-auto-flow
1216
- */
1217
- "grid-flow": [{
1218
- "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
1219
- }],
1220
- /**
1221
- * Grid Auto Columns
1222
- * @see https://tailwindcss.com/docs/grid-auto-columns
1223
- */
1224
- "auto-cols": [{
1225
- "auto-cols": ["auto", "min", "max", "fr", v]
1226
- }],
1227
- /**
1228
- * Grid Auto Rows
1229
- * @see https://tailwindcss.com/docs/grid-auto-rows
1230
- */
1231
- "auto-rows": [{
1232
- "auto-rows": ["auto", "min", "max", "fr", v]
1233
- }],
1234
- /**
1235
- * Gap
1236
- * @see https://tailwindcss.com/docs/gap
1237
- */
1238
- gap: [{
1239
- gap: [x]
1240
- }],
1241
- /**
1242
- * Gap X
1243
- * @see https://tailwindcss.com/docs/gap
1244
- */
1245
- "gap-x": [{
1246
- "gap-x": [x]
1247
- }],
1248
- /**
1249
- * Gap Y
1250
- * @see https://tailwindcss.com/docs/gap
1251
- */
1252
- "gap-y": [{
1253
- "gap-y": [x]
1254
- }],
1255
- /**
1256
- * Justify Content
1257
- * @see https://tailwindcss.com/docs/justify-content
1258
- */
1259
- "justify-content": [{
1260
- justify: ["normal", ...Q()]
1261
- }],
1262
- /**
1263
- * Justify Items
1264
- * @see https://tailwindcss.com/docs/justify-items
1265
- */
1266
- "justify-items": [{
1267
- "justify-items": ["start", "end", "center", "stretch"]
1268
- }],
1269
- /**
1270
- * Justify Self
1271
- * @see https://tailwindcss.com/docs/justify-self
1272
- */
1273
- "justify-self": [{
1274
- "justify-self": ["auto", "start", "end", "center", "stretch"]
1275
- }],
1276
- /**
1277
- * Align Content
1278
- * @see https://tailwindcss.com/docs/align-content
1279
- */
1280
- "align-content": [{
1281
- content: ["normal", ...Q(), "baseline"]
1282
- }],
1283
- /**
1284
- * Align Items
1285
- * @see https://tailwindcss.com/docs/align-items
1286
- */
1287
- "align-items": [{
1288
- items: ["start", "end", "center", "baseline", "stretch"]
1289
- }],
1290
- /**
1291
- * Align Self
1292
- * @see https://tailwindcss.com/docs/align-self
1293
- */
1294
- "align-self": [{
1295
- self: ["auto", "start", "end", "center", "stretch", "baseline"]
1296
- }],
1297
- /**
1298
- * Place Content
1299
- * @see https://tailwindcss.com/docs/place-content
1300
- */
1301
- "place-content": [{
1302
- "place-content": [...Q(), "baseline"]
1303
- }],
1304
- /**
1305
- * Place Items
1306
- * @see https://tailwindcss.com/docs/place-items
1307
- */
1308
- "place-items": [{
1309
- "place-items": ["start", "end", "center", "baseline", "stretch"]
1310
- }],
1311
- /**
1312
- * Place Self
1313
- * @see https://tailwindcss.com/docs/place-self
1314
- */
1315
- "place-self": [{
1316
- "place-self": ["auto", "start", "end", "center", "stretch"]
1317
- }],
1318
- // Spacing
1319
- /**
1320
- * Padding
1321
- * @see https://tailwindcss.com/docs/padding
1322
- */
1323
- p: [{
1324
- p: [R]
1325
- }],
1326
- /**
1327
- * Padding X
1328
- * @see https://tailwindcss.com/docs/padding
1329
- */
1330
- px: [{
1331
- px: [R]
1332
- }],
1333
- /**
1334
- * Padding Y
1335
- * @see https://tailwindcss.com/docs/padding
1336
- */
1337
- py: [{
1338
- py: [R]
1339
- }],
1340
- /**
1341
- * Padding Start
1342
- * @see https://tailwindcss.com/docs/padding
1343
- */
1344
- ps: [{
1345
- ps: [R]
1346
- }],
1347
- /**
1348
- * Padding End
1349
- * @see https://tailwindcss.com/docs/padding
1350
- */
1351
- pe: [{
1352
- pe: [R]
1353
- }],
1354
- /**
1355
- * Padding Top
1356
- * @see https://tailwindcss.com/docs/padding
1357
- */
1358
- pt: [{
1359
- pt: [R]
1360
- }],
1361
- /**
1362
- * Padding Right
1363
- * @see https://tailwindcss.com/docs/padding
1364
- */
1365
- pr: [{
1366
- pr: [R]
1367
- }],
1368
- /**
1369
- * Padding Bottom
1370
- * @see https://tailwindcss.com/docs/padding
1371
- */
1372
- pb: [{
1373
- pb: [R]
1374
- }],
1375
- /**
1376
- * Padding Left
1377
- * @see https://tailwindcss.com/docs/padding
1378
- */
1379
- pl: [{
1380
- pl: [R]
1381
- }],
1382
- /**
1383
- * Margin
1384
- * @see https://tailwindcss.com/docs/margin
1385
- */
1386
- m: [{
1387
- m: [w]
1388
- }],
1389
- /**
1390
- * Margin X
1391
- * @see https://tailwindcss.com/docs/margin
1392
- */
1393
- mx: [{
1394
- mx: [w]
1395
- }],
1396
- /**
1397
- * Margin Y
1398
- * @see https://tailwindcss.com/docs/margin
1399
- */
1400
- my: [{
1401
- my: [w]
1402
- }],
1403
- /**
1404
- * Margin Start
1405
- * @see https://tailwindcss.com/docs/margin
1406
- */
1407
- ms: [{
1408
- ms: [w]
1409
- }],
1410
- /**
1411
- * Margin End
1412
- * @see https://tailwindcss.com/docs/margin
1413
- */
1414
- me: [{
1415
- me: [w]
1416
- }],
1417
- /**
1418
- * Margin Top
1419
- * @see https://tailwindcss.com/docs/margin
1420
- */
1421
- mt: [{
1422
- mt: [w]
1423
- }],
1424
- /**
1425
- * Margin Right
1426
- * @see https://tailwindcss.com/docs/margin
1427
- */
1428
- mr: [{
1429
- mr: [w]
1430
- }],
1431
- /**
1432
- * Margin Bottom
1433
- * @see https://tailwindcss.com/docs/margin
1434
- */
1435
- mb: [{
1436
- mb: [w]
1437
- }],
1438
- /**
1439
- * Margin Left
1440
- * @see https://tailwindcss.com/docs/margin
1441
- */
1442
- ml: [{
1443
- ml: [w]
1444
- }],
1445
- /**
1446
- * Space Between X
1447
- * @see https://tailwindcss.com/docs/space
1448
- */
1449
- "space-x": [{
1450
- "space-x": [be]
1451
- }],
1452
- /**
1453
- * Space Between X Reverse
1454
- * @see https://tailwindcss.com/docs/space
1455
- */
1456
- "space-x-reverse": ["space-x-reverse"],
1457
- /**
1458
- * Space Between Y
1459
- * @see https://tailwindcss.com/docs/space
1460
- */
1461
- "space-y": [{
1462
- "space-y": [be]
1463
- }],
1464
- /**
1465
- * Space Between Y Reverse
1466
- * @see https://tailwindcss.com/docs/space
1467
- */
1468
- "space-y-reverse": ["space-y-reverse"],
1469
- // Sizing
1470
- /**
1471
- * Width
1472
- * @see https://tailwindcss.com/docs/width
1473
- */
1474
- w: [{
1475
- w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", v, r]
1476
- }],
1477
- /**
1478
- * Min-Width
1479
- * @see https://tailwindcss.com/docs/min-width
1480
- */
1481
- "min-w": [{
1482
- "min-w": [v, r, "min", "max", "fit"]
1483
- }],
1484
- /**
1485
- * Max-Width
1486
- * @see https://tailwindcss.com/docs/max-width
1487
- */
1488
- "max-w": [{
1489
- "max-w": [v, r, "none", "full", "min", "max", "fit", "prose", {
1490
- screen: [H]
1491
- }, H]
1492
- }],
1493
- /**
1494
- * Height
1495
- * @see https://tailwindcss.com/docs/height
1496
- */
1497
- h: [{
1498
- h: [v, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
1499
- }],
1500
- /**
1501
- * Min-Height
1502
- * @see https://tailwindcss.com/docs/min-height
1503
- */
1504
- "min-h": [{
1505
- "min-h": [v, r, "min", "max", "fit", "svh", "lvh", "dvh"]
1506
- }],
1507
- /**
1508
- * Max-Height
1509
- * @see https://tailwindcss.com/docs/max-height
1510
- */
1511
- "max-h": [{
1512
- "max-h": [v, r, "min", "max", "fit", "svh", "lvh", "dvh"]
1513
- }],
1514
- /**
1515
- * Size
1516
- * @see https://tailwindcss.com/docs/size
1517
- */
1518
- size: [{
1519
- size: [v, r, "auto", "min", "max", "fit"]
1520
- }],
1521
- // Typography
1522
- /**
1523
- * Font Size
1524
- * @see https://tailwindcss.com/docs/font-size
1525
- */
1526
- "font-size": [{
1527
- text: ["base", H, Y]
1528
- }],
1529
- /**
1530
- * Font Smoothing
1531
- * @see https://tailwindcss.com/docs/font-smoothing
1532
- */
1533
- "font-smoothing": ["antialiased", "subpixel-antialiased"],
1534
- /**
1535
- * Font Style
1536
- * @see https://tailwindcss.com/docs/font-style
1537
- */
1538
- "font-style": ["italic", "not-italic"],
1539
- /**
1540
- * Font Weight
1541
- * @see https://tailwindcss.com/docs/font-weight
1542
- */
1543
- "font-weight": [{
1544
- font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Fe]
1545
- }],
1546
- /**
1547
- * Font Family
1548
- * @see https://tailwindcss.com/docs/font-family
1549
- */
1550
- "font-family": [{
1551
- font: [pe]
1552
- }],
1553
- /**
1554
- * Font Variant Numeric
1555
- * @see https://tailwindcss.com/docs/font-variant-numeric
1556
- */
1557
- "fvn-normal": ["normal-nums"],
1558
- /**
1559
- * Font Variant Numeric
1560
- * @see https://tailwindcss.com/docs/font-variant-numeric
1561
- */
1562
- "fvn-ordinal": ["ordinal"],
1563
- /**
1564
- * Font Variant Numeric
1565
- * @see https://tailwindcss.com/docs/font-variant-numeric
1566
- */
1567
- "fvn-slashed-zero": ["slashed-zero"],
1568
- /**
1569
- * Font Variant Numeric
1570
- * @see https://tailwindcss.com/docs/font-variant-numeric
1571
- */
1572
- "fvn-figure": ["lining-nums", "oldstyle-nums"],
1573
- /**
1574
- * Font Variant Numeric
1575
- * @see https://tailwindcss.com/docs/font-variant-numeric
1576
- */
1577
- "fvn-spacing": ["proportional-nums", "tabular-nums"],
1578
- /**
1579
- * Font Variant Numeric
1580
- * @see https://tailwindcss.com/docs/font-variant-numeric
1581
- */
1582
- "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
1583
- /**
1584
- * Letter Spacing
1585
- * @see https://tailwindcss.com/docs/letter-spacing
1586
- */
1587
- tracking: [{
1588
- tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", v]
1589
- }],
1590
- /**
1591
- * Line Clamp
1592
- * @see https://tailwindcss.com/docs/line-clamp
1593
- */
1594
- "line-clamp": [{
1595
- "line-clamp": ["none", ne, Fe]
1596
- }],
1597
- /**
1598
- * Line Height
1599
- * @see https://tailwindcss.com/docs/line-height
1600
- */
1601
- leading: [{
1602
- leading: ["none", "tight", "snug", "normal", "relaxed", "loose", B, v]
1603
- }],
1604
- /**
1605
- * List Style Image
1606
- * @see https://tailwindcss.com/docs/list-style-image
1607
- */
1608
- "list-image": [{
1609
- "list-image": ["none", v]
1610
- }],
1611
- /**
1612
- * List Style Type
1613
- * @see https://tailwindcss.com/docs/list-style-type
1614
- */
1615
- "list-style-type": [{
1616
- list: ["none", "disc", "decimal", v]
1617
- }],
1618
- /**
1619
- * List Style Position
1620
- * @see https://tailwindcss.com/docs/list-style-position
1621
- */
1622
- "list-style-position": [{
1623
- list: ["inside", "outside"]
1624
- }],
1625
- /**
1626
- * Placeholder Color
1627
- * @deprecated since Tailwind CSS v3.0.0
1628
- * @see https://tailwindcss.com/docs/placeholder-color
1629
- */
1630
- "placeholder-color": [{
1631
- placeholder: [e]
1632
- }],
1633
- /**
1634
- * Placeholder Opacity
1635
- * @see https://tailwindcss.com/docs/placeholder-opacity
1636
- */
1637
- "placeholder-opacity": [{
1638
- "placeholder-opacity": [y]
1639
- }],
1640
- /**
1641
- * Text Alignment
1642
- * @see https://tailwindcss.com/docs/text-align
1643
- */
1644
- "text-alignment": [{
1645
- text: ["left", "center", "right", "justify", "start", "end"]
1646
- }],
1647
- /**
1648
- * Text Color
1649
- * @see https://tailwindcss.com/docs/text-color
1650
- */
1651
- "text-color": [{
1652
- text: [e]
1653
- }],
1654
- /**
1655
- * Text Opacity
1656
- * @see https://tailwindcss.com/docs/text-opacity
1657
- */
1658
- "text-opacity": [{
1659
- "text-opacity": [y]
1660
- }],
1661
- /**
1662
- * Text Decoration
1663
- * @see https://tailwindcss.com/docs/text-decoration
1664
- */
1665
- "text-decoration": ["underline", "overline", "line-through", "no-underline"],
1666
- /**
1667
- * Text Decoration Style
1668
- * @see https://tailwindcss.com/docs/text-decoration-style
1669
- */
1670
- "text-decoration-style": [{
1671
- decoration: [...q(), "wavy"]
1672
- }],
1673
- /**
1674
- * Text Decoration Thickness
1675
- * @see https://tailwindcss.com/docs/text-decoration-thickness
1676
- */
1677
- "text-decoration-thickness": [{
1678
- decoration: ["auto", "from-font", B, Y]
1679
- }],
1680
- /**
1681
- * Text Underline Offset
1682
- * @see https://tailwindcss.com/docs/text-underline-offset
1683
- */
1684
- "underline-offset": [{
1685
- "underline-offset": ["auto", B, v]
1686
- }],
1687
- /**
1688
- * Text Decoration Color
1689
- * @see https://tailwindcss.com/docs/text-decoration-color
1690
- */
1691
- "text-decoration-color": [{
1692
- decoration: [e]
1693
- }],
1694
- /**
1695
- * Text Transform
1696
- * @see https://tailwindcss.com/docs/text-transform
1697
- */
1698
- "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
1699
- /**
1700
- * Text Overflow
1701
- * @see https://tailwindcss.com/docs/text-overflow
1702
- */
1703
- "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
1704
- /**
1705
- * Text Wrap
1706
- * @see https://tailwindcss.com/docs/text-wrap
1707
- */
1708
- "text-wrap": [{
1709
- text: ["wrap", "nowrap", "balance", "pretty"]
1710
- }],
1711
- /**
1712
- * Text Indent
1713
- * @see https://tailwindcss.com/docs/text-indent
1714
- */
1715
- indent: [{
1716
- indent: P()
1717
- }],
1718
- /**
1719
- * Vertical Alignment
1720
- * @see https://tailwindcss.com/docs/vertical-align
1721
- */
1722
- "vertical-align": [{
1723
- align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", v]
1724
- }],
1725
- /**
1726
- * Whitespace
1727
- * @see https://tailwindcss.com/docs/whitespace
1728
- */
1729
- whitespace: [{
1730
- whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
1731
- }],
1732
- /**
1733
- * Word Break
1734
- * @see https://tailwindcss.com/docs/word-break
1735
- */
1736
- break: [{
1737
- break: ["normal", "words", "all", "keep"]
1738
- }],
1739
- /**
1740
- * Hyphens
1741
- * @see https://tailwindcss.com/docs/hyphens
1742
- */
1743
- hyphens: [{
1744
- hyphens: ["none", "manual", "auto"]
1745
- }],
1746
- /**
1747
- * Content
1748
- * @see https://tailwindcss.com/docs/content
1749
- */
1750
- content: [{
1751
- content: ["none", v]
1752
- }],
1753
- // Backgrounds
1754
- /**
1755
- * Background Attachment
1756
- * @see https://tailwindcss.com/docs/background-attachment
1757
- */
1758
- "bg-attachment": [{
1759
- bg: ["fixed", "local", "scroll"]
1760
- }],
1761
- /**
1762
- * Background Clip
1763
- * @see https://tailwindcss.com/docs/background-clip
1764
- */
1765
- "bg-clip": [{
1766
- "bg-clip": ["border", "padding", "content", "text"]
1767
- }],
1768
- /**
1769
- * Background Opacity
1770
- * @deprecated since Tailwind CSS v3.0.0
1771
- * @see https://tailwindcss.com/docs/background-opacity
1772
- */
1773
- "bg-opacity": [{
1774
- "bg-opacity": [y]
1775
- }],
1776
- /**
1777
- * Background Origin
1778
- * @see https://tailwindcss.com/docs/background-origin
1779
- */
1780
- "bg-origin": [{
1781
- "bg-origin": ["border", "padding", "content"]
1782
- }],
1783
- /**
1784
- * Background Position
1785
- * @see https://tailwindcss.com/docs/background-position
1786
- */
1787
- "bg-position": [{
1788
- bg: [...G(), zt]
1789
- }],
1790
- /**
1791
- * Background Repeat
1792
- * @see https://tailwindcss.com/docs/background-repeat
1793
- */
1794
- "bg-repeat": [{
1795
- bg: ["no-repeat", {
1796
- repeat: ["", "x", "y", "round", "space"]
1797
- }]
1798
- }],
1799
- /**
1800
- * Background Size
1801
- * @see https://tailwindcss.com/docs/background-size
1802
- */
1803
- "bg-size": [{
1804
- bg: ["auto", "cover", "contain", Ft]
1805
- }],
1806
- /**
1807
- * Background Image
1808
- * @see https://tailwindcss.com/docs/background-image
1809
- */
1810
- "bg-image": [{
1811
- bg: ["none", {
1812
- "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
1813
- }, Mt]
1814
- }],
1815
- /**
1816
- * Background Color
1817
- * @see https://tailwindcss.com/docs/background-color
1818
- */
1819
- "bg-color": [{
1820
- bg: [e]
1821
- }],
1822
- /**
1823
- * Gradient Color Stops From Position
1824
- * @see https://tailwindcss.com/docs/gradient-color-stops
1825
- */
1826
- "gradient-from-pos": [{
1827
- from: [S]
1828
- }],
1829
- /**
1830
- * Gradient Color Stops Via Position
1831
- * @see https://tailwindcss.com/docs/gradient-color-stops
1832
- */
1833
- "gradient-via-pos": [{
1834
- via: [S]
1835
- }],
1836
- /**
1837
- * Gradient Color Stops To Position
1838
- * @see https://tailwindcss.com/docs/gradient-color-stops
1839
- */
1840
- "gradient-to-pos": [{
1841
- to: [S]
1842
- }],
1843
- /**
1844
- * Gradient Color Stops From
1845
- * @see https://tailwindcss.com/docs/gradient-color-stops
1846
- */
1847
- "gradient-from": [{
1848
- from: [N]
1849
- }],
1850
- /**
1851
- * Gradient Color Stops Via
1852
- * @see https://tailwindcss.com/docs/gradient-color-stops
1853
- */
1854
- "gradient-via": [{
1855
- via: [N]
1856
- }],
1857
- /**
1858
- * Gradient Color Stops To
1859
- * @see https://tailwindcss.com/docs/gradient-color-stops
1860
- */
1861
- "gradient-to": [{
1862
- to: [N]
1863
- }],
1864
- // Borders
1865
- /**
1866
- * Border Radius
1867
- * @see https://tailwindcss.com/docs/border-radius
1868
- */
1869
- rounded: [{
1870
- rounded: [a]
1871
- }],
1872
- /**
1873
- * Border Radius Start
1874
- * @see https://tailwindcss.com/docs/border-radius
1875
- */
1876
- "rounded-s": [{
1877
- "rounded-s": [a]
1878
- }],
1879
- /**
1880
- * Border Radius End
1881
- * @see https://tailwindcss.com/docs/border-radius
1882
- */
1883
- "rounded-e": [{
1884
- "rounded-e": [a]
1885
- }],
1886
- /**
1887
- * Border Radius Top
1888
- * @see https://tailwindcss.com/docs/border-radius
1889
- */
1890
- "rounded-t": [{
1891
- "rounded-t": [a]
1892
- }],
1893
- /**
1894
- * Border Radius Right
1895
- * @see https://tailwindcss.com/docs/border-radius
1896
- */
1897
- "rounded-r": [{
1898
- "rounded-r": [a]
1899
- }],
1900
- /**
1901
- * Border Radius Bottom
1902
- * @see https://tailwindcss.com/docs/border-radius
1903
- */
1904
- "rounded-b": [{
1905
- "rounded-b": [a]
1906
- }],
1907
- /**
1908
- * Border Radius Left
1909
- * @see https://tailwindcss.com/docs/border-radius
1910
- */
1911
- "rounded-l": [{
1912
- "rounded-l": [a]
1913
- }],
1914
- /**
1915
- * Border Radius Start Start
1916
- * @see https://tailwindcss.com/docs/border-radius
1917
- */
1918
- "rounded-ss": [{
1919
- "rounded-ss": [a]
1920
- }],
1921
- /**
1922
- * Border Radius Start End
1923
- * @see https://tailwindcss.com/docs/border-radius
1924
- */
1925
- "rounded-se": [{
1926
- "rounded-se": [a]
1927
- }],
1928
- /**
1929
- * Border Radius End End
1930
- * @see https://tailwindcss.com/docs/border-radius
1931
- */
1932
- "rounded-ee": [{
1933
- "rounded-ee": [a]
1934
- }],
1935
- /**
1936
- * Border Radius End Start
1937
- * @see https://tailwindcss.com/docs/border-radius
1938
- */
1939
- "rounded-es": [{
1940
- "rounded-es": [a]
1941
- }],
1942
- /**
1943
- * Border Radius Top Left
1944
- * @see https://tailwindcss.com/docs/border-radius
1945
- */
1946
- "rounded-tl": [{
1947
- "rounded-tl": [a]
1948
- }],
1949
- /**
1950
- * Border Radius Top Right
1951
- * @see https://tailwindcss.com/docs/border-radius
1952
- */
1953
- "rounded-tr": [{
1954
- "rounded-tr": [a]
1955
- }],
1956
- /**
1957
- * Border Radius Bottom Right
1958
- * @see https://tailwindcss.com/docs/border-radius
1959
- */
1960
- "rounded-br": [{
1961
- "rounded-br": [a]
1962
- }],
1963
- /**
1964
- * Border Radius Bottom Left
1965
- * @see https://tailwindcss.com/docs/border-radius
1966
- */
1967
- "rounded-bl": [{
1968
- "rounded-bl": [a]
1969
- }],
1970
- /**
1971
- * Border Width
1972
- * @see https://tailwindcss.com/docs/border-width
1973
- */
1974
- "border-w": [{
1975
- border: [l]
1976
- }],
1977
- /**
1978
- * Border Width X
1979
- * @see https://tailwindcss.com/docs/border-width
1980
- */
1981
- "border-w-x": [{
1982
- "border-x": [l]
1983
- }],
1984
- /**
1985
- * Border Width Y
1986
- * @see https://tailwindcss.com/docs/border-width
1987
- */
1988
- "border-w-y": [{
1989
- "border-y": [l]
1990
- }],
1991
- /**
1992
- * Border Width Start
1993
- * @see https://tailwindcss.com/docs/border-width
1994
- */
1995
- "border-w-s": [{
1996
- "border-s": [l]
1997
- }],
1998
- /**
1999
- * Border Width End
2000
- * @see https://tailwindcss.com/docs/border-width
2001
- */
2002
- "border-w-e": [{
2003
- "border-e": [l]
2004
- }],
2005
- /**
2006
- * Border Width Top
2007
- * @see https://tailwindcss.com/docs/border-width
2008
- */
2009
- "border-w-t": [{
2010
- "border-t": [l]
2011
- }],
2012
- /**
2013
- * Border Width Right
2014
- * @see https://tailwindcss.com/docs/border-width
2015
- */
2016
- "border-w-r": [{
2017
- "border-r": [l]
2018
- }],
2019
- /**
2020
- * Border Width Bottom
2021
- * @see https://tailwindcss.com/docs/border-width
2022
- */
2023
- "border-w-b": [{
2024
- "border-b": [l]
2025
- }],
2026
- /**
2027
- * Border Width Left
2028
- * @see https://tailwindcss.com/docs/border-width
2029
- */
2030
- "border-w-l": [{
2031
- "border-l": [l]
2032
- }],
2033
- /**
2034
- * Border Opacity
2035
- * @see https://tailwindcss.com/docs/border-opacity
2036
- */
2037
- "border-opacity": [{
2038
- "border-opacity": [y]
2039
- }],
2040
- /**
2041
- * Border Style
2042
- * @see https://tailwindcss.com/docs/border-style
2043
- */
2044
- "border-style": [{
2045
- border: [...q(), "hidden"]
2046
- }],
2047
- /**
2048
- * Divide Width X
2049
- * @see https://tailwindcss.com/docs/divide-width
2050
- */
2051
- "divide-x": [{
2052
- "divide-x": [l]
2053
- }],
2054
- /**
2055
- * Divide Width X Reverse
2056
- * @see https://tailwindcss.com/docs/divide-width
2057
- */
2058
- "divide-x-reverse": ["divide-x-reverse"],
2059
- /**
2060
- * Divide Width Y
2061
- * @see https://tailwindcss.com/docs/divide-width
2062
- */
2063
- "divide-y": [{
2064
- "divide-y": [l]
2065
- }],
2066
- /**
2067
- * Divide Width Y Reverse
2068
- * @see https://tailwindcss.com/docs/divide-width
2069
- */
2070
- "divide-y-reverse": ["divide-y-reverse"],
2071
- /**
2072
- * Divide Opacity
2073
- * @see https://tailwindcss.com/docs/divide-opacity
2074
- */
2075
- "divide-opacity": [{
2076
- "divide-opacity": [y]
2077
- }],
2078
- /**
2079
- * Divide Style
2080
- * @see https://tailwindcss.com/docs/divide-style
2081
- */
2082
- "divide-style": [{
2083
- divide: q()
2084
- }],
2085
- /**
2086
- * Border Color
2087
- * @see https://tailwindcss.com/docs/border-color
2088
- */
2089
- "border-color": [{
2090
- border: [s]
2091
- }],
2092
- /**
2093
- * Border Color X
2094
- * @see https://tailwindcss.com/docs/border-color
2095
- */
2096
- "border-color-x": [{
2097
- "border-x": [s]
2098
- }],
2099
- /**
2100
- * Border Color Y
2101
- * @see https://tailwindcss.com/docs/border-color
2102
- */
2103
- "border-color-y": [{
2104
- "border-y": [s]
2105
- }],
2106
- /**
2107
- * Border Color S
2108
- * @see https://tailwindcss.com/docs/border-color
2109
- */
2110
- "border-color-s": [{
2111
- "border-s": [s]
2112
- }],
2113
- /**
2114
- * Border Color E
2115
- * @see https://tailwindcss.com/docs/border-color
2116
- */
2117
- "border-color-e": [{
2118
- "border-e": [s]
2119
- }],
2120
- /**
2121
- * Border Color Top
2122
- * @see https://tailwindcss.com/docs/border-color
2123
- */
2124
- "border-color-t": [{
2125
- "border-t": [s]
2126
- }],
2127
- /**
2128
- * Border Color Right
2129
- * @see https://tailwindcss.com/docs/border-color
2130
- */
2131
- "border-color-r": [{
2132
- "border-r": [s]
2133
- }],
2134
- /**
2135
- * Border Color Bottom
2136
- * @see https://tailwindcss.com/docs/border-color
2137
- */
2138
- "border-color-b": [{
2139
- "border-b": [s]
2140
- }],
2141
- /**
2142
- * Border Color Left
2143
- * @see https://tailwindcss.com/docs/border-color
2144
- */
2145
- "border-color-l": [{
2146
- "border-l": [s]
2147
- }],
2148
- /**
2149
- * Divide Color
2150
- * @see https://tailwindcss.com/docs/divide-color
2151
- */
2152
- "divide-color": [{
2153
- divide: [s]
2154
- }],
2155
- /**
2156
- * Outline Style
2157
- * @see https://tailwindcss.com/docs/outline-style
2158
- */
2159
- "outline-style": [{
2160
- outline: ["", ...q()]
2161
- }],
2162
- /**
2163
- * Outline Offset
2164
- * @see https://tailwindcss.com/docs/outline-offset
2165
- */
2166
- "outline-offset": [{
2167
- "outline-offset": [B, v]
2168
- }],
2169
- /**
2170
- * Outline Width
2171
- * @see https://tailwindcss.com/docs/outline-width
2172
- */
2173
- "outline-w": [{
2174
- outline: [B, Y]
2175
- }],
2176
- /**
2177
- * Outline Color
2178
- * @see https://tailwindcss.com/docs/outline-color
2179
- */
2180
- "outline-color": [{
2181
- outline: [e]
2182
- }],
2183
- /**
2184
- * Ring Width
2185
- * @see https://tailwindcss.com/docs/ring-width
2186
- */
2187
- "ring-w": [{
2188
- ring: D()
2189
- }],
2190
- /**
2191
- * Ring Width Inset
2192
- * @see https://tailwindcss.com/docs/ring-width
2193
- */
2194
- "ring-w-inset": ["ring-inset"],
2195
- /**
2196
- * Ring Color
2197
- * @see https://tailwindcss.com/docs/ring-color
2198
- */
2199
- "ring-color": [{
2200
- ring: [e]
2201
- }],
2202
- /**
2203
- * Ring Opacity
2204
- * @see https://tailwindcss.com/docs/ring-opacity
2205
- */
2206
- "ring-opacity": [{
2207
- "ring-opacity": [y]
2208
- }],
2209
- /**
2210
- * Ring Offset Width
2211
- * @see https://tailwindcss.com/docs/ring-offset-width
2212
- */
2213
- "ring-offset-w": [{
2214
- "ring-offset": [B, Y]
2215
- }],
2216
- /**
2217
- * Ring Offset Color
2218
- * @see https://tailwindcss.com/docs/ring-offset-color
2219
- */
2220
- "ring-offset-color": [{
2221
- "ring-offset": [e]
2222
- }],
2223
- // Effects
2224
- /**
2225
- * Box Shadow
2226
- * @see https://tailwindcss.com/docs/box-shadow
2227
- */
2228
- shadow: [{
2229
- shadow: ["", "inner", "none", H, Lt]
2230
- }],
2231
- /**
2232
- * Box Shadow Color
2233
- * @see https://tailwindcss.com/docs/box-shadow-color
2234
- */
2235
- "shadow-color": [{
2236
- shadow: [pe]
2237
- }],
2238
- /**
2239
- * Opacity
2240
- * @see https://tailwindcss.com/docs/opacity
2241
- */
2242
- opacity: [{
2243
- opacity: [y]
2244
- }],
2245
- /**
2246
- * Mix Blend Mode
2247
- * @see https://tailwindcss.com/docs/mix-blend-mode
2248
- */
2249
- "mix-blend": [{
2250
- "mix-blend": [...ie(), "plus-lighter", "plus-darker"]
2251
- }],
2252
- /**
2253
- * Background Blend Mode
2254
- * @see https://tailwindcss.com/docs/background-blend-mode
2255
- */
2256
- "bg-blend": [{
2257
- "bg-blend": ie()
2258
- }],
2259
- // Filters
2260
- /**
2261
- * Filter
2262
- * @deprecated since Tailwind CSS v3.0.0
2263
- * @see https://tailwindcss.com/docs/filter
2264
- */
2265
- filter: [{
2266
- filter: ["", "none"]
2267
- }],
2268
- /**
2269
- * Blur
2270
- * @see https://tailwindcss.com/docs/blur
2271
- */
2272
- blur: [{
2273
- blur: [n]
2274
- }],
2275
- /**
2276
- * Brightness
2277
- * @see https://tailwindcss.com/docs/brightness
2278
- */
2279
- brightness: [{
2280
- brightness: [o]
2281
- }],
2282
- /**
2283
- * Contrast
2284
- * @see https://tailwindcss.com/docs/contrast
2285
- */
2286
- contrast: [{
2287
- contrast: [d]
2288
- }],
2289
- /**
2290
- * Drop Shadow
2291
- * @see https://tailwindcss.com/docs/drop-shadow
2292
- */
2293
- "drop-shadow": [{
2294
- "drop-shadow": ["", "none", H, v]
2295
- }],
2296
- /**
2297
- * Grayscale
2298
- * @see https://tailwindcss.com/docs/grayscale
2299
- */
2300
- grayscale: [{
2301
- grayscale: [p]
2302
- }],
2303
- /**
2304
- * Hue Rotate
2305
- * @see https://tailwindcss.com/docs/hue-rotate
2306
- */
2307
- "hue-rotate": [{
2308
- "hue-rotate": [u]
2309
- }],
2310
- /**
2311
- * Invert
2312
- * @see https://tailwindcss.com/docs/invert
2313
- */
2314
- invert: [{
2315
- invert: [h]
2316
- }],
2317
- /**
2318
- * Saturate
2319
- * @see https://tailwindcss.com/docs/saturate
2320
- */
2321
- saturate: [{
2322
- saturate: [$]
2323
- }],
2324
- /**
2325
- * Sepia
2326
- * @see https://tailwindcss.com/docs/sepia
2327
- */
2328
- sepia: [{
2329
- sepia: [X]
2330
- }],
2331
- /**
2332
- * Backdrop Filter
2333
- * @deprecated since Tailwind CSS v3.0.0
2334
- * @see https://tailwindcss.com/docs/backdrop-filter
2335
- */
2336
- "backdrop-filter": [{
2337
- "backdrop-filter": ["", "none"]
2338
- }],
2339
- /**
2340
- * Backdrop Blur
2341
- * @see https://tailwindcss.com/docs/backdrop-blur
2342
- */
2343
- "backdrop-blur": [{
2344
- "backdrop-blur": [n]
2345
- }],
2346
- /**
2347
- * Backdrop Brightness
2348
- * @see https://tailwindcss.com/docs/backdrop-brightness
2349
- */
2350
- "backdrop-brightness": [{
2351
- "backdrop-brightness": [o]
2352
- }],
2353
- /**
2354
- * Backdrop Contrast
2355
- * @see https://tailwindcss.com/docs/backdrop-contrast
2356
- */
2357
- "backdrop-contrast": [{
2358
- "backdrop-contrast": [d]
2359
- }],
2360
- /**
2361
- * Backdrop Grayscale
2362
- * @see https://tailwindcss.com/docs/backdrop-grayscale
2363
- */
2364
- "backdrop-grayscale": [{
2365
- "backdrop-grayscale": [p]
2366
- }],
2367
- /**
2368
- * Backdrop Hue Rotate
2369
- * @see https://tailwindcss.com/docs/backdrop-hue-rotate
2370
- */
2371
- "backdrop-hue-rotate": [{
2372
- "backdrop-hue-rotate": [u]
2373
- }],
2374
- /**
2375
- * Backdrop Invert
2376
- * @see https://tailwindcss.com/docs/backdrop-invert
2377
- */
2378
- "backdrop-invert": [{
2379
- "backdrop-invert": [h]
2380
- }],
2381
- /**
2382
- * Backdrop Opacity
2383
- * @see https://tailwindcss.com/docs/backdrop-opacity
2384
- */
2385
- "backdrop-opacity": [{
2386
- "backdrop-opacity": [y]
2387
- }],
2388
- /**
2389
- * Backdrop Saturate
2390
- * @see https://tailwindcss.com/docs/backdrop-saturate
2391
- */
2392
- "backdrop-saturate": [{
2393
- "backdrop-saturate": [$]
2394
- }],
2395
- /**
2396
- * Backdrop Sepia
2397
- * @see https://tailwindcss.com/docs/backdrop-sepia
2398
- */
2399
- "backdrop-sepia": [{
2400
- "backdrop-sepia": [X]
2401
- }],
2402
- // Tables
2403
- /**
2404
- * Border Collapse
2405
- * @see https://tailwindcss.com/docs/border-collapse
2406
- */
2407
- "border-collapse": [{
2408
- border: ["collapse", "separate"]
2409
- }],
2410
- /**
2411
- * Border Spacing
2412
- * @see https://tailwindcss.com/docs/border-spacing
2413
- */
2414
- "border-spacing": [{
2415
- "border-spacing": [c]
2416
- }],
2417
- /**
2418
- * Border Spacing X
2419
- * @see https://tailwindcss.com/docs/border-spacing
2420
- */
2421
- "border-spacing-x": [{
2422
- "border-spacing-x": [c]
2423
- }],
2424
- /**
2425
- * Border Spacing Y
2426
- * @see https://tailwindcss.com/docs/border-spacing
2427
- */
2428
- "border-spacing-y": [{
2429
- "border-spacing-y": [c]
2430
- }],
2431
- /**
2432
- * Table Layout
2433
- * @see https://tailwindcss.com/docs/table-layout
2434
- */
2435
- "table-layout": [{
2436
- table: ["auto", "fixed"]
2437
- }],
2438
- /**
2439
- * Caption Side
2440
- * @see https://tailwindcss.com/docs/caption-side
2441
- */
2442
- caption: [{
2443
- caption: ["top", "bottom"]
2444
- }],
2445
- // Transitions and Animation
2446
- /**
2447
- * Tranisition Property
2448
- * @see https://tailwindcss.com/docs/transition-property
2449
- */
2450
- transition: [{
2451
- transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", v]
2452
- }],
2453
- /**
2454
- * Transition Duration
2455
- * @see https://tailwindcss.com/docs/transition-duration
2456
- */
2457
- duration: [{
2458
- duration: L()
2459
- }],
2460
- /**
2461
- * Transition Timing Function
2462
- * @see https://tailwindcss.com/docs/transition-timing-function
2463
- */
2464
- ease: [{
2465
- ease: ["linear", "in", "out", "in-out", v]
2466
- }],
2467
- /**
2468
- * Transition Delay
2469
- * @see https://tailwindcss.com/docs/transition-delay
2470
- */
2471
- delay: [{
2472
- delay: L()
2473
- }],
2474
- /**
2475
- * Animation
2476
- * @see https://tailwindcss.com/docs/animation
2477
- */
2478
- animate: [{
2479
- animate: ["none", "spin", "ping", "pulse", "bounce", v]
2480
- }],
2481
- // Transforms
2482
- /**
2483
- * Transform
2484
- * @see https://tailwindcss.com/docs/transform
2485
- */
2486
- transform: [{
2487
- transform: ["", "gpu", "none"]
2488
- }],
2489
- /**
2490
- * Scale
2491
- * @see https://tailwindcss.com/docs/scale
2492
- */
2493
- scale: [{
2494
- scale: [V]
2495
- }],
2496
- /**
2497
- * Scale X
2498
- * @see https://tailwindcss.com/docs/scale
2499
- */
2500
- "scale-x": [{
2501
- "scale-x": [V]
2502
- }],
2503
- /**
2504
- * Scale Y
2505
- * @see https://tailwindcss.com/docs/scale
2506
- */
2507
- "scale-y": [{
2508
- "scale-y": [V]
2509
- }],
2510
- /**
2511
- * Rotate
2512
- * @see https://tailwindcss.com/docs/rotate
2513
- */
2514
- rotate: [{
2515
- rotate: [fe, v]
2516
- }],
2517
- /**
2518
- * Translate X
2519
- * @see https://tailwindcss.com/docs/translate
2520
- */
2521
- "translate-x": [{
2522
- "translate-x": [he]
2523
- }],
2524
- /**
2525
- * Translate Y
2526
- * @see https://tailwindcss.com/docs/translate
2527
- */
2528
- "translate-y": [{
2529
- "translate-y": [he]
2530
- }],
2531
- /**
2532
- * Skew X
2533
- * @see https://tailwindcss.com/docs/skew
2534
- */
2535
- "skew-x": [{
2536
- "skew-x": [me]
2537
- }],
2538
- /**
2539
- * Skew Y
2540
- * @see https://tailwindcss.com/docs/skew
2541
- */
2542
- "skew-y": [{
2543
- "skew-y": [me]
2544
- }],
2545
- /**
2546
- * Transform Origin
2547
- * @see https://tailwindcss.com/docs/transform-origin
2548
- */
2549
- "transform-origin": [{
2550
- origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", v]
2551
- }],
2552
- // Interactivity
2553
- /**
2554
- * Accent Color
2555
- * @see https://tailwindcss.com/docs/accent-color
2556
- */
2557
- accent: [{
2558
- accent: ["auto", e]
2559
- }],
2560
- /**
2561
- * Appearance
2562
- * @see https://tailwindcss.com/docs/appearance
2563
- */
2564
- appearance: [{
2565
- appearance: ["none", "auto"]
2566
- }],
2567
- /**
2568
- * Cursor
2569
- * @see https://tailwindcss.com/docs/cursor
2570
- */
2571
- cursor: [{
2572
- cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", v]
2573
- }],
2574
- /**
2575
- * Caret Color
2576
- * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2577
- */
2578
- "caret-color": [{
2579
- caret: [e]
2580
- }],
2581
- /**
2582
- * Pointer Events
2583
- * @see https://tailwindcss.com/docs/pointer-events
2584
- */
2585
- "pointer-events": [{
2586
- "pointer-events": ["none", "auto"]
2587
- }],
2588
- /**
2589
- * Resize
2590
- * @see https://tailwindcss.com/docs/resize
2591
- */
2592
- resize: [{
2593
- resize: ["none", "y", "x", ""]
2594
- }],
2595
- /**
2596
- * Scroll Behavior
2597
- * @see https://tailwindcss.com/docs/scroll-behavior
2598
- */
2599
- "scroll-behavior": [{
2600
- scroll: ["auto", "smooth"]
2601
- }],
2602
- /**
2603
- * Scroll Margin
2604
- * @see https://tailwindcss.com/docs/scroll-margin
2605
- */
2606
- "scroll-m": [{
2607
- "scroll-m": P()
2608
- }],
2609
- /**
2610
- * Scroll Margin X
2611
- * @see https://tailwindcss.com/docs/scroll-margin
2612
- */
2613
- "scroll-mx": [{
2614
- "scroll-mx": P()
2615
- }],
2616
- /**
2617
- * Scroll Margin Y
2618
- * @see https://tailwindcss.com/docs/scroll-margin
2619
- */
2620
- "scroll-my": [{
2621
- "scroll-my": P()
2622
- }],
2623
- /**
2624
- * Scroll Margin Start
2625
- * @see https://tailwindcss.com/docs/scroll-margin
2626
- */
2627
- "scroll-ms": [{
2628
- "scroll-ms": P()
2629
- }],
2630
- /**
2631
- * Scroll Margin End
2632
- * @see https://tailwindcss.com/docs/scroll-margin
2633
- */
2634
- "scroll-me": [{
2635
- "scroll-me": P()
2636
- }],
2637
- /**
2638
- * Scroll Margin Top
2639
- * @see https://tailwindcss.com/docs/scroll-margin
2640
- */
2641
- "scroll-mt": [{
2642
- "scroll-mt": P()
2643
- }],
2644
- /**
2645
- * Scroll Margin Right
2646
- * @see https://tailwindcss.com/docs/scroll-margin
2647
- */
2648
- "scroll-mr": [{
2649
- "scroll-mr": P()
2650
- }],
2651
- /**
2652
- * Scroll Margin Bottom
2653
- * @see https://tailwindcss.com/docs/scroll-margin
2654
- */
2655
- "scroll-mb": [{
2656
- "scroll-mb": P()
2657
- }],
2658
- /**
2659
- * Scroll Margin Left
2660
- * @see https://tailwindcss.com/docs/scroll-margin
2661
- */
2662
- "scroll-ml": [{
2663
- "scroll-ml": P()
2664
- }],
2665
- /**
2666
- * Scroll Padding
2667
- * @see https://tailwindcss.com/docs/scroll-padding
2668
- */
2669
- "scroll-p": [{
2670
- "scroll-p": P()
2671
- }],
2672
- /**
2673
- * Scroll Padding X
2674
- * @see https://tailwindcss.com/docs/scroll-padding
2675
- */
2676
- "scroll-px": [{
2677
- "scroll-px": P()
2678
- }],
2679
- /**
2680
- * Scroll Padding Y
2681
- * @see https://tailwindcss.com/docs/scroll-padding
2682
- */
2683
- "scroll-py": [{
2684
- "scroll-py": P()
2685
- }],
2686
- /**
2687
- * Scroll Padding Start
2688
- * @see https://tailwindcss.com/docs/scroll-padding
2689
- */
2690
- "scroll-ps": [{
2691
- "scroll-ps": P()
2692
- }],
2693
- /**
2694
- * Scroll Padding End
2695
- * @see https://tailwindcss.com/docs/scroll-padding
2696
- */
2697
- "scroll-pe": [{
2698
- "scroll-pe": P()
2699
- }],
2700
- /**
2701
- * Scroll Padding Top
2702
- * @see https://tailwindcss.com/docs/scroll-padding
2703
- */
2704
- "scroll-pt": [{
2705
- "scroll-pt": P()
2706
- }],
2707
- /**
2708
- * Scroll Padding Right
2709
- * @see https://tailwindcss.com/docs/scroll-padding
2710
- */
2711
- "scroll-pr": [{
2712
- "scroll-pr": P()
2713
- }],
2714
- /**
2715
- * Scroll Padding Bottom
2716
- * @see https://tailwindcss.com/docs/scroll-padding
2717
- */
2718
- "scroll-pb": [{
2719
- "scroll-pb": P()
2720
- }],
2721
- /**
2722
- * Scroll Padding Left
2723
- * @see https://tailwindcss.com/docs/scroll-padding
2724
- */
2725
- "scroll-pl": [{
2726
- "scroll-pl": P()
2727
- }],
2728
- /**
2729
- * Scroll Snap Align
2730
- * @see https://tailwindcss.com/docs/scroll-snap-align
2731
- */
2732
- "snap-align": [{
2733
- snap: ["start", "end", "center", "align-none"]
2734
- }],
2735
- /**
2736
- * Scroll Snap Stop
2737
- * @see https://tailwindcss.com/docs/scroll-snap-stop
2738
- */
2739
- "snap-stop": [{
2740
- snap: ["normal", "always"]
2741
- }],
2742
- /**
2743
- * Scroll Snap Type
2744
- * @see https://tailwindcss.com/docs/scroll-snap-type
2745
- */
2746
- "snap-type": [{
2747
- snap: ["none", "x", "y", "both"]
2748
- }],
2749
- /**
2750
- * Scroll Snap Type Strictness
2751
- * @see https://tailwindcss.com/docs/scroll-snap-type
2752
- */
2753
- "snap-strictness": [{
2754
- snap: ["mandatory", "proximity"]
2755
- }],
2756
- /**
2757
- * Touch Action
2758
- * @see https://tailwindcss.com/docs/touch-action
2759
- */
2760
- touch: [{
2761
- touch: ["auto", "none", "manipulation"]
2762
- }],
2763
- /**
2764
- * Touch Action X
2765
- * @see https://tailwindcss.com/docs/touch-action
2766
- */
2767
- "touch-x": [{
2768
- "touch-pan": ["x", "left", "right"]
2769
- }],
2770
- /**
2771
- * Touch Action Y
2772
- * @see https://tailwindcss.com/docs/touch-action
2773
- */
2774
- "touch-y": [{
2775
- "touch-pan": ["y", "up", "down"]
2776
- }],
2777
- /**
2778
- * Touch Action Pinch Zoom
2779
- * @see https://tailwindcss.com/docs/touch-action
2780
- */
2781
- "touch-pz": ["touch-pinch-zoom"],
2782
- /**
2783
- * User Select
2784
- * @see https://tailwindcss.com/docs/user-select
2785
- */
2786
- select: [{
2787
- select: ["none", "text", "all", "auto"]
2788
- }],
2789
- /**
2790
- * Will Change
2791
- * @see https://tailwindcss.com/docs/will-change
2792
- */
2793
- "will-change": [{
2794
- "will-change": ["auto", "scroll", "contents", "transform", v]
2795
- }],
2796
- // SVG
2797
- /**
2798
- * Fill
2799
- * @see https://tailwindcss.com/docs/fill
2800
- */
2801
- fill: [{
2802
- fill: [e, "none"]
2803
- }],
2804
- /**
2805
- * Stroke Width
2806
- * @see https://tailwindcss.com/docs/stroke-width
2807
- */
2808
- "stroke-w": [{
2809
- stroke: [B, Y, Fe]
2810
- }],
2811
- /**
2812
- * Stroke
2813
- * @see https://tailwindcss.com/docs/stroke
2814
- */
2815
- stroke: [{
2816
- stroke: [e, "none"]
2817
- }],
2818
- // Accessibility
2819
- /**
2820
- * Screen Readers
2821
- * @see https://tailwindcss.com/docs/screen-readers
2822
- */
2823
- sr: ["sr-only", "not-sr-only"],
2824
- /**
2825
- * Forced Color Adjust
2826
- * @see https://tailwindcss.com/docs/forced-color-adjust
2827
- */
2828
- "forced-color-adjust": [{
2829
- "forced-color-adjust": ["auto", "none"]
2830
- }]
2831
- },
2832
- conflictingClassGroups: {
2833
- overflow: ["overflow-x", "overflow-y"],
2834
- overscroll: ["overscroll-x", "overscroll-y"],
2835
- inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
2836
- "inset-x": ["right", "left"],
2837
- "inset-y": ["top", "bottom"],
2838
- flex: ["basis", "grow", "shrink"],
2839
- gap: ["gap-x", "gap-y"],
2840
- p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
2841
- px: ["pr", "pl"],
2842
- py: ["pt", "pb"],
2843
- m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
2844
- mx: ["mr", "ml"],
2845
- my: ["mt", "mb"],
2846
- size: ["w", "h"],
2847
- "font-size": ["leading"],
2848
- "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
2849
- "fvn-ordinal": ["fvn-normal"],
2850
- "fvn-slashed-zero": ["fvn-normal"],
2851
- "fvn-figure": ["fvn-normal"],
2852
- "fvn-spacing": ["fvn-normal"],
2853
- "fvn-fraction": ["fvn-normal"],
2854
- "line-clamp": ["display", "overflow"],
2855
- rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
2856
- "rounded-s": ["rounded-ss", "rounded-es"],
2857
- "rounded-e": ["rounded-se", "rounded-ee"],
2858
- "rounded-t": ["rounded-tl", "rounded-tr"],
2859
- "rounded-r": ["rounded-tr", "rounded-br"],
2860
- "rounded-b": ["rounded-br", "rounded-bl"],
2861
- "rounded-l": ["rounded-tl", "rounded-bl"],
2862
- "border-spacing": ["border-spacing-x", "border-spacing-y"],
2863
- "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
2864
- "border-w-x": ["border-w-r", "border-w-l"],
2865
- "border-w-y": ["border-w-t", "border-w-b"],
2866
- "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
2867
- "border-color-x": ["border-color-r", "border-color-l"],
2868
- "border-color-y": ["border-color-t", "border-color-b"],
2869
- "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
2870
- "scroll-mx": ["scroll-mr", "scroll-ml"],
2871
- "scroll-my": ["scroll-mt", "scroll-mb"],
2872
- "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
2873
- "scroll-px": ["scroll-pr", "scroll-pl"],
2874
- "scroll-py": ["scroll-pt", "scroll-pb"],
2875
- touch: ["touch-x", "touch-y", "touch-pz"],
2876
- "touch-x": ["touch"],
2877
- "touch-y": ["touch"],
2878
- "touch-pz": ["touch"]
2879
- },
2880
- conflictingClassGroupModifiers: {
2881
- "font-size": ["leading"]
2882
- }
2883
- };
2884
- }, Gt = /* @__PURE__ */ Rt(Bt);
2885
- function _(...e) {
2886
- return Gt(vr(e));
2887
- }
2888
- const Ut = m.forwardRef(
2889
- ({
2890
- title: e,
2891
- description: r,
2892
- icon: n,
2893
- action: o,
2894
- onClick: s,
2895
- className: a,
2896
- ...c
2897
- }, l) => /* @__PURE__ */ i.jsxs(
2898
- "div",
2899
- {
2900
- ref: l,
2901
- onClick: s,
2902
- className: _(
2903
- "bg-white border border-[#ecebf0] rounded-xl p-5 flex gap-2",
2904
- s && "cursor-pointer hover:shadow-md transition-shadow",
2905
- a
2906
- ),
2907
- style: { width: "350px" },
2908
- ...c,
2909
- children: [
2910
- /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center shrink-0", children: n }),
2911
- /* @__PURE__ */ i.jsxs("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
2912
- /* @__PURE__ */ i.jsx(
2913
- "h3",
2914
- {
2915
- className: "text-base leading-5 font-semibold text-[#312e4d] capitalize",
2916
- style: { fontFamily: "Causten Round, sans-serif" },
2917
- children: e
2918
- }
2919
- ),
2920
- /* @__PURE__ */ i.jsx(
2921
- "p",
2922
- {
2923
- className: "text-sm leading-[18px] font-normal text-[#575385]",
2924
- style: { fontFamily: "Causten Round, sans-serif" },
2925
- children: r
2926
- }
2927
- ),
2928
- o && /* @__PURE__ */ i.jsx(
2929
- "button",
2930
- {
2931
- onClick: (d) => {
2932
- d.stopPropagation(), o.onClick();
2933
- },
2934
- className: "text-sm leading-[18px] font-semibold text-[#00995a] hover:underline self-start",
2935
- style: { fontFamily: "Causten Round, sans-serif" },
2936
- children: o.label
2937
- }
2938
- )
2939
- ] })
2940
- ]
2941
- }
2942
- )
2943
- );
2944
- Ut.displayName = "ActionCard";
2945
- const Yt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ht = (e) => e.replace(
2946
- /^([A-Z])|[\s-_]+(\w)/g,
2947
- (r, n, o) => o ? o.toUpperCase() : n.toLowerCase()
2948
- ), lr = (e) => {
2949
- const r = Ht(e);
2950
- return r.charAt(0).toUpperCase() + r.slice(1);
2951
- }, Rr = (...e) => e.filter((r, n, o) => !!r && r.trim() !== "" && o.indexOf(r) === n).join(" ").trim(), Kt = (e) => {
2952
- for (const r in e)
2953
- if (r.startsWith("aria-") || r === "role" || r === "title")
2954
- return !0;
2955
- };
2956
- var qt = {
2957
- xmlns: "http://www.w3.org/2000/svg",
2958
- width: 24,
2959
- height: 24,
2960
- viewBox: "0 0 24 24",
2961
- fill: "none",
2962
- stroke: "currentColor",
2963
- strokeWidth: 2,
2964
- strokeLinecap: "round",
2965
- strokeLinejoin: "round"
2966
- };
2967
- const Jt = xr(
2968
- ({
2969
- color: e = "currentColor",
2970
- size: r = 24,
2971
- strokeWidth: n = 2,
2972
- absoluteStrokeWidth: o,
2973
- className: s = "",
2974
- children: a,
2975
- iconNode: c,
2976
- ...l
2977
- }, d) => ze(
2978
- "svg",
2979
- {
2980
- ref: d,
2981
- ...qt,
2982
- width: r,
2983
- height: r,
2984
- stroke: e,
2985
- strokeWidth: o ? Number(n) * 24 / Number(r) : n,
2986
- className: Rr("lucide", s),
2987
- ...!a && !Kt(l) && { "aria-hidden": "true" },
2988
- ...l
2989
- },
2990
- [
2991
- ...c.map(([p, u]) => ze(p, u)),
2992
- ...Array.isArray(a) ? a : [a]
2993
- ]
2994
- )
2995
- );
2996
- const K = (e, r) => {
2997
- const n = xr(
2998
- ({ className: o, ...s }, a) => ze(Jt, {
2999
- ref: a,
3000
- iconNode: r,
3001
- className: Rr(
3002
- `lucide-${Yt(lr(e))}`,
3003
- `lucide-${e}`,
3004
- o
3005
- ),
3006
- ...s
3007
- })
3008
- );
3009
- return n.displayName = lr(e), n;
3010
- };
3011
- const Xt = [
3012
- ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
3013
- ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
3014
- ], Zt = K("circle-check-big", Xt);
3015
- const Qt = [
3016
- ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
3017
- ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
3018
- ], en = K("circle-check", Qt);
3019
- const rn = [
3020
- ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
3021
- ["path", { d: "M12 16v-4", key: "1dtifu" }],
3022
- ["path", { d: "M12 8h.01", key: "e9boi3" }]
3023
- ], cr = K("info", rn);
3024
- const tn = [
3025
- [
3026
- "path",
3027
- {
3028
- d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
3029
- key: "1a0edw"
3030
- }
3031
- ],
3032
- ["path", { d: "M12 22V12", key: "d0xqtd" }],
3033
- ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
3034
- ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
3035
- ], nn = K("package", tn);
3036
- const on = [
3037
- [
3038
- "path",
3039
- { d: "M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z", key: "q3az6g" }
3040
- ],
3041
- ["path", { d: "M14 8H8", key: "1l3xfs" }],
3042
- ["path", { d: "M16 12H8", key: "1fr5h0" }],
3043
- ["path", { d: "M13 16H8", key: "wsln4y" }]
3044
- ], sn = K("receipt-text", on);
3045
- const an = [
3046
- ["circle", { cx: "6", cy: "19", r: "3", key: "1kj8tv" }],
3047
- ["path", { d: "M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15", key: "1d8sl" }],
3048
- ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }]
3049
- ], ln = K("route", an);
3050
- const cn = [
3051
- [
3052
- "path",
3053
- {
3054
- d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
3055
- key: "wmoenq"
3056
- }
3057
- ],
3058
- ["path", { d: "M12 9v4", key: "juzpu7" }],
3059
- ["path", { d: "M12 17h.01", key: "p32p05" }]
3060
- ], Nr = K("triangle-alert", cn);
3061
- const dn = [
3062
- ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
3063
- ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
3064
- ], un = K("x", dn), fn = m.forwardRef(
3065
- ({
3066
- variant: e = "information",
3067
- title: r,
3068
- description: n,
3069
- icon: o,
3070
- className: s,
3071
- ...a
3072
- }, c) => {
3073
- const d = {
3074
- warning: {
3075
- container: "bg-[#fff3e8]",
3076
- text: "text-[#d48620]",
3077
- icon: /* @__PURE__ */ i.jsx(Nr, { size: 24, className: "text-[#d48620]" })
3078
- },
3079
- information: {
3080
- container: "bg-[#e3f2ff]",
3081
- text: "text-[#4087fb]",
3082
- icon: /* @__PURE__ */ i.jsx(cr, { size: 24, className: "text-[#4087fb]" })
3083
- },
3084
- grey: {
3085
- container: "bg-[#f4f4f4]",
3086
- text: "text-[#6e6f6e]",
3087
- icon: /* @__PURE__ */ i.jsx(cr, { size: 24, className: "text-[#202020]" })
3088
- }
3089
- }[e], p = o || d.icon;
3090
- return /* @__PURE__ */ i.jsxs(
3091
- "div",
3092
- {
3093
- ref: c,
3094
- className: _(
3095
- "flex items-center gap-3 p-4 rounded-lg",
3096
- d.container,
3097
- d.text,
3098
- s
3099
- ),
3100
- role: "alert",
3101
- "aria-live": "polite",
3102
- ...a,
3103
- children: [
3104
- /* @__PURE__ */ i.jsx("div", { className: "flex-shrink-0", children: p }),
3105
- /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
3106
- /* @__PURE__ */ i.jsx("div", { className: "font-semibold text-sm leading-[18px]", children: r }),
3107
- /* @__PURE__ */ i.jsx("div", { className: "font-normal text-sm leading-[18px]", children: n })
3108
- ] })
3109
- ]
3110
- }
3111
- );
3112
- }
3113
- );
3114
- fn.displayName = "BannerAlerts";
3115
- function dr(e, r) {
3116
- if (typeof e == "function")
3117
- return e(r);
3118
- e != null && (e.current = r);
3119
- }
3120
- function Le(...e) {
3121
- return (r) => {
3122
- let n = !1;
3123
- const o = e.map((s) => {
3124
- const a = dr(s, r);
3125
- return !n && typeof a == "function" && (n = !0), a;
3126
- });
3127
- if (n)
3128
- return () => {
3129
- for (let s = 0; s < o.length; s++) {
3130
- const a = o[s];
3131
- typeof a == "function" ? a() : dr(e[s], null);
3132
- }
3133
- };
3134
- };
3135
- }
3136
- function Sr(...e) {
3137
- return m.useCallback(Le(...e), e);
3138
- }
3139
- var pn = Symbol.for("react.lazy"), Ce = m[" use ".trim().toString()];
3140
- function mn(e) {
3141
- return typeof e == "object" && e !== null && "then" in e;
3142
- }
3143
- function Er(e) {
3144
- return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === pn && "_payload" in e && mn(e._payload);
3145
- }
3146
- // @__NO_SIDE_EFFECTS__
3147
- function bn(e) {
3148
- const r = /* @__PURE__ */ xn(e), n = m.forwardRef((o, s) => {
3149
- let { children: a, ...c } = o;
3150
- Er(a) && typeof Ce == "function" && (a = Ce(a._payload));
3151
- const l = m.Children.toArray(a), d = l.find(vn);
3152
- if (d) {
3153
- const p = d.props.children, u = l.map((h) => h === d ? m.Children.count(p) > 1 ? m.Children.only(null) : m.isValidElement(p) ? p.props.children : null : h);
3154
- return /* @__PURE__ */ i.jsx(r, { ...c, ref: s, children: m.isValidElement(p) ? m.cloneElement(p, void 0, u) : null });
3155
- }
3156
- return /* @__PURE__ */ i.jsx(r, { ...c, ref: s, children: a });
3157
- });
3158
- return n.displayName = `${e}.Slot`, n;
3159
- }
3160
- var hn = /* @__PURE__ */ bn("Slot");
3161
- // @__NO_SIDE_EFFECTS__
3162
- function xn(e) {
3163
- const r = m.forwardRef((n, o) => {
3164
- let { children: s, ...a } = n;
3165
- if (Er(s) && typeof Ce == "function" && (s = Ce(s._payload)), m.isValidElement(s)) {
3166
- const c = wn(s), l = yn(a, s.props);
3167
- return s.type !== m.Fragment && (l.ref = o ? Le(o, c) : c), m.cloneElement(s, l);
3168
- }
3169
- return m.Children.count(s) > 1 ? m.Children.only(null) : null;
3170
- });
3171
- return r.displayName = `${e}.SlotClone`, r;
3172
- }
3173
- var gn = Symbol("radix.slottable");
3174
- function vn(e) {
3175
- return m.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === gn;
3176
- }
3177
- function yn(e, r) {
3178
- const n = { ...r };
3179
- for (const o in r) {
3180
- const s = e[o], a = r[o];
3181
- /^on[A-Z]/.test(o) ? s && a ? n[o] = (...l) => {
3182
- const d = a(...l);
3183
- return s(...l), d;
3184
- } : s && (n[o] = s) : o === "style" ? n[o] = { ...s, ...a } : o === "className" && (n[o] = [s, a].filter(Boolean).join(" "));
3185
- }
3186
- return { ...e, ...n };
3187
- }
3188
- function wn(e) {
3189
- let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = r && "isReactWarning" in r && r.isReactWarning;
3190
- return n ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
3191
- }
3192
- const ur = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, fr = vr, Cn = (e, r) => (n) => {
3193
- var o;
3194
- if (r?.variants == null) return fr(e, n?.class, n?.className);
3195
- const { variants: s, defaultVariants: a } = r, c = Object.keys(s).map((p) => {
3196
- const u = n?.[p], h = a?.[p];
3197
- if (u === null) return null;
3198
- const x = ur(u) || ur(h);
3199
- return s[p][x];
3200
- }), l = n && Object.entries(n).reduce((p, u) => {
3201
- let [h, x] = u;
3202
- return x === void 0 || (p[h] = x), p;
3203
- }, {}), d = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((p, u) => {
3204
- let { class: h, className: x, ...N } = u;
3205
- return Object.entries(N).every((S) => {
3206
- let [j, w] = S;
3207
- return Array.isArray(w) ? w.includes({
3208
- ...a,
3209
- ...l
3210
- }[j]) : {
3211
- ...a,
3212
- ...l
3213
- }[j] === w;
3214
- }) ? [
3215
- ...p,
3216
- h,
3217
- x
3218
- ] : p;
3219
- }, []);
3220
- return fr(e, c, d, n?.class, n?.className);
3221
- }, pr = Cn(
3222
- "inline-flex items-center justify-center gap-2 rounded font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
3223
- {
3224
- variants: {
3225
- variant: {
3226
- primary: "bg-[#00b56b] text-white border border-[#00b56b] hover:bg-[#00995a] hover:border-[#00995a] active:bg-[#007a48] active:border-[#007a48] disabled:bg-[#e0e0e0] disabled:border-[#e0e0e0] disabled:text-[#9e9e9e]",
3227
- secondary: "bg-transparent text-[#312e4d] border border-[#00b56b] hover:bg-[#e6f8ef] hover:border-[#00995a] active:bg-[#00b56b]/10 active:border-[#007a48] disabled:bg-transparent disabled:border-[#e0e0e0] disabled:text-[#9e9e9e]",
3228
- alert: "bg-[#ff305f] text-white border border-[#a80023] hover:bg-[#d4002c] hover:border-[#a80023] active:bg-[#a80023] active:border-[#a80023] disabled:bg-[#e0e0e0] disabled:border-[#e0e0e0] disabled:text-[#9e9e9e]",
3229
- ghost: "bg-transparent text-[#00995a] border-0 hover:bg-[#e6f8ef] hover:text-[#00995a] active:bg-[#00b56b]/10 active:text-[#007a48] disabled:bg-transparent disabled:text-[#9e9e9e]",
3230
- plain: "bg-transparent text-[#00995a] border-0 p-0 h-auto hover:text-[#00995a] hover:underline active:text-[#007a48] disabled:text-[#9e9e9e] disabled:no-underline"
3231
- },
3232
- size: {
3233
- small: "h-8 px-3 py-2 text-sm",
3234
- medium: "h-9 px-4 py-2 text-sm",
3235
- large: "h-11 px-5 py-2.5 text-base"
3236
- },
3237
- iconOnly: {
3238
- true: "aspect-square"
3239
- }
3240
- },
3241
- compoundVariants: [
3242
- {
3243
- size: "small",
3244
- iconOnly: !0,
3245
- className: "h-8 w-8 p-0"
3246
- },
3247
- {
3248
- size: "medium",
3249
- iconOnly: !0,
3250
- className: "h-10 w-10 p-0"
3251
- },
3252
- {
3253
- size: "large",
3254
- iconOnly: !0,
3255
- className: "h-11 w-11 p-0"
3256
- },
3257
- {
3258
- variant: "plain",
3259
- size: "small",
3260
- className: "h-auto px-0 py-0"
3261
- },
3262
- {
3263
- variant: "plain",
3264
- size: "medium",
3265
- className: "h-auto px-0 py-0"
3266
- },
3267
- {
3268
- variant: "plain",
3269
- size: "large",
3270
- className: "h-auto px-0 py-0"
3271
- }
3272
- ],
3273
- defaultVariants: {
3274
- variant: "primary",
3275
- size: "medium",
3276
- iconOnly: !1
3277
- }
3278
- }
3279
- ), jn = m.forwardRef(
3280
- ({
3281
- className: e,
3282
- variant: r,
3283
- size: n,
3284
- iconOnly: o,
3285
- asChild: s = !1,
3286
- leftIcon: a,
3287
- rightIcon: c,
3288
- children: l,
3289
- ...d
3290
- }, p) => {
3291
- const u = s ? hn : "button";
3292
- return s ? /* @__PURE__ */ i.jsx(
3293
- u,
3294
- {
3295
- className: _(pr({ variant: r, size: n, iconOnly: o, className: e })),
3296
- ref: p,
3297
- ...d,
3298
- children: l
3299
- }
3300
- ) : /* @__PURE__ */ i.jsxs(
3301
- u,
3302
- {
3303
- className: _(pr({ variant: r, size: n, iconOnly: o, className: e })),
3304
- ref: p,
3305
- ...d,
3306
- children: [
3307
- a && !o && /* @__PURE__ */ i.jsx("span", { className: "inline-flex shrink-0", children: a }),
3308
- o && a || l,
3309
- c && !o && /* @__PURE__ */ i.jsx("span", { className: "inline-flex shrink-0", children: c })
3310
- ]
3311
- }
3312
- );
3313
- }
3314
- );
3315
- jn.displayName = "Button";
3316
- const te = {
3317
- largeDark: "https://www.figma.com/api/mcp/asset/4d8371e7-dff3-4ec8-bbce-b93185151f4c",
3318
- largeLight: "https://www.figma.com/api/mcp/asset/8a7267d5-2fb8-494e-a13a-3795b42fde22",
3319
- smallDark: "https://www.figma.com/api/mcp/asset/9d2e5067-f587-40b6-b0a5-5ce6da0aad4c",
3320
- smallLight: "https://www.figma.com/api/mcp/asset/f01bbe9b-2dae-44fe-892f-97ff47e10e8e",
3321
- gradientLarge: "https://www.figma.com/api/mcp/asset/972e7e1a-3343-4868-9c4d-97d6dfce3ce8"
3322
- }, kn = m.forwardRef(
3323
- ({
3324
- size: e = "large",
3325
- mode: r = "dark",
3326
- gradient: n = !1,
3327
- className: o,
3328
- alt: s = "Chiperos Logo",
3329
- ...a
3330
- }, c) => {
3331
- const l = () => n && e === "large" ? te.gradientLarge : e === "large" && r === "dark" ? te.largeDark : e === "large" && r === "light" ? te.largeLight : e === "small" && r === "dark" ? te.smallDark : e === "small" && r === "light" ? te.smallLight : te.largeDark, d = {
3332
- large: { width: 143, height: 32 },
3333
- small: { width: 40, height: 32 }
3334
- }, { width: p, height: u } = d[e];
3335
- return /* @__PURE__ */ i.jsx(
3336
- "img",
3337
- {
3338
- ref: c,
3339
- src: l(),
3340
- alt: s,
3341
- width: p,
3342
- height: u,
3343
- className: _("inline-block", o),
3344
- ...a
3345
- }
3346
- );
3347
- }
3348
- );
3349
- kn.displayName = "BrandIcons";
3350
- const Rn = m.forwardRef(
3351
- ({
3352
- columns: e,
3353
- gap: r = 4,
3354
- tabletColumns: n,
3355
- mobileColumns: o = 1,
3356
- children: s,
3357
- className: a,
3358
- style: c,
3359
- ...l
3360
- }, d) => {
3361
- const p = () => typeof r == "number" ? `gap-${r}` : "", u = () => {
3362
- const x = [];
3363
- return x.push(`grid-cols-${o}`), n && x.push(`md:grid-cols-${n}`), x.push(`lg:grid-cols-${e}`), x.join(" ");
3364
- }, h = typeof r == "string" ? { gap: r, ...c } : c;
3365
- return /* @__PURE__ */ i.jsx(
3366
- "div",
3367
- {
3368
- ref: d,
3369
- className: _(
3370
- "grid w-full",
3371
- p(),
3372
- u(),
3373
- a
3374
- ),
3375
- style: h,
3376
- ...l,
3377
- children: m.Children.map(s, (x) => m.isValidElement(x) ? m.cloneElement(x, {
3378
- ...x.props,
3379
- className: _("w-full", x.props.className)
3380
- }) : x)
3381
- }
3382
- );
3383
- }
3384
- );
3385
- Rn.displayName = "CardsGrid";
3386
- const Nn = m.forwardRef(
3387
- ({
3388
- title: e,
3389
- description: r,
3390
- icon: n,
3391
- iconBackground: o = "#e6f8ef",
3392
- onClick: s,
3393
- className: a,
3394
- ...c
3395
- }, l) => /* @__PURE__ */ i.jsxs(
3396
- "div",
3397
- {
3398
- ref: l,
3399
- onClick: s,
3400
- className: _(
3401
- "bg-white border border-[#ecebf0] rounded-lg p-8 flex flex-col items-center gap-8 w-96",
3402
- s && "cursor-pointer hover:shadow-md transition-shadow",
3403
- a
3404
- ),
3405
- ...c,
3406
- children: [
3407
- /* @__PURE__ */ i.jsx(
3408
- "div",
3409
- {
3410
- className: "flex items-center justify-center rounded-lg shrink-0",
3411
- style: {
3412
- width: "56px",
3413
- height: "56px",
3414
- backgroundColor: o
3415
- },
3416
- children: n
3417
- }
3418
- ),
3419
- /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-2 items-center text-center", style: { width: "300px" }, children: [
3420
- /* @__PURE__ */ i.jsx(
3421
- "h3",
3422
- {
3423
- className: "text-2xl leading-8 font-medium text-[#312e4d]",
3424
- style: { fontFamily: "Causten Round, sans-serif" },
3425
- children: e
3426
- }
3427
- ),
3428
- /* @__PURE__ */ i.jsx(
3429
- "p",
3430
- {
3431
- className: "text-base leading-5 font-normal text-[#575385]",
3432
- style: { fontFamily: "Causten Round, sans-serif" },
3433
- children: r
3434
- }
3435
- )
3436
- ] })
3437
- ]
3438
- }
3439
- )
3440
- );
3441
- Nn.displayName = "FeatureCard";
3442
- const Sn = m.forwardRef(
3443
- ({
3444
- icon: e,
3445
- primaryText: r,
3446
- primaryTextColor: n = "#312e4d",
3447
- secondaryText: o,
3448
- secondaryTextColor: s = "#575385",
3449
- rightIcon: a,
3450
- className: c,
3451
- ...l
3452
- }, d) => /* @__PURE__ */ i.jsxs(
3453
- "div",
3454
- {
3455
- ref: d,
3456
- className: _(
3457
- "flex items-center justify-between w-full",
3458
- c
3459
- ),
3460
- ...l,
3461
- children: [
3462
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-1", children: [
3463
- /* @__PURE__ */ i.jsx("div", { className: "shrink-0", children: e }),
3464
- /* @__PURE__ */ i.jsx(
3465
- "span",
3466
- {
3467
- className: "text-xs leading-[14px] font-normal whitespace-nowrap",
3468
- style: {
3469
- fontFamily: "Causten Round, sans-serif",
3470
- color: n
3471
- },
3472
- children: r
3473
- }
3474
- ),
3475
- o && /* @__PURE__ */ i.jsx(
3476
- "span",
3477
- {
3478
- className: "text-xs leading-[14px] font-normal whitespace-nowrap",
3479
- style: {
3480
- fontFamily: "Causten Round, sans-serif",
3481
- color: s
3482
- },
3483
- children: o
3484
- }
3485
- )
3486
- ] }),
3487
- a && /* @__PURE__ */ i.jsx("div", { className: "shrink-0", children: a })
3488
- ]
3489
- }
3490
- )
3491
- );
3492
- Sn.displayName = "KPIComparisonCustom";
3493
- const En = ({ className: e }) => /* @__PURE__ */ i.jsxs(
3494
- "svg",
3495
- {
3496
- width: "12",
3497
- height: "12",
3498
- viewBox: "0 0 12 12",
3499
- fill: "none",
3500
- xmlns: "http://www.w3.org/2000/svg",
3501
- className: e,
3502
- children: [
3503
- /* @__PURE__ */ i.jsx(
3504
- "path",
3505
- {
3506
- d: "M11 3L6.5 7.5L4 5L1 8",
3507
- stroke: "currentColor",
3508
- strokeWidth: "1.5",
3509
- strokeLinecap: "round",
3510
- strokeLinejoin: "round"
3511
- }
3512
- ),
3513
- /* @__PURE__ */ i.jsx(
3514
- "path",
3515
- {
3516
- d: "M8 3H11V6",
3517
- stroke: "currentColor",
3518
- strokeWidth: "1.5",
3519
- strokeLinecap: "round",
3520
- strokeLinejoin: "round"
3521
- }
3522
- )
3523
- ]
3524
- }
3525
- ), _n = ({ className: e }) => /* @__PURE__ */ i.jsxs(
3526
- "svg",
3527
- {
3528
- width: "12",
3529
- height: "12",
3530
- viewBox: "0 0 12 12",
3531
- fill: "none",
3532
- xmlns: "http://www.w3.org/2000/svg",
3533
- className: e,
3534
- children: [
3535
- /* @__PURE__ */ i.jsx(
3536
- "path",
3537
- {
3538
- d: "M11 9L6.5 4.5L4 7L1 4",
3539
- stroke: "currentColor",
3540
- strokeWidth: "1.5",
3541
- strokeLinecap: "round",
3542
- strokeLinejoin: "round"
3543
- }
3544
- ),
3545
- /* @__PURE__ */ i.jsx(
3546
- "path",
3547
- {
3548
- d: "M8 9H11V6",
3549
- stroke: "currentColor",
3550
- strokeWidth: "1.5",
3551
- strokeLinecap: "round",
3552
- strokeLinejoin: "round"
3553
- }
3554
- )
3555
- ]
3556
- }
3557
- ), Pn = ({ className: e }) => /* @__PURE__ */ i.jsxs(
3558
- "svg",
3559
- {
3560
- width: "16",
3561
- height: "16",
3562
- viewBox: "0 0 16 16",
3563
- fill: "none",
3564
- xmlns: "http://www.w3.org/2000/svg",
3565
- className: e,
3566
- children: [
3567
- /* @__PURE__ */ i.jsx(
3568
- "circle",
3569
- {
3570
- cx: "8",
3571
- cy: "8",
3572
- r: "6.375",
3573
- stroke: "currentColor",
3574
- strokeWidth: "1.25"
3575
- }
3576
- ),
3577
- /* @__PURE__ */ i.jsx(
3578
- "path",
3579
- {
3580
- d: "M8 4.5V8.5",
3581
- stroke: "currentColor",
3582
- strokeWidth: "1.25",
3583
- strokeLinecap: "round"
3584
- }
3585
- ),
3586
- /* @__PURE__ */ i.jsx(
3587
- "circle",
3588
- {
3589
- cx: "8",
3590
- cy: "11",
3591
- r: "0.5",
3592
- fill: "currentColor"
3593
- }
3594
- )
3595
- ]
3596
- }
3597
- ), _r = m.forwardRef(
3598
- ({
3599
- percentage: e,
3600
- trend: r,
3601
- label: n = "KPI comparison",
3602
- showWarning: o = !1,
3603
- className: s,
3604
- ...a
3605
- }, c) => {
3606
- const l = r === "positive", d = e > 0 ? `+${e.toFixed(1)}%` : `${e.toFixed(1)}%`;
3607
- return /* @__PURE__ */ i.jsxs(
3608
- "div",
3609
- {
3610
- ref: c,
3611
- className: _(
3612
- "flex items-center justify-between w-full",
3613
- s
3614
- ),
3615
- ...a,
3616
- children: [
3617
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-1", children: [
3618
- l ? /* @__PURE__ */ i.jsx(En, { className: "text-[#00995a] shrink-0" }) : /* @__PURE__ */ i.jsx(_n, { className: "text-[#d4002c] shrink-0" }),
3619
- /* @__PURE__ */ i.jsx(
3620
- "span",
3621
- {
3622
- className: _(
3623
- "text-xs leading-[14px] font-normal whitespace-nowrap",
3624
- l ? "text-[#00995a]" : "text-[#d4002c]"
3625
- ),
3626
- style: { fontFamily: "Causten Round, sans-serif" },
3627
- children: d
3628
- }
3629
- ),
3630
- /* @__PURE__ */ i.jsx(
3631
- "span",
3632
- {
3633
- className: "text-xs leading-[14px] font-normal text-[#575385] whitespace-nowrap",
3634
- style: { fontFamily: "Causten Round, sans-serif" },
3635
- children: n
3636
- }
3637
- )
3638
- ] }),
3639
- o && /* @__PURE__ */ i.jsx(Pn, { className: "text-[#d4002c] shrink-0" })
3640
- ]
3641
- }
3642
- );
3643
- }
3644
- );
3645
- _r.displayName = "KPIComparison";
3646
- const mr = {
3647
- default: {
3648
- bg: "#f4f4f4",
3649
- border: "#c6c6c6",
3650
- text: "#6e6f6e"
3651
- },
3652
- red: {
3653
- bg: "#ffecf0",
3654
- border: "#ff8ea7",
3655
- text: "#ff305f"
3656
- },
3657
- green: {
3658
- bg: "#e6f7f0",
3659
- border: "#8ed9b8",
3660
- text: "#00995a"
3661
- },
3662
- blue: {
3663
- bg: "#e8f4fd",
3664
- border: "#8ec9ed",
3665
- text: "#0066cc"
3666
- },
3667
- yellow: {
3668
- bg: "#fff9e6",
3669
- border: "#ffd966",
3670
- text: "#cc8800"
3671
- }
3672
- }, Tn = m.forwardRef(
3673
- ({
3674
- title: e,
3675
- content: r,
3676
- description: n,
3677
- footer: o,
3678
- tag: s,
3679
- icon: a,
3680
- onClick: c,
3681
- className: l,
3682
- ...d
3683
- }, p) => {
3684
- const u = s ? mr[s.variant || "default"] : mr.default;
3685
- return /* @__PURE__ */ i.jsxs(
3686
- "div",
3687
- {
3688
- ref: p,
3689
- onClick: c,
3690
- className: _(
3691
- "bg-white border border-[#ecebf0] rounded-xl p-5 px-8 flex gap-2",
3692
- c && "cursor-pointer hover:shadow-md transition-shadow",
3693
- l
3694
- ),
3695
- ...d,
3696
- children: [
3697
- /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center shrink-0", children: a }),
3698
- /* @__PURE__ */ i.jsxs("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
3699
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-between gap-2 w-full", children: [
3700
- /* @__PURE__ */ i.jsx(
3701
- "h3",
3702
- {
3703
- className: "text-base leading-5 font-medium text-[#575385] flex-1 min-w-0",
3704
- style: { fontFamily: "Causten Round, sans-serif" },
3705
- children: e
3706
- }
3707
- ),
3708
- s && /* @__PURE__ */ i.jsx(
3709
- "span",
3710
- {
3711
- className: "px-2 py-1 rounded-2xl text-sm leading-[18px] font-medium border shrink-0",
3712
- style: {
3713
- backgroundColor: u.bg,
3714
- borderColor: u.border,
3715
- color: u.text,
3716
- fontFamily: "Causten Round, sans-serif"
3717
- },
3718
- children: s.label
3719
- }
3720
- )
3721
- ] }),
3722
- /* @__PURE__ */ i.jsx("div", { className: "min-w-0", children: r }),
3723
- n && /* @__PURE__ */ i.jsx("div", { className: "min-w-0", children: n }),
3724
- o && /* @__PURE__ */ i.jsx("div", { className: "min-w-0", children: o })
3725
- ] })
3726
- ]
3727
- }
3728
- );
3729
- }
3730
- );
3731
- Tn.displayName = "KPICardCustom";
3732
- const An = ({ color: e = "#312e4d" }) => /* @__PURE__ */ i.jsx(
3733
- Nr,
3734
- {
3735
- size: 32,
3736
- color: e,
3737
- strokeWidth: 2
3738
- }
3739
- ), On = m.forwardRef(
3740
- ({
3741
- title: e,
3742
- value: r,
3743
- unit: n = "%",
3744
- total: o,
3745
- description: s,
3746
- comparison: a,
3747
- tag: c,
3748
- icon: l,
3749
- iconColor: d = "primary",
3750
- bodyText: p,
3751
- button: u,
3752
- onClick: h,
3753
- className: x,
3754
- ...N
3755
- }, S) => {
3756
- const j = {
3757
- primary: "#312e4d",
3758
- error: "#d4002c",
3759
- brand: "#00995a"
3760
- }, y = {
3761
- default: {
3762
- bg: "#f4f4f4",
3763
- border: "#c6c6c6",
3764
- text: "#6e6f6e"
3765
- },
3766
- red: {
3767
- bg: "#ffecf0",
3768
- border: "#ff8ea7",
3769
- text: "#ff305f"
3770
- }
3771
- }[c?.variant || "default"];
3772
- return /* @__PURE__ */ i.jsxs(
3773
- "div",
3774
- {
3775
- ref: S,
3776
- onClick: h,
3777
- className: _(
3778
- "bg-white border border-[#ecebf0] rounded-xl p-5 px-8 flex gap-2",
3779
- h && "cursor-pointer hover:shadow-md transition-shadow",
3780
- x
3781
- ),
3782
- ...N,
3783
- children: [
3784
- /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center shrink-0", children: l || /* @__PURE__ */ i.jsx(An, { color: j[d] }) }),
3785
- /* @__PURE__ */ i.jsxs("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
3786
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-center justify-between gap-2 w-full", children: [
3787
- /* @__PURE__ */ i.jsx(
3788
- "h3",
3789
- {
3790
- className: "text-base leading-5 font-medium text-[#575385] flex-1 min-w-0",
3791
- style: { fontFamily: "Causten Round, sans-serif" },
3792
- children: e
3793
- }
3794
- ),
3795
- c && /* @__PURE__ */ i.jsx(
3796
- "span",
3797
- {
3798
- className: "px-2 py-1 rounded-2xl text-sm leading-[18px] font-medium border shrink-0",
3799
- style: {
3800
- backgroundColor: y.bg,
3801
- borderColor: y.border,
3802
- color: y.text,
3803
- fontFamily: "Causten Round, sans-serif"
3804
- },
3805
- children: c.label
3806
- }
3807
- )
3808
- ] }),
3809
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-end gap-1", children: [
3810
- /* @__PURE__ */ i.jsx(
3811
- "span",
3812
- {
3813
- className: "text-xl leading-[22px] font-semibold text-[#312e4d]",
3814
- style: { fontFamily: "Causten Round, sans-serif" },
3815
- children: r
3816
- }
3817
- ),
3818
- o !== void 0 ? /* @__PURE__ */ i.jsxs(
3819
- "span",
3820
- {
3821
- className: "text-base leading-[18px] font-medium text-[#575385]",
3822
- style: { fontFamily: "Causten Round, sans-serif" },
3823
- children: [
3824
- "/",
3825
- o
3826
- ]
3827
- }
3828
- ) : n ? /* @__PURE__ */ i.jsx(
3829
- "span",
3830
- {
3831
- className: "text-xs leading-[18px] font-medium text-[#312e4d]",
3832
- style: { fontFamily: "Causten Round, sans-serif" },
3833
- children: n
3834
- }
3835
- ) : null,
3836
- s && /* @__PURE__ */ i.jsx(
3837
- "span",
3838
- {
3839
- className: "text-sm leading-[18px] font-normal text-[#575385] flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-right",
3840
- style: { fontFamily: "Causten Round, sans-serif" },
3841
- children: s
3842
- }
3843
- )
3844
- ] }),
3845
- p && /* @__PURE__ */ i.jsx(
3846
- "p",
3847
- {
3848
- className: "text-sm leading-[18px] font-normal text-[#575385]",
3849
- style: { fontFamily: "Causten Round, sans-serif" },
3850
- children: p
3851
- }
3852
- ),
3853
- a && /* @__PURE__ */ i.jsx(
3854
- _r,
3855
- {
3856
- percentage: a.percentage,
3857
- trend: a.trend,
3858
- label: a.label,
3859
- showWarning: a.showWarning
3860
- }
3861
- ),
3862
- u && /* @__PURE__ */ i.jsx(
3863
- "button",
3864
- {
3865
- onClick: (R) => {
3866
- R.stopPropagation(), u.onClick?.();
3867
- },
3868
- className: "text-sm leading-[18px] font-semibold text-[#00995a] text-left self-start hover:underline",
3869
- style: { fontFamily: "Causten Round, sans-serif" },
3870
- children: u.label
3871
- }
3872
- )
3873
- ] })
3874
- ]
3875
- }
3876
- );
3877
- }
3878
- );
3879
- On.displayName = "KPICard";
3880
- const In = m.forwardRef(
3881
- ({
3882
- type: e = "spinner",
3883
- show: r = !0,
3884
- variant: n = "active",
3885
- size: o = 48,
3886
- width: s = 230,
3887
- className: a,
3888
- ...c
3889
- }, l) => {
3890
- if (!r)
3891
- return null;
3892
- const p = {
3893
- active: "#00b56b",
3894
- disabled: "#a29fba"
3895
- }[n];
3896
- return e === "spinner" ? /* @__PURE__ */ i.jsxs(
3897
- "div",
3898
- {
3899
- ref: l,
3900
- className: _("inline-flex items-center justify-center", a),
3901
- role: "status",
3902
- "aria-label": "Cargando",
3903
- ...c,
3904
- children: [
3905
- /* @__PURE__ */ i.jsx(
3906
- "div",
3907
- {
3908
- className: "rounded-full animate-spin",
3909
- style: {
3910
- width: o,
3911
- height: o,
3912
- border: "4px solid transparent",
3913
- borderTopColor: p,
3914
- borderRightColor: p
3915
- }
3916
- }
3917
- ),
3918
- /* @__PURE__ */ i.jsx("span", { className: "sr-only", children: "Cargando..." })
3919
- ]
3920
- }
3921
- ) : /* @__PURE__ */ i.jsxs(
3922
- "div",
3923
- {
3924
- ref: l,
3925
- className: _("relative overflow-hidden rounded-full bg-gray-200", a),
3926
- style: {
3927
- width: s,
3928
- height: 8
3929
- },
3930
- role: "progressbar",
3931
- "aria-label": "Cargando",
3932
- "aria-valuemin": 0,
3933
- "aria-valuemax": 100,
3934
- ...c,
3935
- children: [
3936
- /* @__PURE__ */ i.jsx(
3937
- "div",
3938
- {
3939
- className: "absolute top-0 left-0 h-full rounded-full",
3940
- style: {
3941
- backgroundColor: p,
3942
- animation: "linear-progress 1.5s ease-in-out infinite"
3943
- }
3944
- }
3945
- ),
3946
- /* @__PURE__ */ i.jsx("span", { className: "sr-only", children: "Cargando..." })
3947
- ]
3948
- }
3949
- );
3950
- }
3951
- );
3952
- In.displayName = "Loader";
3953
- const Fn = m.forwardRef(
3954
- ({
3955
- title: e,
3956
- description: r,
3957
- value: n,
3958
- selected: o = !1,
3959
- onSelect: s,
3960
- disabled: a,
3961
- className: c,
3962
- ...l
3963
- }, d) => {
3964
- const p = () => {
3965
- !a && s && s(n);
3966
- };
3967
- return /* @__PURE__ */ i.jsxs(
3968
- "div",
3969
- {
3970
- ref: d,
3971
- onClick: p,
3972
- className: _(
3973
- "bg-white border border-solid rounded-xl p-4 flex flex-col gap-1 transition-all cursor-pointer",
3974
- o ? "border-[#00b56b]" : "border-[#ecebf0]",
3975
- a && "opacity-50 cursor-not-allowed",
3976
- !a && "hover:shadow-sm",
3977
- c
3978
- ),
3979
- ...l,
3980
- children: [
3981
- /* @__PURE__ */ i.jsxs("div", { className: "flex gap-3 items-center h-6", children: [
3982
- /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center shrink-0 w-6 h-6", children: /* @__PURE__ */ i.jsx(
3983
- "div",
3984
- {
3985
- className: _(
3986
- "w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors",
3987
- o ? "border-[#00995a]" : "border-[#a29fba]"
3988
- ),
3989
- children: o && /* @__PURE__ */ i.jsx("div", { className: "w-3 h-3 rounded-full bg-[#00995a]" })
3990
- }
3991
- ) }),
3992
- /* @__PURE__ */ i.jsx(
3993
- "h3",
3994
- {
3995
- className: "text-base leading-5 font-medium text-[#312e4d] flex-1",
3996
- style: { fontFamily: "Causten Round, sans-serif" },
3997
- children: e
3998
- }
3999
- )
4000
- ] }),
4001
- /* @__PURE__ */ i.jsx("div", { className: "pl-9", children: /* @__PURE__ */ i.jsx(
4002
- "p",
4003
- {
4004
- className: "text-sm leading-[18px] font-normal text-[#575385]",
4005
- style: { fontFamily: "Causten Round, sans-serif" },
4006
- children: r
4007
- }
4008
- ) })
4009
- ]
4010
- }
4011
- );
4012
- }
4013
- );
4014
- Fn.displayName = "OptionCard";
4015
- const br = {
4016
- default: {
4017
- bg: "#f4f4f4",
4018
- border: "#c6c6c6",
4019
- text: "#6e6f6e"
4020
- },
4021
- red: {
4022
- bg: "#ffecf0",
4023
- border: "#ff8ea7",
4024
- text: "#ff305f"
4025
- },
4026
- green: {
4027
- bg: "#e6f7f0",
4028
- border: "#8ed9b8",
4029
- text: "#00995a"
4030
- },
4031
- blue: {
4032
- bg: "#e8f4fd",
4033
- border: "#8ec9ed",
4034
- text: "#0066cc"
4035
- }
4036
- }, zn = m.forwardRef(
4037
- ({
4038
- title: e,
4039
- count: r,
4040
- countLabel: n = "orders",
4041
- infoLine1: o,
4042
- infoLine2: s,
4043
- icon: a,
4044
- badge: c,
4045
- button: l,
4046
- className: d,
4047
- ...p
4048
- }, u) => {
4049
- const h = c ? br[c.variant || "default"] : br.default;
4050
- return /* @__PURE__ */ i.jsxs(
4051
- "div",
4052
- {
4053
- ref: u,
4054
- className: _(
4055
- "bg-white border border-[#ecebf0] rounded-xl p-5 flex gap-2",
4056
- d
4057
- ),
4058
- ...p,
4059
- children: [
4060
- /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center shrink-0", children: a }),
4061
- /* @__PURE__ */ i.jsxs("div", { className: "flex-1 flex gap-2 items-start justify-end min-w-0", children: [
4062
- /* @__PURE__ */ i.jsxs("div", { className: "flex-1 flex flex-col gap-1 min-w-0", children: [
4063
- /* @__PURE__ */ i.jsx(
4064
- "h3",
4065
- {
4066
- className: "text-base leading-5 font-medium text-[#575385]",
4067
- style: { fontFamily: "Causten Round, sans-serif" },
4068
- children: e
4069
- }
4070
- ),
4071
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-end gap-1", children: [
4072
- /* @__PURE__ */ i.jsx(
4073
- "span",
4074
- {
4075
- className: "text-xl leading-[22px] font-semibold text-[#312e4d]",
4076
- style: { fontFamily: "Causten Round, sans-serif" },
4077
- children: r
4078
- }
4079
- ),
4080
- /* @__PURE__ */ i.jsx(
4081
- "span",
4082
- {
4083
- className: "text-base leading-[18px] font-medium text-[#575385]",
4084
- style: { fontFamily: "Causten Round, sans-serif" },
4085
- children: n
4086
- }
4087
- )
4088
- ] }),
4089
- o && /* @__PURE__ */ i.jsx(
4090
- "div",
4091
- {
4092
- className: "text-xs leading-normal font-normal text-[#575385]",
4093
- style: { fontFamily: "Causten Round, sans-serif" },
4094
- children: o
4095
- }
4096
- ),
4097
- s && /* @__PURE__ */ i.jsx(
4098
- "div",
4099
- {
4100
- className: "text-xs leading-normal font-normal text-[#575385]",
4101
- style: { fontFamily: "Causten Round, sans-serif" },
4102
- children: s
4103
- }
4104
- )
4105
- ] }),
4106
- /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-4 items-end justify-end pb-[33px]", children: [
4107
- c && /* @__PURE__ */ i.jsx(
4108
- "button",
4109
- {
4110
- onClick: (x) => {
4111
- x.stopPropagation(), c.onClick?.();
4112
- },
4113
- disabled: !c.onClick,
4114
- className: _(
4115
- "px-2 py-1 rounded-2xl text-sm leading-[18px] font-medium border transition-opacity",
4116
- c.onClick && "hover:opacity-80 cursor-pointer"
4117
- ),
4118
- style: {
4119
- fontFamily: "Causten Round, sans-serif",
4120
- height: "24px",
4121
- backgroundColor: h.bg,
4122
- borderColor: h.border,
4123
- color: h.text
4124
- },
4125
- children: c.label
4126
- }
4127
- ),
4128
- l && /* @__PURE__ */ i.jsx(
4129
- "button",
4130
- {
4131
- onClick: (x) => {
4132
- x.stopPropagation(), l.onClick?.();
4133
- },
4134
- className: "text-sm leading-[18px] font-semibold text-[#00995a] hover:underline",
4135
- style: { fontFamily: "Causten Round, sans-serif" },
4136
- children: l.label
4137
- }
4138
- )
4139
- ] })
4140
- ] })
4141
- ]
4142
- }
4143
- );
4144
- }
4145
- );
4146
- zn.displayName = "OrderCardCustom";
4147
- const je = "#00995a", ke = 32, Re = 2, $n = () => /* @__PURE__ */ i.jsx(
4148
- sn,
4149
- {
4150
- size: ke,
4151
- color: je,
4152
- strokeWidth: Re
4153
- }
4154
- ), Mn = () => /* @__PURE__ */ i.jsx(
4155
- nn,
4156
- {
4157
- size: ke,
4158
- color: je,
4159
- strokeWidth: Re
4160
- }
4161
- ), Ln = () => /* @__PURE__ */ i.jsx(
4162
- ln,
4163
- {
4164
- size: ke,
4165
- color: je,
4166
- strokeWidth: Re
4167
- }
4168
- ), Wn = () => /* @__PURE__ */ i.jsx(
4169
- en,
4170
- {
4171
- size: ke,
4172
- color: je,
4173
- strokeWidth: Re
4174
- }
4175
- ), Vn = {
4176
- received: {
4177
- title: "Received",
4178
- icon: $n
4179
- },
4180
- picking: {
4181
- title: "Picking",
4182
- icon: Mn
4183
- },
4184
- dispatched: {
4185
- title: "Dispatched",
4186
- icon: Ln
4187
- },
4188
- delivered: {
4189
- title: "Delivered",
4190
- icon: Wn
4191
- }
4192
- }, Dn = m.forwardRef(
4193
- ({
4194
- state: e,
4195
- count: r,
4196
- countLabel: n = "orders",
4197
- grossSales: o,
4198
- netSales: s,
4199
- hasDelays: a = !1,
4200
- delayCount: c,
4201
- onDelaysClick: l,
4202
- onFilterClick: d,
4203
- icon: p,
4204
- currencySymbol: u = "$",
4205
- className: h,
4206
- ...x
4207
- }, N) => {
4208
- const S = Vn[e], j = p || S.icon, w = (y) => `${u}${y.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`;
4209
- return /* @__PURE__ */ i.jsxs(
4210
- "div",
4211
- {
4212
- ref: N,
4213
- className: _(
4214
- "bg-white border border-[#ecebf0] rounded-xl p-5 flex gap-2",
4215
- h
4216
- ),
4217
- ...x,
4218
- children: [
4219
- /* @__PURE__ */ i.jsx("div", { className: "flex items-start justify-center shrink-0", children: typeof j == "function" ? /* @__PURE__ */ i.jsx(j, {}) : j }),
4220
- /* @__PURE__ */ i.jsxs("div", { className: "flex-1 flex gap-2 items-start justify-end min-w-0", children: [
4221
- /* @__PURE__ */ i.jsxs("div", { className: "flex-1 flex flex-col gap-1 min-w-0", children: [
4222
- /* @__PURE__ */ i.jsx(
4223
- "h3",
4224
- {
4225
- className: "text-base leading-5 font-medium text-[#575385]",
4226
- style: { fontFamily: "Causten Round, sans-serif" },
4227
- children: S.title
4228
- }
4229
- ),
4230
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-end gap-1", children: [
4231
- /* @__PURE__ */ i.jsx(
4232
- "span",
4233
- {
4234
- className: "text-xl leading-[22px] font-semibold text-[#312e4d]",
4235
- style: { fontFamily: "Causten Round, sans-serif" },
4236
- children: r
4237
- }
4238
- ),
4239
- /* @__PURE__ */ i.jsx(
4240
- "span",
4241
- {
4242
- className: "text-base leading-[18px] font-medium text-[#575385]",
4243
- style: { fontFamily: "Causten Round, sans-serif" },
4244
- children: n
4245
- }
4246
- )
4247
- ] }),
4248
- /* @__PURE__ */ i.jsxs(
4249
- "div",
4250
- {
4251
- className: "flex gap-1 text-xs leading-normal font-light text-[#575385]",
4252
- style: { fontFamily: "Causten Round, sans-serif" },
4253
- children: [
4254
- /* @__PURE__ */ i.jsx("span", { children: "Gross Sales:" }),
4255
- /* @__PURE__ */ i.jsx("span", { children: w(o) })
4256
- ]
4257
- }
4258
- ),
4259
- /* @__PURE__ */ i.jsxs(
4260
- "div",
4261
- {
4262
- className: "flex gap-1 text-xs leading-normal font-light text-[#575385]",
4263
- style: { fontFamily: "Causten Round, sans-serif" },
4264
- children: [
4265
- /* @__PURE__ */ i.jsx("span", { children: "Net Sales:" }),
4266
- /* @__PURE__ */ i.jsx("span", { children: w(s) })
4267
- ]
4268
- }
4269
- )
4270
- ] }),
4271
- /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-4 items-end justify-end pl-12 pb-[33px]", children: [
4272
- a && /* @__PURE__ */ i.jsx(
4273
- "button",
4274
- {
4275
- onClick: (y) => {
4276
- y.stopPropagation(), l?.();
4277
- },
4278
- className: "px-2 rounded-2xl text-[12px] leading-[18px] font-light border bg-[#ffecf0] border-[#ff8ea7] text-[#ff305f] hover:opacity-80 transition-opacity",
4279
- style: { fontFamily: "Causten Round, sans-serif", height: "24px" },
4280
- children: c ? `${c} Delays` : "Delays"
4281
- }
4282
- ),
4283
- d && /* @__PURE__ */ i.jsx(
4284
- "button",
4285
- {
4286
- onClick: (y) => {
4287
- y.stopPropagation(), d();
4288
- },
4289
- className: "text-sm leading-[18px] font-medium text-[#00995a] hover:underline",
4290
- style: { fontFamily: "Causten Round, sans-serif" },
4291
- children: "Filter"
4292
- }
4293
- )
4294
- ] })
4295
- ] })
4296
- ]
4297
- }
4298
- );
4299
- }
4300
- );
4301
- Dn.displayName = "OrderCard";
4302
- const ho = ({
4303
- currentPage: e,
4304
- totalPages: r,
4305
- onPageChange: n
4306
- }) => {
4307
- const o = () => {
4308
- e > 1 && n(e - 1);
4309
- }, s = () => {
4310
- e < r && n(e + 1);
4311
- }, a = (d) => {
4312
- n(d);
4313
- }, l = (() => {
4314
- const d = [];
4315
- if (r <= 6)
4316
- for (let u = 1; u <= r; u++)
4317
- d.push(u);
4318
- else if (d.push(1), e <= 3) {
4319
- for (let u = 2; u <= 4; u++)
4320
- d.push(u);
4321
- d.push("..."), d.push(r);
4322
- } else if (e >= r - 2) {
4323
- d.push("...");
4324
- for (let u = r - 2; u <= r; u++)
4325
- d.push(u);
4326
- } else {
4327
- d.push("...");
4328
- for (let u = e - 1; u <= e + 1; u++)
4329
- d.push(u);
4330
- d.push("..."), d.push(r);
4331
- }
4332
- return d;
4333
- })();
4334
- return /* @__PURE__ */ i.jsxs("div", { className: "flex gap-1.5 items-center", children: [
4335
- /* @__PURE__ */ i.jsx(
4336
- "button",
4337
- {
4338
- onClick: o,
4339
- disabled: e === 1,
4340
- className: _(
4341
- "border rounded bg-transparent p-1 flex items-center justify-center w-[28px] h-[28px]",
4342
- e === 1 ? "border-[#ecebf0] cursor-not-allowed" : "border-[#ecebf0] cursor-pointer hover:bg-gray-50"
4343
- ),
4344
- children: /* @__PURE__ */ i.jsx("i", { className: "tabler-chevron-left text-sm text-[#312e4d]" })
4345
- }
4346
- ),
4347
- l.map((d, p) => {
4348
- if (d === "...")
4349
- return /* @__PURE__ */ i.jsx(
4350
- "div",
4351
- {
4352
- className: "border border-[#ecebf0] rounded p-1 h-[28px] w-[28px] flex items-center justify-center",
4353
- children: /* @__PURE__ */ i.jsx("p", { className: "text-xs text-[#575385] text-center", children: "..." })
4354
- },
4355
- `ellipsis-${p}`
4356
- );
4357
- const u = d, h = u === e;
4358
- return /* @__PURE__ */ i.jsx(
4359
- "button",
4360
- {
4361
- onClick: () => a(u),
4362
- className: _(
4363
- "border rounded bg-transparent p-1 h-[28px] w-[28px] flex items-center justify-center px-1",
4364
- h ? "border-[#a29fba] bg-white" : "border-[#ecebf0] hover:bg-gray-50"
4365
- ),
4366
- children: /* @__PURE__ */ i.jsx(
4367
- "p",
4368
- {
4369
- className: _(
4370
- "text-xs text-center",
4371
- h ? "text-[#312e4d]" : "text-[#a29fba]"
4372
- ),
4373
- children: u
4374
- }
4375
- )
4376
- },
4377
- u
4378
- );
4379
- }),
4380
- /* @__PURE__ */ i.jsx(
4381
- "button",
4382
- {
4383
- onClick: s,
4384
- disabled: e === r,
4385
- className: _(
4386
- "border rounded bg-transparent p-1 flex items-center justify-center h-[28px]",
4387
- e === r ? "border-[#ecebf0] cursor-not-allowed" : "border-[#ecebf0] cursor-pointer hover:bg-gray-50"
4388
- ),
4389
- children: /* @__PURE__ */ i.jsx("i", { className: "tabler-chevron-right text-sm text-[#312e4d]" })
4390
- }
4391
- )
4392
- ] });
4393
- };
4394
- function Bn(e, r, { checkForDefaultPrevented: n = !0 } = {}) {
4395
- return function(s) {
4396
- if (e?.(s), n === !1 || !s.defaultPrevented)
4397
- return r?.(s);
4398
- };
4399
- }
4400
- function Gn(e, r = []) {
4401
- let n = [];
4402
- function o(a, c) {
4403
- const l = m.createContext(c), d = n.length;
4404
- n = [...n, c];
4405
- const p = (h) => {
4406
- const { scope: x, children: N, ...S } = h, j = x?.[e]?.[d] || l, w = m.useMemo(() => S, Object.values(S));
4407
- return /* @__PURE__ */ i.jsx(j.Provider, { value: w, children: N });
4408
- };
4409
- p.displayName = a + "Provider";
4410
- function u(h, x) {
4411
- const N = x?.[e]?.[d] || l, S = m.useContext(N);
4412
- if (S) return S;
4413
- if (c !== void 0) return c;
4414
- throw new Error(`\`${h}\` must be used within \`${a}\``);
4415
- }
4416
- return [p, u];
4417
- }
4418
- const s = () => {
4419
- const a = n.map((c) => m.createContext(c));
4420
- return function(l) {
4421
- const d = l?.[e] || a;
4422
- return m.useMemo(
4423
- () => ({ [`__scope${e}`]: { ...l, [e]: d } }),
4424
- [l, d]
4425
- );
4426
- };
4427
- };
4428
- return s.scopeName = e, [o, Un(s, ...r)];
4429
- }
4430
- function Un(...e) {
4431
- const r = e[0];
4432
- if (e.length === 1) return r;
4433
- const n = () => {
4434
- const o = e.map((s) => ({
4435
- useScope: s(),
4436
- scopeName: s.scopeName
4437
- }));
4438
- return function(a) {
4439
- const c = o.reduce((l, { useScope: d, scopeName: p }) => {
4440
- const h = d(a)[`__scope${p}`];
4441
- return { ...l, ...h };
4442
- }, {});
4443
- return m.useMemo(() => ({ [`__scope${r.scopeName}`]: c }), [c]);
4444
- };
4445
- };
4446
- return n.scopeName = r.scopeName, n;
4447
- }
4448
- var Pr = globalThis?.document ? m.useLayoutEffect : () => {
4449
- }, Yn = m[" useInsertionEffect ".trim().toString()] || Pr;
4450
- function Hn({
4451
- prop: e,
4452
- defaultProp: r,
4453
- onChange: n = () => {
4454
- },
4455
- caller: o
4456
- }) {
4457
- const [s, a, c] = Kn({
4458
- defaultProp: r,
4459
- onChange: n
4460
- }), l = e !== void 0, d = l ? e : s;
4461
- {
4462
- const u = m.useRef(e !== void 0);
4463
- m.useEffect(() => {
4464
- const h = u.current;
4465
- h !== l && console.warn(
4466
- `${o} is changing from ${h ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
4467
- ), u.current = l;
4468
- }, [l, o]);
4469
- }
4470
- const p = m.useCallback(
4471
- (u) => {
4472
- if (l) {
4473
- const h = qn(u) ? u(e) : u;
4474
- h !== e && c.current?.(h);
4475
- } else
4476
- a(u);
4477
- },
4478
- [l, e, a, c]
4479
- );
4480
- return [d, p];
4481
- }
4482
- function Kn({
4483
- defaultProp: e,
4484
- onChange: r
4485
- }) {
4486
- const [n, o] = m.useState(e), s = m.useRef(n), a = m.useRef(r);
4487
- return Yn(() => {
4488
- a.current = r;
4489
- }, [r]), m.useEffect(() => {
4490
- s.current !== n && (a.current?.(n), s.current = n);
4491
- }, [n, s]), [n, o, a];
4492
- }
4493
- function qn(e) {
4494
- return typeof e == "function";
4495
- }
4496
- function Jn(e) {
4497
- const r = m.useRef({ value: e, previous: e });
4498
- return m.useMemo(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
4499
- }
4500
- function Xn(e) {
4501
- const [r, n] = m.useState(void 0);
4502
- return Pr(() => {
4503
- if (e) {
4504
- n({ width: e.offsetWidth, height: e.offsetHeight });
4505
- const o = new ResizeObserver((s) => {
4506
- if (!Array.isArray(s) || !s.length)
4507
- return;
4508
- const a = s[0];
4509
- let c, l;
4510
- if ("borderBoxSize" in a) {
4511
- const d = a.borderBoxSize, p = Array.isArray(d) ? d[0] : d;
4512
- c = p.inlineSize, l = p.blockSize;
4513
- } else
4514
- c = e.offsetWidth, l = e.offsetHeight;
4515
- n({ width: c, height: l });
4516
- });
4517
- return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
4518
- } else
4519
- n(void 0);
4520
- }, [e]), r;
4521
- }
4522
- // @__NO_SIDE_EFFECTS__
4523
- function Zn(e) {
4524
- const r = /* @__PURE__ */ Qn(e), n = m.forwardRef((o, s) => {
4525
- const { children: a, ...c } = o, l = m.Children.toArray(a), d = l.find(ro);
4526
- if (d) {
4527
- const p = d.props.children, u = l.map((h) => h === d ? m.Children.count(p) > 1 ? m.Children.only(null) : m.isValidElement(p) ? p.props.children : null : h);
4528
- return /* @__PURE__ */ i.jsx(r, { ...c, ref: s, children: m.isValidElement(p) ? m.cloneElement(p, void 0, u) : null });
4529
- }
4530
- return /* @__PURE__ */ i.jsx(r, { ...c, ref: s, children: a });
4531
- });
4532
- return n.displayName = `${e}.Slot`, n;
4533
- }
4534
- // @__NO_SIDE_EFFECTS__
4535
- function Qn(e) {
4536
- const r = m.forwardRef((n, o) => {
4537
- const { children: s, ...a } = n;
4538
- if (m.isValidElement(s)) {
4539
- const c = no(s), l = to(a, s.props);
4540
- return s.type !== m.Fragment && (l.ref = o ? Le(o, c) : c), m.cloneElement(s, l);
4541
- }
4542
- return m.Children.count(s) > 1 ? m.Children.only(null) : null;
4543
- });
4544
- return r.displayName = `${e}.SlotClone`, r;
4545
- }
4546
- var eo = Symbol("radix.slottable");
4547
- function ro(e) {
4548
- return m.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === eo;
4549
- }
4550
- function to(e, r) {
4551
- const n = { ...r };
4552
- for (const o in r) {
4553
- const s = e[o], a = r[o];
4554
- /^on[A-Z]/.test(o) ? s && a ? n[o] = (...l) => {
4555
- const d = a(...l);
4556
- return s(...l), d;
4557
- } : s && (n[o] = s) : o === "style" ? n[o] = { ...s, ...a } : o === "className" && (n[o] = [s, a].filter(Boolean).join(" "));
4558
- }
4559
- return { ...e, ...n };
4560
- }
4561
- function no(e) {
4562
- let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = r && "isReactWarning" in r && r.isReactWarning;
4563
- return n ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
4564
- }
4565
- var oo = [
4566
- "a",
4567
- "button",
4568
- "div",
4569
- "form",
4570
- "h2",
4571
- "h3",
4572
- "img",
4573
- "input",
4574
- "label",
4575
- "li",
4576
- "nav",
4577
- "ol",
4578
- "p",
4579
- "select",
4580
- "span",
4581
- "svg",
4582
- "ul"
4583
- ], Tr = oo.reduce((e, r) => {
4584
- const n = /* @__PURE__ */ Zn(`Primitive.${r}`), o = m.forwardRef((s, a) => {
4585
- const { asChild: c, ...l } = s, d = c ? n : r;
4586
- return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ i.jsx(d, { ...l, ref: a });
4587
- });
4588
- return o.displayName = `Primitive.${r}`, { ...e, [r]: o };
4589
- }, {}), Ne = "Switch", [so] = Gn(Ne), [ao, io] = so(Ne), Ar = m.forwardRef(
4590
- (e, r) => {
4591
- const {
4592
- __scopeSwitch: n,
4593
- name: o,
4594
- checked: s,
4595
- defaultChecked: a,
4596
- required: c,
4597
- disabled: l,
4598
- value: d = "on",
4599
- onCheckedChange: p,
4600
- form: u,
4601
- ...h
4602
- } = e, [x, N] = m.useState(null), S = Sr(r, ($) => N($)), j = m.useRef(!1), w = x ? u || !!x.closest("form") : !0, [y, R] = Hn({
4603
- prop: s,
4604
- defaultProp: a ?? !1,
4605
- onChange: p,
4606
- caller: Ne
4607
- });
4608
- return /* @__PURE__ */ i.jsxs(ao, { scope: n, checked: y, disabled: l, children: [
4609
- /* @__PURE__ */ i.jsx(
4610
- Tr.button,
4611
- {
4612
- type: "button",
4613
- role: "switch",
4614
- "aria-checked": y,
4615
- "aria-required": c,
4616
- "data-state": zr(y),
4617
- "data-disabled": l ? "" : void 0,
4618
- disabled: l,
4619
- value: d,
4620
- ...h,
4621
- ref: S,
4622
- onClick: Bn(e.onClick, ($) => {
4623
- R((V) => !V), w && (j.current = $.isPropagationStopped(), j.current || $.stopPropagation());
4624
- })
4625
- }
4626
- ),
4627
- w && /* @__PURE__ */ i.jsx(
4628
- Fr,
4629
- {
4630
- control: x,
4631
- bubbles: !j.current,
4632
- name: o,
4633
- value: d,
4634
- checked: y,
4635
- required: c,
4636
- disabled: l,
4637
- form: u,
4638
- style: { transform: "translateX(-100%)" }
4639
- }
4640
- )
4641
- ] });
4642
- }
4643
- );
4644
- Ar.displayName = Ne;
4645
- var Or = "SwitchThumb", Ir = m.forwardRef(
4646
- (e, r) => {
4647
- const { __scopeSwitch: n, ...o } = e, s = io(Or, n);
4648
- return /* @__PURE__ */ i.jsx(
4649
- Tr.span,
4650
- {
4651
- "data-state": zr(s.checked),
4652
- "data-disabled": s.disabled ? "" : void 0,
4653
- ...o,
4654
- ref: r
4655
- }
4656
- );
4657
- }
4658
- );
4659
- Ir.displayName = Or;
4660
- var lo = "SwitchBubbleInput", Fr = m.forwardRef(
4661
- ({
4662
- __scopeSwitch: e,
4663
- control: r,
4664
- checked: n,
4665
- bubbles: o = !0,
4666
- ...s
4667
- }, a) => {
4668
- const c = m.useRef(null), l = Sr(c, a), d = Jn(n), p = Xn(r);
4669
- return m.useEffect(() => {
4670
- const u = c.current;
4671
- if (!u) return;
4672
- const h = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
4673
- h,
4674
- "checked"
4675
- ).set;
4676
- if (d !== n && N) {
4677
- const S = new Event("click", { bubbles: o });
4678
- N.call(u, n), u.dispatchEvent(S);
4679
- }
4680
- }, [d, n, o]), /* @__PURE__ */ i.jsx(
4681
- "input",
4682
- {
4683
- type: "checkbox",
4684
- "aria-hidden": !0,
4685
- defaultChecked: n,
4686
- ...s,
4687
- tabIndex: -1,
4688
- ref: l,
4689
- style: {
4690
- ...s.style,
4691
- ...p,
4692
- position: "absolute",
4693
- pointerEvents: "none",
4694
- opacity: 0,
4695
- margin: 0
4696
- }
4697
- }
4698
- );
4699
- }
4700
- );
4701
- Fr.displayName = lo;
4702
- function zr(e) {
4703
- return e ? "checked" : "unchecked";
4704
- }
4705
- var co = Ar, uo = Ir;
4706
- const fo = m.forwardRef(
4707
- ({
4708
- status: e = !1,
4709
- disabled: r = !1,
4710
- onChange: n,
4711
- className: o,
4712
- ...s
4713
- }, a) => /* @__PURE__ */ i.jsx(
4714
- co,
4715
- {
4716
- ref: a,
4717
- checked: e,
4718
- onCheckedChange: n,
4719
- disabled: r,
4720
- className: _(
4721
- "relative inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full p-0.5 transition-colors duration-200 ease-in-out",
4722
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00995a] focus-visible:ring-offset-2",
4723
- "disabled:cursor-not-allowed disabled:opacity-50",
4724
- e ? "bg-[#00995a]" : "bg-[#e0e0e0]",
4725
- o
4726
- ),
4727
- ...s,
4728
- children: /* @__PURE__ */ i.jsx(
4729
- uo,
4730
- {
4731
- className: _(
4732
- "pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg transition-transform duration-200 ease-in-out",
4733
- e ? "translate-x-5" : "translate-x-0"
4734
- )
4735
- }
4736
- )
4737
- }
4738
- )
4739
- );
4740
- fo.displayName = "Switcher";
4741
- const po = m.forwardRef(
4742
- ({
4743
- type: e = "light",
4744
- text: r,
4745
- icon: n,
4746
- onClose: o,
4747
- className: s,
4748
- ...a
4749
- }, c) => {
4750
- const d = {
4751
- light: {
4752
- container: "bg-[#ecebf0]",
4753
- text: "text-[#575385]",
4754
- iconColor: "text-[#312e4d]",
4755
- closeColor: "text-[#312e4d]"
4756
- },
4757
- dark: {
4758
- container: "bg-[#3f3c5e]",
4759
- text: "text-white",
4760
- iconColor: "text-white",
4761
- closeColor: "text-white"
4762
- }
4763
- }[e], p = /* @__PURE__ */ i.jsx(
4764
- Zt,
4765
- {
4766
- size: 16,
4767
- className: d.iconColor
4768
- }
4769
- );
4770
- return /* @__PURE__ */ i.jsxs(
4771
- "div",
4772
- {
4773
- ref: c,
4774
- className: _(
4775
- "flex items-center gap-3 p-3 rounded",
4776
- d.container,
4777
- s
4778
- ),
4779
- role: "status",
4780
- "aria-live": "polite",
4781
- ...a,
4782
- children: [
4783
- /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
4784
- /* @__PURE__ */ i.jsx("div", { className: "flex-shrink-0", children: n || p }),
4785
- /* @__PURE__ */ i.jsx(
4786
- "div",
4787
- {
4788
- className: _(
4789
- "text-base leading-5 whitespace-nowrap",
4790
- d.text
4791
- ),
4792
- children: r
4793
- }
4794
- )
4795
- ] }),
4796
- o && /* @__PURE__ */ i.jsx(
4797
- "button",
4798
- {
4799
- type: "button",
4800
- onClick: o,
4801
- className: _(
4802
- "flex-shrink-0 opacity-99 hover:opacity-100 transition-opacity",
4803
- d.closeColor
4804
- ),
4805
- "aria-label": "Cerrar notificación",
4806
- children: /* @__PURE__ */ i.jsx(un, { size: 12 })
4807
- }
4808
- )
4809
- ]
4810
- }
4811
- );
4812
- }
4813
- );
4814
- po.displayName = "Toasts";
4815
- export {
4816
- Ut as ActionCard,
4817
- fn as BannerAlerts,
4818
- kn as BrandIcons,
4819
- jn as Button,
4820
- Rn as CardsGrid,
4821
- Nn as FeatureCard,
4822
- On as KPICard,
4823
- Tn as KPICardCustom,
4824
- _r as KPIComparison,
4825
- Sn as KPIComparisonCustom,
4826
- te as LOGO_ASSETS,
4827
- In as Loader,
4828
- Fn as OptionCard,
4829
- Dn as OrderCard,
4830
- zn as OrderCardCustom,
4831
- ho as PaginationLib,
4832
- fo as Switcher,
4833
- po as Toasts,
4834
- pr as buttonVariants
4835
- };
4836
- //# sourceMappingURL=chiper-components-library.js.map