@possibly6400/ui-kit 1.0.6 → 1.0.9

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 (5) hide show
  1. package/README.md +11 -0
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1531 -994
  4. package/dist/styles.css +1 -1
  5. package/package.json +15 -15
package/dist/index.mjs CHANGED
@@ -1,97 +1,126 @@
1
- import { jsxs as f, jsx as s } from "react/jsx-runtime";
2
- import C, { useState as se, useId as fe, useRef as xe, createContext as ge, useContext as we } from "react";
3
- function ne(e) {
4
- var t, o, r = "";
5
- if (typeof e == "string" || typeof e == "number") r += e;
1
+ import { jsxs as x, jsx as a } from "react/jsx-runtime";
2
+ import k, { useState as Ne, useId as We, useRef as Ze, createContext as Ue, useContext as He } from "react";
3
+ function ze(e) {
4
+ var r, o, t = "";
5
+ if (typeof e == "string" || typeof e == "number") t += e;
6
6
  else if (typeof e == "object") if (Array.isArray(e)) {
7
- var n = e.length;
8
- for (t = 0; t < n; t++) e[t] && (o = ne(e[t])) && (r && (r += " "), r += o);
9
- } else for (o in e) e[o] && (r && (r += " "), r += o);
10
- return r;
7
+ var s = e.length;
8
+ for (r = 0; r < s; r++) e[r] && (o = ze(e[r])) && (t && (t += " "), t += o);
9
+ } else for (o in e) e[o] && (t && (t += " "), t += o);
10
+ return t;
11
11
  }
