@onside/install-widget 1.0.4 → 1.1.1

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.
Files changed (38) hide show
  1. package/dist-lib/AndroidPlatformModal-Bo8KL9YE.cjs +1 -0
  2. package/dist-lib/AndroidPlatformModal-DGNUxRkK.js +48 -0
  3. package/dist-lib/CheckInstallModal-BAx1q0Eh.js +76 -0
  4. package/dist-lib/CheckInstallModal-CamMs4Ky.cjs +1 -0
  5. package/dist-lib/Dialog-BpvFTl3s.js +95 -0
  6. package/dist-lib/Dialog-H1GsCMbd.cjs +1 -0
  7. package/dist-lib/FaqModal-B6YPov5t.js +103 -0
  8. package/dist-lib/FaqModal-BYENishJ.cjs +1 -0
  9. package/dist-lib/GoToSafariModal-B1EWxzWE.cjs +1 -0
  10. package/dist-lib/{GoToSafariModal-C_KBizh8.js → GoToSafariModal-pXhEb2yy.js} +36 -36
  11. package/dist-lib/UpdateIOSModal-B-jqDkQO.cjs +1 -0
  12. package/dist-lib/UpdateIOSModal-D-cikTQ4.js +81 -0
  13. package/dist-lib/cdn-DQucWvIe.js +99 -0
  14. package/dist-lib/cdn-ToXHpWOt.cjs +1 -0
  15. package/dist-lib/hooks.cjs +1 -1
  16. package/dist-lib/hooks.js +4 -3
  17. package/dist-lib/index-BqoWsHcB.js +195 -0
  18. package/dist-lib/index-DFXiHkdo.cjs +1 -0
  19. package/dist-lib/install-package-5TE9fTFQ.cjs +1 -0
  20. package/dist-lib/install-package-S3saul1C.js +451 -0
  21. package/dist-lib/install-package.cjs +1 -1
  22. package/dist-lib/install-package.d.ts +82 -17
  23. package/dist-lib/install-package.js +14 -12
  24. package/dist-lib/install-widget.css +1 -1
  25. package/dist-lib/useInstallUrl-McaAuMPK.js +65 -0
  26. package/dist-lib/useInstallUrl-iPCPqYWB.cjs +1 -0
  27. package/package.json +12 -4
  28. package/dist-lib/AndroidPlatformModal-2Ykjo2V7.js +0 -48
  29. package/dist-lib/AndroidPlatformModal-DTglyxUG.cjs +0 -1
  30. package/dist-lib/Dialog-yEP-7Deb.js +0 -1399
  31. package/dist-lib/Dialog-yZ9bWtK1.cjs +0 -45
  32. package/dist-lib/GoToSafariModal-Cgx0X0rg.cjs +0 -1
  33. package/dist-lib/UpdateIOSModal-BGWvssyd.js +0 -170
  34. package/dist-lib/UpdateIOSModal-CE-d3YCr.cjs +0 -1
  35. package/dist-lib/install-package-B17QfMPy.cjs +0 -1
  36. package/dist-lib/install-package-DowlG4hO.js +0 -3036
  37. package/dist-lib/useInstallUrl-CjUspi0p.cjs +0 -1
  38. package/dist-lib/useInstallUrl-JIdkWpgj.js +0 -87