12
- function ye() {
13
- for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = ne(e)) && (r && (r += " "), r += t);
14
- return r;
12
+ function qe() {
13
+ for (var e, r, o = 0, t = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (r = ze(e)) && (t && (t += " "), t += r);
14
+ return t;
15
15
  }
16
- const J = "-", ve = (e) => {
17
- const t = Ce(e), {
16
+ const Ke = (e, r) => {
17
+ const o = new Array(e.length + r.length);
18
+ for (let t = 0; t < e.length; t++)
19
+ o[t] = e[t];
20
+ for (let t = 0; t < r.length; t++)
21
+ o[e.length + t] = r[t];
22
+ return o;
23
+ }, Ye = (e, r) => ({
24
+ classGroupId: e,
25
+ validator: r
26
+ }), Se = (e = /* @__PURE__ */ new Map(), r = null, o) => ({
27
+ nextPart: e,
28
+ validators: r,
29
+ classGroupId: o
30
+ }), oe = "-", we = [], Xe = "arbitrary..", Je = (e) => {
31
+ const r = et(e), {
18
32
  conflictingClassGroups: o,
19
- conflictingClassGroupModifiers: r
33
+ conflictingClassGroupModifiers: t
20
34
  } = e;
21
35
  return {
22
- getClassGroupId: (a) => {
23
- const i = a.split(J);
24
- return i[0] === "" && i.length !== 1 && i.shift(), ae(i, t) || _e(a);
36
+ getClassGroupId: (n) => {
37
+ if (n.startsWith("[") && n.endsWith("]"))
38
+ return Qe(n);
39
+ const m = n.split(oe), l = m[0] === "" && m.length > 1 ? 1 : 0;
40
+ return Me(m, l, r);
25
41
  },
26
- getConflictingClassGroupIds: (a, i) => {
27
- const d = o[a] || [];
28
- return i && r[a] ? [...d, ...r[a]] : d;
42
+ getConflictingClassGroupIds: (n, m) => {
43
+ if (m) {
44
+ const l = t[n], u = o[n];
45
+ return l ? u ? Ke(u, l) : l : u || we;
46
+ }
47
+ return o[n] || we;
29
48
  }
30
49
  };
31
- }, ae = (e, t) => {
32
- var a;
33
- if (e.length === 0)
34
- return t.classGroupId;
35
- const o = e[0], r = t.nextPart.get(o), n = r ? ae(e.slice(1), r) : void 0;
36
- if (n)
37
- return n;
38
- if (t.validators.length === 0)
50
+ }, Me = (e, r, o) => {
51
+ if (e.length - r === 0)
52
+ return o.classGroupId;
53
+ const s = e[r], i = o.nextPart.get(s);
54
+ if (i) {
55
+ const u = Me(e, r + 1, i);
56
+ if (u) return u;
57
+ }
58
+ const n = o.validators;
59
+ if (n === null)
39
60
  return;
40
- const l = e.join(J);
41
- return (a = t.validators.find(({
42
- validator: i
43
- }) => i(l))) == null ? void 0 : a.classGroupId;
44
- }, te = /^\[(.+)\]$/, _e = (e) => {
45
- if (te.test(e)) {
46
- const t = te.exec(e)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
47
- if (o)
48
- return "arbitrary.." + o;
61
+ const m = r === 0 ? e.join(oe) : e.slice(r).join(oe), l = n.length;
62
+ for (let u = 0; u < l; u++) {
63
+ const g = n[u];
64
+ if (g.validator(m))
65
+ return g.classGroupId;
49
66
  }
50
- }, Ce = (e) => {
67
+ }, Qe = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
68
+ const r = e.slice(1, -1), o = r.indexOf(":"), t = r.slice(0, o);
69
+ return t ? Xe + t : void 0;
70
+ })(), et = (e) => {
51
71
  const {
52
- theme: t,
53
- prefix: o
54
- } = e, r = {
55
- nextPart: /* @__PURE__ */ new Map(),
56
- validators: []
57
- };
58
- return Ne(Object.entries(e.classGroups), o).forEach(([l, a]) => {
59
- K(a, r, l, t);
60
- }), r;
61
- }, K = (e, t, o, r) => {
62
- e.forEach((n) => {
63
- if (typeof n == "string") {
64
- const l = n === "" ? t : re(t, n);
65
- l.classGroupId = o;
66
- return;
67
- }
68
- if (typeof n == "function") {
69
- if (ke(n)) {
70
- K(n(r), t, o, r);
71
- return;
72
- }
73
- t.validators.push({
74
- validator: n,
75
- classGroupId: o
76
- });
77
- return;
78
- }
79
- Object.entries(n).forEach(([l, a]) => {
80
- K(a, re(t, l), o, r);
81
- });
82
- });
83
- }, re = (e, t) => {
72
+ theme: r,
73
+ classGroups: o
74
+ } = e;
75
+ return tt(o, r);
76
+ }, tt = (e, r) => {
77
+ const o = Se();
78
+ for (const t in e) {
79
+ const s = e[t];
80
+ de(s, o, t, r);
81
+ }
82
+ return o;
83
+ }, de = (e, r, o, t) => {
84
+ const s = e.length;
85
+ for (let i = 0; i < s; i++) {
86
+ const n = e[i];
87
+ rt(n, r, o, t);
88
+ }
89
+ }, rt = (e, r, o, t) => {
90
+ if (typeof e == "string") {
91
+ ot(e, r, o);
92
+ return;
93
+ }
94
+ if (typeof e == "function") {
95
+ st(e, r, o, t);
96
+ return;
97
+ }
98
+ nt(e, r, o, t);
99
+ }, ot = (e, r, o) => {
100
+ const t = e === "" ? r : Ae(r, e);
101
+ t.classGroupId = o;
102
+ }, st = (e, r, o, t) => {
103
+ if (at(e)) {
104
+ de(e(t), r, o, t);
105
+ return;
106
+ }
107
+ r.validators === null && (r.validators = []), r.validators.push(Ye(o, e));
108
+ }, nt = (e, r, o, t) => {
109
+ const s = Object.entries(e), i = s.length;
110
+ for (let n = 0; n < i; n++) {
111
+ const [m, l] = s[n];
112
+ de(l, Ae(r, m), o, t);
113
+ }
114
+ }, Ae = (e, r) => {
84
115
  let o = e;
85
- return t.split(J).forEach((r) => {
86
- o.nextPart.has(r) || o.nextPart.set(r, {
87
- nextPart: /* @__PURE__ */ new Map(),
88
- validators: []
89
- }), o = o.nextPart.get(r);
90
- }), o;
91
- }, ke = (e) => e.isThemeGetter, Ne = (e, t) => t ? e.map(([o, r]) => {
92
- const n = r.map((l) => typeof l == "string" ? t + l : typeof l == "object" ? Object.fromEntries(Object.entries(l).map(([a, i]) => [t + a, i])) : l);
93
- return [o, n];
94
- }) : e, ze = (e) => {
116
+ const t = r.split(oe), s = t.length;
117
+ for (let i = 0; i < s; i++) {
118
+ const n = t[i];
119
+ let m = o.nextPart.get(n);
120
+ m || (m = Se(), o.nextPart.set(n, m)), o = m;
121
+ }
122
+ return o;
123
+ }, at = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, it = (e) => {
95
124
  if (e < 1)
96
125
  return {
97
126
  get: () => {
@@ -99,192 +128,257 @@ const J = "-", ve = (e) => {
99
128
  set: () => {
100
129
  }
101
130
  };
102
- let t = 0, o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
103
- const n = (l, a) => {
104
- o.set(l, a), t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ new Map());
131
+ let r = 0, o = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
132
+ const s = (i, n) => {
133
+ o[i] = n, r++, r > e && (r = 0, t = o, o = /* @__PURE__ */ Object.create(null));
105
134
  };
106
135
  return {
107
- get(l) {
108
- let a = o.get(l);
109
- if (a !== void 0)
110
- return a;
111
- if ((a = r.get(l)) !== void 0)
112
- return n(l, a), a;
136
+ get(i) {
137
+ let n = o[i];
138
+ if (n !== void 0)
139
+ return n;
140
+ if ((n = t[i]) !== void 0)
141
+ return s(i, n), n;
113
142
  },
114
- set(l, a) {
115
- o.has(l) ? o.set(l, a) : n(l, a);
143
+ set(i, n) {
144
+ i in o ? o[i] = n : s(i, n);
116
145
  }
117
146
  };
118
- }, le = "!", Me = (e) => {
147
+ }, ce = "!", ye = ":", lt = [], ve = (e, r, o, t, s) => ({
148
+ modifiers: e,
149
+ hasImportantModifier: r,
150
+ baseClassName: o,
151
+ maybePostfixModifierPosition: t,
152
+ isExternal: s
153
+ }), ct = (e) => {
119
154
  const {
120
- separator: t,
155
+ prefix: r,
121
156
  experimentalParseClassName: o
122
- } = e, r = t.length === 1, n = t[0], l = t.length, a = (i) => {
123
- const d = [];
124
- let h = 0, c = 0, w;
125
- for (let b = 0; b < i.length; b++) {
126
- let k = i[b];
127
- if (h === 0) {
128
- if (k === n && (r || i.slice(b, b + l) === t)) {
129
- d.push(i.slice(c, b)), c = b + l;
157
+ } = e;
158
+ let t = (s) => {
159
+ const i = [];
160
+ let n = 0, m = 0, l = 0, u;
161
+ const g = s.length;
162
+ for (let M = 0; M < g; M++) {
163
+ const z = s[M];
164
+ if (n === 0 && m === 0) {
165
+ if (z === ye) {
166
+ i.push(s.slice(l, M)), l = M + 1;
130
167
  continue;
131
168
  }
132
- if (k === "/") {
133
- w = b;
169
+ if (z === "/") {
170
+ u = M;
134
171
  continue;
135
172
  }
136
173
  }
137
- k === "[" ? h++ : k === "]" && h--;
174
+ z === "[" ? n++ : z === "]" ? n-- : z === "(" ? m++ : z === ")" && m--;
138
175
  }
139
- const x = d.length === 0 ? i : i.substring(c), _ = x.startsWith(le), g = _ ? x.substring(1) : x, u = w && w > c ? w - c : void 0;
140
- return {
141
- modifiers: d,
142
- hasImportantModifier: _,
143
- baseClassName: g,
144
- maybePostfixModifierPosition: u
145
- };
176
+ const w = i.length === 0 ? s : s.slice(l);
177
+ let y = w, N = !1;
178
+ w.endsWith(ce) ? (y = w.slice(0, -1), N = !0) : (
179
+ /**
180
+ * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
181
+ * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
182
+ */
183
+ w.startsWith(ce) && (y = w.slice(1), N = !0)
184
+ );
185
+ const v = u && u > l ? u - l : void 0;
186
+ return ve(i, N, y, v);
146
187
  };
147
- return o ? (i) => o({
148
- className: i,
149
- parseClassName: a
150
- }) : a;
151
- }, Se = (e) => {
152
- if (e.length <= 1)
153
- return e;
154
- const t = [];
155
- let o = [];
156
- return e.forEach((r) => {
157
- r[0] === "[" ? (t.push(...o.sort(), r), o = []) : o.push(r);
158
- }), t.push(...o.sort()), t;
159
- }, Le = (e) => ({
160
- cache: ze(e.cacheSize),
161
- parseClassName: Me(e),
162
- ...ve(e)
163
- }), Ae = /\s+/, Ie = (e, t) => {
188
+ if (r) {
189
+ const s = r + ye, i = t;
190
+ t = (n) => n.startsWith(s) ? i(n.slice(s.length)) : ve(lt, !1, n, void 0, !0);
191
+ }
192
+ if (o) {
193
+ const s = t;
194
+ t = (i) => o({
195
+ className: i,
196
+ parseClassName: s
197
+ });
198
+ }
199
+ return t;
200
+ }, dt = (e) => {
201
+ const r = /* @__PURE__ */ new Map();
202
+ return e.orderSensitiveModifiers.forEach((o, t) => {
203
+ r.set(o, 1e6 + t);
204
+ }), (o) => {
205
+ const t = [];
206
+ let s = [];
207
+ for (let i = 0; i < o.length; i++) {
208
+ const n = o[i], m = n[0] === "[", l = r.has(n);
209
+ m || l ? (s.length > 0 && (s.sort(), t.push(...s), s = []), t.push(n)) : s.push(n);
210
+ }
211
+ return s.length > 0 && (s.sort(), t.push(...s)), t;
212
+ };
213
+ }, mt = (e) => ({
214
+ cache: it(e.cacheSize),
215
+ parseClassName: ct(e),
216
+ sortModifiers: dt(e),
217
+ ...Je(e)
218
+ }), pt = /\s+/, ut = (e, r) => {
164
219
  const {
165
220
  parseClassName: o,
166
- getClassGroupId: r,
167
- getConflictingClassGroupIds: n
168
- } = t, l = [], a = e.trim().split(Ae);
169
- let i = "";
170
- for (let d = a.length - 1; d >= 0; d -= 1) {
171
- const h = a[d], {
172
- modifiers: c,
173
- hasImportantModifier: w,
174
- baseClassName: x,
175
- maybePostfixModifierPosition: _
176
- } = o(h);
177
- let g = !!_, u = r(g ? x.substring(0, _) : x);
178
- if (!u) {
179
- if (!g) {
180
- i = h + (i.length > 0 ? " " + i : i);
221
+ getClassGroupId: t,
222
+ getConflictingClassGroupIds: s,
223
+ sortModifiers: i
224
+ } = r, n = [], m = e.trim().split(pt);
225
+ let l = "";
226
+ for (let u = m.length - 1; u >= 0; u -= 1) {
227
+ const g = m[u], {
228
+ isExternal: w,
229
+ modifiers: y,
230
+ hasImportantModifier: N,
231
+ baseClassName: v,
232
+ maybePostfixModifierPosition: M
233
+ } = o(g);
234
+ if (w) {
235
+ l = g + (l.length > 0 ? " " + l : l);
236
+ continue;
237
+ }
238
+ let z = !!M, T = t(z ? v.substring(0, M) : v);
239
+ if (!T) {
240
+ if (!z) {
241
+ l = g + (l.length > 0 ? " " + l : l);
181
242
  continue;
182
243
  }
183
- if (u = r(x), !u) {
184
- i = h + (i.length > 0 ? " " + i : i);
244
+ if (T = t(v), !T) {
245
+ l = g + (l.length > 0 ? " " + l : l);
185
246
  continue;
186
247
  }
187
- g = !1;
248
+ z = !1;
188
249
  }
189
- const b = Se(c).join(":"), k = w ? b + le : b, N = k + u;
190
- if (l.includes(N))
250
+ const G = y.length === 0 ? "" : y.length === 1 ? y[0] : i(y).join(":"), O = N ? G + ce : G, E = O + T;
251
+ if (n.indexOf(E) > -1)
191
252
  continue;
192
- l.push(N);
193
- const R = n(u, g);
194
- for (let M = 0; M < R.length; ++M) {
195
- const E = R[M];
196
- l.push(k + E);
253
+ n.push(E);
254
+ const j = s(T, z);
255
+ for (let L = 0; L < j.length; ++L) {
256
+ const q = j[L];
257
+ n.push(O + q);
197
258
  }
198
- i = h + (i.length > 0 ? " " + i : i);
259
+ l = g + (l.length > 0 ? " " + l : l);
199
260
  }
200
- return i;
201
- };
202
- function Re() {
203
- let e = 0, t, o, r = "";
204
- for (; e < arguments.length; )
205
- (t = arguments[e++]) && (o = ie(t)) && (r && (r += " "), r += o);
206
- return r;
207
- }
208
- const ie = (e) => {
261
+ return l;
262
+ }, ht = (...e) => {
263
+ let r = 0, o, t, s = "";
264
+ for (; r < e.length; )
265
+ (o = e[r++]) && (t = Le(o)) && (s && (s += " "), s += t);
266
+ return s;
267
+ }, Le = (e) => {
209
268
  if (typeof e == "string")
210
269
  return e;
211
- let t, o = "";
212
- for (let r = 0; r < e.length; r++)
213
- e[r] && (t = ie(e[r])) && (o && (o += " "), o += t);
270
+ let r, o = "";
271
+ for (let t = 0; t < e.length; t++)
272
+ e[t] && (r = Le(e[t])) && (o && (o += " "), o += r);
214
273
  return o;
215
- };
216
- function Ee(e, ...t) {
217
- let o, r, n, l = a;
218
- function a(d) {
219
- const h = t.reduce((c, w) => w(c), e());
220
- return o = Le(h), r = o.cache.get, n = o.cache.set, l = i, i(d);
221
- }
222
- function i(d) {
223
- const h = r(d);
224
- if (h)
225
- return h;
226
- const c = Ie(d, o);
227
- return n(d, c), c;
228
- }
229
- return function() {
230
- return l(Re.apply(null, arguments));
274
+ }, bt = (e, ...r) => {
275
+ let o, t, s, i;
276
+ const n = (l) => {
277
+ const u = r.reduce((g, w) => w(g), e());
278
+ return o = mt(u), t = o.cache.get, s = o.cache.set, i = m, m(l);
279
+ }, m = (l) => {
280
+ const u = t(l);
281
+ if (u)
282
+ return u;
283
+ const g = ut(l, o);
284
+ return s(l, g), g;
231
285
  };
232
- }
233
- const y = (e) => {
234
- const t = (o) => o[e] || [];
235
- return t.isThemeGetter = !0, t;
236
- }, ce = /^\[(?:([a-z-]+):)?(.+)\]$/i, Te = /^\d+\/\d+$/, je = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ge = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Be = /\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$/, Pe = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Fe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $e = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, L = (e) => j(e) || je.has(e) || Te.test(e), A = (e) => G(e, "length", Ke), j = (e) => !!e && !Number.isNaN(Number(e)), D = (e) => G(e, "number", j), F = (e) => !!e && Number.isInteger(Number(e)), Ve = (e) => e.endsWith("%") && j(e.slice(0, -1)), p = (e) => ce.test(e), I = (e) => Ge.test(e), We = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ze = (e) => G(e, We, de), Ue = (e) => G(e, "position", de), He = /* @__PURE__ */ new Set(["image", "url"]), qe = (e) => G(e, He, Qe), De = (e) => G(e, "", Je), $ = () => !0, G = (e, t, o) => {
237
- const r = ce.exec(e);
238
- return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : o(r[2]) : !1;
239
- }, Ke = (e) => (
286
+ return i = n, (...l) => i(ht(...l));
287
+ }, ft = [], _ = (e) => {
288
+ const r = (o) => o[e] || ft;
289
+ return r.isThemeGetter = !0, r;
290
+ }, Ie = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Re = /^\((?:(\w[\w-]*):)?(.+)\)$/i, gt = /^\d+\/\d+$/, xt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, wt = /\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$/, yt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, kt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Z = (e) => gt.test(e), f = (e) => !!e && !Number.isNaN(Number(e)), V = (e) => !!e && Number.isInteger(Number(e)), ie = (e) => e.endsWith("%") && f(e.slice(0, -1)), F = (e) => xt.test(e), _t = () => !0, Ct = (e) => (
240
291
  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
241
292
  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
242
293
  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
243
- Be.test(e) && !Pe.test(e)
244
- ), de = () => !1, Je = (e) => Fe.test(e), Qe = (e) => $e.test(e), Xe = () => {
245
- const e = y("colors"), t = y("spacing"), o = y("blur"), r = y("brightness"), n = y("borderColor"), l = y("borderRadius"), a = y("borderSpacing"), i = y("borderWidth"), d = y("contrast"), h = y("grayscale"), c = y("hueRotate"), w = y("invert"), x = y("gap"), _ = y("gradientColorStops"), g = y("gradientColorStopPositions"), u = y("inset"), b = y("margin"), k = y("opacity"), N = y("padding"), R = y("saturate"), M = y("scale"), E = y("sepia"), T = y("skew"), B = y("space"), Q = y("translate"), Z = () => ["auto", "contain", "none"], U = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", p, t], v = () => [p, t], X = () => ["", L, A], V = () => ["auto", j, p], Y = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], W = () => ["solid", "dashed", "dotted", "double", "none"], O = () => ["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"], P = () => ["", "0", p], ee = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [j, p];
294
+ wt.test(e) && !yt.test(e)
295
+ ), Te = () => !1, Nt = (e) => vt.test(e), zt = (e) => kt.test(e), St = (e) => !c(e) && !d(e), Mt = (e) => U(e, Be, Te), c = (e) => Ie.test(e), D = (e) => U(e, Pe, Ct), le = (e) => U(e, Tt, f), ke = (e) => U(e, Ee, Te), At = (e) => U(e, je, zt), te = (e) => U(e, Fe, Nt), d = (e) => Re.test(e), K = (e) => H(e, Pe), Lt = (e) => H(e, Et), _e = (e) => H(e, Ee), It = (e) => H(e, Be), Rt = (e) => H(e, je), re = (e) => H(e, Fe, !0), U = (e, r, o) => {
296
+ const t = Ie.exec(e);
297
+ return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
298
+ }, H = (e, r, o = !1) => {
299
+ const t = Re.exec(e);
300
+ return t ? t[1] ? r(t[1]) : o : !1;
301
+ }, Ee = (e) => e === "position" || e === "percentage", je = (e) => e === "image" || e === "url", Be = (e) => e === "length" || e === "size" || e === "bg-size", Pe = (e) => e === "length", Tt = (e) => e === "number", Et = (e) => e === "family-name", Fe = (e) => e === "shadow", jt = () => {
302
+ const e = _("color"), r = _("font"), o = _("text"), t = _("font-weight"), s = _("tracking"), i = _("leading"), n = _("breakpoint"), m = _("container"), l = _("spacing"), u = _("radius"), g = _("shadow"), w = _("inset-shadow"), y = _("text-shadow"), N = _("drop-shadow"), v = _("blur"), M = _("perspective"), z = _("aspect"), T = _("ease"), G = _("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
303
+ "center",
304
+ "top",
305
+ "bottom",
306
+ "left",
307
+ "right",
308
+ "top-left",
309
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
310
+ "left-top",
311
+ "top-right",
312
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
313
+ "right-top",
314
+ "bottom-right",
315
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
316
+ "right-bottom",
317
+ "bottom-left",
318
+ // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
319
+ "left-bottom"
320
+ ], j = () => [...E(), d, c], L = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", "contain", "none"], h = () => [d, c, l], B = () => [Z, "full", "auto", ...h()], me = () => [V, "none", "subgrid", d, c], pe = () => ["auto", {
321
+ span: ["full", V, d, c]
322
+ }, V, d, c], Y = () => [V, "auto", d, c], ue = () => ["auto", "min", "max", "fr", d, c], se = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...h()], $ = () => [Z, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...h()], p = () => [e, d, c], he = () => [...E(), _e, ke, {
323
+ position: [d, c]
324
+ }], be = () => ["no-repeat", {
325
+ repeat: ["", "x", "y", "space", "round"]
326
+ }], fe = () => ["auto", "cover", "contain", It, Mt, {
327
+ size: [d, c]
328
+ }], ne = () => [ie, K, D], S = () => [
329
+ // Deprecated since Tailwind CSS v4.0.0
330
+ "",
331
+ "none",
332
+ "full",
333
+ u,
334
+ d,
335
+ c
336
+ ], A = () => ["", f, K, D], X = () => ["solid", "dashed", "dotted", "double"], ge = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], C = () => [f, ie, _e, ke], xe = () => [
337
+ // Deprecated since Tailwind CSS v4.0.0
338
+ "",
339
+ "none",
340
+ v,
341
+ d,
342
+ c
343
+ ], J = () => ["none", f, d, c], Q = () => ["none", f, d, c], ae = () => [f, d, c], ee = () => [Z, "full", ...h()];
246
344
  return {
247
345
  cacheSize: 500,
248
- separator: ":",
249
346
  theme: {
250
- colors: [$],
251
- spacing: [L, A],
252
- blur: ["none", "", I, p],
253
- brightness: S(),
254
- borderColor: [e],
255
- borderRadius: ["none", "", "full", I, p],
256
- borderSpacing: v(),
257
- borderWidth: X(),
258
- contrast: S(),
259
- grayscale: P(),
260
- hueRotate: S(),
261
- invert: P(),
262
- gap: v(),
263
- gradientColorStops: [e],
264
- gradientColorStopPositions: [Ve, A],
265
- inset: H(),
266
- margin: H(),
267
- opacity: S(),
268
- padding: v(),
269
- saturate: S(),
270
- scale: S(),
271
- sepia: P(),
272
- skew: S(),
273
- space: v(),
274
- translate: v()
347
+ animate: ["spin", "ping", "pulse", "bounce"],
348
+ aspect: ["video"],
349
+ blur: [F],
350
+ breakpoint: [F],
351
+ color: [_t],
352
+ container: [F],
353
+ "drop-shadow": [F],
354
+ ease: ["in", "out", "in-out"],
355
+ font: [St],
356
+ "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
357
+ "inset-shadow": [F],
358
+ leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
359
+ perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
360
+ radius: [F],
361
+ shadow: [F],
362
+ spacing: ["px", f],
363
+ text: [F],
364
+ "text-shadow": [F],
365
+ tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
275
366
  },
276
367
  classGroups: {
277
- // Layout
368
+ // --------------
369
+ // --- Layout ---
370
+ // --------------
278
371
  /**
279
372
  * Aspect Ratio
280
373
  * @see https://tailwindcss.com/docs/aspect-ratio
281
374
  */
282
375
  aspect: [{
283
- aspect: ["auto", "square", "video", p]
376
+ aspect: ["auto", "square", Z, c, d, z]
284
377
  }],
285
378
  /**
286
379
  * Container
287
380
  * @see https://tailwindcss.com/docs/container
381
+ * @deprecated since Tailwind CSS v4.0.0
288
382
  */
289
383
  container: ["container"],
290
384
  /**
@@ -292,21 +386,21 @@ const y = (e) => {
292
386
  * @see https://tailwindcss.com/docs/columns
293
387
  */
294
388
  columns: [{
295
- columns: [I]
389
+ columns: [f, c, d, m]
296
390
  }],
297
391
  /**
298
392
  * Break After
299
393
  * @see https://tailwindcss.com/docs/break-after
300
394
  */
301
395
  "break-after": [{
302
- "break-after": ee()
396
+ "break-after": O()
303
397
  }],
304
398
  /**
305
399
  * Break Before
306
400
  * @see https://tailwindcss.com/docs/break-before
307
401
  */
308
402
  "break-before": [{
309
- "break-before": ee()
403
+ "break-before": O()
310
404
  }],
311
405
  /**
312
406
  * Break Inside
@@ -334,6 +428,11 @@ const y = (e) => {
334
428
  * @see https://tailwindcss.com/docs/display
335
429
  */
336
430
  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"],
431
+ /**
432
+ * Screen Reader Only
433
+ * @see https://tailwindcss.com/docs/display#screen-reader-only
434
+ */
435
+ sr: ["sr-only", "not-sr-only"],
337
436
  /**
338
437
  * Floats
339
438
  * @see https://tailwindcss.com/docs/float
@@ -365,49 +464,49 @@ const y = (e) => {
365
464
  * @see https://tailwindcss.com/docs/object-position
366
465
  */
367
466
  "object-position": [{
368
- object: [...Y(), p]
467
+ object: j()
369
468
  }],
370
469
  /**
371
470
  * Overflow
372
471
  * @see https://tailwindcss.com/docs/overflow
373
472
  */
374
473
  overflow: [{
375
- overflow: U()
474
+ overflow: L()
376
475
  }],
377
476
  /**
378
477
  * Overflow X
379
478
  * @see https://tailwindcss.com/docs/overflow
380
479
  */
381
480
  "overflow-x": [{
382
- "overflow-x": U()
481
+ "overflow-x": L()
383
482
  }],
384
483
  /**
385
484
  * Overflow Y
386
485
  * @see https://tailwindcss.com/docs/overflow
387
486
  */
388
487
  "overflow-y": [{
389
- "overflow-y": U()
488
+ "overflow-y": L()
390
489
  }],
391
490
  /**
392
491
  * Overscroll Behavior
393
492
  * @see https://tailwindcss.com/docs/overscroll-behavior
394
493
  */
395
494
  overscroll: [{
396
- overscroll: Z()
495
+ overscroll: q()
397
496
  }],
398
497
  /**
399
498
  * Overscroll Behavior X
400
499
  * @see https://tailwindcss.com/docs/overscroll-behavior
401
500
  */
402
501
  "overscroll-x": [{
403
- "overscroll-x": Z()
502
+ "overscroll-x": q()
404
503
  }],
405
504
  /**
406
505
  * Overscroll Behavior Y
407
506
  * @see https://tailwindcss.com/docs/overscroll-behavior
408
507
  */
409
508
  "overscroll-y": [{
410
- "overscroll-y": Z()
509
+ "overscroll-y": q()
411
510
  }],
412
511
  /**
413
512
  * Position
@@ -419,63 +518,63 @@ const y = (e) => {
419
518
  * @see https://tailwindcss.com/docs/top-right-bottom-left
420
519
  */
421
520
  inset: [{
422
- inset: [u]
521
+ inset: B()
423
522
  }],
424
523
  /**
425
524
  * Right / Left
426
525
  * @see https://tailwindcss.com/docs/top-right-bottom-left
427
526
  */
428
527
  "inset-x": [{
429
- "inset-x": [u]
528
+ "inset-x": B()
430
529
  }],
431
530
  /**
432
531
  * Top / Bottom
433
532
  * @see https://tailwindcss.com/docs/top-right-bottom-left
434
533
  */
435
534
  "inset-y": [{
436
- "inset-y": [u]
535
+ "inset-y": B()
437
536
  }],
438
537
  /**
439
538
  * Start
440
539
  * @see https://tailwindcss.com/docs/top-right-bottom-left
441
540
  */
442
541
  start: [{
443
- start: [u]
542
+ start: B()
444
543
  }],
445
544
  /**
446
545
  * End
447
546
  * @see https://tailwindcss.com/docs/top-right-bottom-left
448
547
  */
449
548
  end: [{
450
- end: [u]
549
+ end: B()
451
550
  }],
452
551
  /**
453
552
  * Top
454
553
  * @see https://tailwindcss.com/docs/top-right-bottom-left
455
554
  */
456
555
  top: [{
457
- top: [u]
556
+ top: B()
458
557
  }],
459
558
  /**
460
559
  * Right
461
560
  * @see https://tailwindcss.com/docs/top-right-bottom-left
462
561
  */
463
562
  right: [{
464
- right: [u]
563
+ right: B()
465
564
  }],
466
565
  /**
467
566
  * Bottom
468
567
  * @see https://tailwindcss.com/docs/top-right-bottom-left
469
568
  */
470
569
  bottom: [{
471
- bottom: [u]
570
+ bottom: B()
472
571
  }],
473
572
  /**
474
573
  * Left
475
574
  * @see https://tailwindcss.com/docs/top-right-bottom-left
476
575
  */
477
576
  left: [{
478
- left: [u]
577
+ left: B()
479
578
  }],
480
579
  /**
481
580
  * Visibility
@@ -487,15 +586,17 @@ const y = (e) => {
487
586
  * @see https://tailwindcss.com/docs/z-index
488
587
  */
489
588
  z: [{
490
- z: ["auto", F, p]
589
+ z: [V, "auto", d, c]
491
590
  }],
492
- // Flexbox and Grid
591
+ // ------------------------
592
+ // --- Flexbox and Grid ---
593
+ // ------------------------
493
594
  /**
494
595
  * Flex Basis
495
596
  * @see https://tailwindcss.com/docs/flex-basis
496
597
  */
497
598
  basis: [{
498
- basis: H()
599
+ basis: [Z, "full", "auto", m, ...h()]
499
600
  }],
500
601
  /**
501
602
  * Flex Direction
@@ -509,95 +610,91 @@ const y = (e) => {
509
610
  * @see https://tailwindcss.com/docs/flex-wrap
510
611
  */
511
612
  "flex-wrap": [{
512
- flex: ["wrap", "wrap-reverse", "nowrap"]
613
+ flex: ["nowrap", "wrap", "wrap-reverse"]
513
614
  }],
514
615
  /**
515
616
  * Flex
516
617
  * @see https://tailwindcss.com/docs/flex
517
618
  */
518
619
  flex: [{
519
- flex: ["1", "auto", "initial", "none", p]
620
+ flex: [f, Z, "auto", "initial", "none", c]
520
621
  }],
521
622
  /**
522
623
  * Flex Grow
523
624
  * @see https://tailwindcss.com/docs/flex-grow
524
625
  */
525
626
  grow: [{
526
- grow: P()
627
+ grow: ["", f, d, c]
527
628
  }],
528
629
  /**
529
630
  * Flex Shrink
530
631
  * @see https://tailwindcss.com/docs/flex-shrink
531
632
  */
532
633
  shrink: [{
533
- shrink: P()
634
+ shrink: ["", f, d, c]
534
635
  }],
535
636
  /**
536
637
  * Order
537
638
  * @see https://tailwindcss.com/docs/order
538
639
  */
539
640
  order: [{
540
- order: ["first", "last", "none", F, p]
641
+ order: [V, "first", "last", "none", d, c]
541
642
  }],
542
643
  /**
543
644
  * Grid Template Columns
544
645
  * @see https://tailwindcss.com/docs/grid-template-columns
545
646
  */
546
647
  "grid-cols": [{
547
- "grid-cols": [$]
648
+ "grid-cols": me()
548
649
  }],
549
650
  /**
550
651
  * Grid Column Start / End
551
652
  * @see https://tailwindcss.com/docs/grid-column
552
653
  */
553
654
  "col-start-end": [{
554
- col: ["auto", {
555
- span: ["full", F, p]
556
- }, p]
655
+ col: pe()
557
656
  }],
558
657
  /**
559
658
  * Grid Column Start
560
659
  * @see https://tailwindcss.com/docs/grid-column
561
660
  */
562
661
  "col-start": [{
563
- "col-start": V()
662
+ "col-start": Y()
564
663
  }],
565
664
  /**
566
665
  * Grid Column End
567
666
  * @see https://tailwindcss.com/docs/grid-column
568
667
  */
569
668
  "col-end": [{
570
- "col-end": V()
669
+ "col-end": Y()
571
670
  }],
572
671
  /**
573
672
  * Grid Template Rows
574
673
  * @see https://tailwindcss.com/docs/grid-template-rows
575
674
  */
576
675
  "grid-rows": [{
577
- "grid-rows": [$]
676
+ "grid-rows": me()
578
677
  }],
579
678
  /**
580
679
  * Grid Row Start / End
581
680
  * @see https://tailwindcss.com/docs/grid-row
582
681
  */
583
682
  "row-start-end": [{
584
- row: ["auto", {
585
- span: [F, p]
586
- }, p]
683
+ row: pe()
587
684
  }],
588
685
  /**
589
686
  * Grid Row Start
590
687
  * @see https://tailwindcss.com/docs/grid-row
591
688
  */
592
689
  "row-start": [{
593
- "row-start": V()
690
+ "row-start": Y()
594
691
  }],
595
692
  /**
596
693
  * Grid Row End
597
694
  * @see https://tailwindcss.com/docs/grid-row
598
695
  */
599
696
  "row-end": [{
600
- "row-end": V()
697
+ "row-end": Y()
601
698
  }],
602
699
  /**
603
700
  * Grid Auto Flow
@@ -611,98 +708,102 @@ const y = (e) => {
611
708
  * @see https://tailwindcss.com/docs/grid-auto-columns
612
709
  */
613
710
  "auto-cols": [{
614
- "auto-cols": ["auto", "min", "max", "fr", p]
711
+ "auto-cols": ue()
615
712
  }],
616
713
  /**
617
714
  * Grid Auto Rows
618
715
  * @see https://tailwindcss.com/docs/grid-auto-rows
619
716
  */
620
717
  "auto-rows": [{
621
- "auto-rows": ["auto", "min", "max", "fr", p]
718
+ "auto-rows": ue()
622
719
  }],
623
720
  /**
624
721
  * Gap
625
722
  * @see https://tailwindcss.com/docs/gap
626
723
  */
627
724
  gap: [{
628
- gap: [x]
725
+ gap: h()
629
726
  }],
630
727
  /**
631
728
  * Gap X
632
729
  * @see https://tailwindcss.com/docs/gap
633
730
  */
634
731
  "gap-x": [{
635
- "gap-x": [x]
732
+ "gap-x": h()
636
733
  }],
637
734
  /**
638
735
  * Gap Y
639
736
  * @see https://tailwindcss.com/docs/gap
640
737
  */
641
738
  "gap-y": [{
642
- "gap-y": [x]
739
+ "gap-y": h()
643
740
  }],
644
741
  /**
645
742
  * Justify Content
646
743
  * @see https://tailwindcss.com/docs/justify-content
647
744
  */
648
745
  "justify-content": [{
649
- justify: ["normal", ...q()]
746
+ justify: [...se(), "normal"]
650
747
  }],
651
748
  /**
652
749
  * Justify Items
653
750
  * @see https://tailwindcss.com/docs/justify-items
654
751
  */
655
752
  "justify-items": [{
656
- "justify-items": ["start", "end", "center", "stretch"]
753
+ "justify-items": [...W(), "normal"]
657
754
  }],
658
755
  /**
659
756
  * Justify Self
660
757
  * @see https://tailwindcss.com/docs/justify-self
661
758
  */
662
759
  "justify-self": [{
663
- "justify-self": ["auto", "start", "end", "center", "stretch"]
760
+ "justify-self": ["auto", ...W()]
664
761
  }],
665
762
  /**
666
763
  * Align Content
667
764
  * @see https://tailwindcss.com/docs/align-content
668
765
  */
669
766
  "align-content": [{
670
- content: ["normal", ...q(), "baseline"]
767
+ content: ["normal", ...se()]
671
768
  }],
672
769
  /**
673
770
  * Align Items
674
771
  * @see https://tailwindcss.com/docs/align-items
675
772
  */
676
773
  "align-items": [{
677
- items: ["start", "end", "center", "baseline", "stretch"]
774
+ items: [...W(), {
775
+ baseline: ["", "last"]
776
+ }]
678
777
  }],
679
778
  /**
680
779
  * Align Self
681
780
  * @see https://tailwindcss.com/docs/align-self
682
781
  */
683
782
  "align-self": [{
684
- self: ["auto", "start", "end", "center", "stretch", "baseline"]
783
+ self: ["auto", ...W(), {
784
+ baseline: ["", "last"]
785
+ }]
685
786
  }],
686
787
  /**
687
788
  * Place Content
688
789
  * @see https://tailwindcss.com/docs/place-content
689
790
  */
690
791
  "place-content": [{
691
- "place-content": [...q(), "baseline"]
792
+ "place-content": se()
692
793
  }],
693
794
  /**
694
795
  * Place Items
695
796
  * @see https://tailwindcss.com/docs/place-items
696
797
  */
697
798
  "place-items": [{
698
- "place-items": ["start", "end", "center", "baseline", "stretch"]
799
+ "place-items": [...W(), "baseline"]
699
800
  }],
700
801
  /**
701
802
  * Place Self
702
803
  * @see https://tailwindcss.com/docs/place-self
703
804
  */
704
805
  "place-self": [{
705
- "place-self": ["auto", "start", "end", "center", "stretch"]
806
+ "place-self": ["auto", ...W()]
706
807
  }],
707
808
  // Spacing
708
809
  /**
@@ -710,210 +811,229 @@ const y = (e) => {
710
811
  * @see https://tailwindcss.com/docs/padding
711
812
  */
712
813
  p: [{
713
- p: [N]
814
+ p: h()
714
815
  }],
715
816
  /**
716
817
  * Padding X
717
818
  * @see https://tailwindcss.com/docs/padding
718
819
  */
719
820
  px: [{
720
- px: [N]
821
+ px: h()
721
822
  }],
722
823
  /**
723
824
  * Padding Y
724
825
  * @see https://tailwindcss.com/docs/padding
725
826
  */
726
827
  py: [{
727
- py: [N]
828
+ py: h()
728
829
  }],
729
830
  /**
730
831
  * Padding Start
731
832
  * @see https://tailwindcss.com/docs/padding
732
833
  */
733
834
  ps: [{
734
- ps: [N]
835
+ ps: h()
735
836
  }],
736
837
  /**
737
838
  * Padding End
738
839
  * @see https://tailwindcss.com/docs/padding
739
840
  */
740
841
  pe: [{
741
- pe: [N]
842
+ pe: h()
742
843
  }],
743
844
  /**
744
845
  * Padding Top
745
846
  * @see https://tailwindcss.com/docs/padding
746
847
  */
747
848
  pt: [{
748
- pt: [N]
849
+ pt: h()
749
850
  }],
750
851
  /**
751
852
  * Padding Right
752
853
  * @see https://tailwindcss.com/docs/padding
753
854
  */
754
855
  pr: [{
755
- pr: [N]
856
+ pr: h()
756
857
  }],
757
858
  /**
758
859
  * Padding Bottom
759
860
  * @see https://tailwindcss.com/docs/padding
760
861
  */
761
862
  pb: [{
762
- pb: [N]
863
+ pb: h()
763
864
  }],
764
865
  /**
765
866
  * Padding Left
766
867
  * @see https://tailwindcss.com/docs/padding
767
868
  */
768
869
  pl: [{
769
- pl: [N]
870
+ pl: h()
770
871
  }],
771
872
  /**
772
873
  * Margin
773
874
  * @see https://tailwindcss.com/docs/margin
774
875
  */
775
876
  m: [{
776
- m: [b]
877
+ m: P()
777
878
  }],
778
879
  /**
779
880
  * Margin X
780
881
  * @see https://tailwindcss.com/docs/margin
781
882
  */
782
883
  mx: [{
783
- mx: [b]
884
+ mx: P()
784
885
  }],
785
886
  /**
786
887
  * Margin Y
787
888
  * @see https://tailwindcss.com/docs/margin
788
889
  */
789
890
  my: [{
790
- my: [b]
891
+ my: P()
791
892
  }],
792
893
  /**
793
894
  * Margin Start
794
895
  * @see https://tailwindcss.com/docs/margin
795
896
  */
796
897
  ms: [{
797
- ms: [b]
898
+ ms: P()
798
899
  }],
799
900
  /**
800
901
  * Margin End
801
902
  * @see https://tailwindcss.com/docs/margin
802
903
  */
803
904
  me: [{
804
- me: [b]
905
+ me: P()
805
906
  }],
806
907
  /**
807
908
  * Margin Top
808
909
  * @see https://tailwindcss.com/docs/margin
809
910
  */
810
911
  mt: [{
811
- mt: [b]
912
+ mt: P()
812
913
  }],
813
914
  /**
814
915
  * Margin Right
815
916
  * @see https://tailwindcss.com/docs/margin
816
917
  */
817
918
  mr: [{
818
- mr: [b]
919
+ mr: P()
819
920
  }],
820
921
  /**
821
922
  * Margin Bottom
822
923
  * @see https://tailwindcss.com/docs/margin
823
924
  */
824
925
  mb: [{
825
- mb: [b]
926
+ mb: P()
826
927
  }],
827
928
  /**
828
929
  * Margin Left
829
930
  * @see https://tailwindcss.com/docs/margin
830
931
  */
831
932
  ml: [{
832
- ml: [b]
933
+ ml: P()
833
934
  }],
834
935
  /**
835
936
  * Space Between X
836
- * @see https://tailwindcss.com/docs/space
937
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
837
938
  */
838
939
  "space-x": [{
839
- "space-x": [B]
940
+ "space-x": h()
840
941
  }],
841
942
  /**
842
943
  * Space Between X Reverse
843
- * @see https://tailwindcss.com/docs/space
944
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
844
945
  */
845
946
  "space-x-reverse": ["space-x-reverse"],
846
947
  /**
847
948
  * Space Between Y
848
- * @see https://tailwindcss.com/docs/space
949
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
849
950
  */
850
951
  "space-y": [{
851
- "space-y": [B]
952
+ "space-y": h()
852
953
  }],
853
954
  /**
854
955
  * Space Between Y Reverse
855
- * @see https://tailwindcss.com/docs/space
956
+ * @see https://tailwindcss.com/docs/margin#adding-space-between-children
856
957
  */
857
958
  "space-y-reverse": ["space-y-reverse"],
858
- // Sizing
959
+ // --------------
960
+ // --- Sizing ---
961
+ // --------------
962
+ /**
963
+ * Size
964
+ * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
965
+ */
966
+ size: [{
967
+ size: $()
968
+ }],
859
969
  /**
860
970
  * Width
861
971
  * @see https://tailwindcss.com/docs/width
862
972
  */
863
973
  w: [{
864
- w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", p, t]
974
+ w: [m, "screen", ...$()]
865
975
  }],
866
976
  /**
867
977
  * Min-Width
868
978
  * @see https://tailwindcss.com/docs/min-width
869
979
  */
870
980
  "min-w": [{
871
- "min-w": [p, t, "min", "max", "fit"]
981
+ "min-w": [
982
+ m,
983
+ "screen",
984
+ /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
985
+ "none",
986
+ ...$()
987
+ ]
872
988
  }],
873
989
  /**
874
990
  * Max-Width
875
991
  * @see https://tailwindcss.com/docs/max-width
876
992
  */
877
993
  "max-w": [{
878
- "max-w": [p, t, "none", "full", "min", "max", "fit", "prose", {
879
- screen: [I]
880
- }, I]
994
+ "max-w": [
995
+ m,
996
+ "screen",
997
+ "none",
998
+ /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
999
+ "prose",
1000
+ /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1001
+ {
1002
+ screen: [n]
1003
+ },
1004
+ ...$()
1005
+ ]
881
1006
  }],
882
1007
  /**
883
1008
  * Height
884
1009
  * @see https://tailwindcss.com/docs/height
885
1010
  */
886
1011
  h: [{
887
- h: [p, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
1012
+ h: ["screen", "lh", ...$()]
888
1013
  }],
889
1014
  /**
890
1015
  * Min-Height
891
1016
  * @see https://tailwindcss.com/docs/min-height
892
1017
  */
893
1018
  "min-h": [{
894
- "min-h": [p, t, "min", "max", "fit", "svh", "lvh", "dvh"]
1019
+ "min-h": ["screen", "lh", "none", ...$()]
895
1020
  }],
896
1021
  /**
897
1022
  * Max-Height
898
1023
  * @see https://tailwindcss.com/docs/max-height
899
1024
  */
900
1025
  "max-h": [{
901
- "max-h": [p, t, "min", "max", "fit", "svh", "lvh", "dvh"]
902
- }],
903
- /**
904
- * Size
905
- * @see https://tailwindcss.com/docs/size
906
- */
907
- size: [{
908
- size: [p, t, "auto", "min", "max", "fit"]
1026
+ "max-h": ["screen", "lh", ...$()]
909
1027
  }],
910
- // Typography
1028
+ // ------------------
1029
+ // --- Typography ---
1030
+ // ------------------
911
1031
  /**
912
1032
  * Font Size
913
1033
  * @see https://tailwindcss.com/docs/font-size
914
1034
  */
915
1035
  "font-size": [{
916
- text: ["base", I, A]
1036
+ text: ["base", o, K, D]
917
1037
  }],
918
1038
  /**
919
1039
  * Font Smoothing
@@ -930,14 +1050,21 @@ const y = (e) => {
930
1050
  * @see https://tailwindcss.com/docs/font-weight
931
1051
  */
932
1052
  "font-weight": [{
933
- font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", D]
1053
+ font: [t, d, le]
1054
+ }],
1055
+ /**
1056
+ * Font Stretch
1057
+ * @see https://tailwindcss.com/docs/font-stretch
1058
+ */
1059
+ "font-stretch": [{
1060
+ "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ie, c]
934
1061
  }],
935
1062
  /**
936
1063
  * Font Family
937
1064
  * @see https://tailwindcss.com/docs/font-family
938
1065
  */
939
1066
  "font-family": [{
940
- font: [$]
1067
+ font: [Lt, c, r]
941
1068
  }],
942
1069
  /**
943
1070
  * Font Variant Numeric
@@ -974,35 +1101,32 @@ const y = (e) => {
974
1101
  * @see https://tailwindcss.com/docs/letter-spacing
975
1102
  */
976
1103
  tracking: [{
977
- tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", p]
1104
+ tracking: [s, d, c]
978
1105
  }],
979
1106
  /**
980
1107
  * Line Clamp
981
1108
  * @see https://tailwindcss.com/docs/line-clamp
982
1109
  */
983
1110
  "line-clamp": [{
984
- "line-clamp": ["none", j, D]
1111
+ "line-clamp": [f, "none", d, le]
985
1112
  }],
986
1113
  /**
987
1114
  * Line Height
988
1115
  * @see https://tailwindcss.com/docs/line-height
989
1116
  */
990
1117
  leading: [{
991
- leading: ["none", "tight", "snug", "normal", "relaxed", "loose", L, p]
1118
+ leading: [
1119
+ /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1120
+ i,
1121
+ ...h()
1122
+ ]
992
1123
  }],
993
1124
  /**
994
1125
  * List Style Image
995
1126
  * @see https://tailwindcss.com/docs/list-style-image
996
1127
  */
997
1128
  "list-image": [{
998
- "list-image": ["none", p]
999
- }],
1000
- /**
1001
- * List Style Type
1002
- * @see https://tailwindcss.com/docs/list-style-type
1003
- */
1004
- "list-style-type": [{
1005
- list: ["none", "disc", "decimal", p]
1129
+ "list-image": ["none", d, c]
1006
1130
  }],
1007
1131
  /**
1008
1132
  * List Style Position
@@ -1012,19 +1136,11 @@ const y = (e) => {
1012
1136
  list: ["inside", "outside"]
1013
1137
  }],
1014
1138
  /**
1015
- * Placeholder Color
1016
- * @deprecated since Tailwind CSS v3.0.0
1017
- * @see https://tailwindcss.com/docs/placeholder-color
1018
- */
1019
- "placeholder-color": [{
1020
- placeholder: [e]
1021
- }],
1022
- /**
1023
- * Placeholder Opacity
1024
- * @see https://tailwindcss.com/docs/placeholder-opacity
1139
+ * List Style Type
1140
+ * @see https://tailwindcss.com/docs/list-style-type
1025
1141
  */
1026
- "placeholder-opacity": [{
1027
- "placeholder-opacity": [k]
1142
+ "list-style-type": [{
1143
+ list: ["disc", "decimal", "none", d, c]
1028
1144
  }],
1029
1145
  /**
1030
1146
  * Text Alignment
@@ -1034,18 +1150,19 @@ const y = (e) => {
1034
1150
  text: ["left", "center", "right", "justify", "start", "end"]
1035
1151
  }],
1036
1152
  /**
1037
- * Text Color
1038
- * @see https://tailwindcss.com/docs/text-color
1153
+ * Placeholder Color
1154
+ * @deprecated since Tailwind CSS v3.0.0
1155
+ * @see https://v3.tailwindcss.com/docs/placeholder-color
1039
1156
  */
1040
- "text-color": [{
1041
- text: [e]
1157
+ "placeholder-color": [{
1158
+ placeholder: p()
1042
1159
  }],
1043
1160
  /**
1044
- * Text Opacity
1045
- * @see https://tailwindcss.com/docs/text-opacity
1161
+ * Text Color
1162
+ * @see https://tailwindcss.com/docs/text-color
1046
1163
  */
1047
- "text-opacity": [{
1048
- "text-opacity": [k]
1164
+ "text-color": [{
1165
+ text: p()
1049
1166
  }],
1050
1167
  /**
1051
1168
  * Text Decoration
@@ -1057,28 +1174,28 @@ const y = (e) => {
1057
1174
  * @see https://tailwindcss.com/docs/text-decoration-style
1058
1175
  */
1059
1176
  "text-decoration-style": [{
1060
- decoration: [...W(), "wavy"]
1177
+ decoration: [...X(), "wavy"]
1061
1178
  }],
1062
1179
  /**
1063
1180
  * Text Decoration Thickness
1064
1181
  * @see https://tailwindcss.com/docs/text-decoration-thickness
1065
1182
  */
1066
1183
  "text-decoration-thickness": [{
1067
- decoration: ["auto", "from-font", L, A]
1068
- }],
1069
- /**
1070
- * Text Underline Offset
1071
- * @see https://tailwindcss.com/docs/text-underline-offset
1072
- */
1073
- "underline-offset": [{
1074
- "underline-offset": ["auto", L, p]
1184
+ decoration: [f, "from-font", "auto", d, D]
1075
1185
  }],
1076
1186
  /**
1077
1187
  * Text Decoration Color
1078
1188
  * @see https://tailwindcss.com/docs/text-decoration-color
1079
1189
  */
1080
1190
  "text-decoration-color": [{
1081
- decoration: [e]
1191
+ decoration: p()
1192
+ }],
1193
+ /**
1194
+ * Text Underline Offset
1195
+ * @see https://tailwindcss.com/docs/text-underline-offset
1196
+ */
1197
+ "underline-offset": [{
1198
+ "underline-offset": [f, "auto", d, c]
1082
1199
  }],
1083
1200
  /**
1084
1201
  * Text Transform
@@ -1102,14 +1219,14 @@ const y = (e) => {
1102
1219
  * @see https://tailwindcss.com/docs/text-indent
1103
1220
  */
1104
1221
  indent: [{
1105
- indent: v()
1222
+ indent: h()
1106
1223
  }],
1107
1224
  /**
1108
1225
  * Vertical Alignment
1109
1226
  * @see https://tailwindcss.com/docs/vertical-align
1110
1227
  */
1111
1228
  "vertical-align": [{
1112
- align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", p]
1229
+ align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", d, c]
1113
1230
  }],
1114
1231
  /**
1115
1232
  * Whitespace
@@ -1125,6 +1242,13 @@ const y = (e) => {
1125
1242
  break: [{
1126
1243
  break: ["normal", "words", "all", "keep"]
1127
1244
  }],
1245
+ /**
1246
+ * Overflow Wrap
1247
+ * @see https://tailwindcss.com/docs/overflow-wrap
1248
+ */
1249
+ wrap: [{
1250
+ wrap: ["break-word", "anywhere", "normal"]
1251
+ }],
1128
1252
  /**
1129
1253
  * Hyphens
1130
1254
  * @see https://tailwindcss.com/docs/hyphens
@@ -1137,9 +1261,11 @@ const y = (e) => {
1137
1261
  * @see https://tailwindcss.com/docs/content
1138
1262
  */
1139
1263
  content: [{
1140
- content: ["none", p]
1264
+ content: ["none", d, c]
1141
1265
  }],
1142
- // Backgrounds
1266
+ // -------------------
1267
+ // --- Backgrounds ---
1268
+ // -------------------
1143
1269
  /**
1144
1270
  * Background Attachment
1145
1271
  * @see https://tailwindcss.com/docs/background-attachment
@@ -1154,14 +1280,6 @@ const y = (e) => {
1154
1280
  "bg-clip": [{
1155
1281
  "bg-clip": ["border", "padding", "content", "text"]
1156
1282
  }],
1157
- /**
1158
- * Background Opacity
1159
- * @deprecated since Tailwind CSS v3.0.0
1160
- * @see https://tailwindcss.com/docs/background-opacity
1161
- */
1162
- "bg-opacity": [{
1163
- "bg-opacity": [k]
1164
- }],
1165
1283
  /**
1166
1284
  * Background Origin
1167
1285
  * @see https://tailwindcss.com/docs/background-origin
@@ -1174,23 +1292,21 @@ const y = (e) => {
1174
1292
  * @see https://tailwindcss.com/docs/background-position
1175
1293
  */
1176
1294
  "bg-position": [{
1177
- bg: [...Y(), Ue]
1295
+ bg: he()
1178
1296
  }],
1179
1297
  /**
1180
1298
  * Background Repeat
1181
1299
  * @see https://tailwindcss.com/docs/background-repeat
1182
1300
  */
1183
1301
  "bg-repeat": [{
1184
- bg: ["no-repeat", {
1185
- repeat: ["", "x", "y", "round", "space"]
1186
- }]
1302
+ bg: be()
1187
1303
  }],
1188
1304
  /**
1189
1305
  * Background Size
1190
1306
  * @see https://tailwindcss.com/docs/background-size
1191
1307
  */
1192
1308
  "bg-size": [{
1193
- bg: ["auto", "cover", "contain", Ze]
1309
+ bg: fe()
1194
1310
  }],
1195
1311
  /**
1196
1312
  * Background Image
@@ -1198,597 +1314,863 @@ const y = (e) => {
1198
1314
  */
1199
1315
  "bg-image": [{
1200
1316
  bg: ["none", {
1201
- "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
1202
- }, qe]
1317
+ linear: [{
1318
+ to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
1319
+ }, V, d, c],
1320
+ radial: ["", d, c],
1321
+ conic: [V, d, c]
1322
+ }, Rt, At]
1203
1323
  }],
1204
1324
  /**
1205
1325
  * Background Color
1206
1326
  * @see https://tailwindcss.com/docs/background-color
1207
1327
  */
1208
1328
  "bg-color": [{
1209
- bg: [e]
1329
+ bg: p()
1210
1330
  }],
1211
1331
  /**
1212
1332
  * Gradient Color Stops From Position
1213
1333
  * @see https://tailwindcss.com/docs/gradient-color-stops
1214
1334
  */
1215
1335
  "gradient-from-pos": [{
1216
- from: [g]
1336
+ from: ne()
1217
1337
  }],
1218
1338
  /**
1219
1339
  * Gradient Color Stops Via Position
1220
1340
  * @see https://tailwindcss.com/docs/gradient-color-stops
1221
1341
  */
1222
1342
  "gradient-via-pos": [{
1223
- via: [g]
1343
+ via: ne()
1224
1344
  }],
1225
1345
  /**
1226
1346
  * Gradient Color Stops To Position
1227
1347
  * @see https://tailwindcss.com/docs/gradient-color-stops
1228
1348
  */
1229
1349
  "gradient-to-pos": [{
1230
- to: [g]
1350
+ to: ne()
1231
1351
  }],
1232
1352
  /**
1233
1353
  * Gradient Color Stops From
1234
1354
  * @see https://tailwindcss.com/docs/gradient-color-stops
1235
1355
  */
1236
1356
  "gradient-from": [{
1237
- from: [_]
1357
+ from: p()
1238
1358
  }],
1239
1359
  /**
1240
1360
  * Gradient Color Stops Via
1241
1361
  * @see https://tailwindcss.com/docs/gradient-color-stops
1242
1362
  */
1243
1363
  "gradient-via": [{
1244
- via: [_]
1364
+ via: p()
1245
1365
  }],
1246
1366
  /**
1247
1367
  * Gradient Color Stops To
1248
1368
  * @see https://tailwindcss.com/docs/gradient-color-stops
1249
1369
  */
1250
1370
  "gradient-to": [{
1251
- to: [_]
1371
+ to: p()
1252
1372
  }],
1253
- // Borders
1373
+ // ---------------
1374
+ // --- Borders ---
1375
+ // ---------------
1254
1376
  /**
1255
1377
  * Border Radius
1256
1378
  * @see https://tailwindcss.com/docs/border-radius
1257
1379
  */
1258
1380
  rounded: [{
1259
- rounded: [l]
1381
+ rounded: S()
1260
1382
  }],
1261
1383
  /**
1262
1384
  * Border Radius Start
1263
1385
  * @see https://tailwindcss.com/docs/border-radius
1264
1386
  */
1265
1387
  "rounded-s": [{
1266
- "rounded-s": [l]
1388
+ "rounded-s": S()
1267
1389
  }],
1268
1390
  /**
1269
1391
  * Border Radius End
1270
1392
  * @see https://tailwindcss.com/docs/border-radius
1271
1393
  */
1272
1394
  "rounded-e": [{
1273
- "rounded-e": [l]
1395
+ "rounded-e": S()
1274
1396
  }],
1275
1397
  /**
1276
1398
  * Border Radius Top
1277
1399
  * @see https://tailwindcss.com/docs/border-radius
1278
1400
  */
1279
1401
  "rounded-t": [{
1280
- "rounded-t": [l]
1402
+ "rounded-t": S()
1281
1403
  }],
1282
1404
  /**
1283
1405
  * Border Radius Right
1284
1406
  * @see https://tailwindcss.com/docs/border-radius
1285
1407
  */
1286
1408
  "rounded-r": [{
1287
- "rounded-r": [l]
1409
+ "rounded-r": S()
1288
1410
  }],
1289
1411
  /**
1290
1412
  * Border Radius Bottom
1291
1413
  * @see https://tailwindcss.com/docs/border-radius
1292
1414
  */
1293
1415
  "rounded-b": [{
1294
- "rounded-b": [l]
1416
+ "rounded-b": S()
1295
1417
  }],
1296
1418
  /**
1297
1419
  * Border Radius Left
1298
1420
  * @see https://tailwindcss.com/docs/border-radius
1299
1421
  */
1300
1422
  "rounded-l": [{
1301
- "rounded-l": [l]
1423
+ "rounded-l": S()
1302
1424
  }],
1303
1425
  /**
1304
1426
  * Border Radius Start Start
1305
1427
  * @see https://tailwindcss.com/docs/border-radius
1306
1428
  */
1307
1429
  "rounded-ss": [{
1308
- "rounded-ss": [l]
1430
+ "rounded-ss": S()
1309
1431
  }],
1310
1432
  /**
1311
1433
  * Border Radius Start End
1312
1434
  * @see https://tailwindcss.com/docs/border-radius
1313
1435
  */
1314
1436
  "rounded-se": [{
1315
- "rounded-se": [l]
1437
+ "rounded-se": S()
1316
1438
  }],
1317
1439
  /**
1318
1440
  * Border Radius End End
1319
1441
  * @see https://tailwindcss.com/docs/border-radius
1320
1442
  */
1321
1443
  "rounded-ee": [{
1322
- "rounded-ee": [l]
1444
+ "rounded-ee": S()
1323
1445
  }],
1324
1446
  /**
1325
1447
  * Border Radius End Start
1326
1448
  * @see https://tailwindcss.com/docs/border-radius
1327
1449
  */
1328
1450
  "rounded-es": [{
1329
- "rounded-es": [l]
1451
+ "rounded-es": S()
1330
1452
  }],
1331
1453
  /**
1332
1454
  * Border Radius Top Left
1333
1455
  * @see https://tailwindcss.com/docs/border-radius
1334
1456
  */
1335
1457
  "rounded-tl": [{
1336
- "rounded-tl": [l]
1458
+ "rounded-tl": S()
1337
1459
  }],
1338
1460
  /**
1339
1461
  * Border Radius Top Right
1340
1462
  * @see https://tailwindcss.com/docs/border-radius
1341
1463
  */
1342
1464
  "rounded-tr": [{
1343
- "rounded-tr": [l]
1465
+ "rounded-tr": S()
1344
1466
  }],
1345
1467
  /**
1346
1468
  * Border Radius Bottom Right
1347
1469
  * @see https://tailwindcss.com/docs/border-radius
1348
1470
  */
1349
1471
  "rounded-br": [{
1350
- "rounded-br": [l]
1472
+ "rounded-br": S()
1351
1473
  }],
1352
1474
  /**
1353
1475
  * Border Radius Bottom Left
1354
1476
  * @see https://tailwindcss.com/docs/border-radius
1355
1477
  */
1356
1478
  "rounded-bl": [{
1357
- "rounded-bl": [l]
1479
+ "rounded-bl": S()
1358
1480
  }],
1359
1481
  /**
1360
1482
  * Border Width
1361
1483
  * @see https://tailwindcss.com/docs/border-width
1362
1484
  */
1363
1485
  "border-w": [{
1364
- border: [i]
1486
+ border: A()
1365
1487
  }],
1366
1488
  /**
1367
1489
  * Border Width X
1368
1490
  * @see https://tailwindcss.com/docs/border-width
1369
1491
  */
1370
1492
  "border-w-x": [{
1371
- "border-x": [i]
1493
+ "border-x": A()
1372
1494
  }],
1373
1495
  /**
1374
1496
  * Border Width Y
1375
1497
  * @see https://tailwindcss.com/docs/border-width
1376
1498
  */
1377
1499
  "border-w-y": [{
1378
- "border-y": [i]
1500
+ "border-y": A()
1379
1501
  }],
1380
1502
  /**
1381
1503
  * Border Width Start
1382
1504
  * @see https://tailwindcss.com/docs/border-width
1383
1505
  */
1384
1506
  "border-w-s": [{
1385
- "border-s": [i]
1507
+ "border-s": A()
1386
1508
  }],
1387
1509
  /**
1388
1510
  * Border Width End
1389
1511
  * @see https://tailwindcss.com/docs/border-width
1390
1512
  */
1391
1513
  "border-w-e": [{
1392
- "border-e": [i]
1514
+ "border-e": A()
1393
1515
  }],
1394
1516
  /**
1395
1517
  * Border Width Top
1396
1518
  * @see https://tailwindcss.com/docs/border-width
1397
1519
  */
1398
1520
  "border-w-t": [{
1399
- "border-t": [i]
1521
+ "border-t": A()
1400
1522
  }],
1401
1523
  /**
1402
1524
  * Border Width Right
1403
1525
  * @see https://tailwindcss.com/docs/border-width
1404
1526
  */
1405
1527
  "border-w-r": [{
1406
- "border-r": [i]
1528
+ "border-r": A()
1407
1529
  }],
1408
1530
  /**
1409
1531
  * Border Width Bottom
1410
1532
  * @see https://tailwindcss.com/docs/border-width
1411
1533
  */
1412
1534
  "border-w-b": [{
1413
- "border-b": [i]
1535
+ "border-b": A()
1414
1536
  }],
1415
1537
  /**
1416
1538
  * Border Width Left
1417
1539
  * @see https://tailwindcss.com/docs/border-width
1418
1540
  */
1419
1541
  "border-w-l": [{
1420
- "border-l": [i]
1421
- }],
1422
- /**
1423
- * Border Opacity
1424
- * @see https://tailwindcss.com/docs/border-opacity
1425
- */
1426
- "border-opacity": [{
1427
- "border-opacity": [k]
1428
- }],
1429
- /**
1430
- * Border Style
1431
- * @see https://tailwindcss.com/docs/border-style
1432
- */
1433
- "border-style": [{
1434
- border: [...W(), "hidden"]
1542
+ "border-l": A()
1435
1543
  }],
1436
1544
  /**
1437
1545
  * Divide Width X
1438
- * @see https://tailwindcss.com/docs/divide-width
1546
+ * @see https://tailwindcss.com/docs/border-width#between-children
1439
1547
  */
1440
1548
  "divide-x": [{
1441
- "divide-x": [i]
1549
+ "divide-x": A()
1442
1550
  }],
1443
1551
  /**
1444
1552
  * Divide Width X Reverse
1445
- * @see https://tailwindcss.com/docs/divide-width
1553
+ * @see https://tailwindcss.com/docs/border-width#between-children
1446
1554
  */
1447
1555
  "divide-x-reverse": ["divide-x-reverse"],
1448
1556
  /**
1449
1557
  * Divide Width Y
1450
- * @see https://tailwindcss.com/docs/divide-width
1558
+ * @see https://tailwindcss.com/docs/border-width#between-children
1451
1559
  */
1452
1560
  "divide-y": [{
1453
- "divide-y": [i]
1561
+ "divide-y": A()
1454
1562
  }],
1455
1563
  /**
1456
1564
  * Divide Width Y Reverse
1457
- * @see https://tailwindcss.com/docs/divide-width
1565
+ * @see https://tailwindcss.com/docs/border-width#between-children
1458
1566
  */
1459
1567
  "divide-y-reverse": ["divide-y-reverse"],
1460
1568
  /**
1461
- * Divide Opacity
1462
- * @see https://tailwindcss.com/docs/divide-opacity
1569
+ * Border Style
1570
+ * @see https://tailwindcss.com/docs/border-style
1463
1571
  */
1464
- "divide-opacity": [{
1465
- "divide-opacity": [k]
1572
+ "border-style": [{
1573
+ border: [...X(), "hidden", "none"]
1466
1574
  }],
1467
1575
  /**
1468
1576
  * Divide Style
1469
- * @see https://tailwindcss.com/docs/divide-style
1577
+ * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
1470
1578
  */
1471
1579
  "divide-style": [{
1472
- divide: W()
1580
+ divide: [...X(), "hidden", "none"]
1473
1581
  }],
1474
1582
  /**
1475
1583
  * Border Color
1476
1584
  * @see https://tailwindcss.com/docs/border-color
1477
1585
  */
1478
1586
  "border-color": [{
1479
- border: [n]
1587
+ border: p()
1480
1588
  }],
1481
1589
  /**
1482
1590
  * Border Color X
1483
1591
  * @see https://tailwindcss.com/docs/border-color
1484
1592
  */
1485
1593
  "border-color-x": [{
1486
- "border-x": [n]
1594
+ "border-x": p()
1487
1595
  }],
1488
1596
  /**
1489
1597
  * Border Color Y
1490
1598
  * @see https://tailwindcss.com/docs/border-color
1491
1599
  */
1492
1600
  "border-color-y": [{
1493
- "border-y": [n]
1601
+ "border-y": p()
1494
1602
  }],
1495
1603
  /**
1496
1604
  * Border Color S
1497
1605
  * @see https://tailwindcss.com/docs/border-color
1498
1606
  */
1499
1607
  "border-color-s": [{
1500
- "border-s": [n]
1608
+ "border-s": p()
1501
1609
  }],
1502
1610
  /**
1503
1611
  * Border Color E
1504
1612
  * @see https://tailwindcss.com/docs/border-color
1505
1613
  */
1506
1614
  "border-color-e": [{
1507
- "border-e": [n]
1615
+ "border-e": p()
1508
1616
  }],
1509
1617
  /**
1510
1618
  * Border Color Top
1511
1619
  * @see https://tailwindcss.com/docs/border-color
1512
1620
  */
1513
1621
  "border-color-t": [{
1514
- "border-t": [n]
1622
+ "border-t": p()
1515
1623
  }],
1516
1624
  /**
1517
1625
  * Border Color Right
1518
1626
  * @see https://tailwindcss.com/docs/border-color
1519
1627
  */
1520
1628
  "border-color-r": [{
1521
- "border-r": [n]
1629
+ "border-r": p()
1522
1630
  }],
1523
1631
  /**
1524
1632
  * Border Color Bottom
1525
1633
  * @see https://tailwindcss.com/docs/border-color
1526
1634
  */
1527
1635
  "border-color-b": [{
1528
- "border-b": [n]
1636
+ "border-b": p()
1529
1637
  }],
1530
1638
  /**
1531
1639
  * Border Color Left
1532
1640
  * @see https://tailwindcss.com/docs/border-color
1533
1641
  */
1534
1642
  "border-color-l": [{
1535
- "border-l": [n]
1643
+ "border-l": p()
1536
1644
  }],
1537
1645
  /**
1538
1646
  * Divide Color
1539
1647
  * @see https://tailwindcss.com/docs/divide-color
1540
1648
  */
1541
1649
  "divide-color": [{
1542
- divide: [n]
1650
+ divide: p()
1543
1651
  }],
1544
1652
  /**
1545
1653
  * Outline Style
1546
1654
  * @see https://tailwindcss.com/docs/outline-style
1547
1655
  */
1548
1656
  "outline-style": [{
1549
- outline: ["", ...W()]
1657
+ outline: [...X(), "none", "hidden"]
1550
1658
  }],
1551
1659
  /**
1552
1660
  * Outline Offset
1553
1661
  * @see https://tailwindcss.com/docs/outline-offset
1554
1662
  */
1555
1663
  "outline-offset": [{
1556
- "outline-offset": [L, p]
1664
+ "outline-offset": [f, d, c]
1557
1665
  }],
1558
1666
  /**
1559
1667
  * Outline Width
1560
1668
  * @see https://tailwindcss.com/docs/outline-width
1561
1669
  */
1562
1670
  "outline-w": [{
1563
- outline: [L, A]
1671
+ outline: ["", f, K, D]
1564
1672
  }],
1565
1673
  /**
1566
1674
  * Outline Color
1567
1675
  * @see https://tailwindcss.com/docs/outline-color
1568
1676
  */
1569
1677
  "outline-color": [{
1570
- outline: [e]
1678
+ outline: p()
1679
+ }],
1680
+ // ---------------
1681
+ // --- Effects ---
1682
+ // ---------------
1683
+ /**
1684
+ * Box Shadow
1685
+ * @see https://tailwindcss.com/docs/box-shadow
1686
+ */
1687
+ shadow: [{
1688
+ shadow: [
1689
+ // Deprecated since Tailwind CSS v4.0.0
1690
+ "",
1691
+ "none",
1692
+ g,
1693
+ re,
1694
+ te
1695
+ ]
1696
+ }],
1697
+ /**
1698
+ * Box Shadow Color
1699
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
1700
+ */
1701
+ "shadow-color": [{
1702
+ shadow: p()
1703
+ }],
1704
+ /**
1705
+ * Inset Box Shadow
1706
+ * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
1707
+ */
1708
+ "inset-shadow": [{
1709
+ "inset-shadow": ["none", w, re, te]
1710
+ }],
1711
+ /**
1712
+ * Inset Box Shadow Color
1713
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
1714
+ */
1715
+ "inset-shadow-color": [{
1716
+ "inset-shadow": p()
1571
1717
  }],
1572
1718
  /**
1573
1719
  * Ring Width
1574
- * @see https://tailwindcss.com/docs/ring-width
1720
+ * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
1575
1721
  */
1576
1722
  "ring-w": [{
1577
- ring: X()
1723
+ ring: A()
1578
1724
  }],
1579
1725
  /**
1580
1726
  * Ring Width Inset
1581
- * @see https://tailwindcss.com/docs/ring-width
1727
+ * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
1728
+ * @deprecated since Tailwind CSS v4.0.0
1729
+ * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
1582
1730
  */
1583
1731
  "ring-w-inset": ["ring-inset"],
1584
1732
  /**
1585
1733
  * Ring Color
1586
- * @see https://tailwindcss.com/docs/ring-color
1734
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
1587
1735
  */
1588
1736
  "ring-color": [{
1589
- ring: [e]
1590
- }],
1591
- /**
1592
- * Ring Opacity
1593
- * @see https://tailwindcss.com/docs/ring-opacity
1594
- */
1595
- "ring-opacity": [{
1596
- "ring-opacity": [k]
1737
+ ring: p()
1597
1738
  }],
1598
1739
  /**
1599
1740
  * Ring Offset Width
1600
- * @see https://tailwindcss.com/docs/ring-offset-width
1741
+ * @see https://v3.tailwindcss.com/docs/ring-offset-width
1742
+ * @deprecated since Tailwind CSS v4.0.0
1743
+ * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
1601
1744
  */
1602
1745
  "ring-offset-w": [{
1603
- "ring-offset": [L, A]
1746
+ "ring-offset": [f, D]
1604
1747
  }],
1605
1748
  /**
1606
1749
  * Ring Offset Color
1607
- * @see https://tailwindcss.com/docs/ring-offset-color
1750
+ * @see https://v3.tailwindcss.com/docs/ring-offset-color
1751
+ * @deprecated since Tailwind CSS v4.0.0
1752
+ * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
1608
1753
  */
1609
1754
  "ring-offset-color": [{
1610
- "ring-offset": [e]
1755
+ "ring-offset": p()
1611
1756
  }],
1612
- // Effects
1613
1757
  /**
1614
- * Box Shadow
1615
- * @see https://tailwindcss.com/docs/box-shadow
1758
+ * Inset Ring Width
1759
+ * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
1616
1760
  */
1617
- shadow: [{
1618
- shadow: ["", "inner", "none", I, De]
1761
+ "inset-ring-w": [{
1762
+ "inset-ring": A()
1619
1763
  }],
1620
1764
  /**
1621
- * Box Shadow Color
1622
- * @see https://tailwindcss.com/docs/box-shadow-color
1765
+ * Inset Ring Color
1766
+ * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
1623
1767
  */
1624
- "shadow-color": [{
1625
- shadow: [$]
1768
+ "inset-ring-color": [{
1769
+ "inset-ring": p()
1770
+ }],
1771
+ /**
1772
+ * Text Shadow
1773
+ * @see https://tailwindcss.com/docs/text-shadow
1774
+ */
1775
+ "text-shadow": [{
1776
+ "text-shadow": ["none", y, re, te]
1777
+ }],
1778
+ /**
1779
+ * Text Shadow Color
1780
+ * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
1781
+ */
1782
+ "text-shadow-color": [{
1783
+ "text-shadow": p()
1626
1784
  }],
1627
1785
  /**
1628
1786
  * Opacity
1629
1787
  * @see https://tailwindcss.com/docs/opacity
1630
1788
  */
1631
1789
  opacity: [{
1632
- opacity: [k]
1790
+ opacity: [f, d, c]
1633
1791
  }],
1634
1792
  /**
1635
1793
  * Mix Blend Mode
1636
1794
  * @see https://tailwindcss.com/docs/mix-blend-mode
1637
1795
  */
1638
1796
  "mix-blend": [{
1639
- "mix-blend": [...O(), "plus-lighter", "plus-darker"]
1797
+ "mix-blend": [...ge(), "plus-darker", "plus-lighter"]
1640
1798
  }],
1641
1799
  /**
1642
1800
  * Background Blend Mode
1643
1801
  * @see https://tailwindcss.com/docs/background-blend-mode
1644
1802
  */
1645
1803
  "bg-blend": [{
1646
- "bg-blend": O()
1804
+ "bg-blend": ge()
1647
1805
  }],
1648
- // Filters
1806
+ /**
1807
+ * Mask Clip
1808
+ * @see https://tailwindcss.com/docs/mask-clip
1809
+ */
1810
+ "mask-clip": [{
1811
+ "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
1812
+ }, "mask-no-clip"],
1813
+ /**
1814
+ * Mask Composite
1815
+ * @see https://tailwindcss.com/docs/mask-composite
1816
+ */
1817
+ "mask-composite": [{
1818
+ mask: ["add", "subtract", "intersect", "exclude"]
1819
+ }],
1820
+ /**
1821
+ * Mask Image
1822
+ * @see https://tailwindcss.com/docs/mask-image
1823
+ */
1824
+ "mask-image-linear-pos": [{
1825
+ "mask-linear": [f]
1826
+ }],
1827
+ "mask-image-linear-from-pos": [{
1828
+ "mask-linear-from": C()
1829
+ }],
1830
+ "mask-image-linear-to-pos": [{
1831
+ "mask-linear-to": C()
1832
+ }],
1833
+ "mask-image-linear-from-color": [{
1834
+ "mask-linear-from": p()
1835
+ }],
1836
+ "mask-image-linear-to-color": [{
1837
+ "mask-linear-to": p()
1838
+ }],
1839
+ "mask-image-t-from-pos": [{
1840
+ "mask-t-from": C()
1841
+ }],
1842
+ "mask-image-t-to-pos": [{
1843
+ "mask-t-to": C()
1844
+ }],
1845
+ "mask-image-t-from-color": [{
1846
+ "mask-t-from": p()
1847
+ }],
1848
+ "mask-image-t-to-color": [{
1849
+ "mask-t-to": p()
1850
+ }],
1851
+ "mask-image-r-from-pos": [{
1852
+ "mask-r-from": C()
1853
+ }],
1854
+ "mask-image-r-to-pos": [{
1855
+ "mask-r-to": C()
1856
+ }],
1857
+ "mask-image-r-from-color": [{
1858
+ "mask-r-from": p()
1859
+ }],
1860
+ "mask-image-r-to-color": [{
1861
+ "mask-r-to": p()
1862
+ }],
1863
+ "mask-image-b-from-pos": [{
1864
+ "mask-b-from": C()
1865
+ }],
1866
+ "mask-image-b-to-pos": [{
1867
+ "mask-b-to": C()
1868
+ }],
1869
+ "mask-image-b-from-color": [{
1870
+ "mask-b-from": p()
1871
+ }],
1872
+ "mask-image-b-to-color": [{
1873
+ "mask-b-to": p()
1874
+ }],
1875
+ "mask-image-l-from-pos": [{
1876
+ "mask-l-from": C()
1877
+ }],
1878
+ "mask-image-l-to-pos": [{
1879
+ "mask-l-to": C()
1880
+ }],
1881
+ "mask-image-l-from-color": [{
1882
+ "mask-l-from": p()
1883
+ }],
1884
+ "mask-image-l-to-color": [{
1885
+ "mask-l-to": p()
1886
+ }],
1887
+ "mask-image-x-from-pos": [{
1888
+ "mask-x-from": C()
1889
+ }],
1890
+ "mask-image-x-to-pos": [{
1891
+ "mask-x-to": C()
1892
+ }],
1893
+ "mask-image-x-from-color": [{
1894
+ "mask-x-from": p()
1895
+ }],
1896
+ "mask-image-x-to-color": [{
1897
+ "mask-x-to": p()
1898
+ }],
1899
+ "mask-image-y-from-pos": [{
1900
+ "mask-y-from": C()
1901
+ }],
1902
+ "mask-image-y-to-pos": [{
1903
+ "mask-y-to": C()
1904
+ }],
1905
+ "mask-image-y-from-color": [{
1906
+ "mask-y-from": p()
1907
+ }],
1908
+ "mask-image-y-to-color": [{
1909
+ "mask-y-to": p()
1910
+ }],
1911
+ "mask-image-radial": [{
1912
+ "mask-radial": [d, c]
1913
+ }],
1914
+ "mask-image-radial-from-pos": [{
1915
+ "mask-radial-from": C()
1916
+ }],
1917
+ "mask-image-radial-to-pos": [{
1918
+ "mask-radial-to": C()
1919
+ }],
1920
+ "mask-image-radial-from-color": [{
1921
+ "mask-radial-from": p()
1922
+ }],
1923
+ "mask-image-radial-to-color": [{
1924
+ "mask-radial-to": p()
1925
+ }],
1926
+ "mask-image-radial-shape": [{
1927
+ "mask-radial": ["circle", "ellipse"]
1928
+ }],
1929
+ "mask-image-radial-size": [{
1930
+ "mask-radial": [{
1931
+ closest: ["side", "corner"],
1932
+ farthest: ["side", "corner"]
1933
+ }]
1934
+ }],
1935
+ "mask-image-radial-pos": [{
1936
+ "mask-radial-at": E()
1937
+ }],
1938
+ "mask-image-conic-pos": [{
1939
+ "mask-conic": [f]
1940
+ }],
1941
+ "mask-image-conic-from-pos": [{
1942
+ "mask-conic-from": C()
1943
+ }],
1944
+ "mask-image-conic-to-pos": [{
1945
+ "mask-conic-to": C()
1946
+ }],
1947
+ "mask-image-conic-from-color": [{
1948
+ "mask-conic-from": p()
1949
+ }],
1950
+ "mask-image-conic-to-color": [{
1951
+ "mask-conic-to": p()
1952
+ }],
1953
+ /**
1954
+ * Mask Mode
1955
+ * @see https://tailwindcss.com/docs/mask-mode
1956
+ */
1957
+ "mask-mode": [{
1958
+ mask: ["alpha", "luminance", "match"]
1959
+ }],
1960
+ /**
1961
+ * Mask Origin
1962
+ * @see https://tailwindcss.com/docs/mask-origin
1963
+ */
1964
+ "mask-origin": [{
1965
+ "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
1966
+ }],
1967
+ /**
1968
+ * Mask Position
1969
+ * @see https://tailwindcss.com/docs/mask-position
1970
+ */
1971
+ "mask-position": [{
1972
+ mask: he()
1973
+ }],
1974
+ /**
1975
+ * Mask Repeat
1976
+ * @see https://tailwindcss.com/docs/mask-repeat
1977
+ */
1978
+ "mask-repeat": [{
1979
+ mask: be()
1980
+ }],
1981
+ /**
1982
+ * Mask Size
1983
+ * @see https://tailwindcss.com/docs/mask-size
1984
+ */
1985
+ "mask-size": [{
1986
+ mask: fe()
1987
+ }],
1988
+ /**
1989
+ * Mask Type
1990
+ * @see https://tailwindcss.com/docs/mask-type
1991
+ */
1992
+ "mask-type": [{
1993
+ "mask-type": ["alpha", "luminance"]
1994
+ }],
1995
+ /**
1996
+ * Mask Image
1997
+ * @see https://tailwindcss.com/docs/mask-image
1998
+ */
1999
+ "mask-image": [{
2000
+ mask: ["none", d, c]
2001
+ }],
2002
+ // ---------------
2003
+ // --- Filters ---
2004
+ // ---------------
1649
2005
  /**
1650
2006
  * Filter
1651
- * @deprecated since Tailwind CSS v3.0.0
1652
2007
  * @see https://tailwindcss.com/docs/filter
1653
2008
  */
1654
2009
  filter: [{
1655
- filter: ["", "none"]
2010
+ filter: [
2011
+ // Deprecated since Tailwind CSS v3.0.0
2012
+ "",
2013
+ "none",
2014
+ d,
2015
+ c
2016
+ ]
1656
2017
  }],
1657
2018
  /**
1658
2019
  * Blur
1659
2020
  * @see https://tailwindcss.com/docs/blur
1660
2021
  */
1661
2022
  blur: [{
1662
- blur: [o]
2023
+ blur: xe()
1663
2024
  }],
1664
2025
  /**
1665
2026
  * Brightness
1666
2027
  * @see https://tailwindcss.com/docs/brightness
1667
2028
  */
1668
2029
  brightness: [{
1669
- brightness: [r]
2030
+ brightness: [f, d, c]
1670
2031
  }],
1671
2032
  /**
1672
2033
  * Contrast
1673
2034
  * @see https://tailwindcss.com/docs/contrast
1674
2035
  */
1675
2036
  contrast: [{
1676
- contrast: [d]
2037
+ contrast: [f, d, c]
1677
2038
  }],
1678
2039
  /**
1679
2040
  * Drop Shadow
1680
2041
  * @see https://tailwindcss.com/docs/drop-shadow
1681
2042
  */
1682
2043
  "drop-shadow": [{
1683
- "drop-shadow": ["", "none", I, p]
2044
+ "drop-shadow": [
2045
+ // Deprecated since Tailwind CSS v4.0.0
2046
+ "",
2047
+ "none",
2048
+ N,
2049
+ re,
2050
+ te
2051
+ ]
2052
+ }],
2053
+ /**
2054
+ * Drop Shadow Color
2055
+ * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
2056
+ */
2057
+ "drop-shadow-color": [{
2058
+ "drop-shadow": p()
1684
2059
  }],
1685
2060
  /**
1686
2061
  * Grayscale
1687
2062
  * @see https://tailwindcss.com/docs/grayscale
1688
2063
  */
1689
2064
  grayscale: [{
1690
- grayscale: [h]
2065
+ grayscale: ["", f, d, c]
1691
2066
  }],
1692
2067
  /**
1693
2068
  * Hue Rotate
1694
2069
  * @see https://tailwindcss.com/docs/hue-rotate
1695
2070
  */
1696
2071
  "hue-rotate": [{
1697
- "hue-rotate": [c]
2072
+ "hue-rotate": [f, d, c]
1698
2073
  }],
1699
2074
  /**
1700
2075
  * Invert
1701
2076
  * @see https://tailwindcss.com/docs/invert
1702
2077
  */
1703
2078
  invert: [{
1704
- invert: [w]
2079
+ invert: ["", f, d, c]
1705
2080
  }],
1706
2081
  /**
1707
2082
  * Saturate
1708
2083
  * @see https://tailwindcss.com/docs/saturate
1709
2084
  */
1710
2085
  saturate: [{
1711
- saturate: [R]
2086
+ saturate: [f, d, c]
1712
2087
  }],
1713
2088
  /**
1714
2089
  * Sepia
1715
2090
  * @see https://tailwindcss.com/docs/sepia
1716
2091
  */
1717
2092
  sepia: [{
1718
- sepia: [E]
2093
+ sepia: ["", f, d, c]
1719
2094
  }],
1720
2095
  /**
1721
2096
  * Backdrop Filter
1722
- * @deprecated since Tailwind CSS v3.0.0
1723
2097
  * @see https://tailwindcss.com/docs/backdrop-filter
1724
2098
  */
1725
2099
  "backdrop-filter": [{
1726
- "backdrop-filter": ["", "none"]
2100
+ "backdrop-filter": [
2101
+ // Deprecated since Tailwind CSS v3.0.0
2102
+ "",
2103
+ "none",
2104
+ d,
2105
+ c
2106
+ ]
1727
2107
  }],
1728
2108
  /**
1729
2109
  * Backdrop Blur
1730
2110
  * @see https://tailwindcss.com/docs/backdrop-blur
1731
2111
  */
1732
2112
  "backdrop-blur": [{
1733
- "backdrop-blur": [o]
2113
+ "backdrop-blur": xe()
1734
2114
  }],
1735
2115
  /**
1736
2116
  * Backdrop Brightness
1737
2117
  * @see https://tailwindcss.com/docs/backdrop-brightness
1738
2118
  */
1739
2119
  "backdrop-brightness": [{
1740
- "backdrop-brightness": [r]
2120
+ "backdrop-brightness": [f, d, c]
1741
2121
  }],
1742
2122
  /**
1743
2123
  * Backdrop Contrast
1744
2124
  * @see https://tailwindcss.com/docs/backdrop-contrast
1745
2125
  */
1746
2126
  "backdrop-contrast": [{
1747
- "backdrop-contrast": [d]
2127
+ "backdrop-contrast": [f, d, c]
1748
2128
  }],
1749
2129
  /**
1750
2130
  * Backdrop Grayscale
1751
2131
  * @see https://tailwindcss.com/docs/backdrop-grayscale
1752
2132
  */
1753
2133
  "backdrop-grayscale": [{
1754
- "backdrop-grayscale": [h]
2134
+ "backdrop-grayscale": ["", f, d, c]
1755
2135
  }],
1756
2136
  /**
1757
2137
  * Backdrop Hue Rotate
1758
2138
  * @see https://tailwindcss.com/docs/backdrop-hue-rotate
1759
2139
  */
1760
2140
  "backdrop-hue-rotate": [{
1761
- "backdrop-hue-rotate": [c]
2141
+ "backdrop-hue-rotate": [f, d, c]
1762
2142
  }],
1763
2143
  /**
1764
2144
  * Backdrop Invert
1765
2145
  * @see https://tailwindcss.com/docs/backdrop-invert
1766
2146
  */
1767
2147
  "backdrop-invert": [{
1768
- "backdrop-invert": [w]
2148
+ "backdrop-invert": ["", f, d, c]
1769
2149
  }],
1770
2150
  /**
1771
2151
  * Backdrop Opacity
1772
2152
  * @see https://tailwindcss.com/docs/backdrop-opacity
1773
2153
  */
1774
2154
  "backdrop-opacity": [{
1775
- "backdrop-opacity": [k]
2155
+ "backdrop-opacity": [f, d, c]
1776
2156
  }],
1777
2157
  /**
1778
2158
  * Backdrop Saturate
1779
2159
  * @see https://tailwindcss.com/docs/backdrop-saturate
1780
2160
  */
1781
2161
  "backdrop-saturate": [{
1782
- "backdrop-saturate": [R]
2162
+ "backdrop-saturate": [f, d, c]
1783
2163
  }],
1784
2164
  /**
1785
2165
  * Backdrop Sepia
1786
2166
  * @see https://tailwindcss.com/docs/backdrop-sepia
1787
2167
  */
1788
2168
  "backdrop-sepia": [{
1789
- "backdrop-sepia": [E]
2169
+ "backdrop-sepia": ["", f, d, c]
1790
2170
  }],
1791
- // Tables
2171
+ // --------------
2172
+ // --- Tables ---
2173
+ // --------------
1792
2174
  /**
1793
2175
  * Border Collapse
1794
2176
  * @see https://tailwindcss.com/docs/border-collapse
@@ -1801,21 +2183,21 @@ const y = (e) => {
1801
2183
  * @see https://tailwindcss.com/docs/border-spacing
1802
2184
  */
1803
2185
  "border-spacing": [{
1804
- "border-spacing": [a]
2186
+ "border-spacing": h()
1805
2187
  }],
1806
2188
  /**
1807
2189
  * Border Spacing X
1808
2190
  * @see https://tailwindcss.com/docs/border-spacing
1809
2191
  */
1810
2192
  "border-spacing-x": [{
1811
- "border-spacing-x": [a]
2193
+ "border-spacing-x": h()
1812
2194
  }],
1813
2195
  /**
1814
2196
  * Border Spacing Y
1815
2197
  * @see https://tailwindcss.com/docs/border-spacing
1816
2198
  */
1817
2199
  "border-spacing-y": [{
1818
- "border-spacing-y": [a]
2200
+ "border-spacing-y": h()
1819
2201
  }],
1820
2202
  /**
1821
2203
  * Table Layout
@@ -1831,120 +2213,220 @@ const y = (e) => {
1831
2213
  caption: [{
1832
2214
  caption: ["top", "bottom"]
1833
2215
  }],
1834
- // Transitions and Animation
2216
+ // ---------------------------------
2217
+ // --- Transitions and Animation ---
2218
+ // ---------------------------------
1835
2219
  /**
1836
- * Tranisition Property
2220
+ * Transition Property
1837
2221
  * @see https://tailwindcss.com/docs/transition-property
1838
2222
  */
1839
2223
  transition: [{
1840
- transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", p]
2224
+ transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", d, c]
2225
+ }],
2226
+ /**
2227
+ * Transition Behavior
2228
+ * @see https://tailwindcss.com/docs/transition-behavior
2229
+ */
2230
+ "transition-behavior": [{
2231
+ transition: ["normal", "discrete"]
1841
2232
  }],
1842
2233
  /**
1843
2234
  * Transition Duration
1844
2235
  * @see https://tailwindcss.com/docs/transition-duration
1845
2236
  */
1846
2237
  duration: [{
1847
- duration: S()
2238
+ duration: [f, "initial", d, c]
1848
2239
  }],
1849
2240
  /**
1850
2241
  * Transition Timing Function
1851
2242
  * @see https://tailwindcss.com/docs/transition-timing-function
1852
2243
  */
1853
2244
  ease: [{
1854
- ease: ["linear", "in", "out", "in-out", p]
2245
+ ease: ["linear", "initial", T, d, c]
1855
2246
  }],
1856
2247
  /**
1857
2248
  * Transition Delay
1858
2249
  * @see https://tailwindcss.com/docs/transition-delay
1859
2250
  */
1860
2251
  delay: [{
1861
- delay: S()
2252
+ delay: [f, d, c]
1862
2253
  }],
1863
2254
  /**
1864
2255
  * Animation
1865
2256
  * @see https://tailwindcss.com/docs/animation
1866
2257
  */
1867
2258
  animate: [{
1868
- animate: ["none", "spin", "ping", "pulse", "bounce", p]
2259
+ animate: ["none", G, d, c]
1869
2260
  }],
1870
- // Transforms
2261
+ // ------------------
2262
+ // --- Transforms ---
2263
+ // ------------------
1871
2264
  /**
1872
- * Transform
1873
- * @see https://tailwindcss.com/docs/transform
2265
+ * Backface Visibility
2266
+ * @see https://tailwindcss.com/docs/backface-visibility
1874
2267
  */
1875
- transform: [{
1876
- transform: ["", "gpu", "none"]
2268
+ backface: [{
2269
+ backface: ["hidden", "visible"]
2270
+ }],
2271
+ /**
2272
+ * Perspective
2273
+ * @see https://tailwindcss.com/docs/perspective
2274
+ */
2275
+ perspective: [{
2276
+ perspective: [M, d, c]
2277
+ }],
2278
+ /**
2279
+ * Perspective Origin
2280
+ * @see https://tailwindcss.com/docs/perspective-origin
2281
+ */
2282
+ "perspective-origin": [{
2283
+ "perspective-origin": j()
2284
+ }],
2285
+ /**
2286
+ * Rotate
2287
+ * @see https://tailwindcss.com/docs/rotate
2288
+ */
2289
+ rotate: [{
2290
+ rotate: J()
2291
+ }],
2292
+ /**
2293
+ * Rotate X
2294
+ * @see https://tailwindcss.com/docs/rotate
2295
+ */
2296
+ "rotate-x": [{
2297
+ "rotate-x": J()
2298
+ }],
2299
+ /**
2300
+ * Rotate Y
2301
+ * @see https://tailwindcss.com/docs/rotate
2302
+ */
2303
+ "rotate-y": [{
2304
+ "rotate-y": J()
2305
+ }],
2306
+ /**
2307
+ * Rotate Z
2308
+ * @see https://tailwindcss.com/docs/rotate
2309
+ */
2310
+ "rotate-z": [{
2311
+ "rotate-z": J()
1877
2312
  }],
1878
2313
  /**
1879
2314
  * Scale
1880
2315
  * @see https://tailwindcss.com/docs/scale
1881
2316
  */
1882
2317
  scale: [{
1883
- scale: [M]
2318
+ scale: Q()
1884
2319
  }],
1885
2320
  /**
1886
2321
  * Scale X
1887
2322
  * @see https://tailwindcss.com/docs/scale
1888
2323
  */
1889
2324
  "scale-x": [{
1890
- "scale-x": [M]
2325
+ "scale-x": Q()
1891
2326
  }],
1892
2327
  /**
1893
2328
  * Scale Y
1894
2329
  * @see https://tailwindcss.com/docs/scale
1895
2330
  */
1896
2331
  "scale-y": [{
1897
- "scale-y": [M]
2332
+ "scale-y": Q()
1898
2333
  }],
1899
2334
  /**
1900
- * Rotate
1901
- * @see https://tailwindcss.com/docs/rotate
2335
+ * Scale Z
2336
+ * @see https://tailwindcss.com/docs/scale
1902
2337
  */
1903
- rotate: [{
1904
- rotate: [F, p]
2338
+ "scale-z": [{
2339
+ "scale-z": Q()
1905
2340
  }],
1906
2341
  /**
1907
- * Translate X
1908
- * @see https://tailwindcss.com/docs/translate
2342
+ * Scale 3D
2343
+ * @see https://tailwindcss.com/docs/scale
1909
2344
  */
1910
- "translate-x": [{
1911
- "translate-x": [Q]
1912
- }],
2345
+ "scale-3d": ["scale-3d"],
1913
2346
  /**
1914
- * Translate Y
1915
- * @see https://tailwindcss.com/docs/translate
2347
+ * Skew
2348
+ * @see https://tailwindcss.com/docs/skew
1916
2349
  */
1917
- "translate-y": [{
1918
- "translate-y": [Q]
2350
+ skew: [{
2351
+ skew: ae()
1919
2352
  }],
1920
2353
  /**
1921
2354
  * Skew X
1922
2355
  * @see https://tailwindcss.com/docs/skew
1923
2356
  */
1924
2357
  "skew-x": [{
1925
- "skew-x": [T]
2358
+ "skew-x": ae()
1926
2359
  }],
1927
2360
  /**
1928
2361
  * Skew Y
1929
2362
  * @see https://tailwindcss.com/docs/skew
1930
2363
  */
1931
2364
  "skew-y": [{
1932
- "skew-y": [T]
2365
+ "skew-y": ae()
2366
+ }],
2367
+ /**
2368
+ * Transform
2369
+ * @see https://tailwindcss.com/docs/transform
2370
+ */
2371
+ transform: [{
2372
+ transform: [d, c, "", "none", "gpu", "cpu"]
1933
2373
  }],
1934
2374
  /**
1935
2375
  * Transform Origin
1936
2376
  * @see https://tailwindcss.com/docs/transform-origin
1937
2377
  */
1938
2378
  "transform-origin": [{
1939
- origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", p]
2379
+ origin: j()
2380
+ }],
2381
+ /**
2382
+ * Transform Style
2383
+ * @see https://tailwindcss.com/docs/transform-style
2384
+ */
2385
+ "transform-style": [{
2386
+ transform: ["3d", "flat"]
2387
+ }],
2388
+ /**
2389
+ * Translate
2390
+ * @see https://tailwindcss.com/docs/translate
2391
+ */
2392
+ translate: [{
2393
+ translate: ee()
2394
+ }],
2395
+ /**
2396
+ * Translate X
2397
+ * @see https://tailwindcss.com/docs/translate
2398
+ */
2399
+ "translate-x": [{
2400
+ "translate-x": ee()
2401
+ }],
2402
+ /**
2403
+ * Translate Y
2404
+ * @see https://tailwindcss.com/docs/translate
2405
+ */
2406
+ "translate-y": [{
2407
+ "translate-y": ee()
2408
+ }],
2409
+ /**
2410
+ * Translate Z
2411
+ * @see https://tailwindcss.com/docs/translate
2412
+ */
2413
+ "translate-z": [{
2414
+ "translate-z": ee()
1940
2415
  }],
1941
- // Interactivity
2416
+ /**
2417
+ * Translate None
2418
+ * @see https://tailwindcss.com/docs/translate
2419
+ */
2420
+ "translate-none": ["translate-none"],
2421
+ // ---------------------
2422
+ // --- Interactivity ---
2423
+ // ---------------------
1942
2424
  /**
1943
2425
  * Accent Color
1944
2426
  * @see https://tailwindcss.com/docs/accent-color
1945
2427
  */
1946
2428
  accent: [{
1947
- accent: ["auto", e]
2429
+ accent: p()
1948
2430
  }],
1949
2431
  /**
1950
2432
  * Appearance
@@ -1953,33 +2435,47 @@ const y = (e) => {
1953
2435
  appearance: [{
1954
2436
  appearance: ["none", "auto"]
1955
2437
  }],
2438
+ /**
2439
+ * Caret Color
2440
+ * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2441
+ */
2442
+ "caret-color": [{
2443
+ caret: p()
2444
+ }],
2445
+ /**
2446
+ * Color Scheme
2447
+ * @see https://tailwindcss.com/docs/color-scheme
2448
+ */
2449
+ "color-scheme": [{
2450
+ scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
2451
+ }],
1956
2452
  /**
1957
2453
  * Cursor
1958
2454
  * @see https://tailwindcss.com/docs/cursor
1959
2455
  */
1960
2456
  cursor: [{
1961
- 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", p]
2457
+ 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", d, c]
1962
2458
  }],
1963
2459
  /**
1964
- * Caret Color
1965
- * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2460
+ * Field Sizing
2461
+ * @see https://tailwindcss.com/docs/field-sizing
1966
2462
  */
1967
- "caret-color": [{
1968
- caret: [e]
2463
+ "field-sizing": [{
2464
+ "field-sizing": ["fixed", "content"]
1969
2465
  }],
1970
2466
  /**
1971
2467
  * Pointer Events
1972
2468
  * @see https://tailwindcss.com/docs/pointer-events
1973
2469
  */
1974
2470
  "pointer-events": [{
1975
- "pointer-events": ["none", "auto"]
2471
+ "pointer-events": ["auto", "none"]
1976
2472
  }],
1977
2473
  /**
1978
2474
  * Resize
1979
2475
  * @see https://tailwindcss.com/docs/resize
1980
2476
  */
1981
2477
  resize: [{
1982
- resize: ["none", "y", "x", ""]
2478
+ resize: ["none", "", "y", "x"]
1983
2479
  }],
1984
2480
  /**
1985
2481
  * Scroll Behavior
@@ -1993,126 +2489,126 @@ const y = (e) => {
1993
2489
  * @see https://tailwindcss.com/docs/scroll-margin
1994
2490
  */
1995
2491
  "scroll-m": [{
1996
- "scroll-m": v()
2492
+ "scroll-m": h()
1997
2493
  }],
1998
2494
  /**
1999
2495
  * Scroll Margin X
2000
2496
  * @see https://tailwindcss.com/docs/scroll-margin
2001
2497
  */
2002
2498
  "scroll-mx": [{
2003
- "scroll-mx": v()
2499
+ "scroll-mx": h()
2004
2500
  }],
2005
2501
  /**
2006
2502
  * Scroll Margin Y
2007
2503
  * @see https://tailwindcss.com/docs/scroll-margin
2008
2504
  */
2009
2505
  "scroll-my": [{
2010
- "scroll-my": v()
2506
+ "scroll-my": h()
2011
2507
  }],
2012
2508
  /**
2013
2509
  * Scroll Margin Start
2014
2510
  * @see https://tailwindcss.com/docs/scroll-margin
2015
2511
  */
2016
2512
  "scroll-ms": [{
2017
- "scroll-ms": v()
2513
+ "scroll-ms": h()
2018
2514
  }],
2019
2515
  /**
2020
2516
  * Scroll Margin End
2021
2517
  * @see https://tailwindcss.com/docs/scroll-margin
2022
2518
  */
2023
2519
  "scroll-me": [{
2024
- "scroll-me": v()
2520
+ "scroll-me": h()
2025
2521
  }],
2026
2522
  /**
2027
2523
  * Scroll Margin Top
2028
2524
  * @see https://tailwindcss.com/docs/scroll-margin
2029
2525
  */
2030
2526
  "scroll-mt": [{
2031
- "scroll-mt": v()
2527
+ "scroll-mt": h()
2032
2528
  }],
2033
2529
  /**
2034
2530
  * Scroll Margin Right
2035
2531
  * @see https://tailwindcss.com/docs/scroll-margin
2036
2532
  */
2037
2533
  "scroll-mr": [{
2038
- "scroll-mr": v()
2534
+ "scroll-mr": h()
2039
2535
  }],
2040
2536
  /**
2041
2537
  * Scroll Margin Bottom
2042
2538
  * @see https://tailwindcss.com/docs/scroll-margin
2043
2539
  */
2044
2540
  "scroll-mb": [{
2045
- "scroll-mb": v()
2541
+ "scroll-mb": h()
2046
2542
  }],
2047
2543
  /**
2048
2544
  * Scroll Margin Left
2049
2545
  * @see https://tailwindcss.com/docs/scroll-margin
2050
2546
  */
2051
2547
  "scroll-ml": [{
2052
- "scroll-ml": v()
2548
+ "scroll-ml": h()
2053
2549
  }],
2054
2550
  /**
2055
2551
  * Scroll Padding
2056
2552
  * @see https://tailwindcss.com/docs/scroll-padding
2057
2553
  */
2058
2554
  "scroll-p": [{
2059
- "scroll-p": v()
2555
+ "scroll-p": h()
2060
2556
  }],
2061
2557
  /**
2062
2558
  * Scroll Padding X
2063
2559
  * @see https://tailwindcss.com/docs/scroll-padding
2064
2560
  */
2065
2561
  "scroll-px": [{
2066
- "scroll-px": v()
2562
+ "scroll-px": h()
2067
2563
  }],
2068
2564
  /**
2069
2565
  * Scroll Padding Y
2070
2566
  * @see https://tailwindcss.com/docs/scroll-padding
2071
2567
  */
2072
2568
  "scroll-py": [{
2073
- "scroll-py": v()
2569
+ "scroll-py": h()
2074
2570
  }],
2075
2571
  /**
2076
2572
  * Scroll Padding Start
2077
2573
  * @see https://tailwindcss.com/docs/scroll-padding
2078
2574
  */
2079
2575
  "scroll-ps": [{
2080
- "scroll-ps": v()
2576
+ "scroll-ps": h()
2081
2577
  }],
2082
2578
  /**
2083
2579
  * Scroll Padding End
2084
2580
  * @see https://tailwindcss.com/docs/scroll-padding
2085
2581
  */
2086
2582
  "scroll-pe": [{
2087
- "scroll-pe": v()
2583
+ "scroll-pe": h()
2088
2584
  }],
2089
2585
  /**
2090
2586
  * Scroll Padding Top
2091
2587
  * @see https://tailwindcss.com/docs/scroll-padding
2092
2588
  */
2093
2589
  "scroll-pt": [{
2094
- "scroll-pt": v()
2590
+ "scroll-pt": h()
2095
2591
  }],
2096
2592
  /**
2097
2593
  * Scroll Padding Right
2098
2594
  * @see https://tailwindcss.com/docs/scroll-padding
2099
2595
  */
2100
2596
  "scroll-pr": [{
2101
- "scroll-pr": v()
2597
+ "scroll-pr": h()
2102
2598
  }],
2103
2599
  /**
2104
2600
  * Scroll Padding Bottom
2105
2601
  * @see https://tailwindcss.com/docs/scroll-padding
2106
2602
  */
2107
2603
  "scroll-pb": [{
2108
- "scroll-pb": v()
2604
+ "scroll-pb": h()
2109
2605
  }],
2110
2606
  /**
2111
2607
  * Scroll Padding Left
2112
2608
  * @see https://tailwindcss.com/docs/scroll-padding
2113
2609
  */
2114
2610
  "scroll-pl": [{
2115
- "scroll-pl": v()
2611
+ "scroll-pl": h()
2116
2612
  }],
2117
2613
  /**
2118
2614
  * Scroll Snap Align
@@ -2180,36 +2676,35 @@ const y = (e) => {
2180
2676
  * @see https://tailwindcss.com/docs/will-change
2181
2677
  */
2182
2678
  "will-change": [{
2183
- "will-change": ["auto", "scroll", "contents", "transform", p]
2679
+ "will-change": ["auto", "scroll", "contents", "transform", d, c]
2184
2680
  }],
2185
- // SVG
2681
+ // -----------
2682
+ // --- SVG ---
2683
+ // -----------
2186
2684
  /**
2187
2685
  * Fill
2188
2686
  * @see https://tailwindcss.com/docs/fill
2189
2687
  */
2190
2688
  fill: [{
2191
- fill: [e, "none"]
2689
+ fill: ["none", ...p()]
2192
2690
  }],
2193
2691
  /**
2194
2692
  * Stroke Width
2195
2693
  * @see https://tailwindcss.com/docs/stroke-width
2196
2694
  */
2197
2695
  "stroke-w": [{
2198
- stroke: [L, A, D]
2696
+ stroke: [f, K, D, le]
2199
2697
  }],
2200
2698
  /**
2201
2699
  * Stroke
2202
2700
  * @see https://tailwindcss.com/docs/stroke
2203
2701
  */
2204
2702
  stroke: [{
2205
- stroke: [e, "none"]
2703
+ stroke: ["none", ...p()]
2206
2704
  }],
2207
- // Accessibility
2208
- /**
2209
- * Screen Readers
2210
- * @see https://tailwindcss.com/docs/screen-readers
2211
- */
2212
- sr: ["sr-only", "not-sr-only"],
2705
+ // ---------------------
2706
+ // --- Accessibility ---
2707
+ // ---------------------
2213
2708
  /**
2214
2709
  * Forced Color Adjust
2215
2710
  * @see https://tailwindcss.com/docs/forced-color-adjust
@@ -2249,12 +2744,14 @@ const y = (e) => {
2249
2744
  "rounded-b": ["rounded-br", "rounded-bl"],
2250
2745
  "rounded-l": ["rounded-tl", "rounded-bl"],
2251
2746
  "border-spacing": ["border-spacing-x", "border-spacing-y"],
2252
- "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
2747
+ "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"],
2253
2748
  "border-w-x": ["border-w-r", "border-w-l"],
2254
2749
  "border-w-y": ["border-w-t", "border-w-b"],
2255
- "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
2750
+ "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"],
2256
2751
  "border-color-x": ["border-color-r", "border-color-l"],
2257
2752
  "border-color-y": ["border-color-t", "border-color-b"],
2753
+ translate: ["translate-x", "translate-y", "translate-none"],
2754
+ "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
2258
2755
  "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
2259
2756
  "scroll-mx": ["scroll-mr", "scroll-ml"],
2260
2757
  "scroll-my": ["scroll-mt", "scroll-mb"],
@@ -2268,55 +2765,56 @@ const y = (e) => {
2268
2765
  },
2269
2766
  conflictingClassGroupModifiers: {
2270
2767
  "font-size": ["leading"]
2271
- }
2768
+ },
2769
+ orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
2272
2770
  };
2273
- }, Ye = /* @__PURE__ */ Ee(Xe);
2274
- function m(...e) {
2275
- return Ye(ye(e));
2771
+ }, Bt = /* @__PURE__ */ bt(jt);
2772
+ function b(...e) {
2773
+ return Bt(qe(e));
2276
2774
  }
2277
- const Oe = {
2775
+ const Pt = {
2278
2776
  primary: "bg-primary text-black theme-light:text-white border border-primary shadow-[inset_-4px_-4px_8px_var(--color-primary-shadow-dark),inset_4px_4px_8px_var(--color-primary-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-primary-shadow-dark),_inset_-3px_-3px_6px_var(--color-primary-shadow-light)] disabled:shadow-none disabled:bg-primary-disabled disabled:text-text-disabled",
2279
2777
  secondary: "bg-secondary text-white border border-secondary shadow-[inset_-4px_-4px_8px_var(--color-secondary-shadow-dark),inset_4px_4px_8px_var(--color-secondary-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-secondary-shadow-dark),_inset_-3px_-3px_6px_var(--color-secondary-shadow-light)] disabled:shadow-none disabled:bg-secondary-disabled disabled:text-text-disabled",
2280
2778
  danger: "bg-danger text-black theme-light:text-white border border-danger shadow-[inset_-4px_-4px_8px_var(--color-danger-shadow-dark),inset_4px_4px_8px_var(--color-danger-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-danger-shadow-dark),_inset_-3px_-3px_6px_var(--color-danger-shadow-light)] disabled:shadow-none disabled:bg-danger-disabled disabled:text-text-disabled",
2281
2779
  ghost: "bg-ghost text-text-primary border border-transparent shadow-[inset_-4px_-4px_8px_var(--color-ghost-shadow-dark),inset_4px_4px_8px_var(--color-ghost-shadow-light)] active:shadow-[inset_3px_3px_6px_var(--color-ghost-shadow-dark),_inset_-3px_-3px_6px_var(--color-ghost-shadow-light)] disabled:shadow-none disabled:bg-ghost-disabled disabled:text-text-disabled"
2282
- }, et = {
2780
+ }, Ft = {
2283
2781
  sm: "px-3 py-1 text-xs font-medium rounded-lg h-8",
2284
2782
  md: "px-4 py-1.5 text-sm font-medium rounded-lg h-10",
2285
2783
  lg: "px-6 py-2 text-md font-medium rounded-lg h-12"
2286
- }, pe = C.forwardRef(({
2784
+ }, Ge = k.forwardRef(({
2287
2785
  variant: e = "primary",
2288
- size: t = "md",
2786
+ size: r = "md",
2289
2787
  loading: o = !1,
2290
- disabled: r = !1,
2291
- className: n,
2292
- children: l,
2293
- ...a
2294
- }, i) => /* @__PURE__ */ f(
2788
+ disabled: t = !1,
2789
+ className: s,
2790
+ children: i,
2791
+ ...n
2792
+ }, m) => /* @__PURE__ */ x(
2295
2793
  "button",
2296
2794
  {
2297
- ref: i,
2298
- className: m(
2795
+ ref: m,
2796
+ className: b(
2299
2797
  "inline-flex items-center justify-center",
2300
2798
  "font-medium transition-all duration-200",
2301
2799
  "focus-visible focus:outline-none",
2302
2800
  "disabled:cursor-not-allowed disabled:opacity-50",
2303
- Oe[e],
2304
- et[t],
2305
- n
2801
+ Pt[e],
2802
+ Ft[r],
2803
+ s
2306
2804
  ),
2307
- disabled: r || o,
2308
- ...a,
2805
+ disabled: t || o,
2806
+ ...n,
2309
2807
  children: [
2310
- /* @__PURE__ */ s("span", { className: m("inline-flex items-center", o ? "w-4 h-4 mr-2" : "w-0 h-4"), children: /* @__PURE__ */ f(
2808
+ /* @__PURE__ */ a("span", { className: b("inline-flex items-center", o ? "w-4 h-4 mr-2" : "w-0 h-4"), children: /* @__PURE__ */ x(
2311
2809
  "svg",
2312
2810
  {
2313
- className: m("animate-spin h-4 w-4", !o && "opacity-0"),
2811
+ className: b("animate-spin h-4 w-4", !o && "opacity-0"),
2314
2812
  xmlns: "http://www.w3.org/2000/svg",
2315
2813
  fill: "none",
2316
2814
  viewBox: "0 0 24 24",
2317
2815
  "aria-hidden": "true",
2318
2816
  children: [
2319
- /* @__PURE__ */ s(
2817
+ /* @__PURE__ */ a(
2320
2818
  "circle",
2321
2819
  {
2322
2820
  className: "opacity-25",
@@ -2327,7 +2825,7 @@ const Oe = {
2327
2825
  strokeWidth: "4"
2328
2826
  }
2329
2827
  ),
2330
- /* @__PURE__ */ s(
2828
+ /* @__PURE__ */ a(
2331
2829
  "path",
2332
2830
  {
2333
2831
  className: "opacity-75",
@@ -2338,62 +2836,60 @@ const Oe = {
2338
2836
  ]
2339
2837
  }
2340
2838
  ) }),
2341
- l
2839
+ i
2342
2840
  ]
2343
2841
  }
2344
2842
  ));
2345
- pe.displayName = "Button";
2346
- const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st = "_outline_7snfv_207", z = {
2347
- button: tt,
2843
+ Ge.displayName = "Button";
2844
+ const Gt = "_button_7snfv_7", Vt = "_state_7snfv_75", Ot = "_icon_7snfv_149", $t = "_outline_7snfv_207", I = {
2845
+ button: Gt,
2348
2846
  "button--size-sm": "_button--size-sm_7snfv_59",
2349
- state: rt,
2847
+ state: Vt,
2350
2848
  "button--size-md": "_button--size-md_7snfv_83",
2351
2849
  "button--size-lg": "_button--size-lg_7snfv_107",
2352
- icon: ot,
2353
- outline: st,
2850
+ icon: Ot,
2851
+ outline: $t,
2354
2852
  "state--default": "_state--default_7snfv_231",
2355
2853
  "state--sent": "_state--sent_7snfv_717"
2356
- }, oe = (e) => e.split("").map((t, o) => /* @__PURE__ */ s("span", { style: { "--i": o }, children: t === " " ? " " : t }, o)), nt = {
2357
- sm: z["button--size-sm"],
2358
- md: z["button--size-md"],
2359
- lg: z["button--size-lg"]
2360
- }, gt = ({
2854
+ }, Ce = (e) => e.split("").map((r, o) => /* @__PURE__ */ a("span", { style: { "--i": o }, children: r === " " ? " " : r }, o)), Dt = {
2855
+ sm: I["button--size-sm"],
2856
+ md: I["button--size-md"],
2857
+ lg: I["button--size-lg"]
2858
+ }, ir = ({
2361
2859
  children: e = "Send Message",
2362
- successText: t = "Sent",
2860
+ successText: r = "Sent",
2363
2861
  onSubmit: o,
2364
- disabled: r,
2365
- size: n = "md",
2366
- className: l,
2367
- ...a
2862
+ disabled: t,
2863
+ size: s = "md",
2864
+ className: i,
2865
+ ...n
2368
2866
  }) => {
2369
- const [i, d] = se(!1), h = fe(), c = xe(null);
2370
- return /* @__PURE__ */ f(
2867
+ const [m, l] = Ne(!1), u = We(), g = Ze(null);
2868
+ return /* @__PURE__ */ x(
2371
2869
  "button",
2372
2870
  {
2373
- ...a,
2374
- ref: c,
2871
+ ...n,
2872
+ ref: g,
2375
2873
  type: "submit",
2376
- disabled: r,
2377
- onClick: async (x) => {
2378
- var _, g;
2379
- if (o && !i)
2874
+ disabled: t,
2875
+ onClick: async (y) => {
2876
+ if (o && !m)
2380
2877
  try {
2381
- await o(), d(!0), (_ = c.current) == null || _.focus(), setTimeout(() => {
2382
- var u;
2383
- d(!1), (u = c.current) == null || u.blur();
2878
+ await o(), l(!0), g.current?.focus(), setTimeout(() => {
2879
+ l(!1), g.current?.blur();
2384
2880
  }, 3e3);
2385
- } catch (u) {
2386
- console.error("Submit failed:", u);
2881
+ } catch (N) {
2882
+ console.error("Submit failed:", N);
2387
2883
  }
2388
- (g = a.onClick) == null || g.call(a, x);
2884
+ n.onClick?.(y);
2389
2885
  },
2390
- className: m(z.button, nt[n], l),
2391
- "aria-label": i ? "Submission successful" : a["aria-label"] || "Submit",
2392
- "aria-disabled": r,
2886
+ className: b(I.button, Dt[s], i),
2887
+ "aria-label": m ? "Submission successful" : n["aria-label"] || "Submit",
2888
+ "aria-disabled": t,
2393
2889
  children: [
2394
- /* @__PURE__ */ s("div", { className: z.outline }),
2395
- /* @__PURE__ */ f("div", { className: m(z.state, z["state--default"]), children: [
2396
- /* @__PURE__ */ s("div", { className: z.icon, children: /* @__PURE__ */ f(
2890
+ /* @__PURE__ */ a("div", { className: I.outline }),
2891
+ /* @__PURE__ */ x("div", { className: b(I.state, I["state--default"]), children: [
2892
+ /* @__PURE__ */ a("div", { className: I.icon, children: /* @__PURE__ */ x(
2397
2893
  "svg",
2398
2894
  {
2399
2895
  width: "1em",
@@ -2402,15 +2898,15 @@ const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st
2402
2898
  fill: "none",
2403
2899
  xmlns: "http://www.w3.org/2000/svg",
2404
2900
  children: [
2405
- /* @__PURE__ */ f("g", { style: { filter: `url(#${h})` }, children: [
2406
- /* @__PURE__ */ s(
2901
+ /* @__PURE__ */ x("g", { style: { filter: `url(#${u})` }, children: [
2902
+ /* @__PURE__ */ a(
2407
2903
  "path",
2408
2904
  {
2409
2905
  d: "M14.2199 21.63C13.0399 21.63 11.3699 20.8 10.0499 16.83L9.32988 14.67L7.16988 13.95C3.20988 12.63 2.37988 10.96 2.37988 9.78001C2.37988 8.61001 3.20988 6.93001 7.16988 5.60001L15.6599 2.77001C17.7799 2.06001 19.5499 2.27001 20.6399 3.35001C21.7299 4.43001 21.9399 6.21001 21.2299 8.33001L18.3999 16.82C17.0699 20.8 15.3999 21.63 14.2199 21.63ZM7.63988 7.03001C4.85988 7.96001 3.86988 9.06001 3.86988 9.78001C3.86988 10.5 4.85988 11.6 7.63988 12.52L10.1599 13.36C10.3799 13.43 10.5599 13.61 10.6299 13.83L11.4699 16.35C12.3899 19.13 13.4999 20.12 14.2199 20.12C14.9399 20.12 16.0399 19.13 16.9699 16.35L19.7999 7.86001C20.3099 6.32001 20.2199 5.06001 19.5699 4.41001C18.9199 3.76001 17.6599 3.68001 16.1299 4.19001L7.63988 7.03001Z",
2410
2906
  fill: "currentColor"
2411
2907
  }
2412
2908
  ),
2413
- /* @__PURE__ */ s(
2909
+ /* @__PURE__ */ a(
2414
2910
  "path",
2415
2911
  {
2416
2912
  d: "M10.11 14.4C9.92005 14.4 9.73005 14.33 9.58005 14.18C9.29005 13.89 9.29005 13.41 9.58005 13.12L13.16 9.53C13.45 9.24 13.93 9.24 14.22 9.53C14.51 9.82 14.51 10.3 14.22 10.59L10.64 14.18C10.5 14.33 10.3 14.4 10.11 14.4Z",
@@ -2418,7 +2914,7 @@ const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st
2418
2914
  }
2419
2915
  )
2420
2916
  ] }),
2421
- /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ s("filter", { id: h, children: /* @__PURE__ */ s(
2917
+ /* @__PURE__ */ a("defs", { children: /* @__PURE__ */ a("filter", { id: u, children: /* @__PURE__ */ a(
2422
2918
  "feDropShadow",
2423
2919
  {
2424
2920
  dx: "0",
@@ -2430,10 +2926,10 @@ const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st
2430
2926
  ]
2431
2927
  }
2432
2928
  ) }),
2433
- /* @__PURE__ */ s("p", { children: oe(typeof e == "string" ? e : "Send Message") })
2929
+ /* @__PURE__ */ a("p", { children: Ce(typeof e == "string" ? e : "Send Message") })
2434
2930
  ] }),
2435
- /* @__PURE__ */ f("div", { className: m(z.state, z["state--sent"]), children: [
2436
- /* @__PURE__ */ s("div", { className: z.icon, children: /* @__PURE__ */ s(
2931
+ /* @__PURE__ */ x("div", { className: b(I.state, I["state--sent"]), children: [
2932
+ /* @__PURE__ */ a("div", { className: I.icon, children: /* @__PURE__ */ a(
2437
2933
  "svg",
2438
2934
  {
2439
2935
  xmlns: "http://www.w3.org/2000/svg",
@@ -2443,15 +2939,15 @@ const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st
2443
2939
  width: "1em",
2444
2940
  strokeWidth: "0.5px",
2445
2941
  stroke: "black",
2446
- children: /* @__PURE__ */ f("g", { style: { filter: `url(#${h})` }, children: [
2447
- /* @__PURE__ */ s(
2942
+ children: /* @__PURE__ */ x("g", { style: { filter: `url(#${u})` }, children: [
2943
+ /* @__PURE__ */ a(
2448
2944
  "path",
2449
2945
  {
2450
2946
  fill: "currentColor",
2451
2947
  d: "M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z"
2452
2948
  }
2453
2949
  ),
2454
- /* @__PURE__ */ s(
2950
+ /* @__PURE__ */ a(
2455
2951
  "path",
2456
2952
  {
2457
2953
  fill: "currentColor",
@@ -2461,46 +2957,46 @@ const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st
2461
2957
  ] })
2462
2958
  }
2463
2959
  ) }),
2464
- /* @__PURE__ */ s("p", { children: oe(t) })
2960
+ /* @__PURE__ */ a("p", { children: Ce(r) })
2465
2961
  ] })
2466
2962
  ]
2467
2963
  }
2468
2964
  );
2469
- }, at = {
2965
+ }, Wt = {
2470
2966
  sm: "px-4 py-2 text-sm",
2471
2967
  md: "px-5 py-[10px] text-base",
2472
2968
  lg: "px-6 py-3 text-lg"
2473
- }, ue = C.forwardRef(({
2969
+ }, Ve = k.forwardRef(({
2474
2970
  size: e = "md",
2475
- error: t = !1,
2971
+ error: r = !1,
2476
2972
  className: o,
2477
- disabled: r,
2478
- ...n
2479
- }, l) => /* @__PURE__ */ f("div", { className: "relative inline-flex items-center", children: [
2480
- /* @__PURE__ */ s(
2973
+ disabled: t,
2974
+ ...s
2975
+ }, i) => /* @__PURE__ */ x("div", { className: "relative inline-flex items-center", children: [
2976
+ /* @__PURE__ */ a(
2481
2977
  "input",
2482
2978
  {
2483
- ref: l,
2484
- className: m(
2979
+ ref: i,
2980
+ className: b(
2485
2981
  "bg-transparent",
2486
2982
  "border-none",
2487
2983
  "outline-none",
2488
- "max-w-[190px]",
2984
+ "w-[247px]",
2489
2985
  "rounded-full",
2490
2986
  "text-text-primary",
2491
2987
  "transition-colors duration-200",
2492
2988
  "disabled:text-text-disabled disabled:cursor-not-allowed",
2493
- t ? "shadow-[inset_2px_5px_10px_var(--input-shadow-error)] cursor-help" : "shadow-[inset_2px_5px_10px_var(--input-shadow)]",
2494
- at[e],
2989
+ r ? "shadow-[inset_2px_5px_10px_var(--input-shadow-error)] cursor-help" : "shadow-[inset_2px_5px_10px_var(--input-shadow)]",
2990
+ Wt[e],
2495
2991
  o
2496
2992
  ),
2497
- style: t ? { paddingRight: "2rem" } : void 0,
2498
- disabled: r,
2499
- "aria-invalid": t,
2500
- ...n
2993
+ style: r ? { paddingRight: "2rem" } : void 0,
2994
+ disabled: t,
2995
+ "aria-invalid": r,
2996
+ ...s
2501
2997
  }
2502
2998
  ),
2503
- t && /* @__PURE__ */ s(
2999
+ r && /* @__PURE__ */ a(
2504
3000
  "svg",
2505
3001
  {
2506
3002
  className: "absolute right-2 w-4 h-4 text-danger pointer-events-none flex-shrink-0",
@@ -2509,7 +3005,7 @@ const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st
2509
3005
  stroke: "currentColor",
2510
3006
  strokeWidth: "2",
2511
3007
  "aria-hidden": "true",
2512
- children: /* @__PURE__ */ s(
3008
+ children: /* @__PURE__ */ a(
2513
3009
  "path",
2514
3010
  {
2515
3011
  strokeLinecap: "round",
@@ -2520,122 +3016,122 @@ const tt = "_button_7snfv_7", rt = "_state_7snfv_75", ot = "_icon_7snfv_149", st
2520
3016
  }
2521
3017
  )
2522
3018
  ] }));
2523
- ue.displayName = "Input";
2524
- const lt = C.forwardRef(({
3019
+ Ve.displayName = "Input";
3020
+ const Zt = k.forwardRef(({
2525
3021
  label: e,
2526
- error: t = !1,
3022
+ error: r = !1,
2527
3023
  className: o,
2528
- disabled: r,
2529
- checked: n,
2530
- onChange: l,
2531
- ...a
2532
- }, i) => {
2533
- const d = C.useId();
2534
- return /* @__PURE__ */ f("div", { className: m("flex items-center space-x-2", r && "cursor-not-allowed", t && !r && "cursor-help", o), children: [
2535
- /* @__PURE__ */ f("label", { className: m("checkbox-container", r && "opacity-50 cursor-not-allowed", t && !r && "cursor-help", !r && !t && "cursor-pointer"), children: [
2536
- /* @__PURE__ */ s(
3024
+ disabled: t,
3025
+ checked: s,
3026
+ onChange: i,
3027
+ ...n
3028
+ }, m) => {
3029
+ const l = k.useId();
3030
+ return /* @__PURE__ */ x("div", { className: b("flex items-center space-x-2", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
3031
+ /* @__PURE__ */ x("label", { className: b("checkbox-container", t && "opacity-50 cursor-not-allowed", r && !t && "cursor-help", !t && !r && "cursor-pointer"), children: [
3032
+ /* @__PURE__ */ a(
2537
3033
  "input",
2538
3034
  {
2539
- ref: i,
2540
- id: d,
3035
+ ref: m,
3036
+ id: l,
2541
3037
  type: "checkbox",
2542
- disabled: r,
2543
- checked: n,
2544
- onChange: l,
2545
- "aria-checked": n,
2546
- "aria-invalid": t,
2547
- "aria-disabled": r,
2548
- ...a
3038
+ disabled: t,
3039
+ checked: s,
3040
+ onChange: i,
3041
+ "aria-checked": s,
3042
+ "aria-invalid": r,
3043
+ "aria-disabled": t,
3044
+ ...n
2549
3045
  }
2550
3046
  ),
2551
- /* @__PURE__ */ s("svg", { viewBox: "0 0 64 64", height: "1em", width: "1em", children: /* @__PURE__ */ s(
3047
+ /* @__PURE__ */ a("svg", { viewBox: "0 0 64 64", height: "1em", width: "1em", children: /* @__PURE__ */ a(
2552
3048
  "path",
2553
3049
  {
2554
3050
  d: "M 0 16 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 16 L 32 48 L 64 16 V 8 A 8 8 90 0 0 56 0 H 8 A 8 8 90 0 0 0 8 V 56 A 8 8 90 0 0 8 64 H 56 A 8 8 90 0 0 64 56 V 16",
2555
3051
  pathLength: "575.0541381835938",
2556
- className: m("checkbox-path", t && "checkbox-path-error")
3052
+ className: b("checkbox-path", r && "checkbox-path-error")
2557
3053
  }
2558
3054
  ) })
2559
3055
  ] }),
2560
- e && /* @__PURE__ */ s(
3056
+ e && /* @__PURE__ */ a(
2561
3057
  "label",
2562
3058
  {
2563
- htmlFor: d,
2564
- className: m(
3059
+ htmlFor: l,
3060
+ className: b(
2565
3061
  "text-sm font-medium select-none",
2566
- r ? "text-text-disabled cursor-not-allowed" : t ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
3062
+ t ? "text-text-disabled cursor-not-allowed" : r ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
2567
3063
  ),
2568
3064
  children: e
2569
3065
  }
2570
3066
  )
2571
3067
  ] });
2572
3068
  });
2573
- lt.displayName = "Checkbox";
2574
- const wt = ({
3069
+ Zt.displayName = "Checkbox";
3070
+ const lr = ({
2575
3071
  label: e,
2576
- error: t = !1,
3072
+ error: r = !1,
2577
3073
  className: o,
2578
- disabled: r,
2579
- checked: n,
2580
- onChange: l,
2581
- id: a,
2582
- ...i
3074
+ disabled: t,
3075
+ checked: s,
3076
+ onChange: i,
3077
+ id: n,
3078
+ ...m
2583
3079
  }) => {
2584
- const d = a || C.useId(), h = (c) => {
2585
- if ((c.key === "Enter" || c.key === " ") && !r) {
2586
- c.preventDefault();
2587
- const w = document.getElementById(d);
3080
+ const l = n || k.useId(), u = (g) => {
3081
+ if ((g.key === "Enter" || g.key === " ") && !t) {
3082
+ g.preventDefault();
3083
+ const w = document.getElementById(l);
2588
3084
  if (w) {
2589
3085
  w.checked = !w.checked;
2590
- const x = new Event("change", { bubbles: !0 });
2591
- w.dispatchEvent(x);
3086
+ const y = new Event("change", { bubbles: !0 });
3087
+ w.dispatchEvent(y);
2592
3088
  }
2593
3089
  }
2594
3090
  };
2595
- return /* @__PURE__ */ f("div", { className: m("toggle-wrapper", t && "toggle-wrapper--error", r && "cursor-not-allowed", t && !r && "cursor-help", o), children: [
2596
- /* @__PURE__ */ s(
3091
+ return /* @__PURE__ */ x("div", { className: b("toggle-wrapper", r && "toggle-wrapper--error", t && "cursor-not-allowed", r && !t && "cursor-help", o), children: [
3092
+ /* @__PURE__ */ a(
2597
3093
  "input",
2598
3094
  {
2599
- id: d,
3095
+ id: l,
2600
3096
  className: "toggle-checkbox",
2601
3097
  type: "checkbox",
2602
- checked: n,
2603
- onChange: l,
2604
- disabled: r,
3098
+ checked: s,
3099
+ onChange: i,
3100
+ disabled: t,
2605
3101
  role: "switch",
2606
- "aria-checked": n,
2607
- "aria-disabled": r,
2608
- "aria-invalid": t,
2609
- ...i
3102
+ "aria-checked": s,
3103
+ "aria-disabled": t,
3104
+ "aria-invalid": r,
3105
+ ...m
2610
3106
  }
2611
3107
  ),
2612
- /* @__PURE__ */ s(
3108
+ /* @__PURE__ */ a(
2613
3109
  "div",
2614
3110
  {
2615
- className: m("toggle-container", r && "cursor-not-allowed", t && !r && "cursor-help"),
2616
- onKeyDown: h,
2617
- tabIndex: r ? -1 : 0,
3111
+ className: b("toggle-container", t && "cursor-not-allowed", r && !t && "cursor-help"),
3112
+ onKeyDown: u,
3113
+ tabIndex: t ? -1 : 0,
2618
3114
  role: "button",
2619
3115
  "aria-hidden": "true",
2620
- children: /* @__PURE__ */ s("div", { className: "toggle-button", children: /* @__PURE__ */ s("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((c, w) => /* @__PURE__ */ s("div", { className: "toggle-button-circle" }, w)) }) })
3116
+ children: /* @__PURE__ */ a("div", { className: "toggle-button", children: /* @__PURE__ */ a("div", { className: "toggle-button-circles-container", children: Array.from({ length: 12 }).map((g, w) => /* @__PURE__ */ a("div", { className: "toggle-button-circle" }, w)) }) })
2621
3117
  }
2622
3118
  ),
2623
- e && /* @__PURE__ */ s(
3119
+ e && /* @__PURE__ */ a(
2624
3120
  "label",
2625
3121
  {
2626
- htmlFor: d,
2627
- className: m(
3122
+ htmlFor: l,
3123
+ className: b(
2628
3124
  "text-sm font-medium select-none ml-2",
2629
- r ? "text-text-disabled cursor-not-allowed" : t ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
3125
+ t ? "text-text-disabled cursor-not-allowed" : r ? "text-text-primary cursor-help" : "text-text-primary cursor-pointer"
2630
3126
  ),
2631
3127
  children: e
2632
3128
  }
2633
3129
  )
2634
3130
  ] });
2635
- }, yt = ({ className: e, ...t }) => /* @__PURE__ */ s(
3131
+ }, cr = ({ className: e, ...r }) => /* @__PURE__ */ a(
2636
3132
  "div",
2637
3133
  {
2638
- className: m(
3134
+ className: b(
2639
3135
  "card",
2640
3136
  "w-full",
2641
3137
  "rounded-lg border border-border",
@@ -2643,225 +3139,220 @@ const wt = ({
2643
3139
  "shadow-sm",
2644
3140
  e
2645
3141
  ),
2646
- ...t
3142
+ ...r
2647
3143
  }
2648
- ), vt = ({ className: e, ...t }) => /* @__PURE__ */ s(
3144
+ ), dr = ({ className: e, ...r }) => /* @__PURE__ */ a(
2649
3145
  "div",
2650
3146
  {
2651
- className: m("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", e),
2652
- ...t
3147
+ className: b("flex items-start justify-between gap-4 px-6 py-4 border-b border-border", e),
3148
+ ...r
2653
3149
  }
2654
- ), _t = ({ className: e, ...t }) => /* @__PURE__ */ s("div", { className: m("px-6 py-4", e), ...t }), Ct = ({ className: e, ...t }) => /* @__PURE__ */ s(
3150
+ ), mr = ({ className: e, ...r }) => /* @__PURE__ */ a("div", { className: b("px-6 py-4", e), ...r }), pr = ({ className: e, ...r }) => /* @__PURE__ */ a(
2655
3151
  "div",
2656
3152
  {
2657
- className: m("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", e),
2658
- ...t
3153
+ className: b("flex items-center justify-end gap-3 px-6 py-4 border-t border-border", e),
3154
+ ...r
2659
3155
  }
2660
- ), me = {
3156
+ ), Oe = {
2661
3157
  sm: 0.7,
2662
3158
  md: 1,
2663
3159
  lg: 1.3
2664
- }, kt = ({ size: e = "md", className: t, ...o }) => {
2665
- const r = 8 * me[e];
2666
- return /* @__PURE__ */ f("div", { className: m("loader", t), style: { fontSize: `${r}px` }, ...o, children: [
2667
- /* @__PURE__ */ s("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) }),
2668
- /* @__PURE__ */ s("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) })
3160
+ }, ur = ({ size: e = "md", className: r, ...o }) => {
3161
+ const t = 8 * Oe[e];
3162
+ return /* @__PURE__ */ x("div", { className: b("loader", r), style: { fontSize: `${t}px` }, ...o, children: [
3163
+ /* @__PURE__ */ a("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) }),
3164
+ /* @__PURE__ */ a("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) })
2669
3165
  ] });
2670
- }, Nt = ({
3166
+ }, hr = ({
2671
3167
  size: e = "md",
2672
- variant: t = "inline",
3168
+ variant: r = "inline",
2673
3169
  label: o,
2674
- className: r,
2675
- ...n
3170
+ className: t,
3171
+ ...s
2676
3172
  }) => {
2677
- const l = 8 * me[e];
2678
- return t === "container" ? /* @__PURE__ */ s(
3173
+ const i = 8 * Oe[e];
3174
+ return r === "container" ? /* @__PURE__ */ a(
2679
3175
  "div",
2680
3176
  {
2681
- className: m(
3177
+ className: b(
2682
3178
  "relative w-full min-h-[8rem] rounded-lg border border-border bg-surface-secondary flex items-center justify-center",
2683
- r
3179
+ t
2684
3180
  ),
2685
- ...n,
2686
- children: /* @__PURE__ */ f("div", { className: "flex flex-col items-center gap-3", children: [
2687
- /* @__PURE__ */ f("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
2688
- /* @__PURE__ */ s("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) }),
2689
- /* @__PURE__ */ s("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) })
3181
+ ...s,
3182
+ children: /* @__PURE__ */ x("div", { className: "flex flex-col items-center gap-3", children: [
3183
+ /* @__PURE__ */ x("div", { className: "loader", style: { fontSize: `${i}px` }, children: [
3184
+ /* @__PURE__ */ a("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) }),
3185
+ /* @__PURE__ */ a("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) })
2690
3186
  ] }),
2691
- o && /* @__PURE__ */ s("span", { className: "text-sm text-text-secondary", children: o })
3187
+ o && /* @__PURE__ */ a("span", { className: "text-sm text-text-secondary", children: o })
2692
3188
  ] })
2693
3189
  }
2694
- ) : /* @__PURE__ */ f("div", { className: m("inline-flex items-center gap-2", r), ...n, children: [
2695
- /* @__PURE__ */ f("div", { className: "loader", style: { fontSize: `${l}px` }, children: [
2696
- /* @__PURE__ */ s("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) }),
2697
- /* @__PURE__ */ s("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ s("div", { className: "loader-circle" }) })
3190
+ ) : /* @__PURE__ */ x("div", { className: b("inline-flex items-center gap-2", t), ...s, children: [
3191
+ /* @__PURE__ */ x("div", { className: "loader", style: { fontSize: `${i}px` }, children: [
3192
+ /* @__PURE__ */ a("div", { className: "loader-face loader-face-1", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) }),
3193
+ /* @__PURE__ */ a("div", { className: "loader-face loader-face-2", children: /* @__PURE__ */ a("div", { className: "loader-circle" }) })
2698
3194
  ] }),
2699
- o && /* @__PURE__ */ s("span", { className: "text-sm text-text-secondary", children: o })
3195
+ o && /* @__PURE__ */ a("span", { className: "text-sm text-text-secondary", children: o })
2700
3196
  ] });
2701
- }, be = C.createContext(null), zt = ({
3197
+ }, $e = k.createContext(null), br = ({
2702
3198
  name: e,
2703
- legend: t,
3199
+ legend: r,
2704
3200
  value: o,
2705
- defaultValue: r,
2706
- disabled: n = !1,
2707
- onValueChange: l,
2708
- className: a,
2709
- children: i,
2710
- ...d
3201
+ defaultValue: t,
3202
+ disabled: s = !1,
3203
+ onValueChange: i,
3204
+ className: n,
3205
+ children: m,
3206
+ ...l
2711
3207
  }) => {
2712
- const h = o !== void 0, [c, w] = C.useState(r), x = h ? o : c, _ = C.useCallback(
2713
- (g) => {
2714
- h || w(g), l == null || l(g);
3208
+ const u = o !== void 0, [g, w] = k.useState(t), y = u ? o : g, N = k.useCallback(
3209
+ (v) => {
3210
+ u || w(v), i?.(v);
2715
3211
  },
2716
- [h, l]
3212
+ [u, i]
2717
3213
  );
2718
- return /* @__PURE__ */ s(be.Provider, { value: { name: e, value: x, disabled: n, onValueChange: _ }, children: /* @__PURE__ */ f(
3214
+ return /* @__PURE__ */ a($e.Provider, { value: { name: e, value: y, disabled: s, onValueChange: N }, children: /* @__PURE__ */ x(
2719
3215
  "fieldset",
2720
3216
  {
2721
- className: m("radio-input", n && "opacity-60 cursor-not-allowed", a),
2722
- disabled: n,
2723
- ...d,
3217
+ className: b("radio-input", s && "opacity-60 cursor-not-allowed", n),
3218
+ disabled: s,
3219
+ ...l,
2724
3220
  children: [
2725
- t && /* @__PURE__ */ s("legend", { className: "text-sm font-medium text-text-primary", children: t }),
2726
- i
3221
+ r && /* @__PURE__ */ a("legend", { className: "text-sm font-medium text-text-primary", children: r }),
3222
+ m
2727
3223
  ]
2728
3224
  }
2729
3225
  ) });
2730
- }, Mt = ({
3226
+ }, fr = ({
2731
3227
  label: e,
2732
- value: t,
3228
+ value: r,
2733
3229
  disabled: o,
2734
- checked: r,
2735
- defaultChecked: n,
2736
- name: l,
2737
- onChange: a,
2738
- onCheckedChange: i,
2739
- className: d,
2740
- ...h
3230
+ checked: t,
3231
+ defaultChecked: s,
3232
+ name: i,
3233
+ onChange: n,
3234
+ onCheckedChange: m,
3235
+ className: l,
3236
+ ...u
2741
3237
  }) => {
2742
- const c = C.useContext(be), w = C.useId(), x = !!(o ?? (c == null ? void 0 : c.disabled)), _ = l ?? (c == null ? void 0 : c.name), g = !!c, u = r !== void 0, [b, k] = C.useState(!!n), N = g ? (c == null ? void 0 : c.value) === t : u ? !!r : b, R = (E) => {
2743
- var B;
2744
- const T = E.target.checked;
2745
- g && T ? (B = c == null ? void 0 : c.onValueChange) == null || B.call(c, t) : u || k(T), i == null || i(T), a == null || a(E);
2746
- }, M = /* @__PURE__ */ f("label", { htmlFor: w, className: m(x && "cursor-not-allowed", d), role: "radio", "aria-checked": N, "aria-disabled": x, children: [
2747
- /* @__PURE__ */ s(
3238
+ const g = k.useContext($e), w = k.useId(), y = !!(o ?? g?.disabled), N = i ?? g?.name, v = !!g, M = t !== void 0, [z, T] = k.useState(!!s), G = v ? g?.value === r : M ? !!t : z, O = (j) => {
3239
+ const L = j.target.checked;
3240
+ v && L ? g?.onValueChange?.(r) : M || T(L), m?.(L), n?.(j);
3241
+ }, E = /* @__PURE__ */ x("label", { htmlFor: w, className: b(y && "cursor-not-allowed", l), role: "radio", "aria-checked": G, "aria-disabled": y, children: [
3242
+ /* @__PURE__ */ a(
2748
3243
  "input",
2749
3244
  {
2750
3245
  id: w,
2751
3246
  type: "radio",
2752
- name: _,
2753
- value: t,
2754
- checked: N,
2755
- disabled: x,
2756
- onChange: R,
3247
+ name: N,
3248
+ value: r,
3249
+ checked: G,
3250
+ disabled: y,
3251
+ onChange: O,
2757
3252
  role: "radio",
2758
- "aria-checked": N,
2759
- "aria-disabled": x,
2760
- ...h
3253
+ "aria-checked": G,
3254
+ "aria-disabled": y,
3255
+ ...u
2761
3256
  }
2762
3257
  ),
2763
- /* @__PURE__ */ s("span", { children: e || "" })
3258
+ /* @__PURE__ */ a("span", { children: e || "" })
2764
3259
  ] });
2765
- return g ? M : /* @__PURE__ */ s("div", { className: "radio-input", children: M });
2766
- }, it = {
3260
+ return v ? E : /* @__PURE__ */ a("div", { className: "radio-input", children: E });
3261
+ }, Ut = {
2767
3262
  top: "bottom-full left-1/2 -translate-x-1/2 mb-1",
2768
3263
  bottom: "top-full left-1/2 -translate-x-1/2 mt-1",
2769
3264
  left: "right-full top-1/2 -translate-y-1/2 mr-1",
2770
3265
  right: "left-full top-1/2 -translate-y-1/2 ml-1"
2771
- }, ct = {
3266
+ }, Ht = {
2772
3267
  top: "top-full left-1/2 -translate-x-1/2 -mt-px",
2773
3268
  bottom: "bottom-full left-1/2 -translate-x-1/2 -mb-px",
2774
3269
  left: "left-full top-1/2 -translate-y-1/2 -ml-px",
2775
3270
  right: "right-full top-1/2 -translate-y-1/2 -mr-px"
2776
- }, dt = {
3271
+ }, qt = {
2777
3272
  top: "border-t-border border-r-transparent border-b-transparent border-l-transparent border-t-[6px] border-r-[6px] border-l-[6px]",
2778
3273
  bottom: "border-b-border border-r-transparent border-t-transparent border-l-transparent border-b-[6px] border-r-[6px] border-l-[6px]",
2779
3274
  left: "border-l-border border-r-transparent border-t-transparent border-b-transparent border-l-[6px] border-t-[6px] border-b-[6px]",
2780
3275
  right: "border-r-border border-l-transparent border-t-transparent border-b-transparent border-r-[6px] border-t-[6px] border-b-[6px]"
2781
- }, pt = {
3276
+ }, Kt = {
2782
3277
  top: "top-full left-1/2 -translate-x-1/2 -mt-[5px]",
2783
3278
  bottom: "bottom-full left-1/2 -translate-x-1/2 -mb-[5px]",
2784
3279
  left: "left-full top-1/2 -translate-y-1/2 -ml-[5px]",
2785
3280
  right: "right-full top-1/2 -translate-y-1/2 -mr-[5px]"
2786
- }, St = ({
3281
+ }, gr = ({
2787
3282
  open: e,
2788
- onOpenChange: t,
3283
+ onOpenChange: r,
2789
3284
  content: o,
2790
- position: r = "top",
2791
- delay: n = 0,
2792
- disabled: l = !1,
2793
- children: a,
2794
- className: i
3285
+ position: t = "top",
3286
+ delay: s = 0,
3287
+ disabled: i = !1,
3288
+ children: n,
3289
+ className: m
2795
3290
  }) => {
2796
- const d = C.useRef(null), h = () => {
2797
- d.current !== null && (window.clearTimeout(d.current), d.current = null);
3291
+ const l = k.useRef(null), u = () => {
3292
+ l.current !== null && (window.clearTimeout(l.current), l.current = null);
2798
3293
  };
2799
- C.useEffect(() => h, []);
2800
- const c = () => {
2801
- if (!l) {
2802
- if (h(), n > 0) {
2803
- d.current = window.setTimeout(() => t == null ? void 0 : t(!0), n);
3294
+ k.useEffect(() => u, []);
3295
+ const g = () => {
3296
+ if (!i) {
3297
+ if (u(), s > 0) {
3298
+ l.current = window.setTimeout(() => r?.(!0), s);
2804
3299
  return;
2805
3300
  }
2806
- t == null || t(!0);
3301
+ r?.(!0);
2807
3302
  }
2808
3303
  }, w = () => {
2809
- h(), t == null || t(!1);
2810
- }, x = C.Children.only(a), _ = C.useId();
2811
- return /* @__PURE__ */ f("span", { className: m("relative inline-block", i), children: [
2812
- C.cloneElement(x, {
2813
- "aria-describedby": e && !l ? _ : void 0,
2814
- onMouseEnter: (g) => {
2815
- var u, b;
2816
- (b = (u = x.props).onMouseEnter) == null || b.call(u, g), c();
3304
+ u(), r?.(!1);
3305
+ }, y = k.Children.only(n), N = k.useId();
3306
+ return /* @__PURE__ */ x("span", { className: b("relative inline-block", m), children: [
3307
+ k.cloneElement(y, {
3308
+ "aria-describedby": e && !i ? N : void 0,
3309
+ onMouseEnter: (v) => {
3310
+ y.props.onMouseEnter?.(v), g();
2817
3311
  },
2818
- onMouseLeave: (g) => {
2819
- var u, b;
2820
- (b = (u = x.props).onMouseLeave) == null || b.call(u, g), w();
3312
+ onMouseLeave: (v) => {
3313
+ y.props.onMouseLeave?.(v), w();
2821
3314
  },
2822
- onFocus: (g) => {
2823
- var u, b;
2824
- (b = (u = x.props).onFocus) == null || b.call(u, g), c();
3315
+ onFocus: (v) => {
3316
+ y.props.onFocus?.(v), g();
2825
3317
  },
2826
- onBlur: (g) => {
2827
- var u, b;
2828
- (b = (u = x.props).onBlur) == null || b.call(u, g), w();
3318
+ onBlur: (v) => {
3319
+ y.props.onBlur?.(v), w();
2829
3320
  }
2830
3321
  }),
2831
- e && !l && /* @__PURE__ */ f(
3322
+ e && !i && /* @__PURE__ */ x(
2832
3323
  "span",
2833
3324
  {
2834
- id: _,
3325
+ id: N,
2835
3326
  role: "tooltip",
2836
- className: m(
3327
+ className: b(
2837
3328
  "absolute z-50 pointer-events-none",
2838
- it[r],
3329
+ Ut[t],
2839
3330
  "whitespace-nowrap",
2840
3331
  "rounded-md border border-border bg-surface text-text-primary",
2841
3332
  "px-3 py-2 text-xs shadow-md"
2842
3333
  ),
2843
3334
  children: [
2844
3335
  o,
2845
- /* @__PURE__ */ s(
3336
+ /* @__PURE__ */ a(
2846
3337
  "span",
2847
3338
  {
2848
- className: m(
3339
+ className: b(
2849
3340
  "absolute w-0 h-0",
2850
- ct[r],
2851
- dt[r]
3341
+ Ht[t],
3342
+ qt[t]
2852
3343
  )
2853
3344
  }
2854
3345
  ),
2855
- /* @__PURE__ */ s(
3346
+ /* @__PURE__ */ a(
2856
3347
  "span",
2857
3348
  {
2858
- className: m(
3349
+ className: b(
2859
3350
  "absolute w-0 h-0 bg-surface",
2860
- pt[r],
2861
- r === "top" && "border-t-[5px] border-r-[5px] border-l-[5px] border-t-surface border-r-transparent border-l-transparent",
2862
- r === "bottom" && "border-b-[5px] border-r-[5px] border-l-[5px] border-b-surface border-r-transparent border-l-transparent",
2863
- r === "left" && "border-l-[5px] border-t-[5px] border-b-[5px] border-l-surface border-t-transparent border-b-transparent",
2864
- r === "right" && "border-r-[5px] border-t-[5px] border-b-[5px] border-r-surface border-t-transparent border-b-transparent"
3351
+ Kt[t],
3352
+ t === "top" && "border-t-[5px] border-r-[5px] border-l-[5px] border-t-surface border-r-transparent border-l-transparent",
3353
+ t === "bottom" && "border-b-[5px] border-r-[5px] border-l-[5px] border-b-surface border-r-transparent border-l-transparent",
3354
+ t === "left" && "border-l-[5px] border-t-[5px] border-b-[5px] border-l-surface border-t-transparent border-b-transparent",
3355
+ t === "right" && "border-r-[5px] border-t-[5px] border-b-[5px] border-r-surface border-t-transparent border-b-transparent"
2865
3356
  )
2866
3357
  }
2867
3358
  )
@@ -2869,72 +3360,72 @@ const wt = ({
2869
3360
  }
2870
3361
  )
2871
3362
  ] });
2872
- }, he = ge(void 0), Lt = ({
3363
+ }, De = Ue(void 0), xr = ({
2873
3364
  children: e,
2874
- defaultTheme: t
3365
+ defaultTheme: r
2875
3366
  }) => {
2876
3367
  const o = () => {
2877
3368
  if (typeof window < "u") {
2878
- const a = localStorage.getItem("theme");
2879
- if (a === "light" || a === "dark")
2880
- return a;
3369
+ const n = localStorage.getItem("theme");
3370
+ if (n === "light" || n === "dark")
3371
+ return n;
2881
3372
  }
2882
- return typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t || "dark";
2883
- }, [r, n] = se(o), l = C.useCallback((a) => {
2884
- n(a), typeof window < "u" && localStorage.setItem("theme", a);
3373
+ return typeof window < "u" && window.matchMedia ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : r || "dark";
3374
+ }, [t, s] = Ne(o), i = k.useCallback((n) => {
3375
+ s(n), typeof window < "u" && localStorage.setItem("theme", n);
2885
3376
  }, []);
2886
- return C.useEffect(() => {
3377
+ return k.useEffect(() => {
2887
3378
  if (typeof document > "u") return;
2888
- const a = document.documentElement;
2889
- r === "light" ? (a.classList.add("theme-light"), a.classList.remove("theme-dark")) : (a.classList.add("theme-dark"), a.classList.remove("theme-light"));
2890
- }, [r]), C.useEffect(() => {
3379
+ const n = document.documentElement;
3380
+ t === "light" ? (n.classList.add("theme-light"), n.classList.remove("theme-dark")) : (n.classList.add("theme-dark"), n.classList.remove("theme-light"));
3381
+ }, [t]), k.useEffect(() => {
2891
3382
  if (typeof window > "u" || !window.matchMedia) return;
2892
- const a = window.matchMedia("(prefers-color-scheme: dark)"), i = (d) => {
2893
- typeof window < "u" && !localStorage.getItem("theme") && n(d.matches ? "dark" : "light");
3383
+ const n = window.matchMedia("(prefers-color-scheme: dark)"), m = (l) => {
3384
+ typeof window < "u" && !localStorage.getItem("theme") && s(l.matches ? "dark" : "light");
2894
3385
  };
2895
- if (a.addEventListener)
2896
- return a.addEventListener("change", i), () => a.removeEventListener("change", i);
2897
- if (a.addListener)
2898
- return a.addListener(i), () => a.removeListener(i);
2899
- }, []), /* @__PURE__ */ s(he.Provider, { value: { theme: r, setTheme: l }, children: e });
2900
- }, ut = () => {
2901
- const e = we(he);
3386
+ if (n.addEventListener)
3387
+ return n.addEventListener("change", m), () => n.removeEventListener("change", m);
3388
+ if (n.addListener)
3389
+ return n.addListener(m), () => n.removeListener(m);
3390
+ }, []), /* @__PURE__ */ a(De.Provider, { value: { theme: t, setTheme: i }, children: e });
3391
+ }, Yt = () => {
3392
+ const e = He(De);
2902
3393
  if (e === void 0)
2903
3394
  throw new Error("useTheme must be used within a ThemeProvider");
2904
3395
  return e;
2905
- }, At = ({
3396
+ }, wr = ({
2906
3397
  className: e,
2907
- showLabel: t = !0
3398
+ showLabel: r = !0
2908
3399
  }) => {
2909
- const { theme: o, setTheme: r } = ut(), n = o === "dark", l = () => {
2910
- r(n ? "light" : "dark");
2911
- }, a = (i) => {
2912
- (i.key === "Enter" || i.key === " ") && (i.preventDefault(), l());
3400
+ const { theme: o, setTheme: t } = Yt(), s = o === "dark", i = () => {
3401
+ t(s ? "light" : "dark");
3402
+ }, n = (m) => {
3403
+ (m.key === "Enter" || m.key === " ") && (m.preventDefault(), i());
2913
3404
  };
2914
- return /* @__PURE__ */ f("div", { className: m("flex items-center gap-3", e), children: [
2915
- /* @__PURE__ */ f(
3405
+ return /* @__PURE__ */ x("div", { className: b("flex items-center gap-3", e), children: [
3406
+ /* @__PURE__ */ x(
2916
3407
  "label",
2917
3408
  {
2918
3409
  className: "theme-switch cursor-pointer",
2919
- onKeyDown: a,
3410
+ onKeyDown: n,
2920
3411
  tabIndex: 0,
2921
3412
  role: "switch",
2922
- "aria-checked": n,
2923
- "aria-label": n ? "Switch to light mode" : "Switch to dark mode",
3413
+ "aria-checked": s,
3414
+ "aria-label": s ? "Switch to light mode" : "Switch to dark mode",
2924
3415
  children: [
2925
- /* @__PURE__ */ s(
3416
+ /* @__PURE__ */ a(
2926
3417
  "input",
2927
3418
  {
2928
3419
  type: "checkbox",
2929
3420
  className: "theme-switch__checkbox",
2930
- checked: n,
2931
- onChange: l,
3421
+ checked: s,
3422
+ onChange: i,
2932
3423
  "aria-hidden": "true"
2933
3424
  }
2934
3425
  ),
2935
- /* @__PURE__ */ f("div", { className: "theme-switch__container", children: [
2936
- /* @__PURE__ */ s("div", { className: "theme-switch__clouds" }),
2937
- /* @__PURE__ */ s("div", { className: "theme-switch__stars-container", children: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 144 55", fill: "none", children: /* @__PURE__ */ s(
3426
+ /* @__PURE__ */ x("div", { className: "theme-switch__container", children: [
3427
+ /* @__PURE__ */ a("div", { className: "theme-switch__clouds" }),
3428
+ /* @__PURE__ */ a("div", { className: "theme-switch__stars-container", children: /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 144 55", fill: "none", children: /* @__PURE__ */ a(
2938
3429
  "path",
2939
3430
  {
2940
3431
  fillRule: "evenodd",
@@ -2943,27 +3434,27 @@ const wt = ({
2943
3434
  fill: "currentColor"
2944
3435
  }
2945
3436
  ) }) }),
2946
- /* @__PURE__ */ s("div", { className: "theme-switch__circle-container", children: /* @__PURE__ */ s("div", { className: "theme-switch__sun-moon-container", children: /* @__PURE__ */ f("div", { className: "theme-switch__moon", children: [
2947
- /* @__PURE__ */ s("div", { className: "theme-switch__spot" }),
2948
- /* @__PURE__ */ s("div", { className: "theme-switch__spot" }),
2949
- /* @__PURE__ */ s("div", { className: "theme-switch__spot" })
3437
+ /* @__PURE__ */ a("div", { className: "theme-switch__circle-container", children: /* @__PURE__ */ a("div", { className: "theme-switch__sun-moon-container", children: /* @__PURE__ */ x("div", { className: "theme-switch__moon", children: [
3438
+ /* @__PURE__ */ a("div", { className: "theme-switch__spot" }),
3439
+ /* @__PURE__ */ a("div", { className: "theme-switch__spot" }),
3440
+ /* @__PURE__ */ a("div", { className: "theme-switch__spot" })
2950
3441
  ] }) }) })
2951
3442
  ] })
2952
3443
  ]
2953
3444
  }
2954
3445
  ),
2955
- t && /* @__PURE__ */ s("span", { className: "text-sm font-medium text-text-primary", children: n ? "Dark" : "Light" })
3446
+ r && /* @__PURE__ */ a("span", { className: "text-sm font-medium text-text-primary", children: s ? "Dark" : "Light" })
2956
3447
  ] });
2957
- }, mt = ({
3448
+ }, Xt = ({
2958
3449
  width: e = 315,
2959
- aspectRatio: t = 1.33,
3450
+ aspectRatio: r = 1.33,
2960
3451
  className: o,
2961
- children: r,
2962
- ...n
2963
- }) => /* @__PURE__ */ f(
3452
+ children: t,
3453
+ ...s
3454
+ }) => /* @__PURE__ */ x(
2964
3455
  "div",
2965
3456
  {
2966
- className: m(
3457
+ className: b(
2967
3458
  "relative flex justify-center items-center overflow-hidden",
2968
3459
  "bg-surface-tertiary rounded-[24px]",
2969
3460
  "shadow-[0_4px_8px_rgba(0,0,0,0.2),0_8px_16px_rgba(0,0,0,0.2),0_0_8px_rgba(255,255,255,0.1),0_0_16px_rgba(255,255,255,0.08)]",
@@ -2972,11 +3463,11 @@ const wt = ({
2972
3463
  ),
2973
3464
  style: {
2974
3465
  width: `${e + 1}px`,
2975
- height: `${e * t + 1}px`
3466
+ height: `${e * r + 1}px`
2976
3467
  },
2977
- ...n,
3468
+ ...s,
2978
3469
  children: [
2979
- /* @__PURE__ */ s(
3470
+ /* @__PURE__ */ a(
2980
3471
  "div",
2981
3472
  {
2982
3473
  className: "absolute inset-[-50px] z-[-2] form-border-animation",
@@ -2985,19 +3476,19 @@ const wt = ({
2985
3476
  }
2986
3477
  }
2987
3478
  ),
2988
- r
3479
+ t
2989
3480
  ]
2990
3481
  }
2991
- ), bt = ({
3482
+ ), Jt = ({
2992
3483
  width: e = 315,
2993
- aspectRatio: t = 1.33,
3484
+ aspectRatio: r = 1.33,
2994
3485
  className: o,
2995
- children: r,
2996
- ...n
2997
- }) => /* @__PURE__ */ s(
3486
+ children: t,
3487
+ ...s
3488
+ }) => /* @__PURE__ */ a(
2998
3489
  "div",
2999
3490
  {
3000
- className: m(
3491
+ className: b(
3001
3492
  "absolute bg-surface-tertiary rounded-[24px] p-7 z-[10]",
3002
3493
  "backdrop-blur-[15px]",
3003
3494
  "shadow-[inset_0_40px_60px_-8px_rgba(255,255,255,0.12),inset_4px_0_12px_-6px_rgba(255,255,255,0.12),inset_0_0_12px_-4px_rgba(255,255,255,0.12)]",
@@ -3005,124 +3496,124 @@ const wt = ({
3005
3496
  ),
3006
3497
  style: {
3007
3498
  width: `${e}px`,
3008
- height: `${e * t}px`
3499
+ height: `${e * r}px`
3009
3500
  },
3010
- ...n,
3011
- children: r
3501
+ ...s,
3502
+ children: t
3012
3503
  }
3013
- ), ht = ({ className: e, ...t }) => /* @__PURE__ */ f(
3504
+ ), Qt = ({ className: e, ...r }) => /* @__PURE__ */ x(
3014
3505
  "div",
3015
3506
  {
3016
- className: m(
3507
+ className: b(
3017
3508
  "w-[65px] h-[65px] rounded-[20px] border-2 border-white",
3018
3509
  "bg-gradient-to-br from-white/20 to-black/20",
3019
3510
  "shadow-[8px_8px_16px_rgba(0,0,0,0.2),-8px_-8px_16px_rgba(255,255,255,0.06)]",
3020
3511
  "flex justify-center items-center relative",
3021
3512
  e
3022
3513
  ),
3023
- ...t,
3514
+ ...r,
3024
3515
  children: [
3025
- /* @__PURE__ */ s("div", { className: "absolute bottom-[10px] w-1/2 h-[20%] rounded-tl-[40px] rounded-tr-[40px] rounded-br-[20px] rounded-bl-[20px] border-[2.5px] border-white" }),
3026
- /* @__PURE__ */ s("div", { className: "absolute top-[10px] w-[30%] h-[30%] rounded-full border-[2.5px] border-white" })
3516
+ /* @__PURE__ */ a("div", { className: "absolute bottom-[10px] w-1/2 h-[20%] rounded-tl-[40px] rounded-tr-[40px] rounded-br-[20px] rounded-bl-[20px] border-[2.5px] border-white" }),
3517
+ /* @__PURE__ */ a("div", { className: "absolute top-[10px] w-[30%] h-[30%] rounded-full border-[2.5px] border-white" })
3027
3518
  ]
3028
3519
  }
3029
- ), It = ({
3520
+ ), yr = ({
3030
3521
  title: e,
3031
- showLogo: t = !1,
3522
+ showLogo: r = !1,
3032
3523
  footer: o,
3033
- width: r = 315,
3034
- aspectRatio: n = 1.33,
3035
- className: l,
3036
- children: a,
3037
- ...i
3038
- }) => /* @__PURE__ */ s(mt, { width: r, aspectRatio: n, children: /* @__PURE__ */ f(bt, { width: r, aspectRatio: n, children: [
3039
- /* @__PURE__ */ f(
3524
+ width: t = 315,
3525
+ aspectRatio: s = 1.33,
3526
+ className: i,
3527
+ children: n,
3528
+ ...m
3529
+ }) => /* @__PURE__ */ a(Xt, { width: t, aspectRatio: s, children: /* @__PURE__ */ x(Jt, { width: t, aspectRatio: s, children: [
3530
+ /* @__PURE__ */ x(
3040
3531
  "form",
3041
3532
  {
3042
- className: m("flex justify-center items-center flex-col gap-[10px]", l),
3043
- ...i,
3533
+ className: b("flex justify-center items-center flex-col gap-[10px]", i),
3534
+ ...m,
3044
3535
  children: [
3045
- t && /* @__PURE__ */ s("div", { className: "flex justify-center items-center mb-2", children: /* @__PURE__ */ s(ht, {}) }),
3046
- e && /* @__PURE__ */ s("div", { className: "w-full text-center text-2xl font-bold py-1.5 text-text-primary flex justify-center items-center", children: e }),
3047
- a
3536
+ r && /* @__PURE__ */ a("div", { className: "flex justify-center items-center mb-2", children: /* @__PURE__ */ a(Qt, {}) }),
3537
+ e && /* @__PURE__ */ a("div", { className: "w-full text-center text-2xl font-bold py-1.5 text-text-primary flex justify-center items-center", children: e }),
3538
+ n
3048
3539
  ]
3049
3540
  }
3050
3541
  ),
3051
- o && /* @__PURE__ */ s("div", { className: "w-full text-left text-text-secondary text-xs mt-4", children: o })
3052
- ] }) }), Rt = ({
3542
+ o && /* @__PURE__ */ a("div", { className: "w-full text-left text-text-secondary text-xs mt-4", children: o })
3543
+ ] }) }), vr = ({
3053
3544
  label: e,
3054
- error: t,
3545
+ error: r,
3055
3546
  className: o,
3056
- size: r,
3057
- ...n
3058
- }) => /* @__PURE__ */ f("div", { className: "w-full", children: [
3059
- e && /* @__PURE__ */ s("label", { className: "block text-text-primary text-sm mb-1.5", children: e }),
3060
- /* @__PURE__ */ s("div", { className: "flex justify-center", children: /* @__PURE__ */ s(
3061
- ue,
3547
+ size: t,
3548
+ ...s
3549
+ }) => /* @__PURE__ */ x("div", { className: "w-full", children: [
3550
+ e && /* @__PURE__ */ a("label", { className: "block text-text-primary text-sm mb-1.5", children: e }),
3551
+ /* @__PURE__ */ a("div", { className: "flex justify-center", children: /* @__PURE__ */ a(
3552
+ Ve,
3062
3553
  {
3063
- className: m(
3554
+ className: b(
3064
3555
  "p-3 border-none rounded-xl bg-surface text-text-primary text-sm outline-none",
3065
3556
  "focus:border focus:border-border-focus",
3066
3557
  o
3067
3558
  ),
3068
- error: t,
3069
- size: r,
3070
- ...n
3559
+ error: r,
3560
+ size: t,
3561
+ ...s
3071
3562
  }
3072
3563
  ) })
3073
- ] }), Et = ({
3564
+ ] }), kr = ({
3074
3565
  variant: e = "primary",
3075
- className: t,
3566
+ className: r,
3076
3567
  children: o,
3077
- ...r
3078
- }) => e === "google" ? /* @__PURE__ */ s(
3568
+ ...t
3569
+ }) => e === "google" ? /* @__PURE__ */ a(
3079
3570
  "button",
3080
3571
  {
3081
- className: m(
3572
+ className: b(
3082
3573
  "w-full h-10 border-none rounded-[20px] text-sm font-semibold cursor-pointer",
3083
3574
  "grid place-content-center gap-2.5 bg-surface-secondary text-text-primary",
3084
3575
  "transition-all duration-300",
3085
3576
  "shadow-[inset_0px_3px_6px_-4px_rgba(255,255,255,0.6),inset_0px_-3px_6px_-2px_rgba(0,0,0,0.8)]",
3086
3577
  "hover:bg-white/25 hover:shadow-[inset_0px_3px_6px_rgba(255,255,255,0.6),inset_0px_-3px_6px_rgba(0,0,0,0.8),0px_0px_8px_rgba(255,255,255,0.05)]",
3087
3578
  "flex justify-center items-center gap-2.5",
3088
- t
3579
+ r
3089
3580
  ),
3090
- ...r,
3581
+ ...t,
3091
3582
  children: o
3092
3583
  }
3093
- ) : /* @__PURE__ */ s(
3094
- pe,
3584
+ ) : /* @__PURE__ */ a(
3585
+ Ge,
3095
3586
  {
3096
- className: m(
3587
+ className: b(
3097
3588
  "w-full h-10 rounded-[20px] text-sm font-semibold mt-1.5",
3098
- t
3589
+ r
3099
3590
  ),
3100
3591
  variant: "primary",
3101
- ...r,
3592
+ ...t,
3102
3593
  children: o
3103
3594
  }
3104
- ), Tt = ({
3595
+ ), _r = ({
3105
3596
  className: e,
3106
- children: t,
3597
+ children: r,
3107
3598
  ...o
3108
- }) => /* @__PURE__ */ s(
3599
+ }) => /* @__PURE__ */ a(
3109
3600
  "div",
3110
3601
  {
3111
- className: m(
3602
+ className: b(
3112
3603
  "w-full text-left text-text-secondary text-xs",
3113
3604
  e
3114
3605
  ),
3115
3606
  ...o,
3116
- children: t
3607
+ children: r
3117
3608
  }
3118
- ), jt = ({
3609
+ ), Cr = ({
3119
3610
  className: e,
3120
- children: t,
3611
+ children: r,
3121
3612
  ...o
3122
- }) => /* @__PURE__ */ s(
3613
+ }) => /* @__PURE__ */ a(
3123
3614
  "a",
3124
3615
  {
3125
- className: m(
3616
+ className: b(
3126
3617
  "relative text-text-secondary font-semibold no-underline transition-colors duration-300 ease-in-out",
3127
3618
  "hover:text-white",
3128
3619
  'after:content-[""] after:absolute after:left-0 after:bottom-[-2px] after:w-0 after:rounded-md after:h-[1px] after:bg-current after:transition-[width] after:duration-300 after:ease-in-out',
@@ -3130,30 +3621,76 @@ const wt = ({
3130
3621
  e
3131
3622
  ),
3132
3623
  ...o,
3133
- children: t
3624
+ children: r
3625
+ }
3626
+ ), er = "_container_lo9nb_1", tr = "_input_lo9nb_60", rr = "_search__icon_lo9nb_89", R = {
3627
+ container: er,
3628
+ "container--size-sm": "_container--size-sm_lo9nb_13",
3629
+ "container--size-md": "_container--size-md_lo9nb_17",
3630
+ "container--size-lg": "_container--size-lg_lo9nb_21",
3631
+ "search-container": "_search-container_lo9nb_25",
3632
+ input: tr,
3633
+ "input--size-sm": "_input--size-sm_lo9nb_74",
3634
+ "input--size-md": "_input--size-md_lo9nb_79",
3635
+ "input--size-lg": "_input--size-lg_lo9nb_84",
3636
+ search__icon: rr
3637
+ }, or = {
3638
+ sm: {
3639
+ container: R["container--size-sm"],
3640
+ input: R["input--size-sm"]
3641
+ },
3642
+ md: {
3643
+ container: R["container--size-md"],
3644
+ input: R["input--size-md"]
3645
+ },
3646
+ lg: {
3647
+ container: R["container--size-lg"],
3648
+ input: R["input--size-lg"]
3134
3649
  }
3135
- );
3650
+ }, sr = k.forwardRef(({
3651
+ size: e = "md",
3652
+ className: r,
3653
+ inputClassName: o,
3654
+ searchContainerClassName: t,
3655
+ ...s
3656
+ }, i) => {
3657
+ const n = or[e];
3658
+ return /* @__PURE__ */ a("div", { className: b(R.container, n.container, r), children: /* @__PURE__ */ x("div", { className: b(R["search-container"], t), children: [
3659
+ /* @__PURE__ */ a(
3660
+ "input",
3661
+ {
3662
+ ref: i,
3663
+ className: b(R.input, n.input, o),
3664
+ type: "search",
3665
+ ...s
3666
+ }
3667
+ ),
3668
+ /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", className: R.search__icon, "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ a("g", { children: /* @__PURE__ */ a("path", { d: "M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z" }) }) })
3669
+ ] }) });
3670
+ });
3671
+ sr.displayName = "SearchBar";
3136
3672
  export {
3137
- pe as Button,
3138
- yt as Card,
3139
- _t as CardContent,
3140
- Ct as CardFooter,
3141
- vt as CardHeader,
3142
- lt as Checkbox,
3143
- It as Form,
3144
- Et as FormButton,
3145
- Rt as FormField,
3146
- Tt as FormFooter,
3147
- jt as FormFooterLink,
3148
- ue as Input,
3149
- Nt as Loader,
3150
- Mt as RadioButton,
3151
- zt as RadioGroup,
3152
- kt as Spinner,
3153
- gt as SubmitButton,
3154
- Lt as ThemeProvider,
3155
- At as ThemeSwitch,
3156
- wt as Toggle,
3157
- St as Tooltip,
3158
- ut as useTheme
3673
+ Ge as Button,
3674
+ cr as Card,
3675
+ mr as CardContent,
3676
+ pr as CardFooter,
3677
+ dr as CardHeader,
3678
+ Zt as Checkbox,
3679
+ yr as Form,
3680
+ kr as FormButton,
3681
+ vr as FormField,
3682
+ _r as FormFooter,
3683
+ Cr as FormFooterLink,
3684
+ Ve as Input,
3685
+ hr as Loader,
3686
+ fr as RadioButton,
3687
+ br as RadioGroup,
3688
+ sr as SearchBar,
3689
+ ur as Spinner,
3690
+ ir as SubmitButton,
3691
+ xr as ThemeProvider,
3692
+ wr as ThemeSwitch,
3693
+ lr as Toggle,
3694
+ gr as Tooltip,
3695
+ Yt as useTheme
3159
3696
  };