@@ -1,3036 +0,0 @@
1
- import { jsx as w, jsxs as j, Fragment as Be } from "react/jsx-runtime";
2
- import * as $ from "react";
3
- import { useState as Ve, useCallback as Q, createContext as je, useRef as Ue, useContext as We, useEffect as $e, lazy as me, Suspense as He } from "react";
4
- import { S as ue, c as Ke, u as De, i as Ze } from "./useInstallUrl-JIdkWpgj.js";
5
- import { trackModalEvent as Ye, trackEvent as qe, resolveInstallConditions as Je, getDeviceInfo as Xe } from "./utils.js";
6
- import "./installUrlService-CrJfYPwM.js";
7
- function Se(e) {
8
- var t, r, o = "";
9
- if (typeof e == "string" || typeof e == "number") o += e;
10
- else if (typeof e == "object") if (Array.isArray(e)) {
11
- var a = e.length;
12
- for (t = 0; t < a; t++) e[t] && (r = Se(e[t])) && (o && (o += " "), o += r);
13
- } else for (r in e) e[r] && (o && (o += " "), o += r);
14
- return o;
15
- }
16
- function Qe() {
17
- for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = Se(e)) && (o && (o += " "), o += t);
18
- return o;
19
- }
20
- const pe = "-", et = (e) => {
21
- const t = ot(e), {
22
- conflictingClassGroups: r,
23
- conflictingClassGroupModifiers: o
24
- } = e;
25
- return {
26
- getClassGroupId: (i) => {
27
- const p = i.split(pe);
28
- return p[0] === "" && p.length !== 1 && p.shift(), ze(p, t) || tt(i);
29
- },
30
- getConflictingClassGroupIds: (i, p) => {
31
- const m = r[i] || [];
32
- return p && o[i] ? [...m, ...o[i]] : m;
33
- }
34
- };
35
- }, ze = (e, t) => {
36
- if (e.length === 0)
37
- return t.classGroupId;
38
- const r = e[0], o = t.nextPart.get(r), a = o ? ze(e.slice(1), o) : void 0;
39
- if (a)
40
- return a;
41
- if (t.validators.length === 0)
42
- return;
43
- const l = e.join(pe);
44
- return t.validators.find(({
45
- validator: i
46
- }) => i(l))?.classGroupId;
47
- }, ve = /^\[(.+)\]$/, tt = (e) => {
48
- if (ve.test(e)) {
49
- const t = ve.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
50
- if (r)
51
- return "arbitrary.." + r;
52
- }
53
- }, ot = (e) => {
54
- const {
55
- theme: t,
56
- classGroups: r
57
- } = e, o = {
58
- nextPart: /* @__PURE__ */ new Map(),
59
- validators: []
60
- };
61
- for (const a in r)
62
- le(r[a], o, a, t);
63
- return o;
64
- }, le = (e, t, r, o) => {
65
- e.forEach((a) => {
66
- if (typeof a == "string") {
67
- const l = a === "" ? t : Ce(t, a);
68
- l.classGroupId = r;
69
- return;
70
- }
71
- if (typeof a == "function") {
72
- if (rt(a)) {
73
- le(a(o), t, r, o);
74
- return;
75
- }
76
- t.validators.push({
77
- validator: a,
78
- classGroupId: r
79
- });
80
- return;
81
- }
82
- Object.entries(a).forEach(([l, i]) => {
83
- le(i, Ce(t, l), r, o);
84
- });
85
- });
86
- }, Ce = (e, t) => {
87
- let r = e;
88
- return t.split(pe).forEach((o) => {
89
- r.nextPart.has(o) || r.nextPart.set(o, {
90
- nextPart: /* @__PURE__ */ new Map(),
91
- validators: []
92
- }), r = r.nextPart.get(o);
93
- }), r;
94
- }, rt = (e) => e.isThemeGetter, nt = (e) => {
95
- if (e < 1)
96
- return {
97
- get: () => {
98
- },
99
- set: () => {
100
- }
101
- };
102
- let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
103
- const a = (l, i) => {
104
- r.set(l, i), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
105
- };
106
- return {
107
- get(l) {
108
- let i = r.get(l);
109
- if (i !== void 0)
110
- return i;
111
- if ((i = o.get(l)) !== void 0)
112
- return a(l, i), i;
113
- },
114
- set(l, i) {
115
- r.has(l) ? r.set(l, i) : a(l, i);
116
- }
117
- };
118
- }, ce = "!", de = ":", st = de.length, at = (e) => {
119
- const {
120
- prefix: t,
121
- experimentalParseClassName: r
122
- } = e;
123
- let o = (a) => {
124
- const l = [];
125
- let i = 0, p = 0, m = 0, g;
126
- for (let b = 0; b < a.length; b++) {
127
- let k = a[b];
128
- if (i === 0 && p === 0) {
129
- if (k === de) {
130
- l.push(a.slice(m, b)), m = b + st;
131
- continue;
132
- }
133
- if (k === "/") {
134
- g = b;
135
- continue;
136
- }
137
- }
138
- k === "[" ? i++ : k === "]" ? i-- : k === "(" ? p++ : k === ")" && p--;
139
- }
140
- const f = l.length === 0 ? a : a.substring(m), M = it(f), T = M !== f, C = g && g > m ? g - m : void 0;
141
- return {
142
- modifiers: l,
143
- hasImportantModifier: T,
144
- baseClassName: M,
145
- maybePostfixModifierPosition: C
146
- };
147
- };
148
- if (t) {
149
- const a = t + de, l = o;
150
- o = (i) => i.startsWith(a) ? l(i.substring(a.length)) : {
151
- isExternal: !0,
152
- modifiers: [],
153
- hasImportantModifier: !1,
154
- baseClassName: i,
155
- maybePostfixModifierPosition: void 0
156
- };
157
- }
158
- if (r) {
159
- const a = o;
160
- o = (l) => r({
161
- className: l,
162
- parseClassName: a
163
- });
164
- }
165
- return o;
166
- }, it = (e) => e.endsWith(ce) ? e.substring(0, e.length - 1) : e.startsWith(ce) ? e.substring(1) : e, lt = (e) => {
167
- const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
168
- return (o) => {
169
- if (o.length <= 1)
170
- return o;
171
- const a = [];
172
- let l = [];
173
- return o.forEach((i) => {
174
- i[0] === "[" || t[i] ? (a.push(...l.sort(), i), l = []) : l.push(i);
175
- }), a.push(...l.sort()), a;
176
- };
177
- }, ct = (e) => ({
178
- cache: nt(e.cacheSize),
179
- parseClassName: at(e),
180
- sortModifiers: lt(e),
181
- ...et(e)
182
- }), dt = /\s+/, mt = (e, t) => {
183
- const {
184
- parseClassName: r,
185
- getClassGroupId: o,
186
- getConflictingClassGroupIds: a,
187
- sortModifiers: l
188
- } = t, i = [], p = e.trim().split(dt);
189
- let m = "";
190
- for (let g = p.length - 1; g >= 0; g -= 1) {
191
- const f = p[g], {
192
- isExternal: M,
193
- modifiers: T,
194
- hasImportantModifier: C,
195
- baseClassName: b,
196
- maybePostfixModifierPosition: k
197
- } = r(f);
198
- if (M) {
199
- m = f + (m.length > 0 ? " " + m : m);
200
- continue;
201
- }
202
- let z = !!k, y = o(z ? b.substring(0, k) : b);
203
- if (!y) {
204
- if (!z) {
205
- m = f + (m.length > 0 ? " " + m : m);
206
- continue;
207
- }
208
- if (y = o(b), !y) {
209
- m = f + (m.length > 0 ? " " + m : m);
210
- continue;
211
- }
212
- z = !1;
213
- }
214
- const A = l(T).join(":"), E = C ? A + ce : A, N = E + y;
215
- if (i.includes(N))
216
- continue;
217
- i.push(N);
218
- const P = a(y, z);
219
- for (let _ = 0; _ < P.length; ++_) {
220
- const R = P[_];
221
- i.push(E + R);
222
- }
223
- m = f + (m.length > 0 ? " " + m : m);
224
- }
225
- return m;
226
- };
227
- function ut() {
228
- let e = 0, t, r, o = "";
229
- for (; e < arguments.length; )
230
- (t = arguments[e++]) && (r = Ae(t)) && (o && (o += " "), o += r);
231
- return o;
232
- }
233
- const Ae = (e) => {
234
- if (typeof e == "string")
235
- return e;
236
- let t, r = "";
237
- for (let o = 0; o < e.length; o++)
238
- e[o] && (t = Ae(e[o])) && (r && (r += " "), r += t);
239
- return r;
240
- };
241
- function pt(e, ...t) {
242
- let r, o, a, l = i;
243
- function i(m) {
244
- const g = t.reduce((f, M) => M(f), e());
245
- return r = ct(g), o = r.cache.get, a = r.cache.set, l = p, p(m);
246
- }
247
- function p(m) {
248
- const g = o(m);
249
- if (g)
250
- return g;
251
- const f = mt(m, r);
252
- return a(m, f), f;
253
- }
254
- return function() {
255
- return l(ut.apply(null, arguments));
256
- };
257
- }
258
- const h = (e) => {
259
- const t = (r) => r[e] || [];
260
- return t.isThemeGetter = !0, t;
261
- }, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, _e = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ft = /^\d+\/\d+$/, bt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, gt = /\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$/, ht = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, xt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, wt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, W = (e) => ft.test(e), u = (e) => !!e && !Number.isNaN(Number(e)), F = (e) => !!e && Number.isInteger(Number(e)), ae = (e) => e.endsWith("%") && u(e.slice(0, -1)), L = (e) => bt.test(e), kt = () => !0, yt = (e) => (
262
- // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
263
- // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
264
- // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
265
- gt.test(e) && !ht.test(e)
266
- ), Ne = () => !1, vt = (e) => xt.test(e), Ct = (e) => wt.test(e), It = (e) => !n(e) && !s(e), Mt = (e) => H(e, Re, Ne), n = (e) => Ee.test(e), V = (e) => H(e, Ge, yt), ie = (e) => H(e, _t, u), Ie = (e) => H(e, Pe, Ne), St = (e) => H(e, Te, Ct), ee = (e) => H(e, Le, vt), s = (e) => _e.test(e), D = (e) => K(e, Ge), zt = (e) => K(e, Nt), Me = (e) => K(e, Pe), At = (e) => K(e, Re), Et = (e) => K(e, Te), te = (e) => K(e, Le, !0), H = (e, t, r) => {
267
- const o = Ee.exec(e);
268
- return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
269
- }, K = (e, t, r = !1) => {
270
- const o = _e.exec(e);
271
- return o ? o[1] ? t(o[1]) : r : !1;
272
- }, Pe = (e) => e === "position" || e === "percentage", Te = (e) => e === "image" || e === "url", Re = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", _t = (e) => e === "number", Nt = (e) => e === "family-name", Le = (e) => e === "shadow", Pt = () => {
273
- const e = h("color"), t = h("font"), r = h("text"), o = h("font-weight"), a = h("tracking"), l = h("leading"), i = h("breakpoint"), p = h("container"), m = h("spacing"), g = h("radius"), f = h("shadow"), M = h("inset-shadow"), T = h("text-shadow"), C = h("drop-shadow"), b = h("blur"), k = h("perspective"), z = h("aspect"), y = h("ease"), A = h("animate"), E = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
274
- "center",
275
- "top",
276
- "bottom",
277
- "left",
278
- "right",
279
- "top-left",
280
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
281
- "left-top",
282
- "top-right",
283
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
284
- "right-top",
285
- "bottom-right",
286
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
287
- "right-bottom",
288
- "bottom-left",
289
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
290
- "left-bottom"
291
- ], P = () => [...N(), s, n], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], c = () => [s, n, m], S = () => [W, "full", "auto", ...c()], fe = () => [F, "none", "subgrid", s, n], be = () => ["auto", {
292
- span: ["full", F, s, n]
293
- }, F, s, n], Z = () => [F, "auto", s, n], ge = () => ["auto", "min", "max", "fr", s, n], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], U = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], G = () => ["auto", ...c()], B = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], d = () => [e, s, n], he = () => [...N(), Me, Ie, {
294
- position: [s, n]
295
- }], xe = () => ["no-repeat", {
296
- repeat: ["", "x", "y", "space", "round"]
297
- }], we = () => ["auto", "cover", "contain", At, Mt, {
298
- size: [s, n]
299
- }], ne = () => [ae, D, V], v = () => [
300
- // Deprecated since Tailwind CSS v4.0.0
301
- "",
302
- "none",
303
- "full",
304
- g,
305
- s,
306
- n
307
- ], I = () => ["", u, D, V], Y = () => ["solid", "dashed", "dotted", "double"], ke = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [u, ae, Me, Ie], ye = () => [
308
- // Deprecated since Tailwind CSS v4.0.0
309
- "",
310
- "none",
311
- b,
312
- s,
313
- n
314
- ], q = () => ["none", u, s, n], J = () => ["none", u, s, n], se = () => [u, s, n], X = () => [W, "full", ...c()];
315
- return {
316
- cacheSize: 500,
317
- theme: {
318
- animate: ["spin", "ping", "pulse", "bounce"],
319
- aspect: ["video"],
320
- blur: [L],
321
- breakpoint: [L],
322
- color: [kt],
323
- container: [L],
324
- "drop-shadow": [L],
325
- ease: ["in", "out", "in-out"],
326
- font: [It],
327
- "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
328
- "inset-shadow": [L],
329
- leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
330
- perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
331
- radius: [L],
332
- shadow: [L],
333
- spacing: ["px", u],
334
- text: [L],
335
- "text-shadow": [L],
336
- tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
337
- },
338
- classGroups: {
339
- // --------------
340
- // --- Layout ---
341
- // --------------
342
- /**
343
- * Aspect Ratio
344
- * @see https://tailwindcss.com/docs/aspect-ratio
345
- */
346
- aspect: [{
347
- aspect: ["auto", "square", W, n, s, z]
348
- }],
349
- /**
350
- * Container
351
- * @see https://tailwindcss.com/docs/container
352
- * @deprecated since Tailwind CSS v4.0.0
353
- */
354
- container: ["container"],
355
- /**
356
- * Columns
357
- * @see https://tailwindcss.com/docs/columns
358
- */
359
- columns: [{
360
- columns: [u, n, s, p]
361
- }],
362
- /**
363
- * Break After
364
- * @see https://tailwindcss.com/docs/break-after
365
- */
366
- "break-after": [{
367
- "break-after": E()
368
- }],
369
- /**
370
- * Break Before
371
- * @see https://tailwindcss.com/docs/break-before
372
- */
373
- "break-before": [{
374
- "break-before": E()
375
- }],
376
- /**
377
- * Break Inside
378
- * @see https://tailwindcss.com/docs/break-inside
379
- */
380
- "break-inside": [{
381
- "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
382
- }],
383
- /**
384
- * Box Decoration Break
385
- * @see https://tailwindcss.com/docs/box-decoration-break
386
- */
387
- "box-decoration": [{
388
- "box-decoration": ["slice", "clone"]
389
- }],
390
- /**
391
- * Box Sizing
392
- * @see https://tailwindcss.com/docs/box-sizing
393
- */
394
- box: [{
395
- box: ["border", "content"]
396
- }],
397
- /**
398
- * Display
399
- * @see https://tailwindcss.com/docs/display
400
- */
401
- 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"],
402
- /**
403
- * Screen Reader Only
404
- * @see https://tailwindcss.com/docs/display#screen-reader-only
405
- */
406
- sr: ["sr-only", "not-sr-only"],
407
- /**
408
- * Floats
409
- * @see https://tailwindcss.com/docs/float
410
- */
411
- float: [{
412
- float: ["right", "left", "none", "start", "end"]
413
- }],
414
- /**
415
- * Clear
416
- * @see https://tailwindcss.com/docs/clear
417
- */
418
- clear: [{
419
- clear: ["left", "right", "both", "none", "start", "end"]
420
- }],
421
- /**
422
- * Isolation
423
- * @see https://tailwindcss.com/docs/isolation
424
- */
425
- isolation: ["isolate", "isolation-auto"],
426
- /**
427
- * Object Fit
428
- * @see https://tailwindcss.com/docs/object-fit
429
- */
430
- "object-fit": [{
431
- object: ["contain", "cover", "fill", "none", "scale-down"]
432
- }],
433
- /**
434
- * Object Position
435
- * @see https://tailwindcss.com/docs/object-position
436
- */
437
- "object-position": [{
438
- object: P()
439
- }],
440
- /**
441
- * Overflow
442
- * @see https://tailwindcss.com/docs/overflow
443
- */
444
- overflow: [{
445
- overflow: _()
446
- }],
447
- /**
448
- * Overflow X
449
- * @see https://tailwindcss.com/docs/overflow
450
- */
451
- "overflow-x": [{
452
- "overflow-x": _()
453
- }],
454
- /**
455
- * Overflow Y
456
- * @see https://tailwindcss.com/docs/overflow
457
- */
458
- "overflow-y": [{
459
- "overflow-y": _()
460
- }],
461
- /**
462
- * Overscroll Behavior
463
- * @see https://tailwindcss.com/docs/overscroll-behavior
464
- */
465
- overscroll: [{
466
- overscroll: R()
467
- }],
468
- /**
469
- * Overscroll Behavior X
470
- * @see https://tailwindcss.com/docs/overscroll-behavior
471
- */
472
- "overscroll-x": [{
473
- "overscroll-x": R()
474
- }],
475
- /**
476
- * Overscroll Behavior Y
477
- * @see https://tailwindcss.com/docs/overscroll-behavior
478
- */
479
- "overscroll-y": [{
480
- "overscroll-y": R()
481
- }],
482
- /**
483
- * Position
484
- * @see https://tailwindcss.com/docs/position
485
- */
486
- position: ["static", "fixed", "absolute", "relative", "sticky"],
487
- /**
488
- * Top / Right / Bottom / Left
489
- * @see https://tailwindcss.com/docs/top-right-bottom-left
490
- */
491
- inset: [{
492
- inset: S()
493
- }],
494
- /**
495
- * Right / Left
496
- * @see https://tailwindcss.com/docs/top-right-bottom-left
497
- */
498
- "inset-x": [{
499
- "inset-x": S()
500
- }],
501
- /**
502
- * Top / Bottom
503
- * @see https://tailwindcss.com/docs/top-right-bottom-left
504
- */
505
- "inset-y": [{
506
- "inset-y": S()
507
- }],
508
- /**
509
- * Start
510
- * @see https://tailwindcss.com/docs/top-right-bottom-left
511
- */
512
- start: [{
513
- start: S()
514
- }],
515
- /**
516
- * End
517
- * @see https://tailwindcss.com/docs/top-right-bottom-left
518
- */
519
- end: [{
520
- end: S()
521
- }],
522
- /**
523
- * Top
524
- * @see https://tailwindcss.com/docs/top-right-bottom-left
525
- */
526
- top: [{
527
- top: S()
528
- }],
529
- /**
530
- * Right
531
- * @see https://tailwindcss.com/docs/top-right-bottom-left
532
- */
533
- right: [{
534
- right: S()
535
- }],
536
- /**
537
- * Bottom
538
- * @see https://tailwindcss.com/docs/top-right-bottom-left
539
- */
540
- bottom: [{
541
- bottom: S()
542
- }],
543
- /**
544
- * Left
545
- * @see https://tailwindcss.com/docs/top-right-bottom-left
546
- */
547
- left: [{
548
- left: S()
549
- }],
550
- /**
551
- * Visibility
552
- * @see https://tailwindcss.com/docs/visibility
553
- */
554
- visibility: ["visible", "invisible", "collapse"],
555
- /**
556
- * Z-Index
557
- * @see https://tailwindcss.com/docs/z-index
558
- */
559
- z: [{
560
- z: [F, "auto", s, n]
561
- }],
562
- // ------------------------
563
- // --- Flexbox and Grid ---
564
- // ------------------------
565
- /**
566
- * Flex Basis
567
- * @see https://tailwindcss.com/docs/flex-basis
568
- */
569
- basis: [{
570
- basis: [W, "full", "auto", p, ...c()]
571
- }],
572
- /**
573
- * Flex Direction
574
- * @see https://tailwindcss.com/docs/flex-direction
575
- */
576
- "flex-direction": [{
577
- flex: ["row", "row-reverse", "col", "col-reverse"]
578
- }],
579
- /**
580
- * Flex Wrap
581
- * @see https://tailwindcss.com/docs/flex-wrap
582
- */
583
- "flex-wrap": [{
584
- flex: ["nowrap", "wrap", "wrap-reverse"]
585
- }],
586
- /**
587
- * Flex
588
- * @see https://tailwindcss.com/docs/flex
589
- */
590
- flex: [{
591
- flex: [u, W, "auto", "initial", "none", n]
592
- }],
593
- /**
594
- * Flex Grow
595
- * @see https://tailwindcss.com/docs/flex-grow
596
- */
597
- grow: [{
598
- grow: ["", u, s, n]
599
- }],
600
- /**
601
- * Flex Shrink
602
- * @see https://tailwindcss.com/docs/flex-shrink
603
- */
604
- shrink: [{
605
- shrink: ["", u, s, n]
606
- }],
607
- /**
608
- * Order
609
- * @see https://tailwindcss.com/docs/order
610
- */
611
- order: [{
612
- order: [F, "first", "last", "none", s, n]
613
- }],
614
- /**
615
- * Grid Template Columns
616
- * @see https://tailwindcss.com/docs/grid-template-columns
617
- */
618
- "grid-cols": [{
619
- "grid-cols": fe()
620
- }],
621
- /**
622
- * Grid Column Start / End
623
- * @see https://tailwindcss.com/docs/grid-column
624
- */
625
- "col-start-end": [{
626
- col: be()
627
- }],
628
- /**
629
- * Grid Column Start
630
- * @see https://tailwindcss.com/docs/grid-column
631
- */
632
- "col-start": [{
633
- "col-start": Z()
634
- }],
635
- /**
636
- * Grid Column End
637
- * @see https://tailwindcss.com/docs/grid-column
638
- */
639
- "col-end": [{
640
- "col-end": Z()
641
- }],
642
- /**
643
- * Grid Template Rows
644
- * @see https://tailwindcss.com/docs/grid-template-rows
645
- */
646
- "grid-rows": [{
647
- "grid-rows": fe()
648
- }],
649
- /**
650
- * Grid Row Start / End
651
- * @see https://tailwindcss.com/docs/grid-row
652
- */
653
- "row-start-end": [{
654
- row: be()
655
- }],
656
- /**
657
- * Grid Row Start
658
- * @see https://tailwindcss.com/docs/grid-row
659
- */
660
- "row-start": [{
661
- "row-start": Z()
662
- }],
663
- /**
664
- * Grid Row End
665
- * @see https://tailwindcss.com/docs/grid-row
666
- */
667
- "row-end": [{
668
- "row-end": Z()
669
- }],
670
- /**
671
- * Grid Auto Flow
672
- * @see https://tailwindcss.com/docs/grid-auto-flow
673
- */
674
- "grid-flow": [{
675
- "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
676
- }],
677
- /**
678
- * Grid Auto Columns
679
- * @see https://tailwindcss.com/docs/grid-auto-columns
680
- */
681
- "auto-cols": [{
682
- "auto-cols": ge()
683
- }],
684
- /**
685
- * Grid Auto Rows
686
- * @see https://tailwindcss.com/docs/grid-auto-rows
687
- */
688
- "auto-rows": [{
689
- "auto-rows": ge()
690
- }],
691
- /**
692
- * Gap
693
- * @see https://tailwindcss.com/docs/gap
694
- */
695
- gap: [{
696
- gap: c()
697
- }],
698
- /**
699
- * Gap X
700
- * @see https://tailwindcss.com/docs/gap
701
- */
702
- "gap-x": [{
703
- "gap-x": c()
704
- }],
705
- /**
706
- * Gap Y
707
- * @see https://tailwindcss.com/docs/gap
708
- */
709
- "gap-y": [{
710
- "gap-y": c()
711
- }],
712
- /**
713
- * Justify Content
714
- * @see https://tailwindcss.com/docs/justify-content
715
- */
716
- "justify-content": [{
717
- justify: [...re(), "normal"]
718
- }],
719
- /**
720
- * Justify Items
721
- * @see https://tailwindcss.com/docs/justify-items
722
- */
723
- "justify-items": [{
724
- "justify-items": [...U(), "normal"]
725
- }],
726
- /**
727
- * Justify Self
728
- * @see https://tailwindcss.com/docs/justify-self
729
- */
730
- "justify-self": [{
731
- "justify-self": ["auto", ...U()]
732
- }],
733
- /**
734
- * Align Content
735
- * @see https://tailwindcss.com/docs/align-content
736
- */
737
- "align-content": [{
738
- content: ["normal", ...re()]
739
- }],
740
- /**
741
- * Align Items
742
- * @see https://tailwindcss.com/docs/align-items
743
- */
744
- "align-items": [{
745
- items: [...U(), {
746
- baseline: ["", "last"]
747
- }]
748
- }],
749
- /**
750
- * Align Self
751
- * @see https://tailwindcss.com/docs/align-self
752
- */
753
- "align-self": [{
754
- self: ["auto", ...U(), {
755
- baseline: ["", "last"]
756
- }]
757
- }],
758
- /**
759
- * Place Content
760
- * @see https://tailwindcss.com/docs/place-content
761
- */
762
- "place-content": [{
763
- "place-content": re()
764
- }],
765
- /**
766
- * Place Items
767
- * @see https://tailwindcss.com/docs/place-items
768
- */
769
- "place-items": [{
770
- "place-items": [...U(), "baseline"]
771
- }],
772
- /**
773
- * Place Self
774
- * @see https://tailwindcss.com/docs/place-self
775
- */
776
- "place-self": [{
777
- "place-self": ["auto", ...U()]
778
- }],
779
- // Spacing
780
- /**
781
- * Padding
782
- * @see https://tailwindcss.com/docs/padding
783
- */
784
- p: [{
785
- p: c()
786
- }],
787
- /**
788
- * Padding X
789
- * @see https://tailwindcss.com/docs/padding
790
- */
791
- px: [{
792
- px: c()
793
- }],
794
- /**
795
- * Padding Y
796
- * @see https://tailwindcss.com/docs/padding
797
- */
798
- py: [{
799
- py: c()
800
- }],
801
- /**
802
- * Padding Start
803
- * @see https://tailwindcss.com/docs/padding
804
- */
805
- ps: [{
806
- ps: c()
807
- }],
808
- /**
809
- * Padding End
810
- * @see https://tailwindcss.com/docs/padding
811
- */
812
- pe: [{
813
- pe: c()
814
- }],
815
- /**
816
- * Padding Top
817
- * @see https://tailwindcss.com/docs/padding
818
- */
819
- pt: [{
820
- pt: c()
821
- }],
822
- /**
823
- * Padding Right
824
- * @see https://tailwindcss.com/docs/padding
825
- */
826
- pr: [{
827
- pr: c()
828
- }],
829
- /**
830
- * Padding Bottom
831
- * @see https://tailwindcss.com/docs/padding
832
- */
833
- pb: [{
834
- pb: c()
835
- }],
836
- /**
837
- * Padding Left
838
- * @see https://tailwindcss.com/docs/padding
839
- */
840
- pl: [{
841
- pl: c()
842
- }],
843
- /**
844
- * Margin
845
- * @see https://tailwindcss.com/docs/margin
846
- */
847
- m: [{
848
- m: G()
849
- }],
850
- /**
851
- * Margin X
852
- * @see https://tailwindcss.com/docs/margin
853
- */
854
- mx: [{
855
- mx: G()
856
- }],
857
- /**
858
- * Margin Y
859
- * @see https://tailwindcss.com/docs/margin
860
- */
861
- my: [{
862
- my: G()
863
- }],
864
- /**
865
- * Margin Start
866
- * @see https://tailwindcss.com/docs/margin
867
- */
868
- ms: [{
869
- ms: G()
870
- }],
871
- /**
872
- * Margin End
873
- * @see https://tailwindcss.com/docs/margin
874
- */
875
- me: [{
876
- me: G()
877
- }],
878
- /**
879
- * Margin Top
880
- * @see https://tailwindcss.com/docs/margin
881
- */
882
- mt: [{
883
- mt: G()
884
- }],
885
- /**
886
- * Margin Right
887
- * @see https://tailwindcss.com/docs/margin
888
- */
889
- mr: [{
890
- mr: G()
891
- }],
892
- /**
893
- * Margin Bottom
894
- * @see https://tailwindcss.com/docs/margin
895
- */
896
- mb: [{
897
- mb: G()
898
- }],
899
- /**
900
- * Margin Left
901
- * @see https://tailwindcss.com/docs/margin
902
- */
903
- ml: [{
904
- ml: G()
905
- }],
906
- /**
907
- * Space Between X
908
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
909
- */
910
- "space-x": [{
911
- "space-x": c()
912
- }],
913
- /**
914
- * Space Between X Reverse
915
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
916
- */
917
- "space-x-reverse": ["space-x-reverse"],
918
- /**
919
- * Space Between Y
920
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
921
- */
922
- "space-y": [{
923
- "space-y": c()
924
- }],
925
- /**
926
- * Space Between Y Reverse
927
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
928
- */
929
- "space-y-reverse": ["space-y-reverse"],
930
- // --------------
931
- // --- Sizing ---
932
- // --------------
933
- /**
934
- * Size
935
- * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
936
- */
937
- size: [{
938
- size: B()
939
- }],
940
- /**
941
- * Width
942
- * @see https://tailwindcss.com/docs/width
943
- */
944
- w: [{
945
- w: [p, "screen", ...B()]
946
- }],
947
- /**
948
- * Min-Width
949
- * @see https://tailwindcss.com/docs/min-width
950
- */
951
- "min-w": [{
952
- "min-w": [
953
- p,
954
- "screen",
955
- /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
956
- "none",
957
- ...B()
958
- ]
959
- }],
960
- /**
961
- * Max-Width
962
- * @see https://tailwindcss.com/docs/max-width
963
- */
964
- "max-w": [{
965
- "max-w": [
966
- p,
967
- "screen",
968
- "none",
969
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
970
- "prose",
971
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
972
- {
973
- screen: [i]
974
- },
975
- ...B()
976
- ]
977
- }],
978
- /**
979
- * Height
980
- * @see https://tailwindcss.com/docs/height
981
- */
982
- h: [{
983
- h: ["screen", "lh", ...B()]
984
- }],
985
- /**
986
- * Min-Height
987
- * @see https://tailwindcss.com/docs/min-height
988
- */
989
- "min-h": [{
990
- "min-h": ["screen", "lh", "none", ...B()]
991
- }],
992
- /**
993
- * Max-Height
994
- * @see https://tailwindcss.com/docs/max-height
995
- */
996
- "max-h": [{
997
- "max-h": ["screen", "lh", ...B()]
998
- }],
999
- // ------------------
1000
- // --- Typography ---
1001
- // ------------------
1002
- /**
1003
- * Font Size
1004
- * @see https://tailwindcss.com/docs/font-size
1005
- */
1006
- "font-size": [{
1007
- text: ["base", r, D, V]
1008
- }],
1009
- /**
1010
- * Font Smoothing
1011
- * @see https://tailwindcss.com/docs/font-smoothing
1012
- */
1013
- "font-smoothing": ["antialiased", "subpixel-antialiased"],
1014
- /**
1015
- * Font Style
1016
- * @see https://tailwindcss.com/docs/font-style
1017
- */
1018
- "font-style": ["italic", "not-italic"],
1019
- /**
1020
- * Font Weight
1021
- * @see https://tailwindcss.com/docs/font-weight
1022
- */
1023
- "font-weight": [{
1024
- font: [o, s, ie]
1025
- }],
1026
- /**
1027
- * Font Stretch
1028
- * @see https://tailwindcss.com/docs/font-stretch
1029
- */
1030
- "font-stretch": [{
1031
- "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ae, n]
1032
- }],
1033
- /**
1034
- * Font Family
1035
- * @see https://tailwindcss.com/docs/font-family
1036
- */
1037
- "font-family": [{
1038
- font: [zt, n, t]
1039
- }],
1040
- /**
1041
- * Font Variant Numeric
1042
- * @see https://tailwindcss.com/docs/font-variant-numeric
1043
- */
1044
- "fvn-normal": ["normal-nums"],
1045
- /**
1046
- * Font Variant Numeric
1047
- * @see https://tailwindcss.com/docs/font-variant-numeric
1048
- */
1049
- "fvn-ordinal": ["ordinal"],
1050
- /**
1051
- * Font Variant Numeric
1052
- * @see https://tailwindcss.com/docs/font-variant-numeric
1053
- */
1054
- "fvn-slashed-zero": ["slashed-zero"],
1055
- /**
1056
- * Font Variant Numeric
1057
- * @see https://tailwindcss.com/docs/font-variant-numeric
1058
- */
1059
- "fvn-figure": ["lining-nums", "oldstyle-nums"],
1060
- /**
1061
- * Font Variant Numeric
1062
- * @see https://tailwindcss.com/docs/font-variant-numeric
1063
- */
1064
- "fvn-spacing": ["proportional-nums", "tabular-nums"],
1065
- /**
1066
- * Font Variant Numeric
1067
- * @see https://tailwindcss.com/docs/font-variant-numeric
1068
- */
1069
- "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
1070
- /**
1071
- * Letter Spacing
1072
- * @see https://tailwindcss.com/docs/letter-spacing
1073
- */
1074
- tracking: [{
1075
- tracking: [a, s, n]
1076
- }],
1077
- /**
1078
- * Line Clamp
1079
- * @see https://tailwindcss.com/docs/line-clamp
1080
- */
1081
- "line-clamp": [{
1082
- "line-clamp": [u, "none", s, ie]
1083
- }],
1084
- /**
1085
- * Line Height
1086
- * @see https://tailwindcss.com/docs/line-height
1087
- */
1088
- leading: [{
1089
- leading: [
1090
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1091
- l,
1092
- ...c()
1093
- ]
1094
- }],
1095
- /**
1096
- * List Style Image
1097
- * @see https://tailwindcss.com/docs/list-style-image
1098
- */
1099
- "list-image": [{
1100
- "list-image": ["none", s, n]
1101
- }],
1102
- /**
1103
- * List Style Position
1104
- * @see https://tailwindcss.com/docs/list-style-position
1105
- */
1106
- "list-style-position": [{
1107
- list: ["inside", "outside"]
1108
- }],
1109
- /**
1110
- * List Style Type
1111
- * @see https://tailwindcss.com/docs/list-style-type
1112
- */
1113
- "list-style-type": [{
1114
- list: ["disc", "decimal", "none", s, n]
1115
- }],
1116
- /**
1117
- * Text Alignment
1118
- * @see https://tailwindcss.com/docs/text-align
1119
- */
1120
- "text-alignment": [{
1121
- text: ["left", "center", "right", "justify", "start", "end"]
1122
- }],
1123
- /**
1124
- * Placeholder Color
1125
- * @deprecated since Tailwind CSS v3.0.0
1126
- * @see https://v3.tailwindcss.com/docs/placeholder-color
1127
- */
1128
- "placeholder-color": [{
1129
- placeholder: d()
1130
- }],
1131
- /**
1132
- * Text Color
1133
- * @see https://tailwindcss.com/docs/text-color
1134
- */
1135
- "text-color": [{
1136
- text: d()
1137
- }],
1138
- /**
1139
- * Text Decoration
1140
- * @see https://tailwindcss.com/docs/text-decoration
1141
- */
1142
- "text-decoration": ["underline", "overline", "line-through", "no-underline"],
1143
- /**
1144
- * Text Decoration Style
1145
- * @see https://tailwindcss.com/docs/text-decoration-style
1146
- */
1147
- "text-decoration-style": [{
1148
- decoration: [...Y(), "wavy"]
1149
- }],
1150
- /**
1151
- * Text Decoration Thickness
1152
- * @see https://tailwindcss.com/docs/text-decoration-thickness
1153
- */
1154
- "text-decoration-thickness": [{
1155
- decoration: [u, "from-font", "auto", s, V]
1156
- }],
1157
- /**
1158
- * Text Decoration Color
1159
- * @see https://tailwindcss.com/docs/text-decoration-color
1160
- */
1161
- "text-decoration-color": [{
1162
- decoration: d()
1163
- }],
1164
- /**
1165
- * Text Underline Offset
1166
- * @see https://tailwindcss.com/docs/text-underline-offset
1167
- */
1168
- "underline-offset": [{
1169
- "underline-offset": [u, "auto", s, n]
1170
- }],
1171
- /**
1172
- * Text Transform
1173
- * @see https://tailwindcss.com/docs/text-transform
1174
- */
1175
- "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
1176
- /**
1177
- * Text Overflow
1178
- * @see https://tailwindcss.com/docs/text-overflow
1179
- */
1180
- "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
1181
- /**
1182
- * Text Wrap
1183
- * @see https://tailwindcss.com/docs/text-wrap
1184
- */
1185
- "text-wrap": [{
1186
- text: ["wrap", "nowrap", "balance", "pretty"]
1187
- }],
1188
- /**
1189
- * Text Indent
1190
- * @see https://tailwindcss.com/docs/text-indent
1191
- */
1192
- indent: [{
1193
- indent: c()
1194
- }],
1195
- /**
1196
- * Vertical Alignment
1197
- * @see https://tailwindcss.com/docs/vertical-align
1198
- */
1199
- "vertical-align": [{
1200
- align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", s, n]
1201
- }],
1202
- /**
1203
- * Whitespace
1204
- * @see https://tailwindcss.com/docs/whitespace
1205
- */
1206
- whitespace: [{
1207
- whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
1208
- }],
1209
- /**
1210
- * Word Break
1211
- * @see https://tailwindcss.com/docs/word-break
1212
- */
1213
- break: [{
1214
- break: ["normal", "words", "all", "keep"]
1215
- }],
1216
- /**
1217
- * Overflow Wrap
1218
- * @see https://tailwindcss.com/docs/overflow-wrap
1219
- */
1220
- wrap: [{
1221
- wrap: ["break-word", "anywhere", "normal"]
1222
- }],
1223
- /**
1224
- * Hyphens
1225
- * @see https://tailwindcss.com/docs/hyphens
1226
- */
1227
- hyphens: [{
1228
- hyphens: ["none", "manual", "auto"]
1229
- }],
1230
- /**
1231
- * Content
1232
- * @see https://tailwindcss.com/docs/content
1233
- */
1234
- content: [{
1235
- content: ["none", s, n]
1236
- }],
1237
- // -------------------
1238
- // --- Backgrounds ---
1239
- // -------------------
1240
- /**
1241
- * Background Attachment
1242
- * @see https://tailwindcss.com/docs/background-attachment
1243
- */
1244
- "bg-attachment": [{
1245
- bg: ["fixed", "local", "scroll"]
1246
- }],
1247
- /**
1248
- * Background Clip
1249
- * @see https://tailwindcss.com/docs/background-clip
1250
- */
1251
- "bg-clip": [{
1252
- "bg-clip": ["border", "padding", "content", "text"]
1253
- }],
1254
- /**
1255
- * Background Origin
1256
- * @see https://tailwindcss.com/docs/background-origin
1257
- */
1258
- "bg-origin": [{
1259
- "bg-origin": ["border", "padding", "content"]
1260
- }],
1261
- /**
1262
- * Background Position
1263
- * @see https://tailwindcss.com/docs/background-position
1264
- */
1265
- "bg-position": [{
1266
- bg: he()
1267
- }],
1268
- /**
1269
- * Background Repeat
1270
- * @see https://tailwindcss.com/docs/background-repeat
1271
- */
1272
- "bg-repeat": [{
1273
- bg: xe()
1274
- }],
1275
- /**
1276
- * Background Size
1277
- * @see https://tailwindcss.com/docs/background-size
1278
- */
1279
- "bg-size": [{
1280
- bg: we()
1281
- }],
1282
- /**
1283
- * Background Image
1284
- * @see https://tailwindcss.com/docs/background-image
1285
- */
1286
- "bg-image": [{
1287
- bg: ["none", {
1288
- linear: [{
1289
- to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
1290
- }, F, s, n],
1291
- radial: ["", s, n],
1292
- conic: [F, s, n]
1293
- }, Et, St]
1294
- }],
1295
- /**
1296
- * Background Color
1297
- * @see https://tailwindcss.com/docs/background-color
1298
- */
1299
- "bg-color": [{
1300
- bg: d()
1301
- }],
1302
- /**
1303
- * Gradient Color Stops From Position
1304
- * @see https://tailwindcss.com/docs/gradient-color-stops
1305
- */
1306
- "gradient-from-pos": [{
1307
- from: ne()
1308
- }],
1309
- /**
1310
- * Gradient Color Stops Via Position
1311
- * @see https://tailwindcss.com/docs/gradient-color-stops
1312
- */
1313
- "gradient-via-pos": [{
1314
- via: ne()
1315
- }],
1316
- /**
1317
- * Gradient Color Stops To Position
1318
- * @see https://tailwindcss.com/docs/gradient-color-stops
1319
- */
1320
- "gradient-to-pos": [{
1321
- to: ne()
1322
- }],
1323
- /**
1324
- * Gradient Color Stops From
1325
- * @see https://tailwindcss.com/docs/gradient-color-stops
1326
- */
1327
- "gradient-from": [{
1328
- from: d()
1329
- }],
1330
- /**
1331
- * Gradient Color Stops Via
1332
- * @see https://tailwindcss.com/docs/gradient-color-stops
1333
- */
1334
- "gradient-via": [{
1335
- via: d()
1336
- }],
1337
- /**
1338
- * Gradient Color Stops To
1339
- * @see https://tailwindcss.com/docs/gradient-color-stops
1340
- */
1341
- "gradient-to": [{
1342
- to: d()
1343
- }],
1344
- // ---------------
1345
- // --- Borders ---
1346
- // ---------------
1347
- /**
1348
- * Border Radius
1349
- * @see https://tailwindcss.com/docs/border-radius
1350
- */
1351
- rounded: [{
1352
- rounded: v()
1353
- }],
1354
- /**
1355
- * Border Radius Start
1356
- * @see https://tailwindcss.com/docs/border-radius
1357
- */
1358
- "rounded-s": [{
1359
- "rounded-s": v()
1360
- }],
1361
- /**
1362
- * Border Radius End
1363
- * @see https://tailwindcss.com/docs/border-radius
1364
- */
1365
- "rounded-e": [{
1366
- "rounded-e": v()
1367
- }],
1368
- /**
1369
- * Border Radius Top
1370
- * @see https://tailwindcss.com/docs/border-radius
1371
- */
1372
- "rounded-t": [{
1373
- "rounded-t": v()
1374
- }],
1375
- /**
1376
- * Border Radius Right
1377
- * @see https://tailwindcss.com/docs/border-radius
1378
- */
1379
- "rounded-r": [{
1380
- "rounded-r": v()
1381
- }],
1382
- /**
1383
- * Border Radius Bottom
1384
- * @see https://tailwindcss.com/docs/border-radius
1385
- */
1386
- "rounded-b": [{
1387
- "rounded-b": v()
1388
- }],
1389
- /**
1390
- * Border Radius Left
1391
- * @see https://tailwindcss.com/docs/border-radius
1392
- */
1393
- "rounded-l": [{
1394
- "rounded-l": v()
1395
- }],
1396
- /**
1397
- * Border Radius Start Start
1398
- * @see https://tailwindcss.com/docs/border-radius
1399
- */
1400
- "rounded-ss": [{
1401
- "rounded-ss": v()
1402
- }],
1403
- /**
1404
- * Border Radius Start End
1405
- * @see https://tailwindcss.com/docs/border-radius
1406
- */
1407
- "rounded-se": [{
1408
- "rounded-se": v()
1409
- }],
1410
- /**
1411
- * Border Radius End End
1412
- * @see https://tailwindcss.com/docs/border-radius
1413
- */
1414
- "rounded-ee": [{
1415
- "rounded-ee": v()
1416
- }],
1417
- /**
1418
- * Border Radius End Start
1419
- * @see https://tailwindcss.com/docs/border-radius
1420
- */
1421
- "rounded-es": [{
1422
- "rounded-es": v()
1423
- }],
1424
- /**
1425
- * Border Radius Top Left
1426
- * @see https://tailwindcss.com/docs/border-radius
1427
- */
1428
- "rounded-tl": [{
1429
- "rounded-tl": v()
1430
- }],
1431
- /**
1432
- * Border Radius Top Right
1433
- * @see https://tailwindcss.com/docs/border-radius
1434
- */
1435
- "rounded-tr": [{
1436
- "rounded-tr": v()
1437
- }],
1438
- /**
1439
- * Border Radius Bottom Right
1440
- * @see https://tailwindcss.com/docs/border-radius
1441
- */
1442
- "rounded-br": [{
1443
- "rounded-br": v()
1444
- }],
1445
- /**
1446
- * Border Radius Bottom Left
1447
- * @see https://tailwindcss.com/docs/border-radius
1448
- */
1449
- "rounded-bl": [{
1450
- "rounded-bl": v()
1451
- }],
1452
- /**
1453
- * Border Width
1454
- * @see https://tailwindcss.com/docs/border-width
1455
- */
1456
- "border-w": [{
1457
- border: I()
1458
- }],
1459
- /**
1460
- * Border Width X
1461
- * @see https://tailwindcss.com/docs/border-width
1462
- */
1463
- "border-w-x": [{
1464
- "border-x": I()
1465
- }],
1466
- /**
1467
- * Border Width Y
1468
- * @see https://tailwindcss.com/docs/border-width
1469
- */
1470
- "border-w-y": [{
1471
- "border-y": I()
1472
- }],
1473
- /**
1474
- * Border Width Start
1475
- * @see https://tailwindcss.com/docs/border-width
1476
- */
1477
- "border-w-s": [{
1478
- "border-s": I()
1479
- }],
1480
- /**
1481
- * Border Width End
1482
- * @see https://tailwindcss.com/docs/border-width
1483
- */
1484
- "border-w-e": [{
1485
- "border-e": I()
1486
- }],
1487
- /**
1488
- * Border Width Top
1489
- * @see https://tailwindcss.com/docs/border-width
1490
- */
1491
- "border-w-t": [{
1492
- "border-t": I()
1493
- }],
1494
- /**
1495
- * Border Width Right
1496
- * @see https://tailwindcss.com/docs/border-width
1497
- */
1498
- "border-w-r": [{
1499
- "border-r": I()
1500
- }],
1501
- /**
1502
- * Border Width Bottom
1503
- * @see https://tailwindcss.com/docs/border-width
1504
- */
1505
- "border-w-b": [{
1506
- "border-b": I()
1507
- }],
1508
- /**
1509
- * Border Width Left
1510
- * @see https://tailwindcss.com/docs/border-width
1511
- */
1512
- "border-w-l": [{
1513
- "border-l": I()
1514
- }],
1515
- /**
1516
- * Divide Width X
1517
- * @see https://tailwindcss.com/docs/border-width#between-children
1518
- */
1519
- "divide-x": [{
1520
- "divide-x": I()
1521
- }],
1522
- /**
1523
- * Divide Width X Reverse
1524
- * @see https://tailwindcss.com/docs/border-width#between-children
1525
- */
1526
- "divide-x-reverse": ["divide-x-reverse"],
1527
- /**
1528
- * Divide Width Y
1529
- * @see https://tailwindcss.com/docs/border-width#between-children
1530
- */
1531
- "divide-y": [{
1532
- "divide-y": I()
1533
- }],
1534
- /**
1535
- * Divide Width Y Reverse
1536
- * @see https://tailwindcss.com/docs/border-width#between-children
1537
- */
1538
- "divide-y-reverse": ["divide-y-reverse"],
1539
- /**
1540
- * Border Style
1541
- * @see https://tailwindcss.com/docs/border-style
1542
- */
1543
- "border-style": [{
1544
- border: [...Y(), "hidden", "none"]
1545
- }],
1546
- /**
1547
- * Divide Style
1548
- * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
1549
- */
1550
- "divide-style": [{
1551
- divide: [...Y(), "hidden", "none"]
1552
- }],
1553
- /**
1554
- * Border Color
1555
- * @see https://tailwindcss.com/docs/border-color
1556
- */
1557
- "border-color": [{
1558
- border: d()
1559
- }],
1560
- /**
1561
- * Border Color X
1562
- * @see https://tailwindcss.com/docs/border-color
1563
- */
1564
- "border-color-x": [{
1565
- "border-x": d()
1566
- }],
1567
- /**
1568
- * Border Color Y
1569
- * @see https://tailwindcss.com/docs/border-color
1570
- */
1571
- "border-color-y": [{
1572
- "border-y": d()
1573
- }],
1574
- /**
1575
- * Border Color S
1576
- * @see https://tailwindcss.com/docs/border-color
1577
- */
1578
- "border-color-s": [{
1579
- "border-s": d()
1580
- }],
1581
- /**
1582
- * Border Color E
1583
- * @see https://tailwindcss.com/docs/border-color
1584
- */
1585
- "border-color-e": [{
1586
- "border-e": d()
1587
- }],
1588
- /**
1589
- * Border Color Top
1590
- * @see https://tailwindcss.com/docs/border-color
1591
- */
1592
- "border-color-t": [{
1593
- "border-t": d()
1594
- }],
1595
- /**
1596
- * Border Color Right
1597
- * @see https://tailwindcss.com/docs/border-color
1598
- */
1599
- "border-color-r": [{
1600
- "border-r": d()
1601
- }],
1602
- /**
1603
- * Border Color Bottom
1604
- * @see https://tailwindcss.com/docs/border-color
1605
- */
1606
- "border-color-b": [{
1607
- "border-b": d()
1608
- }],
1609
- /**
1610
- * Border Color Left
1611
- * @see https://tailwindcss.com/docs/border-color
1612
- */
1613
- "border-color-l": [{
1614
- "border-l": d()
1615
- }],
1616
- /**
1617
- * Divide Color
1618
- * @see https://tailwindcss.com/docs/divide-color
1619
- */
1620
- "divide-color": [{
1621
- divide: d()
1622
- }],
1623
- /**
1624
- * Outline Style
1625
- * @see https://tailwindcss.com/docs/outline-style
1626
- */
1627
- "outline-style": [{
1628
- outline: [...Y(), "none", "hidden"]
1629
- }],
1630
- /**
1631
- * Outline Offset
1632
- * @see https://tailwindcss.com/docs/outline-offset
1633
- */
1634
- "outline-offset": [{
1635
- "outline-offset": [u, s, n]
1636
- }],
1637
- /**
1638
- * Outline Width
1639
- * @see https://tailwindcss.com/docs/outline-width
1640
- */
1641
- "outline-w": [{
1642
- outline: ["", u, D, V]
1643
- }],
1644
- /**
1645
- * Outline Color
1646
- * @see https://tailwindcss.com/docs/outline-color
1647
- */
1648
- "outline-color": [{
1649
- outline: d()
1650
- }],
1651
- // ---------------
1652
- // --- Effects ---
1653
- // ---------------
1654
- /**
1655
- * Box Shadow
1656
- * @see https://tailwindcss.com/docs/box-shadow
1657
- */
1658
- shadow: [{
1659
- shadow: [
1660
- // Deprecated since Tailwind CSS v4.0.0
1661
- "",
1662
- "none",
1663
- f,
1664
- te,
1665
- ee
1666
- ]
1667
- }],
1668
- /**
1669
- * Box Shadow Color
1670
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
1671
- */
1672
- "shadow-color": [{
1673
- shadow: d()
1674
- }],
1675
- /**
1676
- * Inset Box Shadow
1677
- * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
1678
- */
1679
- "inset-shadow": [{
1680
- "inset-shadow": ["none", M, te, ee]
1681
- }],
1682
- /**
1683
- * Inset Box Shadow Color
1684
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
1685
- */
1686
- "inset-shadow-color": [{
1687
- "inset-shadow": d()
1688
- }],
1689
- /**
1690
- * Ring Width
1691
- * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
1692
- */
1693
- "ring-w": [{
1694
- ring: I()
1695
- }],
1696
- /**
1697
- * Ring Width Inset
1698
- * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
1699
- * @deprecated since Tailwind CSS v4.0.0
1700
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
1701
- */
1702
- "ring-w-inset": ["ring-inset"],
1703
- /**
1704
- * Ring Color
1705
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
1706
- */
1707
- "ring-color": [{
1708
- ring: d()
1709
- }],
1710
- /**
1711
- * Ring Offset Width
1712
- * @see https://v3.tailwindcss.com/docs/ring-offset-width
1713
- * @deprecated since Tailwind CSS v4.0.0
1714
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
1715
- */
1716
- "ring-offset-w": [{
1717
- "ring-offset": [u, V]
1718
- }],
1719
- /**
1720
- * Ring Offset Color
1721
- * @see https://v3.tailwindcss.com/docs/ring-offset-color
1722
- * @deprecated since Tailwind CSS v4.0.0
1723
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
1724
- */
1725
- "ring-offset-color": [{
1726
- "ring-offset": d()
1727
- }],
1728
- /**
1729
- * Inset Ring Width
1730
- * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
1731
- */
1732
- "inset-ring-w": [{
1733
- "inset-ring": I()
1734
- }],
1735
- /**
1736
- * Inset Ring Color
1737
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
1738
- */
1739
- "inset-ring-color": [{
1740
- "inset-ring": d()
1741
- }],
1742
- /**
1743
- * Text Shadow
1744
- * @see https://tailwindcss.com/docs/text-shadow
1745
- */
1746
- "text-shadow": [{
1747
- "text-shadow": ["none", T, te, ee]
1748
- }],
1749
- /**
1750
- * Text Shadow Color
1751
- * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
1752
- */
1753
- "text-shadow-color": [{
1754
- "text-shadow": d()
1755
- }],
1756
- /**
1757
- * Opacity
1758
- * @see https://tailwindcss.com/docs/opacity
1759
- */
1760
- opacity: [{
1761
- opacity: [u, s, n]
1762
- }],
1763
- /**
1764
- * Mix Blend Mode
1765
- * @see https://tailwindcss.com/docs/mix-blend-mode
1766
- */
1767
- "mix-blend": [{
1768
- "mix-blend": [...ke(), "plus-darker", "plus-lighter"]
1769
- }],
1770
- /**
1771
- * Background Blend Mode
1772
- * @see https://tailwindcss.com/docs/background-blend-mode
1773
- */
1774
- "bg-blend": [{
1775
- "bg-blend": ke()
1776
- }],
1777
- /**
1778
- * Mask Clip
1779
- * @see https://tailwindcss.com/docs/mask-clip
1780
- */
1781
- "mask-clip": [{
1782
- "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
1783
- }, "mask-no-clip"],
1784
- /**
1785
- * Mask Composite
1786
- * @see https://tailwindcss.com/docs/mask-composite
1787
- */
1788
- "mask-composite": [{
1789
- mask: ["add", "subtract", "intersect", "exclude"]
1790
- }],
1791
- /**
1792
- * Mask Image
1793
- * @see https://tailwindcss.com/docs/mask-image
1794
- */
1795
- "mask-image-linear-pos": [{
1796
- "mask-linear": [u]
1797
- }],
1798
- "mask-image-linear-from-pos": [{
1799
- "mask-linear-from": x()
1800
- }],
1801
- "mask-image-linear-to-pos": [{
1802
- "mask-linear-to": x()
1803
- }],
1804
- "mask-image-linear-from-color": [{
1805
- "mask-linear-from": d()
1806
- }],
1807
- "mask-image-linear-to-color": [{
1808
- "mask-linear-to": d()
1809
- }],
1810
- "mask-image-t-from-pos": [{
1811
- "mask-t-from": x()
1812
- }],
1813
- "mask-image-t-to-pos": [{
1814
- "mask-t-to": x()
1815
- }],
1816
- "mask-image-t-from-color": [{
1817
- "mask-t-from": d()
1818
- }],
1819
- "mask-image-t-to-color": [{
1820
- "mask-t-to": d()
1821
- }],
1822
- "mask-image-r-from-pos": [{
1823
- "mask-r-from": x()
1824
- }],
1825
- "mask-image-r-to-pos": [{
1826
- "mask-r-to": x()
1827
- }],
1828
- "mask-image-r-from-color": [{
1829
- "mask-r-from": d()
1830
- }],
1831
- "mask-image-r-to-color": [{
1832
- "mask-r-to": d()
1833
- }],
1834
- "mask-image-b-from-pos": [{
1835
- "mask-b-from": x()
1836
- }],
1837
- "mask-image-b-to-pos": [{
1838
- "mask-b-to": x()
1839
- }],
1840
- "mask-image-b-from-color": [{
1841
- "mask-b-from": d()
1842
- }],
1843
- "mask-image-b-to-color": [{
1844
- "mask-b-to": d()
1845
- }],
1846
- "mask-image-l-from-pos": [{
1847
- "mask-l-from": x()
1848
- }],
1849
- "mask-image-l-to-pos": [{
1850
- "mask-l-to": x()
1851
- }],
1852
- "mask-image-l-from-color": [{
1853
- "mask-l-from": d()
1854
- }],
1855
- "mask-image-l-to-color": [{
1856
- "mask-l-to": d()
1857
- }],
1858
- "mask-image-x-from-pos": [{
1859
- "mask-x-from": x()
1860
- }],
1861
- "mask-image-x-to-pos": [{
1862
- "mask-x-to": x()
1863
- }],
1864
- "mask-image-x-from-color": [{
1865
- "mask-x-from": d()
1866
- }],
1867
- "mask-image-x-to-color": [{
1868
- "mask-x-to": d()
1869
- }],
1870
- "mask-image-y-from-pos": [{
1871
- "mask-y-from": x()
1872
- }],
1873
- "mask-image-y-to-pos": [{
1874
- "mask-y-to": x()
1875
- }],
1876
- "mask-image-y-from-color": [{
1877
- "mask-y-from": d()
1878
- }],
1879
- "mask-image-y-to-color": [{
1880
- "mask-y-to": d()
1881
- }],
1882
- "mask-image-radial": [{
1883
- "mask-radial": [s, n]
1884
- }],
1885
- "mask-image-radial-from-pos": [{
1886
- "mask-radial-from": x()
1887
- }],
1888
- "mask-image-radial-to-pos": [{
1889
- "mask-radial-to": x()
1890
- }],
1891
- "mask-image-radial-from-color": [{
1892
- "mask-radial-from": d()
1893
- }],
1894
- "mask-image-radial-to-color": [{
1895
- "mask-radial-to": d()
1896
- }],
1897
- "mask-image-radial-shape": [{
1898
- "mask-radial": ["circle", "ellipse"]
1899
- }],
1900
- "mask-image-radial-size": [{
1901
- "mask-radial": [{
1902
- closest: ["side", "corner"],
1903
- farthest: ["side", "corner"]
1904
- }]
1905
- }],
1906
- "mask-image-radial-pos": [{
1907
- "mask-radial-at": N()
1908
- }],
1909
- "mask-image-conic-pos": [{
1910
- "mask-conic": [u]
1911
- }],
1912
- "mask-image-conic-from-pos": [{
1913
- "mask-conic-from": x()
1914
- }],
1915
- "mask-image-conic-to-pos": [{
1916
- "mask-conic-to": x()
1917
- }],
1918
- "mask-image-conic-from-color": [{
1919
- "mask-conic-from": d()
1920
- }],
1921
- "mask-image-conic-to-color": [{
1922
- "mask-conic-to": d()
1923
- }],
1924
- /**
1925
- * Mask Mode
1926
- * @see https://tailwindcss.com/docs/mask-mode
1927
- */
1928
- "mask-mode": [{
1929
- mask: ["alpha", "luminance", "match"]
1930
- }],
1931
- /**
1932
- * Mask Origin
1933
- * @see https://tailwindcss.com/docs/mask-origin
1934
- */
1935
- "mask-origin": [{
1936
- "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
1937
- }],
1938
- /**
1939
- * Mask Position
1940
- * @see https://tailwindcss.com/docs/mask-position
1941
- */
1942
- "mask-position": [{
1943
- mask: he()
1944
- }],
1945
- /**
1946
- * Mask Repeat
1947
- * @see https://tailwindcss.com/docs/mask-repeat
1948
- */
1949
- "mask-repeat": [{
1950
- mask: xe()
1951
- }],
1952
- /**
1953
- * Mask Size
1954
- * @see https://tailwindcss.com/docs/mask-size
1955
- */
1956
- "mask-size": [{
1957
- mask: we()
1958
- }],
1959
- /**
1960
- * Mask Type
1961
- * @see https://tailwindcss.com/docs/mask-type
1962
- */
1963
- "mask-type": [{
1964
- "mask-type": ["alpha", "luminance"]
1965
- }],
1966
- /**
1967
- * Mask Image
1968
- * @see https://tailwindcss.com/docs/mask-image
1969
- */
1970
- "mask-image": [{
1971
- mask: ["none", s, n]
1972
- }],
1973
- // ---------------
1974
- // --- Filters ---
1975
- // ---------------
1976
- /**
1977
- * Filter
1978
- * @see https://tailwindcss.com/docs/filter
1979
- */
1980
- filter: [{
1981
- filter: [
1982
- // Deprecated since Tailwind CSS v3.0.0
1983
- "",
1984
- "none",
1985
- s,
1986
- n
1987
- ]
1988
- }],
1989
- /**
1990
- * Blur
1991
- * @see https://tailwindcss.com/docs/blur
1992
- */
1993
- blur: [{
1994
- blur: ye()
1995
- }],
1996
- /**
1997
- * Brightness
1998
- * @see https://tailwindcss.com/docs/brightness
1999
- */
2000
- brightness: [{
2001
- brightness: [u, s, n]
2002
- }],
2003
- /**
2004
- * Contrast
2005
- * @see https://tailwindcss.com/docs/contrast
2006
- */
2007
- contrast: [{
2008
- contrast: [u, s, n]
2009
- }],
2010
- /**
2011
- * Drop Shadow
2012
- * @see https://tailwindcss.com/docs/drop-shadow
2013
- */
2014
- "drop-shadow": [{
2015
- "drop-shadow": [
2016
- // Deprecated since Tailwind CSS v4.0.0
2017
- "",
2018
- "none",
2019
- C,
2020
- te,
2021
- ee
2022
- ]
2023
- }],
2024
- /**
2025
- * Drop Shadow Color
2026
- * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
2027
- */
2028
- "drop-shadow-color": [{
2029
- "drop-shadow": d()
2030
- }],
2031
- /**
2032
- * Grayscale
2033
- * @see https://tailwindcss.com/docs/grayscale
2034
- */
2035
- grayscale: [{
2036
- grayscale: ["", u, s, n]
2037
- }],
2038
- /**
2039
- * Hue Rotate
2040
- * @see https://tailwindcss.com/docs/hue-rotate
2041
- */
2042
- "hue-rotate": [{
2043
- "hue-rotate": [u, s, n]
2044
- }],
2045
- /**
2046
- * Invert
2047
- * @see https://tailwindcss.com/docs/invert
2048
- */
2049
- invert: [{
2050
- invert: ["", u, s, n]
2051
- }],
2052
- /**
2053
- * Saturate
2054
- * @see https://tailwindcss.com/docs/saturate
2055
- */
2056
- saturate: [{
2057
- saturate: [u, s, n]
2058
- }],
2059
- /**
2060
- * Sepia
2061
- * @see https://tailwindcss.com/docs/sepia
2062
- */
2063
- sepia: [{
2064
- sepia: ["", u, s, n]
2065
- }],
2066
- /**
2067
- * Backdrop Filter
2068
- * @see https://tailwindcss.com/docs/backdrop-filter
2069
- */
2070
- "backdrop-filter": [{
2071
- "backdrop-filter": [
2072
- // Deprecated since Tailwind CSS v3.0.0
2073
- "",
2074
- "none",
2075
- s,
2076
- n
2077
- ]
2078
- }],
2079
- /**
2080
- * Backdrop Blur
2081
- * @see https://tailwindcss.com/docs/backdrop-blur
2082
- */
2083
- "backdrop-blur": [{
2084
- "backdrop-blur": ye()
2085
- }],
2086
- /**
2087
- * Backdrop Brightness
2088
- * @see https://tailwindcss.com/docs/backdrop-brightness
2089
- */
2090
- "backdrop-brightness": [{
2091
- "backdrop-brightness": [u, s, n]
2092
- }],
2093
- /**
2094
- * Backdrop Contrast
2095
- * @see https://tailwindcss.com/docs/backdrop-contrast
2096
- */
2097
- "backdrop-contrast": [{
2098
- "backdrop-contrast": [u, s, n]
2099
- }],
2100
- /**
2101
- * Backdrop Grayscale
2102
- * @see https://tailwindcss.com/docs/backdrop-grayscale
2103
- */
2104
- "backdrop-grayscale": [{
2105
- "backdrop-grayscale": ["", u, s, n]
2106
- }],
2107
- /**
2108
- * Backdrop Hue Rotate
2109
- * @see https://tailwindcss.com/docs/backdrop-hue-rotate
2110
- */
2111
- "backdrop-hue-rotate": [{
2112
- "backdrop-hue-rotate": [u, s, n]
2113
- }],
2114
- /**
2115
- * Backdrop Invert
2116
- * @see https://tailwindcss.com/docs/backdrop-invert
2117
- */
2118
- "backdrop-invert": [{
2119
- "backdrop-invert": ["", u, s, n]
2120
- }],
2121
- /**
2122
- * Backdrop Opacity
2123
- * @see https://tailwindcss.com/docs/backdrop-opacity
2124
- */
2125
- "backdrop-opacity": [{
2126
- "backdrop-opacity": [u, s, n]
2127
- }],
2128
- /**
2129
- * Backdrop Saturate
2130
- * @see https://tailwindcss.com/docs/backdrop-saturate
2131
- */
2132
- "backdrop-saturate": [{
2133
- "backdrop-saturate": [u, s, n]
2134
- }],
2135
- /**
2136
- * Backdrop Sepia
2137
- * @see https://tailwindcss.com/docs/backdrop-sepia
2138
- */
2139
- "backdrop-sepia": [{
2140
- "backdrop-sepia": ["", u, s, n]
2141
- }],
2142
- // --------------
2143
- // --- Tables ---
2144
- // --------------
2145
- /**
2146
- * Border Collapse
2147
- * @see https://tailwindcss.com/docs/border-collapse
2148
- */
2149
- "border-collapse": [{
2150
- border: ["collapse", "separate"]
2151
- }],
2152
- /**
2153
- * Border Spacing
2154
- * @see https://tailwindcss.com/docs/border-spacing
2155
- */
2156
- "border-spacing": [{
2157
- "border-spacing": c()
2158
- }],
2159
- /**
2160
- * Border Spacing X
2161
- * @see https://tailwindcss.com/docs/border-spacing
2162
- */
2163
- "border-spacing-x": [{
2164
- "border-spacing-x": c()
2165
- }],
2166
- /**
2167
- * Border Spacing Y
2168
- * @see https://tailwindcss.com/docs/border-spacing
2169
- */
2170
- "border-spacing-y": [{
2171
- "border-spacing-y": c()
2172
- }],
2173
- /**
2174
- * Table Layout
2175
- * @see https://tailwindcss.com/docs/table-layout
2176
- */
2177
- "table-layout": [{
2178
- table: ["auto", "fixed"]
2179
- }],
2180
- /**
2181
- * Caption Side
2182
- * @see https://tailwindcss.com/docs/caption-side
2183
- */
2184
- caption: [{
2185
- caption: ["top", "bottom"]
2186
- }],
2187
- // ---------------------------------
2188
- // --- Transitions and Animation ---
2189
- // ---------------------------------
2190
- /**
2191
- * Transition Property
2192
- * @see https://tailwindcss.com/docs/transition-property
2193
- */
2194
- transition: [{
2195
- transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", s, n]
2196
- }],
2197
- /**
2198
- * Transition Behavior
2199
- * @see https://tailwindcss.com/docs/transition-behavior
2200
- */
2201
- "transition-behavior": [{
2202
- transition: ["normal", "discrete"]
2203
- }],
2204
- /**
2205
- * Transition Duration
2206
- * @see https://tailwindcss.com/docs/transition-duration
2207
- */
2208
- duration: [{
2209
- duration: [u, "initial", s, n]
2210
- }],
2211
- /**
2212
- * Transition Timing Function
2213
- * @see https://tailwindcss.com/docs/transition-timing-function
2214
- */
2215
- ease: [{
2216
- ease: ["linear", "initial", y, s, n]
2217
- }],
2218
- /**
2219
- * Transition Delay
2220
- * @see https://tailwindcss.com/docs/transition-delay
2221
- */
2222
- delay: [{
2223
- delay: [u, s, n]
2224
- }],
2225
- /**
2226
- * Animation
2227
- * @see https://tailwindcss.com/docs/animation
2228
- */
2229
- animate: [{
2230
- animate: ["none", A, s, n]
2231
- }],
2232
- // ------------------
2233
- // --- Transforms ---
2234
- // ------------------
2235
- /**
2236
- * Backface Visibility
2237
- * @see https://tailwindcss.com/docs/backface-visibility
2238
- */
2239
- backface: [{
2240
- backface: ["hidden", "visible"]
2241
- }],
2242
- /**
2243
- * Perspective
2244
- * @see https://tailwindcss.com/docs/perspective
2245
- */
2246
- perspective: [{
2247
- perspective: [k, s, n]
2248
- }],
2249
- /**
2250
- * Perspective Origin
2251
- * @see https://tailwindcss.com/docs/perspective-origin
2252
- */
2253
- "perspective-origin": [{
2254
- "perspective-origin": P()
2255
- }],
2256
- /**
2257
- * Rotate
2258
- * @see https://tailwindcss.com/docs/rotate
2259
- */
2260
- rotate: [{
2261
- rotate: q()
2262
- }],
2263
- /**
2264
- * Rotate X
2265
- * @see https://tailwindcss.com/docs/rotate
2266
- */
2267
- "rotate-x": [{
2268
- "rotate-x": q()
2269
- }],
2270
- /**
2271
- * Rotate Y
2272
- * @see https://tailwindcss.com/docs/rotate
2273
- */
2274
- "rotate-y": [{
2275
- "rotate-y": q()
2276
- }],
2277
- /**
2278
- * Rotate Z
2279
- * @see https://tailwindcss.com/docs/rotate
2280
- */
2281
- "rotate-z": [{
2282
- "rotate-z": q()
2283
- }],
2284
- /**
2285
- * Scale
2286
- * @see https://tailwindcss.com/docs/scale
2287
- */
2288
- scale: [{
2289
- scale: J()
2290
- }],
2291
- /**
2292
- * Scale X
2293
- * @see https://tailwindcss.com/docs/scale
2294
- */
2295
- "scale-x": [{
2296
- "scale-x": J()
2297
- }],
2298
- /**
2299
- * Scale Y
2300
- * @see https://tailwindcss.com/docs/scale
2301
- */
2302
- "scale-y": [{
2303
- "scale-y": J()
2304
- }],
2305
- /**
2306
- * Scale Z
2307
- * @see https://tailwindcss.com/docs/scale
2308
- */
2309
- "scale-z": [{
2310
- "scale-z": J()
2311
- }],
2312
- /**
2313
- * Scale 3D
2314
- * @see https://tailwindcss.com/docs/scale
2315
- */
2316
- "scale-3d": ["scale-3d"],
2317
- /**
2318
- * Skew
2319
- * @see https://tailwindcss.com/docs/skew
2320
- */
2321
- skew: [{
2322
- skew: se()
2323
- }],
2324
- /**
2325
- * Skew X
2326
- * @see https://tailwindcss.com/docs/skew
2327
- */
2328
- "skew-x": [{
2329
- "skew-x": se()
2330
- }],
2331
- /**
2332
- * Skew Y
2333
- * @see https://tailwindcss.com/docs/skew
2334
- */
2335
- "skew-y": [{
2336
- "skew-y": se()
2337
- }],
2338
- /**
2339
- * Transform
2340
- * @see https://tailwindcss.com/docs/transform
2341
- */
2342
- transform: [{
2343
- transform: [s, n, "", "none", "gpu", "cpu"]
2344
- }],
2345
- /**
2346
- * Transform Origin
2347
- * @see https://tailwindcss.com/docs/transform-origin
2348
- */
2349
- "transform-origin": [{
2350
- origin: P()
2351
- }],
2352
- /**
2353
- * Transform Style
2354
- * @see https://tailwindcss.com/docs/transform-style
2355
- */
2356
- "transform-style": [{
2357
- transform: ["3d", "flat"]
2358
- }],
2359
- /**
2360
- * Translate
2361
- * @see https://tailwindcss.com/docs/translate
2362
- */
2363
- translate: [{
2364
- translate: X()
2365
- }],
2366
- /**
2367
- * Translate X
2368
- * @see https://tailwindcss.com/docs/translate
2369
- */
2370
- "translate-x": [{
2371
- "translate-x": X()
2372
- }],
2373
- /**
2374
- * Translate Y
2375
- * @see https://tailwindcss.com/docs/translate
2376
- */
2377
- "translate-y": [{
2378
- "translate-y": X()
2379
- }],
2380
- /**
2381
- * Translate Z
2382
- * @see https://tailwindcss.com/docs/translate
2383
- */
2384
- "translate-z": [{
2385
- "translate-z": X()
2386
- }],
2387
- /**
2388
- * Translate None
2389
- * @see https://tailwindcss.com/docs/translate
2390
- */
2391
- "translate-none": ["translate-none"],
2392
- // ---------------------
2393
- // --- Interactivity ---
2394
- // ---------------------
2395
- /**
2396
- * Accent Color
2397
- * @see https://tailwindcss.com/docs/accent-color
2398
- */
2399
- accent: [{
2400
- accent: d()
2401
- }],
2402
- /**
2403
- * Appearance
2404
- * @see https://tailwindcss.com/docs/appearance
2405
- */
2406
- appearance: [{
2407
- appearance: ["none", "auto"]
2408
- }],
2409
- /**
2410
- * Caret Color
2411
- * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2412
- */
2413
- "caret-color": [{
2414
- caret: d()
2415
- }],
2416
- /**
2417
- * Color Scheme
2418
- * @see https://tailwindcss.com/docs/color-scheme
2419
- */
2420
- "color-scheme": [{
2421
- scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
2422
- }],
2423
- /**
2424
- * Cursor
2425
- * @see https://tailwindcss.com/docs/cursor
2426
- */
2427
- cursor: [{
2428
- 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", s, n]
2429
- }],
2430
- /**
2431
- * Field Sizing
2432
- * @see https://tailwindcss.com/docs/field-sizing
2433
- */
2434
- "field-sizing": [{
2435
- "field-sizing": ["fixed", "content"]
2436
- }],
2437
- /**
2438
- * Pointer Events
2439
- * @see https://tailwindcss.com/docs/pointer-events
2440
- */
2441
- "pointer-events": [{
2442
- "pointer-events": ["auto", "none"]
2443
- }],
2444
- /**
2445
- * Resize
2446
- * @see https://tailwindcss.com/docs/resize
2447
- */
2448
- resize: [{
2449
- resize: ["none", "", "y", "x"]
2450
- }],
2451
- /**
2452
- * Scroll Behavior
2453
- * @see https://tailwindcss.com/docs/scroll-behavior
2454
- */
2455
- "scroll-behavior": [{
2456
- scroll: ["auto", "smooth"]
2457
- }],
2458
- /**
2459
- * Scroll Margin
2460
- * @see https://tailwindcss.com/docs/scroll-margin
2461
- */
2462
- "scroll-m": [{
2463
- "scroll-m": c()
2464
- }],
2465
- /**
2466
- * Scroll Margin X
2467
- * @see https://tailwindcss.com/docs/scroll-margin
2468
- */
2469
- "scroll-mx": [{
2470
- "scroll-mx": c()
2471
- }],
2472
- /**
2473
- * Scroll Margin Y
2474
- * @see https://tailwindcss.com/docs/scroll-margin
2475
- */
2476
- "scroll-my": [{
2477
- "scroll-my": c()
2478
- }],
2479
- /**
2480
- * Scroll Margin Start
2481
- * @see https://tailwindcss.com/docs/scroll-margin
2482
- */
2483
- "scroll-ms": [{
2484
- "scroll-ms": c()
2485
- }],
2486
- /**
2487
- * Scroll Margin End
2488
- * @see https://tailwindcss.com/docs/scroll-margin
2489
- */
2490
- "scroll-me": [{
2491
- "scroll-me": c()
2492
- }],
2493
- /**
2494
- * Scroll Margin Top
2495
- * @see https://tailwindcss.com/docs/scroll-margin
2496
- */
2497
- "scroll-mt": [{
2498
- "scroll-mt": c()
2499
- }],
2500
- /**
2501
- * Scroll Margin Right
2502
- * @see https://tailwindcss.com/docs/scroll-margin
2503
- */
2504
- "scroll-mr": [{
2505
- "scroll-mr": c()
2506
- }],
2507
- /**
2508
- * Scroll Margin Bottom
2509
- * @see https://tailwindcss.com/docs/scroll-margin
2510
- */
2511
- "scroll-mb": [{
2512
- "scroll-mb": c()
2513
- }],
2514
- /**
2515
- * Scroll Margin Left
2516
- * @see https://tailwindcss.com/docs/scroll-margin
2517
- */
2518
- "scroll-ml": [{
2519
- "scroll-ml": c()
2520
- }],
2521
- /**
2522
- * Scroll Padding
2523
- * @see https://tailwindcss.com/docs/scroll-padding
2524
- */
2525
- "scroll-p": [{
2526
- "scroll-p": c()
2527
- }],
2528
- /**
2529
- * Scroll Padding X
2530
- * @see https://tailwindcss.com/docs/scroll-padding
2531
- */
2532
- "scroll-px": [{
2533
- "scroll-px": c()
2534
- }],
2535
- /**
2536
- * Scroll Padding Y
2537
- * @see https://tailwindcss.com/docs/scroll-padding
2538
- */
2539
- "scroll-py": [{
2540
- "scroll-py": c()
2541
- }],
2542
- /**
2543
- * Scroll Padding Start
2544
- * @see https://tailwindcss.com/docs/scroll-padding
2545
- */
2546
- "scroll-ps": [{
2547
- "scroll-ps": c()
2548
- }],
2549
- /**
2550
- * Scroll Padding End
2551
- * @see https://tailwindcss.com/docs/scroll-padding
2552
- */
2553
- "scroll-pe": [{
2554
- "scroll-pe": c()
2555
- }],
2556
- /**
2557
- * Scroll Padding Top
2558
- * @see https://tailwindcss.com/docs/scroll-padding
2559
- */
2560
- "scroll-pt": [{
2561
- "scroll-pt": c()
2562
- }],
2563
- /**
2564
- * Scroll Padding Right
2565
- * @see https://tailwindcss.com/docs/scroll-padding
2566
- */
2567
- "scroll-pr": [{
2568
- "scroll-pr": c()
2569
- }],
2570
- /**
2571
- * Scroll Padding Bottom
2572
- * @see https://tailwindcss.com/docs/scroll-padding
2573
- */
2574
- "scroll-pb": [{
2575
- "scroll-pb": c()
2576
- }],
2577
- /**
2578
- * Scroll Padding Left
2579
- * @see https://tailwindcss.com/docs/scroll-padding
2580
- */
2581
- "scroll-pl": [{
2582
- "scroll-pl": c()
2583
- }],
2584
- /**
2585
- * Scroll Snap Align
2586
- * @see https://tailwindcss.com/docs/scroll-snap-align
2587
- */
2588
- "snap-align": [{
2589
- snap: ["start", "end", "center", "align-none"]
2590
- }],
2591
- /**
2592
- * Scroll Snap Stop
2593
- * @see https://tailwindcss.com/docs/scroll-snap-stop
2594
- */
2595
- "snap-stop": [{
2596
- snap: ["normal", "always"]
2597
- }],
2598
- /**
2599
- * Scroll Snap Type
2600
- * @see https://tailwindcss.com/docs/scroll-snap-type
2601
- */
2602
- "snap-type": [{
2603
- snap: ["none", "x", "y", "both"]
2604
- }],
2605
- /**
2606
- * Scroll Snap Type Strictness
2607
- * @see https://tailwindcss.com/docs/scroll-snap-type
2608
- */
2609
- "snap-strictness": [{
2610
- snap: ["mandatory", "proximity"]
2611
- }],
2612
- /**
2613
- * Touch Action
2614
- * @see https://tailwindcss.com/docs/touch-action
2615
- */
2616
- touch: [{
2617
- touch: ["auto", "none", "manipulation"]
2618
- }],
2619
- /**
2620
- * Touch Action X
2621
- * @see https://tailwindcss.com/docs/touch-action
2622
- */
2623
- "touch-x": [{
2624
- "touch-pan": ["x", "left", "right"]
2625
- }],
2626
- /**
2627
- * Touch Action Y
2628
- * @see https://tailwindcss.com/docs/touch-action
2629
- */
2630
- "touch-y": [{
2631
- "touch-pan": ["y", "up", "down"]
2632
- }],
2633
- /**
2634
- * Touch Action Pinch Zoom
2635
- * @see https://tailwindcss.com/docs/touch-action
2636
- */
2637
- "touch-pz": ["touch-pinch-zoom"],
2638
- /**
2639
- * User Select
2640
- * @see https://tailwindcss.com/docs/user-select
2641
- */
2642
- select: [{
2643
- select: ["none", "text", "all", "auto"]
2644
- }],
2645
- /**
2646
- * Will Change
2647
- * @see https://tailwindcss.com/docs/will-change
2648
- */
2649
- "will-change": [{
2650
- "will-change": ["auto", "scroll", "contents", "transform", s, n]
2651
- }],
2652
- // -----------
2653
- // --- SVG ---
2654
- // -----------
2655
- /**
2656
- * Fill
2657
- * @see https://tailwindcss.com/docs/fill
2658
- */
2659
- fill: [{
2660
- fill: ["none", ...d()]
2661
- }],
2662
- /**
2663
- * Stroke Width
2664
- * @see https://tailwindcss.com/docs/stroke-width
2665
- */
2666
- "stroke-w": [{
2667
- stroke: [u, D, V, ie]
2668
- }],
2669
- /**
2670
- * Stroke
2671
- * @see https://tailwindcss.com/docs/stroke
2672
- */
2673
- stroke: [{
2674
- stroke: ["none", ...d()]
2675
- }],
2676
- // ---------------------
2677
- // --- Accessibility ---
2678
- // ---------------------
2679
- /**
2680
- * Forced Color Adjust
2681
- * @see https://tailwindcss.com/docs/forced-color-adjust
2682
- */
2683
- "forced-color-adjust": [{
2684
- "forced-color-adjust": ["auto", "none"]
2685
- }]
2686
- },
2687
- conflictingClassGroups: {
2688
- overflow: ["overflow-x", "overflow-y"],
2689
- overscroll: ["overscroll-x", "overscroll-y"],
2690
- inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
2691
- "inset-x": ["right", "left"],
2692
- "inset-y": ["top", "bottom"],
2693
- flex: ["basis", "grow", "shrink"],
2694
- gap: ["gap-x", "gap-y"],
2695
- p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
2696
- px: ["pr", "pl"],
2697
- py: ["pt", "pb"],
2698
- m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
2699
- mx: ["mr", "ml"],
2700
- my: ["mt", "mb"],
2701
- size: ["w", "h"],
2702
- "font-size": ["leading"],
2703
- "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
2704
- "fvn-ordinal": ["fvn-normal"],
2705
- "fvn-slashed-zero": ["fvn-normal"],
2706
- "fvn-figure": ["fvn-normal"],
2707
- "fvn-spacing": ["fvn-normal"],
2708
- "fvn-fraction": ["fvn-normal"],
2709
- "line-clamp": ["display", "overflow"],
2710
- 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"],
2711
- "rounded-s": ["rounded-ss", "rounded-es"],
2712
- "rounded-e": ["rounded-se", "rounded-ee"],
2713
- "rounded-t": ["rounded-tl", "rounded-tr"],
2714
- "rounded-r": ["rounded-tr", "rounded-br"],
2715
- "rounded-b": ["rounded-br", "rounded-bl"],
2716
- "rounded-l": ["rounded-tl", "rounded-bl"],
2717
- "border-spacing": ["border-spacing-x", "border-spacing-y"],
2718
- "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
2719
- "border-w-x": ["border-w-r", "border-w-l"],
2720
- "border-w-y": ["border-w-t", "border-w-b"],
2721
- "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
2722
- "border-color-x": ["border-color-r", "border-color-l"],
2723
- "border-color-y": ["border-color-t", "border-color-b"],
2724
- translate: ["translate-x", "translate-y", "translate-none"],
2725
- "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
2726
- "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
2727
- "scroll-mx": ["scroll-mr", "scroll-ml"],
2728
- "scroll-my": ["scroll-mt", "scroll-mb"],
2729
- "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
2730
- "scroll-px": ["scroll-pr", "scroll-pl"],
2731
- "scroll-py": ["scroll-pt", "scroll-pb"],
2732
- touch: ["touch-x", "touch-y", "touch-pz"],
2733
- "touch-x": ["touch"],
2734
- "touch-y": ["touch"],
2735
- "touch-pz": ["touch"]
2736
- },
2737
- conflictingClassGroupModifiers: {
2738
- "font-size": ["leading"]
2739
- },
2740
- orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
2741
- };
2742
- }, Tt = /* @__PURE__ */ pt(Pt);
2743
- function O(...e) {
2744
- return Tt(Qe(e));
2745
- }
2746
- const Rt = {
2747
- primary: "rounded-[var(--onside-btn-radius,9999px)] whitespace-nowrap leading-none !font-medium transition-bg duration-300 flex items-center justify-center text-center",
2748
- secondary: "rounded-[var(--onside-btn-radius,9999px)] whitespace-nowrap leading-none !font-medium bg-transparent border transition-bg transition-color duration-300 flex items-center justify-center text-center",
2749
- text: "whitespace-nowrap leading-none !font-medium transition-colors duration-300 flex items-center justify-center text-center",
2750
- transparent: "rounded-[var(--onside-btn-radius,9999px)] whitespace-nowrap leading-none !font-medium transition-opacity duration-300 flex items-center justify-center text-center"
2751
- }, Gt = {
2752
- primary: {
2753
- blue: "bg-[var(--onside-btn-bg,#0A5EFF)] text-[color:var(--onside-btn-text,#FFFFFF)] hover:bg-[var(--onside-btn-bg-hover,#337AFF)] focus:bg-[var(--onside-btn-bg,#0A5EFF)] disabled:bg-[var(--onside-btn-disabled-bg,rgba(10,94,255,0.2))]",
2754
- lightBlue: "bg-[#e2eaf8] text-blue hover:opacity-60 focus:opacity-100",
2755
- white: "bg-white text-blue hover:opacity-90 focus:opacity-100 disabled:opacity-50"
2756
- },
2757
- secondary: {
2758
- blue: "border-blue text-blue hover:bg-blue hover:text-white focus:bg-blue focus:text-white",
2759
- lightBlue: "border-[#e2eaf8] text-[#e2eaf8] hover:bg-[#e2eaf8] hover:text-white focus:bg-[#e2eaf8] focus:text-white",
2760
- white: "border-white text-white hover:bg-white hover:text-blue focus:bg-white focus:text-blue"
2761
- },
2762
- text: {
2763
- blue: "bg-transparent text-blue hover:underline focus:underline",
2764
- lightBlue: "bg-transparent text-[#e2eaf8] hover:underline focus:underline",
2765
- white: "bg-transparent text-white hover:underline focus:underline"
2766
- },
2767
- transparent: {
2768
- blue: "bg-transparent text-blue hover:opacity-75",
2769
- lightBlue: "bg-transparent text-[#e2eaf8] hover:opacity-75",
2770
- white: "bg-transparent text-white hover:opacity-75"
2771
- }
2772
- }, Lt = {
2773
- lg: "py-[var(--onside-btn-py,1rem)] px-[var(--onside-btn-px,2rem)] text-[length:var(--onside-btn-font-size,1.125rem)] font-medium",
2774
- md: "py-[var(--onside-btn-py,0.75rem)] px-[var(--onside-btn-px,1.25rem)] text-[length:var(--onside-btn-font-size,1rem)] font-medium"
2775
- };
2776
- function oe({ className: e, ...t }) {
2777
- const r = t.variant ?? "primary", o = t.color ?? "blue", a = t.size ?? "md", l = O(
2778
- Rt[r],
2779
- Lt[r !== "text" ? a : "md"],
2780
- // default size for text
2781
- Gt[r][o],
2782
- e
2783
- );
2784
- if (typeof t.href > "u")
2785
- return /* @__PURE__ */ w("button", { className: l, ...t });
2786
- const i = t, p = ("rel" in i ? i.rel : void 0) ?? (i.target === "_blank" ? "noopener noreferrer" : void 0);
2787
- return /* @__PURE__ */ w("a", { className: l, rel: p, ...i });
2788
- }
2789
- const lo = 7 * ue, co = 7 * ue, Ft = 2 * ue, Fe = Ke((e) => ({
2790
- activeModal: null,
2791
- openModal: (t) => e({ activeModal: t }),
2792
- closeModal: () => e({ activeModal: null })
2793
- })), Ot = {
2794
- INSTALL_BUTTON_CLICK: "install_button_click"
2795
- }, Bt = (e = {}, t) => ({
2796
- trackInstallEvent: (a) => {
2797
- const l = qe(Ot.INSTALL_BUTTON_CLICK, {
2798
- ...e,
2799
- event_type: a
2800
- });
2801
- l && t?.onEvent?.(l);
2802
- },
2803
- trackOpenModalEvent: (a) => {
2804
- const l = Ye(a, "opened", "install_button", {
2805
- ...e
2806
- });
2807
- l && t?.onEvent?.(l);
2808
- }
2809
- }), Vt = (e) => e ? "ios_18_6_plus" : "install_click", jt = (e, t) => {
2810
- e(Vt(t));
2811
- }, Ut = (e) => {
2812
- e("no_condition_matched");
2813
- }, Wt = (e) => {
2814
- window.location.assign(e);
2815
- }, $t = (e, t = Wt) => {
2816
- t(e);
2817
- }, Ht = (e) => {
2818
- const { id: t, location: r = "hero", customAnalytics: o, handleCustomStep: a, pathname: l } = e, i = Je(Xe()), p = i.installState === "install_available", { data: m, error: g } = De(p), f = m?.url ?? null, M = m?.onside_token ?? null, T = m?.attribution_token ?? null, C = m?.is_eligible ?? null, { openModal: b } = Fe(), [k, z] = Ve(!1), { trackOpenModalEvent: y, trackInstallEvent: A } = Bt(
2819
- {
2820
- page: l,
2821
- location: r,
2822
- button_id: t ?? void 0,
2823
- onside_token: M ?? void 0,
2824
- attribution_token: T ?? void 0
2825
- },
2826
- o
2827
- ), E = Q(() => {
2828
- z(!0);
2829
- const c = setTimeout(() => {
2830
- z(!1), clearTimeout(c);
2831
- }, Ft);
2832
- }, []), N = Q(
2833
- (c) => {
2834
- if (!f || !Ze) {
2835
- c.preventDefault();
2836
- return;
2837
- }
2838
- if (a) {
2839
- a();
2840
- return;
2841
- }
2842
- jt(A, i.usesNewInstallFlow), $t(f);
2843
- },
2844
- [f, a, i.usesNewInstallFlow, A]
2845
- ), P = Q(() => {
2846
- if (i.installState === "go_to_safari") {
2847
- y("go_to_safari"), b("goToSafari");
2848
- return;
2849
- }
2850
- if (i.installState === "update_ios") {
2851
- y("update_ios"), b("updateIOS");
2852
- return;
2853
- }
2854
- E(), Ut(A);
2855
- }, [
2856
- i.installState,
2857
- b,
2858
- E,
2859
- A,
2860
- y
2861
- ]), _ = Q(() => {
2862
- y("is_android"), b("isAndroid");
2863
- }, [b, y]);
2864
- return {
2865
- viewMode: i.installState === "android" ? "android" : k ? "loading" : f && p ? "link" : "button",
2866
- installUrl: f,
2867
- error: g,
2868
- isEligible: C,
2869
- conditions: i,
2870
- handleInstallClick: N,
2871
- handleModalFlowClick: P,
2872
- handleAndroidClick: _
2873
- };
2874
- }, Kt = (e) => /* @__PURE__ */ $.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ $.createElement("path", { d: "M12.1268 5.74646C11.3368 5.74646 10.1139 4.84824 8.82613 4.88071C7.12708 4.90235 5.56872 5.8655 4.69214 7.39139C2.92817 10.454 4.23762 14.9776 5.95831 17.4667C6.80243 18.6787 7.79805 20.0423 9.11832 19.999C10.3845 19.9449 10.8607 19.1765 12.3974 19.1765C13.9233 19.1765 14.3562 19.999 15.6981 19.9665C17.0617 19.9449 17.9274 18.7328 18.7607 17.5099C19.7239 16.1031 20.1243 14.7395 20.1459 14.6638C20.1134 14.653 17.4945 13.6465 17.4621 10.6164C17.4404 8.084 19.5291 6.87195 19.6265 6.81784C18.436 5.0755 16.6071 4.88071 15.9686 4.83742C14.3021 4.70755 12.906 5.74646 12.1268 5.74646ZM14.9406 3.19248C15.644 2.34837 16.1093 1.16877 15.9795 0C14.973 0.0432878 13.761 0.670965 13.0359 1.51508C12.3866 2.26179 11.8238 3.46303 11.9753 4.61016C13.09 4.69673 14.2371 4.03659 14.9406 3.19248Z", fill: "currentColor" })), Dt = ({
2875
- className: e,
2876
- onClick: t,
2877
- children: r,
2878
- id: o,
2879
- androidClassName: a,
2880
- androidTextClassName: l
2881
- }) => /* @__PURE__ */ w(
2882
- oe,
2883
- {
2884
- id: o,
2885
- className: O("bg-white px-7", e, a),
2886
- variant: "secondary",
2887
- size: "lg",
2888
- onClick: t,
2889
- children: /* @__PURE__ */ j("span", { className: "flex flex-row items-center gap-1", children: [
2890
- /* @__PURE__ */ w(Kt, { className: l ? "text-[#FF465D]" : void 0 }),
2891
- /* @__PURE__ */ w("span", { className: O("flex-1", l), children: r })
2892
- ] })
2893
- }
2894
- ), Zt = ({
2895
- href: e,
2896
- onClick: t,
2897
- children: r,
2898
- className: o,
2899
- id: a
2900
- }) => /* @__PURE__ */ w(
2901
- oe,
2902
- {
2903
- id: a,
2904
- href: e,
2905
- size: "lg",
2906
- onClick: t,
2907
- className: o,
2908
- children: r
2909
- }
2910
- ), Yt = (e) => /* @__PURE__ */ $.createElement("svg", { stroke: "customColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ $.createElement("style", null, ".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"), /* @__PURE__ */ $.createElement("g", { className: "spinner_V8m1" }, /* @__PURE__ */ $.createElement("circle", { cx: 12, cy: 12, r: 9.5, fill: "none", strokeWidth: 3 }))), qt = (e) => {
2911
- const {
2912
- id: t,
2913
- className: r,
2914
- children: o = "Loading...",
2915
- showLoaderOnly: a
2916
- } = e;
2917
- return /* @__PURE__ */ w(oe, { id: t, className: O("px-8 py-4", r), disabled: !0, children: /* @__PURE__ */ j("span", { className: "flex items-center gap-2", children: [
2918
- /* @__PURE__ */ w(Yt, { className: "size-5 animate-spin stroke-blue" }),
2919
- !a && o
2920
- ] }) });
2921
- }, Jt = () => /* @__PURE__ */ w("p", { className: "mt-2 text-center text-sm text-red-600", children: "Unable to load install link. Please try again." }), Oe = je(!1), Xt = () => typeof window < "u" ? window.location.pathname : "", mo = (e) => {
2922
- const {
2923
- className: t,
2924
- children: r = "Install Onside",
2925
- handleCustomStep: o,
2926
- location: a = "hero",
2927
- caption: l,
2928
- captionClassName: i,
2929
- showCaption: p = !0,
2930
- showLoaderOnly: m = !1,
2931
- androidClassName: g,
2932
- androidTextClassName: f,
2933
- customAnalytics: M,
2934
- styleVars: T,
2935
- id: C
2936
- } = e, b = Ue(Xt()), k = We(Oe), {
2937
- viewMode: z,
2938
- installUrl: y,
2939
- error: A,
2940
- isEligible: E,
2941
- handleInstallClick: N,
2942
- handleModalFlowClick: P,
2943
- handleAndroidClick: _
2944
- } = Ht({
2945
- id: C,
2946
- location: a,
2947
- customAnalytics: M,
2948
- handleCustomStep: o,
2949
- pathname: b.current
2950
- });
2951
- $e(() => {
2952
- }, [k]);
2953
- const R = p && (!E || l) && /* @__PURE__ */ w(
2954
- "div",
2955
- {
2956
- className: O(
2957
- "text-2xs font-mono opacity-60 [color:var(--onside-caption-color,rgba(30,28,31,0.6))] [font-size:var(--onside-caption-size,var(--text-2xs))] [line-height:var(--onside-caption-line-height,var(--text-2xs--line-height))]",
2958
- i
2959
- ),
2960
- children: E ? l : "Only available in the EU. Install from an eligible region."
2961
- }
2962
- ), c = {
2963
- "data-provider-widget-host": "",
2964
- style: T
2965
- }, S = {
2966
- android: /* @__PURE__ */ w(
2967
- Dt,
2968
- {
2969
- id: C,
2970
- className: t,
2971
- androidClassName: g,
2972
- androidTextClassName: f,
2973
- onClick: _,
2974
- children: "Onside is for iPhone and iPad"
2975
- }
2976
- ),
2977
- loading: /* @__PURE__ */ w(
2978
- qt,
2979
- {
2980
- showLoaderOnly: m,
2981
- id: C,
2982
- className: O("bg-buttonHover!", t)
2983
- }
2984
- ),
2985
- link: /* @__PURE__ */ j(Be, { children: [
2986
- /* @__PURE__ */ j(
2987
- Zt,
2988
- {
2989
- id: C,
2990
- className: O(t, "flex-col gap-1"),
2991
- href: y ?? "",
2992
- onClick: N,
2993
- children: [
2994
- r,
2995
- R
2996
- ]
2997
- }
2998
- ),
2999
- A && /* @__PURE__ */ w(Jt, {})
3000
- ] }),
3001
- button: /* @__PURE__ */ j(
3002
- oe,
3003
- {
3004
- id: C,
3005
- className: O(t, "flex-col gap-1"),
3006
- size: "lg",
3007
- onClick: P,
3008
- children: [
3009
- r,
3010
- R
3011
- ]
3012
- }
3013
- )
3014
- };
3015
- return /* @__PURE__ */ w("div", { ...c, children: S[z] ?? S.button });
3016
- }, Qt = me(async () => ({ default: (await import("./AndroidPlatformModal-2Ykjo2V7.js")).AndroidPlatformModal })), eo = me(async () => ({ default: (await import("./GoToSafariModal-C_KBizh8.js")).GoToSafariModal })), to = me(async () => ({ default: (await import("./UpdateIOSModal-BGWvssyd.js")).UpdateIOSModal })), oo = () => {
3017
- const { activeModal: e, closeModal: t } = Fe();
3018
- return /* @__PURE__ */ j(He, { fallback: null, children: [
3019
- /* @__PURE__ */ w(eo, { open: e === "goToSafari", onClose: t }),
3020
- /* @__PURE__ */ w(to, { open: e === "updateIOS", onClose: t }),
3021
- /* @__PURE__ */ w(Qt, { open: e === "isAndroid", onClose: t })
3022
- ] });
3023
- }, uo = ({ children: e }) => /* @__PURE__ */ j(Oe.Provider, { value: !0, children: [
3024
- e,
3025
- /* @__PURE__ */ w(oo, {})
3026
- ] });
3027
- export {
3028
- Ft as A,
3029
- oe as B,
3030
- mo as I,
3031
- O as a,
3032
- uo as b,
3033
- Qe as c,
3034
- co as d,
3035
- lo as e
3036
- };