@pagelines/sdk 1.0.662 → 1.0.663

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 (66) hide show
  1. package/dist/AgentProvider.js +2782 -0
  2. package/dist/AgentProvider.js.map +1 -0
  3. package/dist/AgentWidgetInline.js +44 -32
  4. package/dist/AgentWidgetInline.js.map +1 -1
  5. package/dist/AgentWidgetModal.js +75 -64
  6. package/dist/AgentWidgetModal.js.map +1 -1
  7. package/dist/AgentWrap.js +5251 -0
  8. package/dist/AgentWrap.js.map +1 -0
  9. package/dist/FModal.js +165 -0
  10. package/dist/FModal.js.map +1 -0
  11. package/dist/agent.js +157 -186
  12. package/dist/agent.js.map +1 -1
  13. package/dist/constants.js +80 -0
  14. package/dist/constants.js.map +1 -0
  15. package/dist/contract.js +6271 -0
  16. package/dist/contract.js.map +1 -0
  17. package/dist/demo.js +242 -259
  18. package/dist/demo.js.map +1 -1
  19. package/dist/node_modules/.vue-global-types/vue_3.5_false.d.ts +4 -0
  20. package/dist/rolldown-runtime.js +14 -0
  21. package/dist/sdk.css +2 -1
  22. package/dist/sdk.js +4 -14
  23. package/dist/sdkClient.js +775 -867
  24. package/dist/sdkClient.js.map +1 -1
  25. package/dist/useWidgetState.js +21 -0
  26. package/dist/useWidgetState.js.map +1 -0
  27. package/dist/widget.js +721 -7
  28. package/dist/widget.js.map +1 -1
  29. package/package.json +12 -12
  30. package/dist/AgentProvider.vue_vue_type_script_setup_true_lang.js +0 -4208
  31. package/dist/AgentProvider.vue_vue_type_script_setup_true_lang.js.map +0 -1
  32. package/dist/AgentWidgetOnboard.js +0 -5
  33. package/dist/AgentWidgetOnboard.js.map +0 -1
  34. package/dist/AgentWrap.vue_vue_type_script_setup_true_lang.js +0 -5098
  35. package/dist/AgentWrap.vue_vue_type_script_setup_true_lang.js.map +0 -1
  36. package/dist/FModal.vue_vue_type_script_setup_true_lang.js +0 -181
  37. package/dist/FModal.vue_vue_type_script_setup_true_lang.js.map +0 -1
  38. package/dist/agent/test/AgentController.test.d.ts +0 -1
  39. package/dist/agent/test/ChatRichText.client.test.d.ts +0 -1
  40. package/dist/agent/test/ChatVisualBlock.client.test.d.ts +0 -1
  41. package/dist/agent/test/ElAgentChat.client.test.d.ts +0 -1
  42. package/dist/agent/test/ElAgentChatPreview.client.test.d.ts +0 -1
  43. package/dist/agent/test/VoiceRecorderController.unit.test.d.ts +0 -1
  44. package/dist/agent/test/auth-inputs.test.d.ts +0 -1
  45. package/dist/agent/test/chat-visual-format.unit.test.d.ts +0 -1
  46. package/dist/agent/test/utils.test.d.ts +0 -1
  47. package/dist/agent/test/webhook.test.d.ts +0 -1
  48. package/dist/contract/regenerate.d.ts +0 -2
  49. package/dist/contract/test/build.unit.test.d.ts +0 -1
  50. package/dist/contract/test/conversation-wire-shapes.unit.test.d.ts +0 -14
  51. package/dist/contract/test/snapshot.unit.test.d.ts +0 -1
  52. package/dist/index.js +0 -872
  53. package/dist/index.js.map +0 -1
  54. package/dist/sdk.js.map +0 -1
  55. package/dist/socialPlatforms.js +0 -82
  56. package/dist/socialPlatforms.js.map +0 -1
  57. package/dist/test/agent-client.test.d.ts +0 -4
  58. package/dist/test/api.test.d.ts +0 -1
  59. package/dist/test/billing-client.test.d.ts +0 -4
  60. package/dist/test/build.test.d.ts +0 -1
  61. package/dist/test/chat-authenticated.test.d.ts +0 -1
  62. package/dist/test/chat-issue-presentation.test.d.ts +0 -1
  63. package/dist/test/derive-mode.test.d.ts +0 -1
  64. package/dist/test/sdk-token-capture.test.d.ts +0 -13
  65. package/dist/vite.config.sdk.d.ts +0 -2
  66. package/dist/vitest.config.d.ts +0 -2
@@ -1,4208 +0,0 @@
1
- var xt = Object.defineProperty;
2
- var o = (e, a) => xt(e, "name", { value: a, configurable: !0 });
3
- import { defineComponent as q, openBlock as m, createBlock as N, TransitionGroup as Qe, withCtx as F, renderSlot as me, ref as J, computed as A, watch as ze, createElementBlock as x, createElementVNode as b, toDisplayString as P, createCommentVNode as S, createVNode as T, withKeys as pt, createTextVNode as ge, resolveDynamicComponent as vt, normalizeClass as $, Fragment as Z, renderList as Se, unref as R, onMounted as Xe, Transition as Pe, withModifiers as Ae, normalizeStyle as Je, shallowRef as kt, onUnmounted as yt, mergeProps as wt } from "vue";
4
- import { S as ae } from "./socialPlatforms.js";
5
- import { c as Ct, e as zt, d as Ze, f as _e, h as et, i as Le, p as At, g as ye, b as we, A as $t, _ as St } from "./AgentWrap.vue_vue_type_script_setup_true_lang.js";
6
- import { getColorSchemeOklch as Mt } from "@pagelines/core";
7
- const tt = [
8
- {
9
- mode: "self",
10
- label: "Overview",
11
- icon: "i-tabler-user-square-rounded"
12
- },
13
- {
14
- mode: "talk",
15
- label: "Talk",
16
- icon: "i-tabler-phone"
17
- },
18
- {
19
- mode: "chat",
20
- label: "Chat",
21
- icon: "i-tabler-message-circle"
22
- },
23
- {
24
- mode: "info",
25
- label: "About",
26
- icon: "i-tabler-user-circle"
27
- }
28
- ], It = /* @__PURE__ */ q({
29
- __name: "EffectTransitionList",
30
- props: {
31
- disabled: { type: Boolean, default: !1 },
32
- mode: { default: "block" }
33
- },
34
- setup(e) {
35
- return (a, t) => (m(), N(Qe, {
36
- name: e.disabled ? "" : "nlist"
37
- }, {
38
- default: F(() => [
39
- me(a.$slots, "default")
40
- ]),
41
- _: 3
42
- }, 8, ["name"]));
43
- }
44
- }), Vt = ["data-test-mode"], Tt = { class: "w-full max-w-xs space-y-12" }, Et = {
45
- key: 0,
46
- class: "text-xs text-theme-400 text-center"
47
- }, Ot = { class: "text-base font-light text-white text-center" }, jt = { class: "space-y-6 relative" }, Bt = {
48
- key: "email-field",
49
- class: "w-full"
50
- }, Gt = {
51
- key: "code-field",
52
- class: "w-full"
53
- }, Ne = /* @__PURE__ */ q({
54
- __name: "ElAuthGate",
55
- props: {
56
- sdk: {}
57
- },
58
- setup(e) {
59
- const a = J({ email: "", code: "" }), t = J("email"), r = J(!1), l = {
60
- email: {
61
- title: "Enter Your Email",
62
- button: { label: "Continue", disabled: /* @__PURE__ */ o(() => !a.value.email || r.value, "disabled") },
63
- action: /* @__PURE__ */ o(async () => {
64
- if (!r.value) {
65
- r.value = !0;
66
- try {
67
- await e.sdk.auth.requestAuthCode({ email: a.value.email }) && (t.value = "code");
68
- } finally {
69
- r.value = !1;
70
- }
71
- }
72
- }, "action")
73
- },
74
- code: {
75
- title: "Enter Verification Code",
76
- button: { label: "Verify", disabled: /* @__PURE__ */ o(() => a.value.code.length !== 6 || r.value, "disabled") },
77
- action: /* @__PURE__ */ o(async () => {
78
- if (!r.value) {
79
- r.value = !0;
80
- try {
81
- await e.sdk.auth.loginWithCode({ email: a.value.email, code: a.value.code });
82
- } finally {
83
- r.value = !1;
84
- }
85
- }
86
- }, "action")
87
- }
88
- }, n = A(() => l[t.value]);
89
- return ze(() => e.sdk.activeUser.value, (s) => {
90
- s && t.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: s.email });
91
- }), (s, i) => (m(), x("div", {
92
- "data-test": "auth-form",
93
- "data-test-mode": t.value,
94
- class: "flex flex-col items-center justify-center h-full p-6"
95
- }, [
96
- b("div", Tt, [
97
- e.sdk.error.value ? (m(), x("p", Et, P(e.sdk.error.value), 1)) : S("", !0),
98
- b("h3", Ot, P(n.value.title), 1),
99
- b("div", jt, [
100
- T(It, null, {
101
- default: F(() => [
102
- t.value === "email" ? (m(), x("div", Bt, [
103
- T(Ct, {
104
- modelValue: a.value.email,
105
- "onUpdate:modelValue": i[0] || (i[0] = (u) => a.value.email = u),
106
- "data-test": "auth-email-input",
107
- onKeyup: pt(n.value.action, ["enter"])
108
- }, null, 8, ["modelValue", "onKeyup"])
109
- ])) : (m(), x("div", Gt, [
110
- T(zt, {
111
- modelValue: a.value.code,
112
- "onUpdate:modelValue": i[1] || (i[1] = (u) => a.value.code = u),
113
- length: 6,
114
- "focus-first": !0,
115
- "data-test": "auth-code-input",
116
- onAutoSubmit: n.value.action
117
- }, null, 8, ["modelValue", "onAutoSubmit"])
118
- ])),
119
- (m(), x("div", {
120
- key: n.value.button.label,
121
- class: "space-y-4 w-full"
122
- }, [
123
- T(Ze, {
124
- theme: "primary",
125
- size: "md",
126
- class: "w-full",
127
- "data-test": "auth-submit",
128
- loading: e.sdk.loading.value,
129
- disabled: n.value.button.disabled() || e.sdk.loading.value,
130
- onClick: n.value.action
131
- }, {
132
- default: F(() => [
133
- ge(P(n.value.button.label), 1)
134
- ]),
135
- _: 1
136
- }, 8, ["loading", "disabled", "onClick"]),
137
- t.value === "code" ? (m(), x("button", {
138
- key: 0,
139
- class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
140
- onClick: i[2] || (i[2] = (u) => t.value = "email")
141
- }, " Change Email ")) : S("", !0)
142
- ]))
143
- ]),
144
- _: 1
145
- })
146
- ])
147
- ])
148
- ], 8, Vt));
149
- }
150
- }), Rt = /* @__PURE__ */ o((e, a) => {
151
- const t = new Array(e.length + a.length);
152
- for (let r = 0; r < e.length; r++)
153
- t[r] = e[r];
154
- for (let r = 0; r < a.length; r++)
155
- t[e.length + r] = a[r];
156
- return t;
157
- }, "concatArrays"), Pt = /* @__PURE__ */ o((e, a) => ({
158
- classGroupId: e,
159
- validator: a
160
- }), "createClassValidatorObject"), rt = /* @__PURE__ */ o((e = /* @__PURE__ */ new Map(), a = null, t) => ({
161
- nextPart: e,
162
- validators: a,
163
- classGroupId: t
164
- }), "createClassPartObject"), he = "-", Ue = [], Lt = "arbitrary..", Nt = /* @__PURE__ */ o((e) => {
165
- const a = Wt(e), {
166
- conflictingClassGroups: t,
167
- conflictingClassGroupModifiers: r
168
- } = e;
169
- return {
170
- getClassGroupId: /* @__PURE__ */ o((s) => {
171
- if (s.startsWith("[") && s.endsWith("]"))
172
- return Ut(s);
173
- const i = s.split(he), u = i[0] === "" && i.length > 1 ? 1 : 0;
174
- return ot(i, u, a);
175
- }, "getClassGroupId"),
176
- getConflictingClassGroupIds: /* @__PURE__ */ o((s, i) => {
177
- if (i) {
178
- const u = r[s], h = t[s];
179
- return u ? h ? Rt(h, u) : u : h || Ue;
180
- }
181
- return t[s] || Ue;
182
- }, "getConflictingClassGroupIds")
183
- };
184
- }, "createClassGroupUtils"), ot = /* @__PURE__ */ o((e, a, t) => {
185
- if (e.length - a === 0)
186
- return t.classGroupId;
187
- const l = e[a], n = t.nextPart.get(l);
188
- if (n) {
189
- const h = ot(e, a + 1, n);
190
- if (h) return h;
191
- }
192
- const s = t.validators;
193
- if (s === null)
194
- return;
195
- const i = a === 0 ? e.join(he) : e.slice(a).join(he), u = s.length;
196
- for (let h = 0; h < u; h++) {
197
- const v = s[h];
198
- if (v.validator(i))
199
- return v.classGroupId;
200
- }
201
- }, "getGroupRecursive"), Ut = /* @__PURE__ */ o((e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
202
- const a = e.slice(1, -1), t = a.indexOf(":"), r = a.slice(0, t);
203
- return r ? Lt + r : void 0;
204
- })(), "getGroupIdForArbitraryProperty"), Wt = /* @__PURE__ */ o((e) => {
205
- const {
206
- theme: a,
207
- classGroups: t
208
- } = e;
209
- return Ft(t, a);
210
- }, "createClassMap"), Ft = /* @__PURE__ */ o((e, a) => {
211
- const t = rt();
212
- for (const r in e) {
213
- const l = e[r];
214
- Me(l, t, r, a);
215
- }
216
- return t;
217
- }, "processClassGroups"), Me = /* @__PURE__ */ o((e, a, t, r) => {
218
- const l = e.length;
219
- for (let n = 0; n < l; n++) {
220
- const s = e[n];
221
- qt(s, a, t, r);
222
- }
223
- }, "processClassesRecursively"), qt = /* @__PURE__ */ o((e, a, t, r) => {
224
- if (typeof e == "string") {
225
- Dt(e, a, t);
226
- return;
227
- }
228
- if (typeof e == "function") {
229
- Ht(e, a, t, r);
230
- return;
231
- }
232
- Yt(e, a, t, r);
233
- }, "processClassDefinition"), Dt = /* @__PURE__ */ o((e, a, t) => {
234
- const r = e === "" ? a : at(a, e);
235
- r.classGroupId = t;
236
- }, "processStringDefinition"), Ht = /* @__PURE__ */ o((e, a, t, r) => {
237
- if (Kt(e)) {
238
- Me(e(r), a, t, r);
239
- return;
240
- }
241
- a.validators === null && (a.validators = []), a.validators.push(Pt(t, e));
242
- }, "processFunctionDefinition"), Yt = /* @__PURE__ */ o((e, a, t, r) => {
243
- const l = Object.entries(e), n = l.length;
244
- for (let s = 0; s < n; s++) {
245
- const [i, u] = l[s];
246
- Me(u, at(a, i), t, r);
247
- }
248
- }, "processObjectDefinition"), at = /* @__PURE__ */ o((e, a) => {
249
- let t = e;
250
- const r = a.split(he), l = r.length;
251
- for (let n = 0; n < l; n++) {
252
- const s = r[n];
253
- let i = t.nextPart.get(s);
254
- i || (i = rt(), t.nextPart.set(s, i)), t = i;
255
- }
256
- return t;
257
- }, "getPart"), Kt = /* @__PURE__ */ o((e) => "isThemeGetter" in e && e.isThemeGetter === !0, "isThemeGetter"), Qt = /* @__PURE__ */ o((e) => {
258
- if (e < 1)
259
- return {
260
- get: /* @__PURE__ */ o(() => {
261
- }, "get"),
262
- set: /* @__PURE__ */ o(() => {
263
- }, "set")
264
- };
265
- let a = 0, t = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ Object.create(null);
266
- const l = /* @__PURE__ */ o((n, s) => {
267
- t[n] = s, a++, a > e && (a = 0, r = t, t = /* @__PURE__ */ Object.create(null));
268
- }, "update");
269
- return {
270
- get(n) {
271
- let s = t[n];
272
- if (s !== void 0)
273
- return s;
274
- if ((s = r[n]) !== void 0)
275
- return l(n, s), s;
276
- },
277
- set(n, s) {
278
- n in t ? t[n] = s : l(n, s);
279
- }
280
- };
281
- }, "createLruCache"), $e = "!", We = ":", Xt = [], Fe = /* @__PURE__ */ o((e, a, t, r, l) => ({
282
- modifiers: e,
283
- hasImportantModifier: a,
284
- baseClassName: t,
285
- maybePostfixModifierPosition: r,
286
- isExternal: l
287
- }), "createResultObject"), Jt = /* @__PURE__ */ o((e) => {
288
- const {
289
- prefix: a,
290
- experimentalParseClassName: t
291
- } = e;
292
- let r = /* @__PURE__ */ o((l) => {
293
- const n = [];
294
- let s = 0, i = 0, u = 0, h;
295
- const v = l.length;
296
- for (let E = 0; E < v; E++) {
297
- const O = l[E];
298
- if (s === 0 && i === 0) {
299
- if (O === We) {
300
- n.push(l.slice(u, E)), u = E + 1;
301
- continue;
302
- }
303
- if (O === "/") {
304
- h = E;
305
- continue;
306
- }
307
- }
308
- O === "[" ? s++ : O === "]" ? s-- : O === "(" ? i++ : O === ")" && i--;
309
- }
310
- const w = n.length === 0 ? l : l.slice(u);
311
- let y = w, I = !1;
312
- w.endsWith($e) ? (y = w.slice(0, -1), I = !0) : (
313
- /**
314
- * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
315
- * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
316
- */
317
- w.startsWith($e) && (y = w.slice(1), I = !0)
318
- );
319
- const U = h && h > u ? h - u : void 0;
320
- return Fe(n, I, y, U);
321
- }, "parseClassName");
322
- if (a) {
323
- const l = a + We, n = r;
324
- r = /* @__PURE__ */ o((s) => s.startsWith(l) ? n(s.slice(l.length)) : Fe(Xt, !1, s, void 0, !0), "parseClassName");
325
- }
326
- if (t) {
327
- const l = r;
328
- r = /* @__PURE__ */ o((n) => t({
329
- className: n,
330
- parseClassName: l
331
- }), "parseClassName");
332
- }
333
- return r;
334
- }, "createParseClassName"), Zt = /* @__PURE__ */ o((e) => {
335
- const a = /* @__PURE__ */ new Map();
336
- return e.orderSensitiveModifiers.forEach((t, r) => {
337
- a.set(t, 1e6 + r);
338
- }), (t) => {
339
- const r = [];
340
- let l = [];
341
- for (let n = 0; n < t.length; n++) {
342
- const s = t[n], i = s[0] === "[", u = a.has(s);
343
- i || u ? (l.length > 0 && (l.sort(), r.push(...l), l = []), r.push(s)) : l.push(s);
344
- }
345
- return l.length > 0 && (l.sort(), r.push(...l)), r;
346
- };
347
- }, "createSortModifiers"), _t = /* @__PURE__ */ o((e) => ({
348
- cache: Qt(e.cacheSize),
349
- parseClassName: Jt(e),
350
- sortModifiers: Zt(e),
351
- postfixLookupClassGroupIds: er(e),
352
- ...Nt(e)
353
- }), "createConfigUtils"), er = /* @__PURE__ */ o((e) => {
354
- const a = /* @__PURE__ */ Object.create(null), t = e.postfixLookupClassGroups;
355
- if (t)
356
- for (let r = 0; r < t.length; r++)
357
- a[t[r]] = !0;
358
- return a;
359
- }, "createPostfixLookupClassGroupIds"), tr = /\s+/, rr = /* @__PURE__ */ o((e, a) => {
360
- const {
361
- parseClassName: t,
362
- getClassGroupId: r,
363
- getConflictingClassGroupIds: l,
364
- sortModifiers: n,
365
- postfixLookupClassGroupIds: s
366
- } = a, i = [], u = e.trim().split(tr);
367
- let h = "";
368
- for (let v = u.length - 1; v >= 0; v -= 1) {
369
- const w = u[v], {
370
- isExternal: y,
371
- modifiers: I,
372
- hasImportantModifier: U,
373
- baseClassName: E,
374
- maybePostfixModifierPosition: O
375
- } = t(w);
376
- if (y) {
377
- h = w + (h.length > 0 ? " " + h : h);
378
- continue;
379
- }
380
- let H = !!O, j;
381
- if (H) {
382
- const Y = E.substring(0, O);
383
- j = r(Y);
384
- const g = j && s[j] ? r(E) : void 0;
385
- g && g !== j && (j = g, H = !1);
386
- } else
387
- j = r(E);
388
- if (!j) {
389
- if (!H) {
390
- h = w + (h.length > 0 ? " " + h : h);
391
- continue;
392
- }
393
- if (j = r(E), !j) {
394
- h = w + (h.length > 0 ? " " + h : h);
395
- continue;
396
- }
397
- H = !1;
398
- }
399
- const C = I.length === 0 ? "" : I.length === 1 ? I[0] : n(I).join(":"), p = U ? C + $e : C, z = p + j;
400
- if (i.indexOf(z) > -1)
401
- continue;
402
- i.push(z);
403
- const Q = l(j, H);
404
- for (let Y = 0; Y < Q.length; ++Y) {
405
- const g = Q[Y];
406
- i.push(p + g);
407
- }
408
- h = w + (h.length > 0 ? " " + h : h);
409
- }
410
- return h;
411
- }, "mergeClassList"), or = /* @__PURE__ */ o((...e) => {
412
- let a = 0, t, r, l = "";
413
- for (; a < e.length; )
414
- (t = e[a++]) && (r = st(t)) && (l && (l += " "), l += r);
415
- return l;
416
- }, "twJoin"), st = /* @__PURE__ */ o((e) => {
417
- if (typeof e == "string")
418
- return e;
419
- let a, t = "";
420
- for (let r = 0; r < e.length; r++)
421
- e[r] && (a = st(e[r])) && (t && (t += " "), t += a);
422
- return t;
423
- }, "toValue"), ar = /* @__PURE__ */ o((e, ...a) => {
424
- let t, r, l, n;
425
- const s = /* @__PURE__ */ o((u) => {
426
- const h = a.reduce((v, w) => w(v), e());
427
- return t = _t(h), r = t.cache.get, l = t.cache.set, n = i, i(u);
428
- }, "initTailwindMerge"), i = /* @__PURE__ */ o((u) => {
429
- const h = r(u);
430
- if (h)
431
- return h;
432
- const v = rr(u, t);
433
- return l(u, v), v;
434
- }, "tailwindMerge");
435
- return n = s, (...u) => n(or(...u));
436
- }, "createTailwindMerge"), sr = [], M = /* @__PURE__ */ o((e) => {
437
- const a = /* @__PURE__ */ o((t) => t[e] || sr, "themeGetter");
438
- return a.isThemeGetter = !0, a;
439
- }, "fromTheme"), nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, lt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, nr = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, lr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ir = /\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$/, dr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, cr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ur = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, X = /* @__PURE__ */ o((e) => nr.test(e), "isFraction"), k = /* @__PURE__ */ o((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), D = /* @__PURE__ */ o((e) => !!e && Number.isInteger(Number(e)), "isInteger"), Ce = /* @__PURE__ */ o((e) => e.endsWith("%") && k(e.slice(0, -1)), "isPercent"), K = /* @__PURE__ */ o((e) => lr.test(e), "isTshirtSize"), it = /* @__PURE__ */ o(() => !0, "isAny"), br = /* @__PURE__ */ o((e) => (
440
- // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
441
- // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
442
- // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
443
- ir.test(e) && !dr.test(e)
444
- ), "isLengthOnly"), Ie = /* @__PURE__ */ o(() => !1, "isNever"), mr = /* @__PURE__ */ o((e) => cr.test(e), "isShadow"), gr = /* @__PURE__ */ o((e) => ur.test(e), "isImage"), hr = /* @__PURE__ */ o((e) => !d(e) && !c(e), "isAnyNonArbitrary"), fr = /* @__PURE__ */ o((e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), "isNamedContainerQuery"), xr = /* @__PURE__ */ o((e) => _(e, ut, Ie), "isArbitrarySize"), d = /* @__PURE__ */ o((e) => nt.test(e), "isArbitraryValue"), te = /* @__PURE__ */ o((e) => _(e, bt, br), "isArbitraryLength"), qe = /* @__PURE__ */ o((e) => _(e, Ar, k), "isArbitraryNumber"), pr = /* @__PURE__ */ o((e) => _(e, gt, it), "isArbitraryWeight"), vr = /* @__PURE__ */ o((e) => _(e, mt, Ie), "isArbitraryFamilyName"), De = /* @__PURE__ */ o((e) => _(e, dt, Ie), "isArbitraryPosition"), kr = /* @__PURE__ */ o((e) => _(e, ct, gr), "isArbitraryImage"), ue = /* @__PURE__ */ o((e) => _(e, ht, mr), "isArbitraryShadow"), c = /* @__PURE__ */ o((e) => lt.test(e), "isArbitraryVariable"), se = /* @__PURE__ */ o((e) => re(e, bt), "isArbitraryVariableLength"), yr = /* @__PURE__ */ o((e) => re(e, mt), "isArbitraryVariableFamilyName"), He = /* @__PURE__ */ o((e) => re(e, dt), "isArbitraryVariablePosition"), wr = /* @__PURE__ */ o((e) => re(e, ut), "isArbitraryVariableSize"), Cr = /* @__PURE__ */ o((e) => re(e, ct), "isArbitraryVariableImage"), be = /* @__PURE__ */ o((e) => re(e, ht, !0), "isArbitraryVariableShadow"), zr = /* @__PURE__ */ o((e) => re(e, gt, !0), "isArbitraryVariableWeight"), _ = /* @__PURE__ */ o((e, a, t) => {
445
- const r = nt.exec(e);
446
- return r ? r[1] ? a(r[1]) : t(r[2]) : !1;
447
- }, "getIsArbitraryValue"), re = /* @__PURE__ */ o((e, a, t = !1) => {
448
- const r = lt.exec(e);
449
- return r ? r[1] ? a(r[1]) : t : !1;
450
- }, "getIsArbitraryVariable"), dt = /* @__PURE__ */ o((e) => e === "position" || e === "percentage", "isLabelPosition"), ct = /* @__PURE__ */ o((e) => e === "image" || e === "url", "isLabelImage"), ut = /* @__PURE__ */ o((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), bt = /* @__PURE__ */ o((e) => e === "length", "isLabelLength"), Ar = /* @__PURE__ */ o((e) => e === "number", "isLabelNumber"), mt = /* @__PURE__ */ o((e) => e === "family-name", "isLabelFamilyName"), gt = /* @__PURE__ */ o((e) => e === "number" || e === "weight", "isLabelWeight"), ht = /* @__PURE__ */ o((e) => e === "shadow", "isLabelShadow"), $r = /* @__PURE__ */ o(() => {
451
- const e = M("color"), a = M("font"), t = M("text"), r = M("font-weight"), l = M("tracking"), n = M("leading"), s = M("breakpoint"), i = M("container"), u = M("spacing"), h = M("radius"), v = M("shadow"), w = M("inset-shadow"), y = M("text-shadow"), I = M("drop-shadow"), U = M("blur"), E = M("perspective"), O = M("aspect"), H = M("ease"), j = M("animate"), C = /* @__PURE__ */ o(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), p = /* @__PURE__ */ o(() => [
452
- "center",
453
- "top",
454
- "bottom",
455
- "left",
456
- "right",
457
- "top-left",
458
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
459
- "left-top",
460
- "top-right",
461
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
462
- "right-top",
463
- "bottom-right",
464
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
465
- "right-bottom",
466
- "bottom-left",
467
- // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
468
- "left-bottom"
469
- ], "scalePosition"), z = /* @__PURE__ */ o(() => [...p(), c, d], "scalePositionWithArbitrary"), Q = /* @__PURE__ */ o(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), Y = /* @__PURE__ */ o(() => ["auto", "contain", "none"], "scaleOverscroll"), g = /* @__PURE__ */ o(() => [c, d, u], "scaleUnambiguousSpacing"), L = /* @__PURE__ */ o(() => [X, "full", "auto", ...g()], "scaleInset"), Ve = /* @__PURE__ */ o(() => [D, "none", "subgrid", c, d], "scaleGridTemplateColsRows"), Te = /* @__PURE__ */ o(() => ["auto", {
470
- span: ["full", D, c, d]
471
- }, D, c, d], "scaleGridColRowStartAndEnd"), ne = /* @__PURE__ */ o(() => [D, "auto", c, d], "scaleGridColRowStartOrEnd"), Ee = /* @__PURE__ */ o(() => ["auto", "min", "max", "fr", c, d], "scaleGridAutoColsRows"), fe = /* @__PURE__ */ o(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), oe = /* @__PURE__ */ o(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), W = /* @__PURE__ */ o(() => ["auto", ...g()], "scaleMargin"), ee = /* @__PURE__ */ o(() => [X, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], "scaleSizing"), xe = /* @__PURE__ */ o(() => [X, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...g()], "scaleSizingInline"), pe = /* @__PURE__ */ o(() => [X, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...g()], "scaleSizingBlock"), f = /* @__PURE__ */ o(() => [e, c, d], "scaleColor"), Oe = /* @__PURE__ */ o(() => [...p(), He, De, {
472
- position: [c, d]
473
- }], "scaleBgPosition"), je = /* @__PURE__ */ o(() => ["no-repeat", {
474
- repeat: ["", "x", "y", "space", "round"]
475
- }], "scaleBgRepeat"), Be = /* @__PURE__ */ o(() => ["auto", "cover", "contain", wr, xr, {
476
- size: [c, d]
477
- }], "scaleBgSize"), ve = /* @__PURE__ */ o(() => [Ce, se, te], "scaleGradientStopPosition"), B = /* @__PURE__ */ o(() => [
478
- // Deprecated since Tailwind CSS v4.0.0
479
- "",
480
- "none",
481
- "full",
482
- h,
483
- c,
484
- d
485
- ], "scaleRadius"), G = /* @__PURE__ */ o(() => ["", k, se, te], "scaleBorderWidth"), le = /* @__PURE__ */ o(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), Ge = /* @__PURE__ */ o(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), V = /* @__PURE__ */ o(() => [k, Ce, He, De], "scaleMaskImagePosition"), Re = /* @__PURE__ */ o(() => [
486
- // Deprecated since Tailwind CSS v4.0.0
487
- "",
488
- "none",
489
- U,
490
- c,
491
- d
492
- ], "scaleBlur"), ie = /* @__PURE__ */ o(() => ["none", k, c, d], "scaleRotate"), de = /* @__PURE__ */ o(() => ["none", k, c, d], "scaleScale"), ke = /* @__PURE__ */ o(() => [k, c, d], "scaleSkew"), ce = /* @__PURE__ */ o(() => [X, "full", ...g()], "scaleTranslate");
493
- return {
494
- cacheSize: 500,
495
- theme: {
496
- animate: ["spin", "ping", "pulse", "bounce"],
497
- aspect: ["video"],
498
- blur: [K],
499
- breakpoint: [K],
500
- color: [it],
501
- container: [K],
502
- "drop-shadow": [K],
503
- ease: ["in", "out", "in-out"],
504
- font: [hr],
505
- "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
506
- "inset-shadow": [K],
507
- leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
508
- perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
509
- radius: [K],
510
- shadow: [K],
511
- spacing: ["px", k],
512
- text: [K],
513
- "text-shadow": [K],
514
- tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
515
- },
516
- classGroups: {
517
- // --------------
518
- // --- Layout ---
519
- // --------------
520
- /**
521
- * Aspect Ratio
522
- * @see https://tailwindcss.com/docs/aspect-ratio
523
- */
524
- aspect: [{
525
- aspect: ["auto", "square", X, d, c, O]
526
- }],
527
- /**
528
- * Container
529
- * @see https://tailwindcss.com/docs/container
530
- * @deprecated since Tailwind CSS v4.0.0
531
- */
532
- container: ["container"],
533
- /**
534
- * Container Type
535
- * @see https://tailwindcss.com/docs/responsive-design#container-queries
536
- */
537
- "container-type": [{
538
- "@container": ["", "normal", "size", c, d]
539
- }],
540
- /**
541
- * Container Name
542
- * @see https://tailwindcss.com/docs/responsive-design#named-containers
543
- */
544
- "container-named": [fr],
545
- /**
546
- * Columns
547
- * @see https://tailwindcss.com/docs/columns
548
- */
549
- columns: [{
550
- columns: [k, d, c, i]
551
- }],
552
- /**
553
- * Break After
554
- * @see https://tailwindcss.com/docs/break-after
555
- */
556
- "break-after": [{
557
- "break-after": C()
558
- }],
559
- /**
560
- * Break Before
561
- * @see https://tailwindcss.com/docs/break-before
562
- */
563
- "break-before": [{
564
- "break-before": C()
565
- }],
566
- /**
567
- * Break Inside
568
- * @see https://tailwindcss.com/docs/break-inside
569
- */
570
- "break-inside": [{
571
- "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
572
- }],
573
- /**
574
- * Box Decoration Break
575
- * @see https://tailwindcss.com/docs/box-decoration-break
576
- */
577
- "box-decoration": [{
578
- "box-decoration": ["slice", "clone"]
579
- }],
580
- /**
581
- * Box Sizing
582
- * @see https://tailwindcss.com/docs/box-sizing
583
- */
584
- box: [{
585
- box: ["border", "content"]
586
- }],
587
- /**
588
- * Display
589
- * @see https://tailwindcss.com/docs/display
590
- */
591
- 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"],
592
- /**
593
- * Screen Reader Only
594
- * @see https://tailwindcss.com/docs/display#screen-reader-only
595
- */
596
- sr: ["sr-only", "not-sr-only"],
597
- /**
598
- * Floats
599
- * @see https://tailwindcss.com/docs/float
600
- */
601
- float: [{
602
- float: ["right", "left", "none", "start", "end"]
603
- }],
604
- /**
605
- * Clear
606
- * @see https://tailwindcss.com/docs/clear
607
- */
608
- clear: [{
609
- clear: ["left", "right", "both", "none", "start", "end"]
610
- }],
611
- /**
612
- * Isolation
613
- * @see https://tailwindcss.com/docs/isolation
614
- */
615
- isolation: ["isolate", "isolation-auto"],
616
- /**
617
- * Object Fit
618
- * @see https://tailwindcss.com/docs/object-fit
619
- */
620
- "object-fit": [{
621
- object: ["contain", "cover", "fill", "none", "scale-down"]
622
- }],
623
- /**
624
- * Object Position
625
- * @see https://tailwindcss.com/docs/object-position
626
- */
627
- "object-position": [{
628
- object: z()
629
- }],
630
- /**
631
- * Overflow
632
- * @see https://tailwindcss.com/docs/overflow
633
- */
634
- overflow: [{
635
- overflow: Q()
636
- }],
637
- /**
638
- * Overflow X
639
- * @see https://tailwindcss.com/docs/overflow
640
- */
641
- "overflow-x": [{
642
- "overflow-x": Q()
643
- }],
644
- /**
645
- * Overflow Y
646
- * @see https://tailwindcss.com/docs/overflow
647
- */
648
- "overflow-y": [{
649
- "overflow-y": Q()
650
- }],
651
- /**
652
- * Overscroll Behavior
653
- * @see https://tailwindcss.com/docs/overscroll-behavior
654
- */
655
- overscroll: [{
656
- overscroll: Y()
657
- }],
658
- /**
659
- * Overscroll Behavior X
660
- * @see https://tailwindcss.com/docs/overscroll-behavior
661
- */
662
- "overscroll-x": [{
663
- "overscroll-x": Y()
664
- }],
665
- /**
666
- * Overscroll Behavior Y
667
- * @see https://tailwindcss.com/docs/overscroll-behavior
668
- */
669
- "overscroll-y": [{
670
- "overscroll-y": Y()
671
- }],
672
- /**
673
- * Position
674
- * @see https://tailwindcss.com/docs/position
675
- */
676
- position: ["static", "fixed", "absolute", "relative", "sticky"],
677
- /**
678
- * Inset
679
- * @see https://tailwindcss.com/docs/top-right-bottom-left
680
- */
681
- inset: [{
682
- inset: L()
683
- }],
684
- /**
685
- * Inset Inline
686
- * @see https://tailwindcss.com/docs/top-right-bottom-left
687
- */
688
- "inset-x": [{
689
- "inset-x": L()
690
- }],
691
- /**
692
- * Inset Block
693
- * @see https://tailwindcss.com/docs/top-right-bottom-left
694
- */
695
- "inset-y": [{
696
- "inset-y": L()
697
- }],
698
- /**
699
- * Inset Inline Start
700
- * @see https://tailwindcss.com/docs/top-right-bottom-left
701
- * @todo class group will be renamed to `inset-s` in next major release
702
- */
703
- start: [{
704
- "inset-s": L(),
705
- /**
706
- * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
707
- * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
708
- */
709
- start: L()
710
- }],
711
- /**
712
- * Inset Inline End
713
- * @see https://tailwindcss.com/docs/top-right-bottom-left
714
- * @todo class group will be renamed to `inset-e` in next major release
715
- */
716
- end: [{
717
- "inset-e": L(),
718
- /**
719
- * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
720
- * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
721
- */
722
- end: L()
723
- }],
724
- /**
725
- * Inset Block Start
726
- * @see https://tailwindcss.com/docs/top-right-bottom-left
727
- */
728
- "inset-bs": [{
729
- "inset-bs": L()
730
- }],
731
- /**
732
- * Inset Block End
733
- * @see https://tailwindcss.com/docs/top-right-bottom-left
734
- */
735
- "inset-be": [{
736
- "inset-be": L()
737
- }],
738
- /**
739
- * Top
740
- * @see https://tailwindcss.com/docs/top-right-bottom-left
741
- */
742
- top: [{
743
- top: L()
744
- }],
745
- /**
746
- * Right
747
- * @see https://tailwindcss.com/docs/top-right-bottom-left
748
- */
749
- right: [{
750
- right: L()
751
- }],
752
- /**
753
- * Bottom
754
- * @see https://tailwindcss.com/docs/top-right-bottom-left
755
- */
756
- bottom: [{
757
- bottom: L()
758
- }],
759
- /**
760
- * Left
761
- * @see https://tailwindcss.com/docs/top-right-bottom-left
762
- */
763
- left: [{
764
- left: L()
765
- }],
766
- /**
767
- * Visibility
768
- * @see https://tailwindcss.com/docs/visibility
769
- */
770
- visibility: ["visible", "invisible", "collapse"],
771
- /**
772
- * Z-Index
773
- * @see https://tailwindcss.com/docs/z-index
774
- */
775
- z: [{
776
- z: [D, "auto", c, d]
777
- }],
778
- // ------------------------
779
- // --- Flexbox and Grid ---
780
- // ------------------------
781
- /**
782
- * Flex Basis
783
- * @see https://tailwindcss.com/docs/flex-basis
784
- */
785
- basis: [{
786
- basis: [X, "full", "auto", i, ...g()]
787
- }],
788
- /**
789
- * Flex Direction
790
- * @see https://tailwindcss.com/docs/flex-direction
791
- */
792
- "flex-direction": [{
793
- flex: ["row", "row-reverse", "col", "col-reverse"]
794
- }],
795
- /**
796
- * Flex Wrap
797
- * @see https://tailwindcss.com/docs/flex-wrap
798
- */
799
- "flex-wrap": [{
800
- flex: ["nowrap", "wrap", "wrap-reverse"]
801
- }],
802
- /**
803
- * Flex
804
- * @see https://tailwindcss.com/docs/flex
805
- */
806
- flex: [{
807
- flex: [k, X, "auto", "initial", "none", d]
808
- }],
809
- /**
810
- * Flex Grow
811
- * @see https://tailwindcss.com/docs/flex-grow
812
- */
813
- grow: [{
814
- grow: ["", k, c, d]
815
- }],
816
- /**
817
- * Flex Shrink
818
- * @see https://tailwindcss.com/docs/flex-shrink
819
- */
820
- shrink: [{
821
- shrink: ["", k, c, d]
822
- }],
823
- /**
824
- * Order
825
- * @see https://tailwindcss.com/docs/order
826
- */
827
- order: [{
828
- order: [D, "first", "last", "none", c, d]
829
- }],
830
- /**
831
- * Grid Template Columns
832
- * @see https://tailwindcss.com/docs/grid-template-columns
833
- */
834
- "grid-cols": [{
835
- "grid-cols": Ve()
836
- }],
837
- /**
838
- * Grid Column Start / End
839
- * @see https://tailwindcss.com/docs/grid-column
840
- */
841
- "col-start-end": [{
842
- col: Te()
843
- }],
844
- /**
845
- * Grid Column Start
846
- * @see https://tailwindcss.com/docs/grid-column
847
- */
848
- "col-start": [{
849
- "col-start": ne()
850
- }],
851
- /**
852
- * Grid Column End
853
- * @see https://tailwindcss.com/docs/grid-column
854
- */
855
- "col-end": [{
856
- "col-end": ne()
857
- }],
858
- /**
859
- * Grid Template Rows
860
- * @see https://tailwindcss.com/docs/grid-template-rows
861
- */
862
- "grid-rows": [{
863
- "grid-rows": Ve()
864
- }],
865
- /**
866
- * Grid Row Start / End
867
- * @see https://tailwindcss.com/docs/grid-row
868
- */
869
- "row-start-end": [{
870
- row: Te()
871
- }],
872
- /**
873
- * Grid Row Start
874
- * @see https://tailwindcss.com/docs/grid-row
875
- */
876
- "row-start": [{
877
- "row-start": ne()
878
- }],
879
- /**
880
- * Grid Row End
881
- * @see https://tailwindcss.com/docs/grid-row
882
- */
883
- "row-end": [{
884
- "row-end": ne()
885
- }],
886
- /**
887
- * Grid Auto Flow
888
- * @see https://tailwindcss.com/docs/grid-auto-flow
889
- */
890
- "grid-flow": [{
891
- "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
892
- }],
893
- /**
894
- * Grid Auto Columns
895
- * @see https://tailwindcss.com/docs/grid-auto-columns
896
- */
897
- "auto-cols": [{
898
- "auto-cols": Ee()
899
- }],
900
- /**
901
- * Grid Auto Rows
902
- * @see https://tailwindcss.com/docs/grid-auto-rows
903
- */
904
- "auto-rows": [{
905
- "auto-rows": Ee()
906
- }],
907
- /**
908
- * Gap
909
- * @see https://tailwindcss.com/docs/gap
910
- */
911
- gap: [{
912
- gap: g()
913
- }],
914
- /**
915
- * Gap X
916
- * @see https://tailwindcss.com/docs/gap
917
- */
918
- "gap-x": [{
919
- "gap-x": g()
920
- }],
921
- /**
922
- * Gap Y
923
- * @see https://tailwindcss.com/docs/gap
924
- */
925
- "gap-y": [{
926
- "gap-y": g()
927
- }],
928
- /**
929
- * Justify Content
930
- * @see https://tailwindcss.com/docs/justify-content
931
- */
932
- "justify-content": [{
933
- justify: [...fe(), "normal"]
934
- }],
935
- /**
936
- * Justify Items
937
- * @see https://tailwindcss.com/docs/justify-items
938
- */
939
- "justify-items": [{
940
- "justify-items": [...oe(), "normal"]
941
- }],
942
- /**
943
- * Justify Self
944
- * @see https://tailwindcss.com/docs/justify-self
945
- */
946
- "justify-self": [{
947
- "justify-self": ["auto", ...oe()]
948
- }],
949
- /**
950
- * Align Content
951
- * @see https://tailwindcss.com/docs/align-content
952
- */
953
- "align-content": [{
954
- content: ["normal", ...fe()]
955
- }],
956
- /**
957
- * Align Items
958
- * @see https://tailwindcss.com/docs/align-items
959
- */
960
- "align-items": [{
961
- items: [...oe(), {
962
- baseline: ["", "last"]
963
- }]
964
- }],
965
- /**
966
- * Align Self
967
- * @see https://tailwindcss.com/docs/align-self
968
- */
969
- "align-self": [{
970
- self: ["auto", ...oe(), {
971
- baseline: ["", "last"]
972
- }]
973
- }],
974
- /**
975
- * Place Content
976
- * @see https://tailwindcss.com/docs/place-content
977
- */
978
- "place-content": [{
979
- "place-content": fe()
980
- }],
981
- /**
982
- * Place Items
983
- * @see https://tailwindcss.com/docs/place-items
984
- */
985
- "place-items": [{
986
- "place-items": [...oe(), "baseline"]
987
- }],
988
- /**
989
- * Place Self
990
- * @see https://tailwindcss.com/docs/place-self
991
- */
992
- "place-self": [{
993
- "place-self": ["auto", ...oe()]
994
- }],
995
- // Spacing
996
- /**
997
- * Padding
998
- * @see https://tailwindcss.com/docs/padding
999
- */
1000
- p: [{
1001
- p: g()
1002
- }],
1003
- /**
1004
- * Padding Inline
1005
- * @see https://tailwindcss.com/docs/padding
1006
- */
1007
- px: [{
1008
- px: g()
1009
- }],
1010
- /**
1011
- * Padding Block
1012
- * @see https://tailwindcss.com/docs/padding
1013
- */
1014
- py: [{
1015
- py: g()
1016
- }],
1017
- /**
1018
- * Padding Inline Start
1019
- * @see https://tailwindcss.com/docs/padding
1020
- */
1021
- ps: [{
1022
- ps: g()
1023
- }],
1024
- /**
1025
- * Padding Inline End
1026
- * @see https://tailwindcss.com/docs/padding
1027
- */
1028
- pe: [{
1029
- pe: g()
1030
- }],
1031
- /**
1032
- * Padding Block Start
1033
- * @see https://tailwindcss.com/docs/padding
1034
- */
1035
- pbs: [{
1036
- pbs: g()
1037
- }],
1038
- /**
1039
- * Padding Block End
1040
- * @see https://tailwindcss.com/docs/padding
1041
- */
1042
- pbe: [{
1043
- pbe: g()
1044
- }],
1045
- /**
1046
- * Padding Top
1047
- * @see https://tailwindcss.com/docs/padding
1048
- */
1049
- pt: [{
1050
- pt: g()
1051
- }],
1052
- /**
1053
- * Padding Right
1054
- * @see https://tailwindcss.com/docs/padding
1055
- */
1056
- pr: [{
1057
- pr: g()
1058
- }],
1059
- /**
1060
- * Padding Bottom
1061
- * @see https://tailwindcss.com/docs/padding
1062
- */
1063
- pb: [{
1064
- pb: g()
1065
- }],
1066
- /**
1067
- * Padding Left
1068
- * @see https://tailwindcss.com/docs/padding
1069
- */
1070
- pl: [{
1071
- pl: g()
1072
- }],
1073
- /**
1074
- * Margin
1075
- * @see https://tailwindcss.com/docs/margin
1076
- */
1077
- m: [{
1078
- m: W()
1079
- }],
1080
- /**
1081
- * Margin Inline
1082
- * @see https://tailwindcss.com/docs/margin
1083
- */
1084
- mx: [{
1085
- mx: W()
1086
- }],
1087
- /**
1088
- * Margin Block
1089
- * @see https://tailwindcss.com/docs/margin
1090
- */
1091
- my: [{
1092
- my: W()
1093
- }],
1094
- /**
1095
- * Margin Inline Start
1096
- * @see https://tailwindcss.com/docs/margin
1097
- */
1098
- ms: [{
1099
- ms: W()
1100
- }],
1101
- /**
1102
- * Margin Inline End
1103
- * @see https://tailwindcss.com/docs/margin
1104
- */
1105
- me: [{
1106
- me: W()
1107
- }],
1108
- /**
1109
- * Margin Block Start
1110
- * @see https://tailwindcss.com/docs/margin
1111
- */
1112
- mbs: [{
1113
- mbs: W()
1114
- }],
1115
- /**
1116
- * Margin Block End
1117
- * @see https://tailwindcss.com/docs/margin
1118
- */
1119
- mbe: [{
1120
- mbe: W()
1121
- }],
1122
- /**
1123
- * Margin Top
1124
- * @see https://tailwindcss.com/docs/margin
1125
- */
1126
- mt: [{
1127
- mt: W()
1128
- }],
1129
- /**
1130
- * Margin Right
1131
- * @see https://tailwindcss.com/docs/margin
1132
- */
1133
- mr: [{
1134
- mr: W()
1135
- }],
1136
- /**
1137
- * Margin Bottom
1138
- * @see https://tailwindcss.com/docs/margin
1139
- */
1140
- mb: [{
1141
- mb: W()
1142
- }],
1143
- /**
1144
- * Margin Left
1145
- * @see https://tailwindcss.com/docs/margin
1146
- */
1147
- ml: [{
1148
- ml: W()
1149
- }],
1150
- /**
1151
- * Space Between X
1152
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1153
- */
1154
- "space-x": [{
1155
- "space-x": g()
1156
- }],
1157
- /**
1158
- * Space Between X Reverse
1159
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1160
- */
1161
- "space-x-reverse": ["space-x-reverse"],
1162
- /**
1163
- * Space Between Y
1164
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1165
- */
1166
- "space-y": [{
1167
- "space-y": g()
1168
- }],
1169
- /**
1170
- * Space Between Y Reverse
1171
- * @see https://tailwindcss.com/docs/margin#adding-space-between-children
1172
- */
1173
- "space-y-reverse": ["space-y-reverse"],
1174
- // --------------
1175
- // --- Sizing ---
1176
- // --------------
1177
- /**
1178
- * Size
1179
- * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
1180
- */
1181
- size: [{
1182
- size: ee()
1183
- }],
1184
- /**
1185
- * Inline Size
1186
- * @see https://tailwindcss.com/docs/width
1187
- */
1188
- "inline-size": [{
1189
- inline: ["auto", ...xe()]
1190
- }],
1191
- /**
1192
- * Min-Inline Size
1193
- * @see https://tailwindcss.com/docs/min-width
1194
- */
1195
- "min-inline-size": [{
1196
- "min-inline": ["auto", ...xe()]
1197
- }],
1198
- /**
1199
- * Max-Inline Size
1200
- * @see https://tailwindcss.com/docs/max-width
1201
- */
1202
- "max-inline-size": [{
1203
- "max-inline": ["none", ...xe()]
1204
- }],
1205
- /**
1206
- * Block Size
1207
- * @see https://tailwindcss.com/docs/height
1208
- */
1209
- "block-size": [{
1210
- block: ["auto", ...pe()]
1211
- }],
1212
- /**
1213
- * Min-Block Size
1214
- * @see https://tailwindcss.com/docs/min-height
1215
- */
1216
- "min-block-size": [{
1217
- "min-block": ["auto", ...pe()]
1218
- }],
1219
- /**
1220
- * Max-Block Size
1221
- * @see https://tailwindcss.com/docs/max-height
1222
- */
1223
- "max-block-size": [{
1224
- "max-block": ["none", ...pe()]
1225
- }],
1226
- /**
1227
- * Width
1228
- * @see https://tailwindcss.com/docs/width
1229
- */
1230
- w: [{
1231
- w: [i, "screen", ...ee()]
1232
- }],
1233
- /**
1234
- * Min-Width
1235
- * @see https://tailwindcss.com/docs/min-width
1236
- */
1237
- "min-w": [{
1238
- "min-w": [
1239
- i,
1240
- "screen",
1241
- /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1242
- "none",
1243
- ...ee()
1244
- ]
1245
- }],
1246
- /**
1247
- * Max-Width
1248
- * @see https://tailwindcss.com/docs/max-width
1249
- */
1250
- "max-w": [{
1251
- "max-w": [
1252
- i,
1253
- "screen",
1254
- "none",
1255
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1256
- "prose",
1257
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1258
- {
1259
- screen: [s]
1260
- },
1261
- ...ee()
1262
- ]
1263
- }],
1264
- /**
1265
- * Height
1266
- * @see https://tailwindcss.com/docs/height
1267
- */
1268
- h: [{
1269
- h: ["screen", "lh", ...ee()]
1270
- }],
1271
- /**
1272
- * Min-Height
1273
- * @see https://tailwindcss.com/docs/min-height
1274
- */
1275
- "min-h": [{
1276
- "min-h": ["screen", "lh", "none", ...ee()]
1277
- }],
1278
- /**
1279
- * Max-Height
1280
- * @see https://tailwindcss.com/docs/max-height
1281
- */
1282
- "max-h": [{
1283
- "max-h": ["screen", "lh", ...ee()]
1284
- }],
1285
- // ------------------
1286
- // --- Typography ---
1287
- // ------------------
1288
- /**
1289
- * Font Size
1290
- * @see https://tailwindcss.com/docs/font-size
1291
- */
1292
- "font-size": [{
1293
- text: ["base", t, se, te]
1294
- }],
1295
- /**
1296
- * Font Smoothing
1297
- * @see https://tailwindcss.com/docs/font-smoothing
1298
- */
1299
- "font-smoothing": ["antialiased", "subpixel-antialiased"],
1300
- /**
1301
- * Font Style
1302
- * @see https://tailwindcss.com/docs/font-style
1303
- */
1304
- "font-style": ["italic", "not-italic"],
1305
- /**
1306
- * Font Weight
1307
- * @see https://tailwindcss.com/docs/font-weight
1308
- */
1309
- "font-weight": [{
1310
- font: [r, zr, pr]
1311
- }],
1312
- /**
1313
- * Font Stretch
1314
- * @see https://tailwindcss.com/docs/font-stretch
1315
- */
1316
- "font-stretch": [{
1317
- "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ce, d]
1318
- }],
1319
- /**
1320
- * Font Family
1321
- * @see https://tailwindcss.com/docs/font-family
1322
- */
1323
- "font-family": [{
1324
- font: [yr, vr, a]
1325
- }],
1326
- /**
1327
- * Font Feature Settings
1328
- * @see https://tailwindcss.com/docs/font-feature-settings
1329
- */
1330
- "font-features": [{
1331
- "font-features": [d]
1332
- }],
1333
- /**
1334
- * Font Variant Numeric
1335
- * @see https://tailwindcss.com/docs/font-variant-numeric
1336
- */
1337
- "fvn-normal": ["normal-nums"],
1338
- /**
1339
- * Font Variant Numeric
1340
- * @see https://tailwindcss.com/docs/font-variant-numeric
1341
- */
1342
- "fvn-ordinal": ["ordinal"],
1343
- /**
1344
- * Font Variant Numeric
1345
- * @see https://tailwindcss.com/docs/font-variant-numeric
1346
- */
1347
- "fvn-slashed-zero": ["slashed-zero"],
1348
- /**
1349
- * Font Variant Numeric
1350
- * @see https://tailwindcss.com/docs/font-variant-numeric
1351
- */
1352
- "fvn-figure": ["lining-nums", "oldstyle-nums"],
1353
- /**
1354
- * Font Variant Numeric
1355
- * @see https://tailwindcss.com/docs/font-variant-numeric
1356
- */
1357
- "fvn-spacing": ["proportional-nums", "tabular-nums"],
1358
- /**
1359
- * Font Variant Numeric
1360
- * @see https://tailwindcss.com/docs/font-variant-numeric
1361
- */
1362
- "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
1363
- /**
1364
- * Letter Spacing
1365
- * @see https://tailwindcss.com/docs/letter-spacing
1366
- */
1367
- tracking: [{
1368
- tracking: [l, c, d]
1369
- }],
1370
- /**
1371
- * Line Clamp
1372
- * @see https://tailwindcss.com/docs/line-clamp
1373
- */
1374
- "line-clamp": [{
1375
- "line-clamp": [k, "none", c, qe]
1376
- }],
1377
- /**
1378
- * Line Height
1379
- * @see https://tailwindcss.com/docs/line-height
1380
- */
1381
- leading: [{
1382
- leading: [
1383
- /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
1384
- n,
1385
- ...g()
1386
- ]
1387
- }],
1388
- /**
1389
- * List Style Image
1390
- * @see https://tailwindcss.com/docs/list-style-image
1391
- */
1392
- "list-image": [{
1393
- "list-image": ["none", c, d]
1394
- }],
1395
- /**
1396
- * List Style Position
1397
- * @see https://tailwindcss.com/docs/list-style-position
1398
- */
1399
- "list-style-position": [{
1400
- list: ["inside", "outside"]
1401
- }],
1402
- /**
1403
- * List Style Type
1404
- * @see https://tailwindcss.com/docs/list-style-type
1405
- */
1406
- "list-style-type": [{
1407
- list: ["disc", "decimal", "none", c, d]
1408
- }],
1409
- /**
1410
- * Text Alignment
1411
- * @see https://tailwindcss.com/docs/text-align
1412
- */
1413
- "text-alignment": [{
1414
- text: ["left", "center", "right", "justify", "start", "end"]
1415
- }],
1416
- /**
1417
- * Placeholder Color
1418
- * @deprecated since Tailwind CSS v3.0.0
1419
- * @see https://v3.tailwindcss.com/docs/placeholder-color
1420
- */
1421
- "placeholder-color": [{
1422
- placeholder: f()
1423
- }],
1424
- /**
1425
- * Text Color
1426
- * @see https://tailwindcss.com/docs/text-color
1427
- */
1428
- "text-color": [{
1429
- text: f()
1430
- }],
1431
- /**
1432
- * Text Decoration
1433
- * @see https://tailwindcss.com/docs/text-decoration
1434
- */
1435
- "text-decoration": ["underline", "overline", "line-through", "no-underline"],
1436
- /**
1437
- * Text Decoration Style
1438
- * @see https://tailwindcss.com/docs/text-decoration-style
1439
- */
1440
- "text-decoration-style": [{
1441
- decoration: [...le(), "wavy"]
1442
- }],
1443
- /**
1444
- * Text Decoration Thickness
1445
- * @see https://tailwindcss.com/docs/text-decoration-thickness
1446
- */
1447
- "text-decoration-thickness": [{
1448
- decoration: [k, "from-font", "auto", c, te]
1449
- }],
1450
- /**
1451
- * Text Decoration Color
1452
- * @see https://tailwindcss.com/docs/text-decoration-color
1453
- */
1454
- "text-decoration-color": [{
1455
- decoration: f()
1456
- }],
1457
- /**
1458
- * Text Underline Offset
1459
- * @see https://tailwindcss.com/docs/text-underline-offset
1460
- */
1461
- "underline-offset": [{
1462
- "underline-offset": [k, "auto", c, d]
1463
- }],
1464
- /**
1465
- * Text Transform
1466
- * @see https://tailwindcss.com/docs/text-transform
1467
- */
1468
- "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
1469
- /**
1470
- * Text Overflow
1471
- * @see https://tailwindcss.com/docs/text-overflow
1472
- */
1473
- "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
1474
- /**
1475
- * Text Wrap
1476
- * @see https://tailwindcss.com/docs/text-wrap
1477
- */
1478
- "text-wrap": [{
1479
- text: ["wrap", "nowrap", "balance", "pretty"]
1480
- }],
1481
- /**
1482
- * Text Indent
1483
- * @see https://tailwindcss.com/docs/text-indent
1484
- */
1485
- indent: [{
1486
- indent: g()
1487
- }],
1488
- /**
1489
- * Tab Size
1490
- * @see https://tailwindcss.com/docs/tab-size
1491
- */
1492
- "tab-size": [{
1493
- tab: [D, c, d]
1494
- }],
1495
- /**
1496
- * Vertical Alignment
1497
- * @see https://tailwindcss.com/docs/vertical-align
1498
- */
1499
- "vertical-align": [{
1500
- align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", c, d]
1501
- }],
1502
- /**
1503
- * Whitespace
1504
- * @see https://tailwindcss.com/docs/whitespace
1505
- */
1506
- whitespace: [{
1507
- whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
1508
- }],
1509
- /**
1510
- * Word Break
1511
- * @see https://tailwindcss.com/docs/word-break
1512
- */
1513
- break: [{
1514
- break: ["normal", "words", "all", "keep"]
1515
- }],
1516
- /**
1517
- * Overflow Wrap
1518
- * @see https://tailwindcss.com/docs/overflow-wrap
1519
- */
1520
- wrap: [{
1521
- wrap: ["break-word", "anywhere", "normal"]
1522
- }],
1523
- /**
1524
- * Hyphens
1525
- * @see https://tailwindcss.com/docs/hyphens
1526
- */
1527
- hyphens: [{
1528
- hyphens: ["none", "manual", "auto"]
1529
- }],
1530
- /**
1531
- * Content
1532
- * @see https://tailwindcss.com/docs/content
1533
- */
1534
- content: [{
1535
- content: ["none", c, d]
1536
- }],
1537
- // -------------------
1538
- // --- Backgrounds ---
1539
- // -------------------
1540
- /**
1541
- * Background Attachment
1542
- * @see https://tailwindcss.com/docs/background-attachment
1543
- */
1544
- "bg-attachment": [{
1545
- bg: ["fixed", "local", "scroll"]
1546
- }],
1547
- /**
1548
- * Background Clip
1549
- * @see https://tailwindcss.com/docs/background-clip
1550
- */
1551
- "bg-clip": [{
1552
- "bg-clip": ["border", "padding", "content", "text"]
1553
- }],
1554
- /**
1555
- * Background Origin
1556
- * @see https://tailwindcss.com/docs/background-origin
1557
- */
1558
- "bg-origin": [{
1559
- "bg-origin": ["border", "padding", "content"]
1560
- }],
1561
- /**
1562
- * Background Position
1563
- * @see https://tailwindcss.com/docs/background-position
1564
- */
1565
- "bg-position": [{
1566
- bg: Oe()
1567
- }],
1568
- /**
1569
- * Background Repeat
1570
- * @see https://tailwindcss.com/docs/background-repeat
1571
- */
1572
- "bg-repeat": [{
1573
- bg: je()
1574
- }],
1575
- /**
1576
- * Background Size
1577
- * @see https://tailwindcss.com/docs/background-size
1578
- */
1579
- "bg-size": [{
1580
- bg: Be()
1581
- }],
1582
- /**
1583
- * Background Image
1584
- * @see https://tailwindcss.com/docs/background-image
1585
- */
1586
- "bg-image": [{
1587
- bg: ["none", {
1588
- linear: [{
1589
- to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
1590
- }, D, c, d],
1591
- radial: ["", c, d],
1592
- conic: [D, c, d]
1593
- }, Cr, kr]
1594
- }],
1595
- /**
1596
- * Background Color
1597
- * @see https://tailwindcss.com/docs/background-color
1598
- */
1599
- "bg-color": [{
1600
- bg: f()
1601
- }],
1602
- /**
1603
- * Gradient Color Stops From Position
1604
- * @see https://tailwindcss.com/docs/gradient-color-stops
1605
- */
1606
- "gradient-from-pos": [{
1607
- from: ve()
1608
- }],
1609
- /**
1610
- * Gradient Color Stops Via Position
1611
- * @see https://tailwindcss.com/docs/gradient-color-stops
1612
- */
1613
- "gradient-via-pos": [{
1614
- via: ve()
1615
- }],
1616
- /**
1617
- * Gradient Color Stops To Position
1618
- * @see https://tailwindcss.com/docs/gradient-color-stops
1619
- */
1620
- "gradient-to-pos": [{
1621
- to: ve()
1622
- }],
1623
- /**
1624
- * Gradient Color Stops From
1625
- * @see https://tailwindcss.com/docs/gradient-color-stops
1626
- */
1627
- "gradient-from": [{
1628
- from: f()
1629
- }],
1630
- /**
1631
- * Gradient Color Stops Via
1632
- * @see https://tailwindcss.com/docs/gradient-color-stops
1633
- */
1634
- "gradient-via": [{
1635
- via: f()
1636
- }],
1637
- /**
1638
- * Gradient Color Stops To
1639
- * @see https://tailwindcss.com/docs/gradient-color-stops
1640
- */
1641
- "gradient-to": [{
1642
- to: f()
1643
- }],
1644
- // ---------------
1645
- // --- Borders ---
1646
- // ---------------
1647
- /**
1648
- * Border Radius
1649
- * @see https://tailwindcss.com/docs/border-radius
1650
- */
1651
- rounded: [{
1652
- rounded: B()
1653
- }],
1654
- /**
1655
- * Border Radius Start
1656
- * @see https://tailwindcss.com/docs/border-radius
1657
- */
1658
- "rounded-s": [{
1659
- "rounded-s": B()
1660
- }],
1661
- /**
1662
- * Border Radius End
1663
- * @see https://tailwindcss.com/docs/border-radius
1664
- */
1665
- "rounded-e": [{
1666
- "rounded-e": B()
1667
- }],
1668
- /**
1669
- * Border Radius Top
1670
- * @see https://tailwindcss.com/docs/border-radius
1671
- */
1672
- "rounded-t": [{
1673
- "rounded-t": B()
1674
- }],
1675
- /**
1676
- * Border Radius Right
1677
- * @see https://tailwindcss.com/docs/border-radius
1678
- */
1679
- "rounded-r": [{
1680
- "rounded-r": B()
1681
- }],
1682
- /**
1683
- * Border Radius Bottom
1684
- * @see https://tailwindcss.com/docs/border-radius
1685
- */
1686
- "rounded-b": [{
1687
- "rounded-b": B()
1688
- }],
1689
- /**
1690
- * Border Radius Left
1691
- * @see https://tailwindcss.com/docs/border-radius
1692
- */
1693
- "rounded-l": [{
1694
- "rounded-l": B()
1695
- }],
1696
- /**
1697
- * Border Radius Start Start
1698
- * @see https://tailwindcss.com/docs/border-radius
1699
- */
1700
- "rounded-ss": [{
1701
- "rounded-ss": B()
1702
- }],
1703
- /**
1704
- * Border Radius Start End
1705
- * @see https://tailwindcss.com/docs/border-radius
1706
- */
1707
- "rounded-se": [{
1708
- "rounded-se": B()
1709
- }],
1710
- /**
1711
- * Border Radius End End
1712
- * @see https://tailwindcss.com/docs/border-radius
1713
- */
1714
- "rounded-ee": [{
1715
- "rounded-ee": B()
1716
- }],
1717
- /**
1718
- * Border Radius End Start
1719
- * @see https://tailwindcss.com/docs/border-radius
1720
- */
1721
- "rounded-es": [{
1722
- "rounded-es": B()
1723
- }],
1724
- /**
1725
- * Border Radius Top Left
1726
- * @see https://tailwindcss.com/docs/border-radius
1727
- */
1728
- "rounded-tl": [{
1729
- "rounded-tl": B()
1730
- }],
1731
- /**
1732
- * Border Radius Top Right
1733
- * @see https://tailwindcss.com/docs/border-radius
1734
- */
1735
- "rounded-tr": [{
1736
- "rounded-tr": B()
1737
- }],
1738
- /**
1739
- * Border Radius Bottom Right
1740
- * @see https://tailwindcss.com/docs/border-radius
1741
- */
1742
- "rounded-br": [{
1743
- "rounded-br": B()
1744
- }],
1745
- /**
1746
- * Border Radius Bottom Left
1747
- * @see https://tailwindcss.com/docs/border-radius
1748
- */
1749
- "rounded-bl": [{
1750
- "rounded-bl": B()
1751
- }],
1752
- /**
1753
- * Border Width
1754
- * @see https://tailwindcss.com/docs/border-width
1755
- */
1756
- "border-w": [{
1757
- border: G()
1758
- }],
1759
- /**
1760
- * Border Width Inline
1761
- * @see https://tailwindcss.com/docs/border-width
1762
- */
1763
- "border-w-x": [{
1764
- "border-x": G()
1765
- }],
1766
- /**
1767
- * Border Width Block
1768
- * @see https://tailwindcss.com/docs/border-width
1769
- */
1770
- "border-w-y": [{
1771
- "border-y": G()
1772
- }],
1773
- /**
1774
- * Border Width Inline Start
1775
- * @see https://tailwindcss.com/docs/border-width
1776
- */
1777
- "border-w-s": [{
1778
- "border-s": G()
1779
- }],
1780
- /**
1781
- * Border Width Inline End
1782
- * @see https://tailwindcss.com/docs/border-width
1783
- */
1784
- "border-w-e": [{
1785
- "border-e": G()
1786
- }],
1787
- /**
1788
- * Border Width Block Start
1789
- * @see https://tailwindcss.com/docs/border-width
1790
- */
1791
- "border-w-bs": [{
1792
- "border-bs": G()
1793
- }],
1794
- /**
1795
- * Border Width Block End
1796
- * @see https://tailwindcss.com/docs/border-width
1797
- */
1798
- "border-w-be": [{
1799
- "border-be": G()
1800
- }],
1801
- /**
1802
- * Border Width Top
1803
- * @see https://tailwindcss.com/docs/border-width
1804
- */
1805
- "border-w-t": [{
1806
- "border-t": G()
1807
- }],
1808
- /**
1809
- * Border Width Right
1810
- * @see https://tailwindcss.com/docs/border-width
1811
- */
1812
- "border-w-r": [{
1813
- "border-r": G()
1814
- }],
1815
- /**
1816
- * Border Width Bottom
1817
- * @see https://tailwindcss.com/docs/border-width
1818
- */
1819
- "border-w-b": [{
1820
- "border-b": G()
1821
- }],
1822
- /**
1823
- * Border Width Left
1824
- * @see https://tailwindcss.com/docs/border-width
1825
- */
1826
- "border-w-l": [{
1827
- "border-l": G()
1828
- }],
1829
- /**
1830
- * Divide Width X
1831
- * @see https://tailwindcss.com/docs/border-width#between-children
1832
- */
1833
- "divide-x": [{
1834
- "divide-x": G()
1835
- }],
1836
- /**
1837
- * Divide Width X Reverse
1838
- * @see https://tailwindcss.com/docs/border-width#between-children
1839
- */
1840
- "divide-x-reverse": ["divide-x-reverse"],
1841
- /**
1842
- * Divide Width Y
1843
- * @see https://tailwindcss.com/docs/border-width#between-children
1844
- */
1845
- "divide-y": [{
1846
- "divide-y": G()
1847
- }],
1848
- /**
1849
- * Divide Width Y Reverse
1850
- * @see https://tailwindcss.com/docs/border-width#between-children
1851
- */
1852
- "divide-y-reverse": ["divide-y-reverse"],
1853
- /**
1854
- * Border Style
1855
- * @see https://tailwindcss.com/docs/border-style
1856
- */
1857
- "border-style": [{
1858
- border: [...le(), "hidden", "none"]
1859
- }],
1860
- /**
1861
- * Divide Style
1862
- * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
1863
- */
1864
- "divide-style": [{
1865
- divide: [...le(), "hidden", "none"]
1866
- }],
1867
- /**
1868
- * Border Color
1869
- * @see https://tailwindcss.com/docs/border-color
1870
- */
1871
- "border-color": [{
1872
- border: f()
1873
- }],
1874
- /**
1875
- * Border Color Inline
1876
- * @see https://tailwindcss.com/docs/border-color
1877
- */
1878
- "border-color-x": [{
1879
- "border-x": f()
1880
- }],
1881
- /**
1882
- * Border Color Block
1883
- * @see https://tailwindcss.com/docs/border-color
1884
- */
1885
- "border-color-y": [{
1886
- "border-y": f()
1887
- }],
1888
- /**
1889
- * Border Color Inline Start
1890
- * @see https://tailwindcss.com/docs/border-color
1891
- */
1892
- "border-color-s": [{
1893
- "border-s": f()
1894
- }],
1895
- /**
1896
- * Border Color Inline End
1897
- * @see https://tailwindcss.com/docs/border-color
1898
- */
1899
- "border-color-e": [{
1900
- "border-e": f()
1901
- }],
1902
- /**
1903
- * Border Color Block Start
1904
- * @see https://tailwindcss.com/docs/border-color
1905
- */
1906
- "border-color-bs": [{
1907
- "border-bs": f()
1908
- }],
1909
- /**
1910
- * Border Color Block End
1911
- * @see https://tailwindcss.com/docs/border-color
1912
- */
1913
- "border-color-be": [{
1914
- "border-be": f()
1915
- }],
1916
- /**
1917
- * Border Color Top
1918
- * @see https://tailwindcss.com/docs/border-color
1919
- */
1920
- "border-color-t": [{
1921
- "border-t": f()
1922
- }],
1923
- /**
1924
- * Border Color Right
1925
- * @see https://tailwindcss.com/docs/border-color
1926
- */
1927
- "border-color-r": [{
1928
- "border-r": f()
1929
- }],
1930
- /**
1931
- * Border Color Bottom
1932
- * @see https://tailwindcss.com/docs/border-color
1933
- */
1934
- "border-color-b": [{
1935
- "border-b": f()
1936
- }],
1937
- /**
1938
- * Border Color Left
1939
- * @see https://tailwindcss.com/docs/border-color
1940
- */
1941
- "border-color-l": [{
1942
- "border-l": f()
1943
- }],
1944
- /**
1945
- * Divide Color
1946
- * @see https://tailwindcss.com/docs/divide-color
1947
- */
1948
- "divide-color": [{
1949
- divide: f()
1950
- }],
1951
- /**
1952
- * Outline Style
1953
- * @see https://tailwindcss.com/docs/outline-style
1954
- */
1955
- "outline-style": [{
1956
- outline: [...le(), "none", "hidden"]
1957
- }],
1958
- /**
1959
- * Outline Offset
1960
- * @see https://tailwindcss.com/docs/outline-offset
1961
- */
1962
- "outline-offset": [{
1963
- "outline-offset": [k, c, d]
1964
- }],
1965
- /**
1966
- * Outline Width
1967
- * @see https://tailwindcss.com/docs/outline-width
1968
- */
1969
- "outline-w": [{
1970
- outline: ["", k, se, te]
1971
- }],
1972
- /**
1973
- * Outline Color
1974
- * @see https://tailwindcss.com/docs/outline-color
1975
- */
1976
- "outline-color": [{
1977
- outline: f()
1978
- }],
1979
- // ---------------
1980
- // --- Effects ---
1981
- // ---------------
1982
- /**
1983
- * Box Shadow
1984
- * @see https://tailwindcss.com/docs/box-shadow
1985
- */
1986
- shadow: [{
1987
- shadow: [
1988
- // Deprecated since Tailwind CSS v4.0.0
1989
- "",
1990
- "none",
1991
- v,
1992
- be,
1993
- ue
1994
- ]
1995
- }],
1996
- /**
1997
- * Box Shadow Color
1998
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
1999
- */
2000
- "shadow-color": [{
2001
- shadow: f()
2002
- }],
2003
- /**
2004
- * Inset Box Shadow
2005
- * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
2006
- */
2007
- "inset-shadow": [{
2008
- "inset-shadow": ["none", w, be, ue]
2009
- }],
2010
- /**
2011
- * Inset Box Shadow Color
2012
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
2013
- */
2014
- "inset-shadow-color": [{
2015
- "inset-shadow": f()
2016
- }],
2017
- /**
2018
- * Ring Width
2019
- * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
2020
- */
2021
- "ring-w": [{
2022
- ring: G()
2023
- }],
2024
- /**
2025
- * Ring Width Inset
2026
- * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
2027
- * @deprecated since Tailwind CSS v4.0.0
2028
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2029
- */
2030
- "ring-w-inset": ["ring-inset"],
2031
- /**
2032
- * Ring Color
2033
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
2034
- */
2035
- "ring-color": [{
2036
- ring: f()
2037
- }],
2038
- /**
2039
- * Ring Offset Width
2040
- * @see https://v3.tailwindcss.com/docs/ring-offset-width
2041
- * @deprecated since Tailwind CSS v4.0.0
2042
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2043
- */
2044
- "ring-offset-w": [{
2045
- "ring-offset": [k, te]
2046
- }],
2047
- /**
2048
- * Ring Offset Color
2049
- * @see https://v3.tailwindcss.com/docs/ring-offset-color
2050
- * @deprecated since Tailwind CSS v4.0.0
2051
- * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
2052
- */
2053
- "ring-offset-color": [{
2054
- "ring-offset": f()
2055
- }],
2056
- /**
2057
- * Inset Ring Width
2058
- * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
2059
- */
2060
- "inset-ring-w": [{
2061
- "inset-ring": G()
2062
- }],
2063
- /**
2064
- * Inset Ring Color
2065
- * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
2066
- */
2067
- "inset-ring-color": [{
2068
- "inset-ring": f()
2069
- }],
2070
- /**
2071
- * Text Shadow
2072
- * @see https://tailwindcss.com/docs/text-shadow
2073
- */
2074
- "text-shadow": [{
2075
- "text-shadow": ["none", y, be, ue]
2076
- }],
2077
- /**
2078
- * Text Shadow Color
2079
- * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
2080
- */
2081
- "text-shadow-color": [{
2082
- "text-shadow": f()
2083
- }],
2084
- /**
2085
- * Opacity
2086
- * @see https://tailwindcss.com/docs/opacity
2087
- */
2088
- opacity: [{
2089
- opacity: [k, c, d]
2090
- }],
2091
- /**
2092
- * Mix Blend Mode
2093
- * @see https://tailwindcss.com/docs/mix-blend-mode
2094
- */
2095
- "mix-blend": [{
2096
- "mix-blend": [...Ge(), "plus-darker", "plus-lighter"]
2097
- }],
2098
- /**
2099
- * Background Blend Mode
2100
- * @see https://tailwindcss.com/docs/background-blend-mode
2101
- */
2102
- "bg-blend": [{
2103
- "bg-blend": Ge()
2104
- }],
2105
- /**
2106
- * Mask Clip
2107
- * @see https://tailwindcss.com/docs/mask-clip
2108
- */
2109
- "mask-clip": [{
2110
- "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
2111
- }, "mask-no-clip"],
2112
- /**
2113
- * Mask Composite
2114
- * @see https://tailwindcss.com/docs/mask-composite
2115
- */
2116
- "mask-composite": [{
2117
- mask: ["add", "subtract", "intersect", "exclude"]
2118
- }],
2119
- /**
2120
- * Mask Image
2121
- * @see https://tailwindcss.com/docs/mask-image
2122
- */
2123
- "mask-image-linear-pos": [{
2124
- "mask-linear": [k]
2125
- }],
2126
- "mask-image-linear-from-pos": [{
2127
- "mask-linear-from": V()
2128
- }],
2129
- "mask-image-linear-to-pos": [{
2130
- "mask-linear-to": V()
2131
- }],
2132
- "mask-image-linear-from-color": [{
2133
- "mask-linear-from": f()
2134
- }],
2135
- "mask-image-linear-to-color": [{
2136
- "mask-linear-to": f()
2137
- }],
2138
- "mask-image-t-from-pos": [{
2139
- "mask-t-from": V()
2140
- }],
2141
- "mask-image-t-to-pos": [{
2142
- "mask-t-to": V()
2143
- }],
2144
- "mask-image-t-from-color": [{
2145
- "mask-t-from": f()
2146
- }],
2147
- "mask-image-t-to-color": [{
2148
- "mask-t-to": f()
2149
- }],
2150
- "mask-image-r-from-pos": [{
2151
- "mask-r-from": V()
2152
- }],
2153
- "mask-image-r-to-pos": [{
2154
- "mask-r-to": V()
2155
- }],
2156
- "mask-image-r-from-color": [{
2157
- "mask-r-from": f()
2158
- }],
2159
- "mask-image-r-to-color": [{
2160
- "mask-r-to": f()
2161
- }],
2162
- "mask-image-b-from-pos": [{
2163
- "mask-b-from": V()
2164
- }],
2165
- "mask-image-b-to-pos": [{
2166
- "mask-b-to": V()
2167
- }],
2168
- "mask-image-b-from-color": [{
2169
- "mask-b-from": f()
2170
- }],
2171
- "mask-image-b-to-color": [{
2172
- "mask-b-to": f()
2173
- }],
2174
- "mask-image-l-from-pos": [{
2175
- "mask-l-from": V()
2176
- }],
2177
- "mask-image-l-to-pos": [{
2178
- "mask-l-to": V()
2179
- }],
2180
- "mask-image-l-from-color": [{
2181
- "mask-l-from": f()
2182
- }],
2183
- "mask-image-l-to-color": [{
2184
- "mask-l-to": f()
2185
- }],
2186
- "mask-image-x-from-pos": [{
2187
- "mask-x-from": V()
2188
- }],
2189
- "mask-image-x-to-pos": [{
2190
- "mask-x-to": V()
2191
- }],
2192
- "mask-image-x-from-color": [{
2193
- "mask-x-from": f()
2194
- }],
2195
- "mask-image-x-to-color": [{
2196
- "mask-x-to": f()
2197
- }],
2198
- "mask-image-y-from-pos": [{
2199
- "mask-y-from": V()
2200
- }],
2201
- "mask-image-y-to-pos": [{
2202
- "mask-y-to": V()
2203
- }],
2204
- "mask-image-y-from-color": [{
2205
- "mask-y-from": f()
2206
- }],
2207
- "mask-image-y-to-color": [{
2208
- "mask-y-to": f()
2209
- }],
2210
- "mask-image-radial": [{
2211
- "mask-radial": [c, d]
2212
- }],
2213
- "mask-image-radial-from-pos": [{
2214
- "mask-radial-from": V()
2215
- }],
2216
- "mask-image-radial-to-pos": [{
2217
- "mask-radial-to": V()
2218
- }],
2219
- "mask-image-radial-from-color": [{
2220
- "mask-radial-from": f()
2221
- }],
2222
- "mask-image-radial-to-color": [{
2223
- "mask-radial-to": f()
2224
- }],
2225
- "mask-image-radial-shape": [{
2226
- "mask-radial": ["circle", "ellipse"]
2227
- }],
2228
- "mask-image-radial-size": [{
2229
- "mask-radial": [{
2230
- closest: ["side", "corner"],
2231
- farthest: ["side", "corner"]
2232
- }]
2233
- }],
2234
- "mask-image-radial-pos": [{
2235
- "mask-radial-at": p()
2236
- }],
2237
- "mask-image-conic-pos": [{
2238
- "mask-conic": [k]
2239
- }],
2240
- "mask-image-conic-from-pos": [{
2241
- "mask-conic-from": V()
2242
- }],
2243
- "mask-image-conic-to-pos": [{
2244
- "mask-conic-to": V()
2245
- }],
2246
- "mask-image-conic-from-color": [{
2247
- "mask-conic-from": f()
2248
- }],
2249
- "mask-image-conic-to-color": [{
2250
- "mask-conic-to": f()
2251
- }],
2252
- /**
2253
- * Mask Mode
2254
- * @see https://tailwindcss.com/docs/mask-mode
2255
- */
2256
- "mask-mode": [{
2257
- mask: ["alpha", "luminance", "match"]
2258
- }],
2259
- /**
2260
- * Mask Origin
2261
- * @see https://tailwindcss.com/docs/mask-origin
2262
- */
2263
- "mask-origin": [{
2264
- "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
2265
- }],
2266
- /**
2267
- * Mask Position
2268
- * @see https://tailwindcss.com/docs/mask-position
2269
- */
2270
- "mask-position": [{
2271
- mask: Oe()
2272
- }],
2273
- /**
2274
- * Mask Repeat
2275
- * @see https://tailwindcss.com/docs/mask-repeat
2276
- */
2277
- "mask-repeat": [{
2278
- mask: je()
2279
- }],
2280
- /**
2281
- * Mask Size
2282
- * @see https://tailwindcss.com/docs/mask-size
2283
- */
2284
- "mask-size": [{
2285
- mask: Be()
2286
- }],
2287
- /**
2288
- * Mask Type
2289
- * @see https://tailwindcss.com/docs/mask-type
2290
- */
2291
- "mask-type": [{
2292
- "mask-type": ["alpha", "luminance"]
2293
- }],
2294
- /**
2295
- * Mask Image
2296
- * @see https://tailwindcss.com/docs/mask-image
2297
- */
2298
- "mask-image": [{
2299
- mask: ["none", c, d]
2300
- }],
2301
- // ---------------
2302
- // --- Filters ---
2303
- // ---------------
2304
- /**
2305
- * Filter
2306
- * @see https://tailwindcss.com/docs/filter
2307
- */
2308
- filter: [{
2309
- filter: [
2310
- // Deprecated since Tailwind CSS v3.0.0
2311
- "",
2312
- "none",
2313
- c,
2314
- d
2315
- ]
2316
- }],
2317
- /**
2318
- * Blur
2319
- * @see https://tailwindcss.com/docs/blur
2320
- */
2321
- blur: [{
2322
- blur: Re()
2323
- }],
2324
- /**
2325
- * Brightness
2326
- * @see https://tailwindcss.com/docs/brightness
2327
- */
2328
- brightness: [{
2329
- brightness: [k, c, d]
2330
- }],
2331
- /**
2332
- * Contrast
2333
- * @see https://tailwindcss.com/docs/contrast
2334
- */
2335
- contrast: [{
2336
- contrast: [k, c, d]
2337
- }],
2338
- /**
2339
- * Drop Shadow
2340
- * @see https://tailwindcss.com/docs/drop-shadow
2341
- */
2342
- "drop-shadow": [{
2343
- "drop-shadow": [
2344
- // Deprecated since Tailwind CSS v4.0.0
2345
- "",
2346
- "none",
2347
- I,
2348
- be,
2349
- ue
2350
- ]
2351
- }],
2352
- /**
2353
- * Drop Shadow Color
2354
- * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
2355
- */
2356
- "drop-shadow-color": [{
2357
- "drop-shadow": f()
2358
- }],
2359
- /**
2360
- * Grayscale
2361
- * @see https://tailwindcss.com/docs/grayscale
2362
- */
2363
- grayscale: [{
2364
- grayscale: ["", k, c, d]
2365
- }],
2366
- /**
2367
- * Hue Rotate
2368
- * @see https://tailwindcss.com/docs/hue-rotate
2369
- */
2370
- "hue-rotate": [{
2371
- "hue-rotate": [k, c, d]
2372
- }],
2373
- /**
2374
- * Invert
2375
- * @see https://tailwindcss.com/docs/invert
2376
- */
2377
- invert: [{
2378
- invert: ["", k, c, d]
2379
- }],
2380
- /**
2381
- * Saturate
2382
- * @see https://tailwindcss.com/docs/saturate
2383
- */
2384
- saturate: [{
2385
- saturate: [k, c, d]
2386
- }],
2387
- /**
2388
- * Sepia
2389
- * @see https://tailwindcss.com/docs/sepia
2390
- */
2391
- sepia: [{
2392
- sepia: ["", k, c, d]
2393
- }],
2394
- /**
2395
- * Backdrop Filter
2396
- * @see https://tailwindcss.com/docs/backdrop-filter
2397
- */
2398
- "backdrop-filter": [{
2399
- "backdrop-filter": [
2400
- // Deprecated since Tailwind CSS v3.0.0
2401
- "",
2402
- "none",
2403
- c,
2404
- d
2405
- ]
2406
- }],
2407
- /**
2408
- * Backdrop Blur
2409
- * @see https://tailwindcss.com/docs/backdrop-blur
2410
- */
2411
- "backdrop-blur": [{
2412
- "backdrop-blur": Re()
2413
- }],
2414
- /**
2415
- * Backdrop Brightness
2416
- * @see https://tailwindcss.com/docs/backdrop-brightness
2417
- */
2418
- "backdrop-brightness": [{
2419
- "backdrop-brightness": [k, c, d]
2420
- }],
2421
- /**
2422
- * Backdrop Contrast
2423
- * @see https://tailwindcss.com/docs/backdrop-contrast
2424
- */
2425
- "backdrop-contrast": [{
2426
- "backdrop-contrast": [k, c, d]
2427
- }],
2428
- /**
2429
- * Backdrop Grayscale
2430
- * @see https://tailwindcss.com/docs/backdrop-grayscale
2431
- */
2432
- "backdrop-grayscale": [{
2433
- "backdrop-grayscale": ["", k, c, d]
2434
- }],
2435
- /**
2436
- * Backdrop Hue Rotate
2437
- * @see https://tailwindcss.com/docs/backdrop-hue-rotate
2438
- */
2439
- "backdrop-hue-rotate": [{
2440
- "backdrop-hue-rotate": [k, c, d]
2441
- }],
2442
- /**
2443
- * Backdrop Invert
2444
- * @see https://tailwindcss.com/docs/backdrop-invert
2445
- */
2446
- "backdrop-invert": [{
2447
- "backdrop-invert": ["", k, c, d]
2448
- }],
2449
- /**
2450
- * Backdrop Opacity
2451
- * @see https://tailwindcss.com/docs/backdrop-opacity
2452
- */
2453
- "backdrop-opacity": [{
2454
- "backdrop-opacity": [k, c, d]
2455
- }],
2456
- /**
2457
- * Backdrop Saturate
2458
- * @see https://tailwindcss.com/docs/backdrop-saturate
2459
- */
2460
- "backdrop-saturate": [{
2461
- "backdrop-saturate": [k, c, d]
2462
- }],
2463
- /**
2464
- * Backdrop Sepia
2465
- * @see https://tailwindcss.com/docs/backdrop-sepia
2466
- */
2467
- "backdrop-sepia": [{
2468
- "backdrop-sepia": ["", k, c, d]
2469
- }],
2470
- // --------------
2471
- // --- Tables ---
2472
- // --------------
2473
- /**
2474
- * Border Collapse
2475
- * @see https://tailwindcss.com/docs/border-collapse
2476
- */
2477
- "border-collapse": [{
2478
- border: ["collapse", "separate"]
2479
- }],
2480
- /**
2481
- * Border Spacing
2482
- * @see https://tailwindcss.com/docs/border-spacing
2483
- */
2484
- "border-spacing": [{
2485
- "border-spacing": g()
2486
- }],
2487
- /**
2488
- * Border Spacing X
2489
- * @see https://tailwindcss.com/docs/border-spacing
2490
- */
2491
- "border-spacing-x": [{
2492
- "border-spacing-x": g()
2493
- }],
2494
- /**
2495
- * Border Spacing Y
2496
- * @see https://tailwindcss.com/docs/border-spacing
2497
- */
2498
- "border-spacing-y": [{
2499
- "border-spacing-y": g()
2500
- }],
2501
- /**
2502
- * Table Layout
2503
- * @see https://tailwindcss.com/docs/table-layout
2504
- */
2505
- "table-layout": [{
2506
- table: ["auto", "fixed"]
2507
- }],
2508
- /**
2509
- * Caption Side
2510
- * @see https://tailwindcss.com/docs/caption-side
2511
- */
2512
- caption: [{
2513
- caption: ["top", "bottom"]
2514
- }],
2515
- // ---------------------------------
2516
- // --- Transitions and Animation ---
2517
- // ---------------------------------
2518
- /**
2519
- * Transition Property
2520
- * @see https://tailwindcss.com/docs/transition-property
2521
- */
2522
- transition: [{
2523
- transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", c, d]
2524
- }],
2525
- /**
2526
- * Transition Behavior
2527
- * @see https://tailwindcss.com/docs/transition-behavior
2528
- */
2529
- "transition-behavior": [{
2530
- transition: ["normal", "discrete"]
2531
- }],
2532
- /**
2533
- * Transition Duration
2534
- * @see https://tailwindcss.com/docs/transition-duration
2535
- */
2536
- duration: [{
2537
- duration: [k, "initial", c, d]
2538
- }],
2539
- /**
2540
- * Transition Timing Function
2541
- * @see https://tailwindcss.com/docs/transition-timing-function
2542
- */
2543
- ease: [{
2544
- ease: ["linear", "initial", H, c, d]
2545
- }],
2546
- /**
2547
- * Transition Delay
2548
- * @see https://tailwindcss.com/docs/transition-delay
2549
- */
2550
- delay: [{
2551
- delay: [k, c, d]
2552
- }],
2553
- /**
2554
- * Animation
2555
- * @see https://tailwindcss.com/docs/animation
2556
- */
2557
- animate: [{
2558
- animate: ["none", j, c, d]
2559
- }],
2560
- // ------------------
2561
- // --- Transforms ---
2562
- // ------------------
2563
- /**
2564
- * Backface Visibility
2565
- * @see https://tailwindcss.com/docs/backface-visibility
2566
- */
2567
- backface: [{
2568
- backface: ["hidden", "visible"]
2569
- }],
2570
- /**
2571
- * Perspective
2572
- * @see https://tailwindcss.com/docs/perspective
2573
- */
2574
- perspective: [{
2575
- perspective: [E, c, d]
2576
- }],
2577
- /**
2578
- * Perspective Origin
2579
- * @see https://tailwindcss.com/docs/perspective-origin
2580
- */
2581
- "perspective-origin": [{
2582
- "perspective-origin": z()
2583
- }],
2584
- /**
2585
- * Rotate
2586
- * @see https://tailwindcss.com/docs/rotate
2587
- */
2588
- rotate: [{
2589
- rotate: ie()
2590
- }],
2591
- /**
2592
- * Rotate X
2593
- * @see https://tailwindcss.com/docs/rotate
2594
- */
2595
- "rotate-x": [{
2596
- "rotate-x": ie()
2597
- }],
2598
- /**
2599
- * Rotate Y
2600
- * @see https://tailwindcss.com/docs/rotate
2601
- */
2602
- "rotate-y": [{
2603
- "rotate-y": ie()
2604
- }],
2605
- /**
2606
- * Rotate Z
2607
- * @see https://tailwindcss.com/docs/rotate
2608
- */
2609
- "rotate-z": [{
2610
- "rotate-z": ie()
2611
- }],
2612
- /**
2613
- * Scale
2614
- * @see https://tailwindcss.com/docs/scale
2615
- */
2616
- scale: [{
2617
- scale: de()
2618
- }],
2619
- /**
2620
- * Scale X
2621
- * @see https://tailwindcss.com/docs/scale
2622
- */
2623
- "scale-x": [{
2624
- "scale-x": de()
2625
- }],
2626
- /**
2627
- * Scale Y
2628
- * @see https://tailwindcss.com/docs/scale
2629
- */
2630
- "scale-y": [{
2631
- "scale-y": de()
2632
- }],
2633
- /**
2634
- * Scale Z
2635
- * @see https://tailwindcss.com/docs/scale
2636
- */
2637
- "scale-z": [{
2638
- "scale-z": de()
2639
- }],
2640
- /**
2641
- * Scale 3D
2642
- * @see https://tailwindcss.com/docs/scale
2643
- */
2644
- "scale-3d": ["scale-3d"],
2645
- /**
2646
- * Skew
2647
- * @see https://tailwindcss.com/docs/skew
2648
- */
2649
- skew: [{
2650
- skew: ke()
2651
- }],
2652
- /**
2653
- * Skew X
2654
- * @see https://tailwindcss.com/docs/skew
2655
- */
2656
- "skew-x": [{
2657
- "skew-x": ke()
2658
- }],
2659
- /**
2660
- * Skew Y
2661
- * @see https://tailwindcss.com/docs/skew
2662
- */
2663
- "skew-y": [{
2664
- "skew-y": ke()
2665
- }],
2666
- /**
2667
- * Transform
2668
- * @see https://tailwindcss.com/docs/transform
2669
- */
2670
- transform: [{
2671
- transform: [c, d, "", "none", "gpu", "cpu"]
2672
- }],
2673
- /**
2674
- * Transform Origin
2675
- * @see https://tailwindcss.com/docs/transform-origin
2676
- */
2677
- "transform-origin": [{
2678
- origin: z()
2679
- }],
2680
- /**
2681
- * Transform Style
2682
- * @see https://tailwindcss.com/docs/transform-style
2683
- */
2684
- "transform-style": [{
2685
- transform: ["3d", "flat"]
2686
- }],
2687
- /**
2688
- * Translate
2689
- * @see https://tailwindcss.com/docs/translate
2690
- */
2691
- translate: [{
2692
- translate: ce()
2693
- }],
2694
- /**
2695
- * Translate X
2696
- * @see https://tailwindcss.com/docs/translate
2697
- */
2698
- "translate-x": [{
2699
- "translate-x": ce()
2700
- }],
2701
- /**
2702
- * Translate Y
2703
- * @see https://tailwindcss.com/docs/translate
2704
- */
2705
- "translate-y": [{
2706
- "translate-y": ce()
2707
- }],
2708
- /**
2709
- * Translate Z
2710
- * @see https://tailwindcss.com/docs/translate
2711
- */
2712
- "translate-z": [{
2713
- "translate-z": ce()
2714
- }],
2715
- /**
2716
- * Translate None
2717
- * @see https://tailwindcss.com/docs/translate
2718
- */
2719
- "translate-none": ["translate-none"],
2720
- /**
2721
- * Zoom
2722
- * @see https://tailwindcss.com/docs/zoom
2723
- */
2724
- zoom: [{
2725
- zoom: [D, c, d]
2726
- }],
2727
- // ---------------------
2728
- // --- Interactivity ---
2729
- // ---------------------
2730
- /**
2731
- * Accent Color
2732
- * @see https://tailwindcss.com/docs/accent-color
2733
- */
2734
- accent: [{
2735
- accent: f()
2736
- }],
2737
- /**
2738
- * Appearance
2739
- * @see https://tailwindcss.com/docs/appearance
2740
- */
2741
- appearance: [{
2742
- appearance: ["none", "auto"]
2743
- }],
2744
- /**
2745
- * Caret Color
2746
- * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2747
- */
2748
- "caret-color": [{
2749
- caret: f()
2750
- }],
2751
- /**
2752
- * Color Scheme
2753
- * @see https://tailwindcss.com/docs/color-scheme
2754
- */
2755
- "color-scheme": [{
2756
- scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
2757
- }],
2758
- /**
2759
- * Cursor
2760
- * @see https://tailwindcss.com/docs/cursor
2761
- */
2762
- cursor: [{
2763
- 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", c, d]
2764
- }],
2765
- /**
2766
- * Field Sizing
2767
- * @see https://tailwindcss.com/docs/field-sizing
2768
- */
2769
- "field-sizing": [{
2770
- "field-sizing": ["fixed", "content"]
2771
- }],
2772
- /**
2773
- * Pointer Events
2774
- * @see https://tailwindcss.com/docs/pointer-events
2775
- */
2776
- "pointer-events": [{
2777
- "pointer-events": ["auto", "none"]
2778
- }],
2779
- /**
2780
- * Resize
2781
- * @see https://tailwindcss.com/docs/resize
2782
- */
2783
- resize: [{
2784
- resize: ["none", "", "y", "x"]
2785
- }],
2786
- /**
2787
- * Scroll Behavior
2788
- * @see https://tailwindcss.com/docs/scroll-behavior
2789
- */
2790
- "scroll-behavior": [{
2791
- scroll: ["auto", "smooth"]
2792
- }],
2793
- /**
2794
- * Scrollbar Thumb Color
2795
- * @see https://tailwindcss.com/docs/scrollbar-color
2796
- */
2797
- "scrollbar-thumb-color": [{
2798
- "scrollbar-thumb": f()
2799
- }],
2800
- /**
2801
- * Scrollbar Track Color
2802
- * @see https://tailwindcss.com/docs/scrollbar-color
2803
- */
2804
- "scrollbar-track-color": [{
2805
- "scrollbar-track": f()
2806
- }],
2807
- /**
2808
- * Scrollbar Gutter
2809
- * @see https://tailwindcss.com/docs/scrollbar-gutter
2810
- */
2811
- "scrollbar-gutter": [{
2812
- "scrollbar-gutter": ["auto", "stable", "both"]
2813
- }],
2814
- /**
2815
- * Scrollbar Width
2816
- * @see https://tailwindcss.com/docs/scrollbar-width
2817
- */
2818
- "scrollbar-w": [{
2819
- scrollbar: ["auto", "thin", "none"]
2820
- }],
2821
- /**
2822
- * Scroll Margin
2823
- * @see https://tailwindcss.com/docs/scroll-margin
2824
- */
2825
- "scroll-m": [{
2826
- "scroll-m": g()
2827
- }],
2828
- /**
2829
- * Scroll Margin Inline
2830
- * @see https://tailwindcss.com/docs/scroll-margin
2831
- */
2832
- "scroll-mx": [{
2833
- "scroll-mx": g()
2834
- }],
2835
- /**
2836
- * Scroll Margin Block
2837
- * @see https://tailwindcss.com/docs/scroll-margin
2838
- */
2839
- "scroll-my": [{
2840
- "scroll-my": g()
2841
- }],
2842
- /**
2843
- * Scroll Margin Inline Start
2844
- * @see https://tailwindcss.com/docs/scroll-margin
2845
- */
2846
- "scroll-ms": [{
2847
- "scroll-ms": g()
2848
- }],
2849
- /**
2850
- * Scroll Margin Inline End
2851
- * @see https://tailwindcss.com/docs/scroll-margin
2852
- */
2853
- "scroll-me": [{
2854
- "scroll-me": g()
2855
- }],
2856
- /**
2857
- * Scroll Margin Block Start
2858
- * @see https://tailwindcss.com/docs/scroll-margin
2859
- */
2860
- "scroll-mbs": [{
2861
- "scroll-mbs": g()
2862
- }],
2863
- /**
2864
- * Scroll Margin Block End
2865
- * @see https://tailwindcss.com/docs/scroll-margin
2866
- */
2867
- "scroll-mbe": [{
2868
- "scroll-mbe": g()
2869
- }],
2870
- /**
2871
- * Scroll Margin Top
2872
- * @see https://tailwindcss.com/docs/scroll-margin
2873
- */
2874
- "scroll-mt": [{
2875
- "scroll-mt": g()
2876
- }],
2877
- /**
2878
- * Scroll Margin Right
2879
- * @see https://tailwindcss.com/docs/scroll-margin
2880
- */
2881
- "scroll-mr": [{
2882
- "scroll-mr": g()
2883
- }],
2884
- /**
2885
- * Scroll Margin Bottom
2886
- * @see https://tailwindcss.com/docs/scroll-margin
2887
- */
2888
- "scroll-mb": [{
2889
- "scroll-mb": g()
2890
- }],
2891
- /**
2892
- * Scroll Margin Left
2893
- * @see https://tailwindcss.com/docs/scroll-margin
2894
- */
2895
- "scroll-ml": [{
2896
- "scroll-ml": g()
2897
- }],
2898
- /**
2899
- * Scroll Padding
2900
- * @see https://tailwindcss.com/docs/scroll-padding
2901
- */
2902
- "scroll-p": [{
2903
- "scroll-p": g()
2904
- }],
2905
- /**
2906
- * Scroll Padding Inline
2907
- * @see https://tailwindcss.com/docs/scroll-padding
2908
- */
2909
- "scroll-px": [{
2910
- "scroll-px": g()
2911
- }],
2912
- /**
2913
- * Scroll Padding Block
2914
- * @see https://tailwindcss.com/docs/scroll-padding
2915
- */
2916
- "scroll-py": [{
2917
- "scroll-py": g()
2918
- }],
2919
- /**
2920
- * Scroll Padding Inline Start
2921
- * @see https://tailwindcss.com/docs/scroll-padding
2922
- */
2923
- "scroll-ps": [{
2924
- "scroll-ps": g()
2925
- }],
2926
- /**
2927
- * Scroll Padding Inline End
2928
- * @see https://tailwindcss.com/docs/scroll-padding
2929
- */
2930
- "scroll-pe": [{
2931
- "scroll-pe": g()
2932
- }],
2933
- /**
2934
- * Scroll Padding Block Start
2935
- * @see https://tailwindcss.com/docs/scroll-padding
2936
- */
2937
- "scroll-pbs": [{
2938
- "scroll-pbs": g()
2939
- }],
2940
- /**
2941
- * Scroll Padding Block End
2942
- * @see https://tailwindcss.com/docs/scroll-padding
2943
- */
2944
- "scroll-pbe": [{
2945
- "scroll-pbe": g()
2946
- }],
2947
- /**
2948
- * Scroll Padding Top
2949
- * @see https://tailwindcss.com/docs/scroll-padding
2950
- */
2951
- "scroll-pt": [{
2952
- "scroll-pt": g()
2953
- }],
2954
- /**
2955
- * Scroll Padding Right
2956
- * @see https://tailwindcss.com/docs/scroll-padding
2957
- */
2958
- "scroll-pr": [{
2959
- "scroll-pr": g()
2960
- }],
2961
- /**
2962
- * Scroll Padding Bottom
2963
- * @see https://tailwindcss.com/docs/scroll-padding
2964
- */
2965
- "scroll-pb": [{
2966
- "scroll-pb": g()
2967
- }],
2968
- /**
2969
- * Scroll Padding Left
2970
- * @see https://tailwindcss.com/docs/scroll-padding
2971
- */
2972
- "scroll-pl": [{
2973
- "scroll-pl": g()
2974
- }],
2975
- /**
2976
- * Scroll Snap Align
2977
- * @see https://tailwindcss.com/docs/scroll-snap-align
2978
- */
2979
- "snap-align": [{
2980
- snap: ["start", "end", "center", "align-none"]
2981
- }],
2982
- /**
2983
- * Scroll Snap Stop
2984
- * @see https://tailwindcss.com/docs/scroll-snap-stop
2985
- */
2986
- "snap-stop": [{
2987
- snap: ["normal", "always"]
2988
- }],
2989
- /**
2990
- * Scroll Snap Type
2991
- * @see https://tailwindcss.com/docs/scroll-snap-type
2992
- */
2993
- "snap-type": [{
2994
- snap: ["none", "x", "y", "both"]
2995
- }],
2996
- /**
2997
- * Scroll Snap Type Strictness
2998
- * @see https://tailwindcss.com/docs/scroll-snap-type
2999
- */
3000
- "snap-strictness": [{
3001
- snap: ["mandatory", "proximity"]
3002
- }],
3003
- /**
3004
- * Touch Action
3005
- * @see https://tailwindcss.com/docs/touch-action
3006
- */
3007
- touch: [{
3008
- touch: ["auto", "none", "manipulation"]
3009
- }],
3010
- /**
3011
- * Touch Action X
3012
- * @see https://tailwindcss.com/docs/touch-action
3013
- */
3014
- "touch-x": [{
3015
- "touch-pan": ["x", "left", "right"]
3016
- }],
3017
- /**
3018
- * Touch Action Y
3019
- * @see https://tailwindcss.com/docs/touch-action
3020
- */
3021
- "touch-y": [{
3022
- "touch-pan": ["y", "up", "down"]
3023
- }],
3024
- /**
3025
- * Touch Action Pinch Zoom
3026
- * @see https://tailwindcss.com/docs/touch-action
3027
- */
3028
- "touch-pz": ["touch-pinch-zoom"],
3029
- /**
3030
- * User Select
3031
- * @see https://tailwindcss.com/docs/user-select
3032
- */
3033
- select: [{
3034
- select: ["none", "text", "all", "auto"]
3035
- }],
3036
- /**
3037
- * Will Change
3038
- * @see https://tailwindcss.com/docs/will-change
3039
- */
3040
- "will-change": [{
3041
- "will-change": ["auto", "scroll", "contents", "transform", c, d]
3042
- }],
3043
- // -----------
3044
- // --- SVG ---
3045
- // -----------
3046
- /**
3047
- * Fill
3048
- * @see https://tailwindcss.com/docs/fill
3049
- */
3050
- fill: [{
3051
- fill: ["none", ...f()]
3052
- }],
3053
- /**
3054
- * Stroke Width
3055
- * @see https://tailwindcss.com/docs/stroke-width
3056
- */
3057
- "stroke-w": [{
3058
- stroke: [k, se, te, qe]
3059
- }],
3060
- /**
3061
- * Stroke
3062
- * @see https://tailwindcss.com/docs/stroke
3063
- */
3064
- stroke: [{
3065
- stroke: ["none", ...f()]
3066
- }],
3067
- // ---------------------
3068
- // --- Accessibility ---
3069
- // ---------------------
3070
- /**
3071
- * Forced Color Adjust
3072
- * @see https://tailwindcss.com/docs/forced-color-adjust
3073
- */
3074
- "forced-color-adjust": [{
3075
- "forced-color-adjust": ["auto", "none"]
3076
- }]
3077
- },
3078
- conflictingClassGroups: {
3079
- "container-named": ["container-type"],
3080
- overflow: ["overflow-x", "overflow-y"],
3081
- overscroll: ["overscroll-x", "overscroll-y"],
3082
- inset: ["inset-x", "inset-y", "inset-bs", "inset-be", "start", "end", "top", "right", "bottom", "left"],
3083
- "inset-x": ["right", "left"],
3084
- "inset-y": ["top", "bottom"],
3085
- flex: ["basis", "grow", "shrink"],
3086
- gap: ["gap-x", "gap-y"],
3087
- p: ["px", "py", "ps", "pe", "pbs", "pbe", "pt", "pr", "pb", "pl"],
3088
- px: ["pr", "pl"],
3089
- py: ["pt", "pb"],
3090
- m: ["mx", "my", "ms", "me", "mbs", "mbe", "mt", "mr", "mb", "ml"],
3091
- mx: ["mr", "ml"],
3092
- my: ["mt", "mb"],
3093
- size: ["w", "h"],
3094
- "font-size": ["leading"],
3095
- "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
3096
- "fvn-ordinal": ["fvn-normal"],
3097
- "fvn-slashed-zero": ["fvn-normal"],
3098
- "fvn-figure": ["fvn-normal"],
3099
- "fvn-spacing": ["fvn-normal"],
3100
- "fvn-fraction": ["fvn-normal"],
3101
- "line-clamp": ["display", "overflow"],
3102
- rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
3103
- "rounded-s": ["rounded-ss", "rounded-es"],
3104
- "rounded-e": ["rounded-se", "rounded-ee"],
3105
- "rounded-t": ["rounded-tl", "rounded-tr"],
3106
- "rounded-r": ["rounded-tr", "rounded-br"],
3107
- "rounded-b": ["rounded-br", "rounded-bl"],
3108
- "rounded-l": ["rounded-tl", "rounded-bl"],
3109
- "border-spacing": ["border-spacing-x", "border-spacing-y"],
3110
- "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-bs", "border-w-be", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
3111
- "border-w-x": ["border-w-r", "border-w-l"],
3112
- "border-w-y": ["border-w-t", "border-w-b"],
3113
- "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-bs", "border-color-be", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
3114
- "border-color-x": ["border-color-r", "border-color-l"],
3115
- "border-color-y": ["border-color-t", "border-color-b"],
3116
- translate: ["translate-x", "translate-y", "translate-none"],
3117
- "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
3118
- "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mbs", "scroll-mbe", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
3119
- "scroll-mx": ["scroll-mr", "scroll-ml"],
3120
- "scroll-my": ["scroll-mt", "scroll-mb"],
3121
- "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pbs", "scroll-pbe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
3122
- "scroll-px": ["scroll-pr", "scroll-pl"],
3123
- "scroll-py": ["scroll-pt", "scroll-pb"],
3124
- touch: ["touch-x", "touch-y", "touch-pz"],
3125
- "touch-x": ["touch"],
3126
- "touch-y": ["touch"],
3127
- "touch-pz": ["touch"]
3128
- },
3129
- conflictingClassGroupModifiers: {
3130
- "font-size": ["leading"]
3131
- },
3132
- postfixLookupClassGroups: ["container-type"],
3133
- orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
3134
- };
3135
- }, "getDefaultConfig"), Sr = /* @__PURE__ */ ar($r), Ye = {
3136
- default: {
3137
- solid: {
3138
- base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
3139
- input: `bg-white dark:bg-theme-800/50
3140
- ring-theme-200 dark:ring-theme-600/70
3141
- focus:ring-theme-600 focus:bg-white
3142
- dark:focus:ring-theme-500 dark:focus:bg-theme-800
3143
- focus-within:ring-theme-600 dark:focus-within:ring-theme-500
3144
- dark:text-theme-100
3145
- placeholder:text-theme-400 dark:placeholder:text-theme-500`,
3146
- border: "border-theme-300/80 dark:border-theme-600",
3147
- hover: "hover:border-theme-300 dark:hover:border-theme-500",
3148
- icon: "text-theme-600 dark:text-theme-50"
3149
- },
3150
- ghost: {
3151
- base: "bg-theme-50 dark:bg-theme-600/30 text-theme-700 dark:text-theme-50",
3152
- border: "border-theme-50 dark:border-theme-800/20",
3153
- hover: "hover:bg-theme-100 dark:hover:bg-theme-600/50 hover:border-theme-200 dark:hover:border-theme-600",
3154
- icon: "text-theme-500 dark:text-theme-500"
3155
- },
3156
- outline: {
3157
- base: "bg-transparent text-theme-700 dark:text-theme-50",
3158
- border: "border-theme-300 dark:border-theme-400",
3159
- hover: "hover:opacity-70",
3160
- icon: "text-theme-700 dark:text-theme-300"
3161
- },
3162
- link: {
3163
- base: "bg-transparent text-theme-600 dark:text-theme-50",
3164
- border: "border-transparent",
3165
- hover: "hover:opacity-70",
3166
- icon: "text-theme-600 dark:text-theme-400"
3167
- }
3168
- },
3169
- muted: {
3170
- solid: {
3171
- base: "bg-gray-100 dark:bg-gray-700/40 text-gray-900 dark:text-gray-50",
3172
- input: `bg-white dark:bg-gray-800/50
3173
- ring-gray-200 dark:ring-gray-600/70
3174
- focus:ring-gray-600 focus:bg-white
3175
- dark:focus:ring-gray-500 dark:focus:bg-gray-800
3176
- focus-within:ring-gray-600 dark:focus-within:ring-gray-500
3177
- text-gray-900 dark:text-gray-100
3178
- placeholder:text-gray-400 dark:placeholder:text-gray-500`,
3179
- border: "border-gray-300/80 dark:border-gray-600",
3180
- hover: "hover:border-gray-300 dark:hover:border-gray-500",
3181
- icon: "text-gray-600 dark:text-gray-50"
3182
- },
3183
- ghost: {
3184
- base: "bg-gray-100 dark:bg-gray-600/30 text-gray-700 dark:text-gray-50",
3185
- border: "border-gray-100 dark:border-gray-800/20",
3186
- hover: "hover:bg-gray-200 dark:hover:bg-gray-600/50 hover:border-gray-200 dark:hover:border-gray-600",
3187
- icon: "text-gray-500 dark:text-gray-500"
3188
- },
3189
- outline: {
3190
- base: "bg-transparent text-gray-700 dark:text-gray-50",
3191
- border: "border-gray-500 dark:border-gray-400",
3192
- hover: "hover:opacity-70",
3193
- icon: "text-gray-700 dark:text-gray-300"
3194
- },
3195
- link: {
3196
- base: "bg-transparent text-gray-600 dark:text-gray-50",
3197
- border: "border-transparent",
3198
- hover: "hover:opacity-70",
3199
- icon: "text-gray-600 dark:text-gray-400"
3200
- }
3201
- },
3202
- overlay: {
3203
- solid: {
3204
- base: "bg-white/100 text-black backdrop-blur-sm shadow-sm mix-blend-overlay [text-shadow:_0_1px_1px_rgb(255_255_255_/_100%)]",
3205
- border: "border-white/100",
3206
- input: `bg-white/10 ring-white
3207
- focus:ring-white/90 focus:bg-white/20
3208
- dark:focus:ring-white/70
3209
- text-white
3210
- placeholder:text-white/60`,
3211
- hover: "hover:bg-white/70 ",
3212
- icon: "text-black"
3213
- },
3214
- ghost: {
3215
- base: "bg-white/70 text-black backdrop-blur-sm shadow-sm mix-blend-overlay [text-shadow:_0_1px_1px_rgb(255_255_255_/_100%)]",
3216
- border: "border-white/100",
3217
- hover: "hover:bg-white/70 hover:border-white/90",
3218
- icon: "text-black"
3219
- },
3220
- outline: {
3221
- base: "bg-white/10 text-white backdrop-blur-sm shadow-sm [text-shadow:_0_0.5px_0_rgb(0_0_0_/_40%)]",
3222
- border: "border-white",
3223
- hover: "hover:border-white/80",
3224
- icon: "text-white"
3225
- },
3226
- link: {
3227
- base: "bg-transparent text-white [text-shadow:_0_0.5px_0_rgb(0_0_0_/_40%)]",
3228
- border: "border-transparent",
3229
- hover: "hover:opacity-70",
3230
- icon: "text-white"
3231
- }
3232
- },
3233
- primary: {
3234
- solid: {
3235
- base: "bg-theme-900 dark:bg-theme-100 text-white dark:text-theme-900",
3236
- border: "border-theme-900 dark:border-theme-200",
3237
- input: `bg-theme-50 dark:bg-theme-800/20
3238
- ring-theme-900 dark:ring-theme-300
3239
- focus:ring-theme-700 focus:bg-theme-50/50
3240
- dark:focus:ring-theme-400 dark:focus:bg-theme-800/40
3241
- dark:text-theme-100
3242
- placeholder:text-theme-400 dark:placeholder:text-theme-500`,
3243
- hover: "hover:bg-theme-800 dark:hover:bg-theme-200",
3244
- icon: "text-white dark:text-theme-900"
3245
- },
3246
- ghost: {
3247
- base: "bg-theme-100 dark:bg-theme-800 dark:text-theme-100",
3248
- border: "border-theme-200 dark:border-theme-700",
3249
- hover: "hover:bg-theme-200 dark:hover:bg-theme-700",
3250
- icon: "text-theme-700 dark:text-theme-300"
3251
- },
3252
- outline: {
3253
- base: "bg-transparent dark:text-theme-100",
3254
- border: "border-theme-900 dark:border-theme-300",
3255
- hover: "hover:bg-theme-100 dark:hover:bg-theme-800",
3256
- icon: "dark:text-theme-100"
3257
- },
3258
- link: {
3259
- base: "bg-transparent dark:text-theme-100",
3260
- border: "border-transparent",
3261
- hover: "hover:opacity-70",
3262
- icon: "dark:text-theme-100"
3263
- }
3264
- },
3265
- theme: {
3266
- solid: {
3267
- base: "bg-theme-500 dark:bg-theme-600/70 text-theme-0 dark:text-theme-0",
3268
- border: "border-theme-600/80 dark:border-theme-600",
3269
- hover: "hover:bg-theme-600 dark:hover:bg-theme-800",
3270
- icon: "text-theme-50 dark:text-theme-50"
3271
- },
3272
- ghost: {
3273
- base: "bg-theme-100 dark:bg-theme-600/50 dark:text-theme-100",
3274
- border: "border-theme-100 dark:border-theme-800/20",
3275
- hover: "hover:bg-theme-200 dark:hover:bg-theme-600/40 hover:border-theme-200 dark:hover:border-theme-600",
3276
- icon: "text-theme-500 dark:text-theme-500"
3277
- },
3278
- outline: {
3279
- base: "bg-transparent text-theme-500 dark:text-theme-300",
3280
- border: "border-theme-500 dark:border-theme-400",
3281
- hover: "hover:bg-theme-500/10 dark:hover:bg-theme-400/20",
3282
- icon: "text-theme-500 dark:text-theme-300"
3283
- },
3284
- link: {
3285
- base: "bg-transparent text-theme-600 dark:text-theme-400",
3286
- border: "border-transparent",
3287
- hover: "hover:opacity-70",
3288
- icon: "text-theme-600 dark:text-theme-400"
3289
- }
3290
- },
3291
- green: {
3292
- solid: {
3293
- base: "bg-green-600 dark:bg-green-700/70 text-green-50 dark:text-green-50",
3294
- border: "border-green-600 dark:border-green-600",
3295
- hover: "hover:bg-green-700 dark:hover:bg-green-800",
3296
- icon: "text-green-50 dark:text-green-50"
3297
- },
3298
- ghost: {
3299
- base: "bg-green-100 dark:bg-green-800/20 text-green-900 dark:text-green-100",
3300
- border: "border-green-100 dark:border-green-800/20",
3301
- hover: "hover:bg-green-200 dark:hover:bg-green-800/40 hover:border-green-200 dark:hover:border-green-700",
3302
- icon: "text-green-500 dark:text-green-500"
3303
- },
3304
- outline: {
3305
- base: "bg-transparent text-green-500 dark:text-green-50",
3306
- border: "border-green-500 dark:border-green-600",
3307
- hover: "hover:bg-green-500/10 dark:hover:bg-green-400/10",
3308
- icon: "text-green-500 dark:text-green-50"
3309
- },
3310
- link: {
3311
- base: "bg-transparent text-green-600 dark:text-green-400",
3312
- border: "border-transparent",
3313
- hover: "hover:opacity-70",
3314
- icon: "text-green-600 dark:text-green-400"
3315
- }
3316
- },
3317
- orange: {
3318
- solid: {
3319
- base: "bg-orange-500 dark:bg-orange-700/70 text-orange-50 dark:text-orange-50",
3320
- border: "border-orange-700 dark:border-orange-600",
3321
- hover: "hover:bg-orange-700 dark:hover:bg-orange-800",
3322
- icon: "text-orange-50 dark:text-orange-50"
3323
- },
3324
- ghost: {
3325
- base: "bg-orange-100 dark:bg-orange-800/20 text-orange-900 dark:text-orange-100",
3326
- border: "border-orange-100 dark:border-orange-800/20",
3327
- hover: "hover:bg-orange-200 dark:hover:bg-orange-800/40 hover:border-orange-200 dark:hover:border-orange-700",
3328
- icon: "text-orange-500 dark:text-orange-500"
3329
- },
3330
- outline: {
3331
- base: "bg-transparent text-orange-500 dark:text-orange-50",
3332
- border: "border-orange-500 dark:border-orange-600",
3333
- hover: "hover:bg-orange-500/10 dark:hover:bg-orange-400/10",
3334
- icon: "text-orange-500 dark:text-orange-50"
3335
- },
3336
- link: {
3337
- base: "bg-transparent text-orange-600 dark:text-orange-400",
3338
- border: "border-transparent",
3339
- hover: "hover:opacity-70",
3340
- icon: "text-orange-600 dark:text-orange-400"
3341
- }
3342
- },
3343
- rose: {
3344
- solid: {
3345
- base: "bg-rose-500 dark:bg-rose-700/70 text-rose-50 dark:text-rose-50",
3346
- border: "border-rose-600/80 dark:border-rose-600",
3347
- hover: "hover:bg-rose-600 dark:hover:bg-rose-800",
3348
- icon: "text-rose-50 dark:text-rose-50"
3349
- },
3350
- ghost: {
3351
- base: "bg-rose-100 dark:bg-rose-800/20 text-rose-900 dark:text-rose-100",
3352
- border: "border-rose-100 dark:border-rose-800/20",
3353
- hover: "hover:bg-rose-200 dark:hover:bg-rose-800/40 hover:border-rose-200 dark:hover:border-rose-700",
3354
- icon: "text-rose-500 dark:text-rose-500"
3355
- },
3356
- outline: {
3357
- base: "bg-transparent text-rose-500 dark:text-rose-50",
3358
- border: "border-rose-500 dark:border-rose-600",
3359
- hover: "hover:bg-rose-500/10 dark:hover:bg-rose-400/10",
3360
- icon: "text-rose-500 dark:text-rose-50"
3361
- },
3362
- link: {
3363
- base: "bg-transparent text-rose-600 dark:text-rose-400",
3364
- border: "border-transparent",
3365
- hover: "hover:opacity-70",
3366
- icon: "text-rose-600 dark:text-rose-400"
3367
- }
3368
- },
3369
- indigo: {
3370
- solid: {
3371
- base: "bg-indigo-500 dark:bg-indigo-700/70 text-indigo-50 dark:text-indigo-50",
3372
- border: "border-indigo-600/80 dark:border-indigo-600",
3373
- hover: "hover:bg-indigo-600 dark:hover:bg-indigo-800",
3374
- icon: "text-indigo-50 dark:text-indigo-50"
3375
- },
3376
- ghost: {
3377
- base: "bg-indigo-100 dark:bg-indigo-800/20 text-indigo-900 dark:text-indigo-100",
3378
- border: "border-indigo-100 dark:border-indigo-800/20",
3379
- hover: "hover:bg-indigo-200 dark:hover:bg-indigo-800/40 hover:border-indigo-200 dark:hover:border-indigo-700",
3380
- icon: "text-indigo-500 dark:text-indigo-500"
3381
- },
3382
- outline: {
3383
- base: "bg-transparent text-indigo-500 dark:text-indigo-50",
3384
- border: "border-indigo-500 dark:border-indigo-600",
3385
- hover: "hover:bg-indigo-500/10 dark:hover:bg-indigo-400/10",
3386
- icon: "text-indigo-500 dark:text-indigo-50"
3387
- },
3388
- link: {
3389
- base: "bg-transparent text-indigo-600 dark:text-indigo-400",
3390
- border: "border-transparent",
3391
- hover: "hover:opacity-70",
3392
- icon: "text-indigo-600 dark:text-indigo-400"
3393
- }
3394
- },
3395
- red: {
3396
- solid: {
3397
- base: "bg-red-500 dark:bg-red-700/70 text-red-50 dark:text-red-50",
3398
- border: "border-red-600/80 dark:border-red-600",
3399
- hover: "hover:bg-red-600 dark:hover:bg-red-800",
3400
- icon: "text-red-50 dark:text-red-50"
3401
- },
3402
- ghost: {
3403
- base: "bg-red-100 dark:bg-red-800/20 text-red-900 dark:text-red-100",
3404
- border: "border-red-100 dark:border-red-800/20",
3405
- hover: "hover:bg-red-200 dark:hover:bg-red-800/40 hover:border-red-200 dark:hover:border-red-700",
3406
- icon: "text-red-500 dark:text-red-500"
3407
- },
3408
- outline: {
3409
- base: "bg-transparent text-red-500 dark:text-red-50",
3410
- border: "border-red-500 dark:border-red-600",
3411
- hover: "hover:bg-red-500/10 dark:hover:bg-red-400/10",
3412
- icon: "text-red-500 dark:text-red-50"
3413
- },
3414
- link: {
3415
- base: "bg-transparent text-red-600 dark:text-red-400",
3416
- border: "border-transparent",
3417
- hover: "hover:opacity-70",
3418
- icon: "text-red-600 dark:text-red-400"
3419
- }
3420
- }
3421
- }, Mr = {
3422
- key: 0,
3423
- class: "absolute inset-0 flex items-center justify-center"
3424
- }, Ke = /* @__PURE__ */ q({
3425
- __name: "FButton",
3426
- props: {
3427
- theme: { default: "default" },
3428
- design: { default: "solid" },
3429
- size: { default: "md" },
3430
- rounding: { default: "full" },
3431
- href: {},
3432
- target: {},
3433
- icon: {},
3434
- iconAfter: {},
3435
- tag: { default: "button" },
3436
- loading: { type: Boolean, default: !1 },
3437
- disabled: { type: Boolean, default: !1 },
3438
- class: { default: "" }
3439
- },
3440
- setup(e) {
3441
- const a = A(() => typeof e.icon == "string" ? e.icon : e.icon?.className), t = A(() => typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className), r = A(() => e.href ? "a" : e.tag), l = A(() => ({
3442
- xxs: "size-2.5",
3443
- xs: "size-3",
3444
- sm: "size-3.5",
3445
- md: "size-4",
3446
- lg: "size-5",
3447
- xl: "size-6"
3448
- })[e.size]), n = A(() => {
3449
- const u = Ye[e.theme]?.[e.design] || Ye.default[e.design];
3450
- return u || console.warn(`FButton: No theme configuration found for theme "${e.theme}" and design "${e.design}". Falling back to default solid theme.`), u || { base: "", border: "", hover: "", icon: "" };
3451
- }), s = A(() => {
3452
- const u = "relative inline-flex items-center justify-center gap-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer", h = {
3453
- xxs: "px-2 py-0.5 text-[10px]",
3454
- xs: "px-3 py-1 text-[11px]",
3455
- sm: "px-3 py-1.5 text-xs",
3456
- md: "px-4 py-2 text-sm",
3457
- lg: "px-8 py-3.5 text-[15px]",
3458
- xl: "px-10 py-4 text-base"
3459
- }, v = e.design === "link" ? "!px-1" : "", w = {
3460
- md: "rounded-md",
3461
- lg: "rounded-lg",
3462
- "2xl": "rounded-2xl",
3463
- full: "rounded-full"
3464
- }, y = n.value, I = e.disabled && !e.loading ? "opacity-50 cursor-not-allowed pointer-events-none" : "", U = e.loading ? "pointer-events-none cursor-wait" : "", E = e.disabled || e.loading, O = [
3465
- u,
3466
- h[e.size],
3467
- v,
3468
- w[e.rounding],
3469
- y.base,
3470
- `border ${y.border}`,
3471
- E ? "" : y.hover,
3472
- I,
3473
- U
3474
- ].filter(Boolean).join(" ");
3475
- return Sr(O, e.class);
3476
- }), i = A(() => ({
3477
- design: n.value.icon || ""
3478
- }));
3479
- return (u, h) => (m(), N(vt(r.value), {
3480
- href: e.disabled ? void 0 : e.href,
3481
- target: e.href && !e.disabled ? e.target : void 0,
3482
- rel: e.href && e.target === "_blank" ? "noopener noreferrer" : void 0,
3483
- disabled: e.disabled || void 0,
3484
- "aria-disabled": e.disabled || void 0,
3485
- class: $(s.value)
3486
- }, {
3487
- default: F(() => [
3488
- e.loading ? (m(), x("div", Mr, [
3489
- T(_e, {
3490
- class: $(l.value)
3491
- }, null, 8, ["class"])
3492
- ])) : S("", !0),
3493
- b("span", {
3494
- class: $(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
3495
- }, [
3496
- a.value ? (m(), x("span", {
3497
- key: 0,
3498
- class: $(["flex items-center size-[1.1em] mt-[-.07em]", [a.value, i.value.design]])
3499
- }, null, 2)) : S("", !0),
3500
- me(u.$slots, "default"),
3501
- t.value ? (m(), x("span", {
3502
- key: 1,
3503
- class: $(["flex items-center size-[1.1em] mt-[-.07em]", [t.value, i.value.design]])
3504
- }, null, 2)) : S("", !0)
3505
- ], 2)
3506
- ]),
3507
- _: 3
3508
- }, 8, ["href", "target", "rel", "disabled", "aria-disabled", "class"]));
3509
- }
3510
- }), Ir = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, Vr = { class: "flex-1 space-y-6 pb-12" }, Tr = {
3511
- key: 0,
3512
- class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
3513
- }, Er = ["innerHTML"], Or = {
3514
- key: 1,
3515
- class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
3516
- }, jr = { class: "text-sm text-white/70 leading-relaxed" }, Br = {
3517
- key: 2,
3518
- class: "space-y-3"
3519
- }, Gr = {
3520
- key: 3,
3521
- class: "space-y-3"
3522
- }, Rr = { class: "grid grid-cols-2 gap-3" }, Pr = /* @__PURE__ */ q({
3523
- __name: "ElAgentAbout",
3524
- props: {
3525
- agent: {},
3526
- isOnline: { type: Boolean, default: !1 }
3527
- },
3528
- setup(e) {
3529
- return (a, t) => (m(), x("div", Ir, [
3530
- T(et, {
3531
- agent: e.agent,
3532
- "is-online": e.isOnline
3533
- }, null, 8, ["agent", "is-online"]),
3534
- b("div", Vr, [
3535
- e.agent.summary.value ? (m(), x("div", Tr, [
3536
- t[0] || (t[0] = b("h3", { class: "font-medium text-white/50" }, " About ", -1)),
3537
- b("div", {
3538
- class: "text-white/70 leading-relaxed",
3539
- innerHTML: e.agent.summary.value
3540
- }, null, 8, Er)
3541
- ])) : S("", !0),
3542
- e.agent.entityType.value === "company" ? (m(), x("div", Or, [
3543
- t[1] || (t[1] = b("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
3544
- b("p", jr, " This is a company agent representing " + P(e.agent.name.value) + ". ", 1)
3545
- ])) : S("", !0),
3546
- e.agent.email.value ? (m(), x("div", Br, [
3547
- t[3] || (t[3] = b("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)),
3548
- T(Ke, {
3549
- design: "ghost",
3550
- theme: "default",
3551
- size: "sm",
3552
- class: "bg-white/5 hover:bg-white/10 border border-white/10 text-white/80 text-sm justify-start h-10 w-full",
3553
- icon: "i-heroicons-envelope",
3554
- href: `mailto:${e.agent.email.value}`,
3555
- target: "_blank"
3556
- }, {
3557
- default: F(() => [...t[2] || (t[2] = [
3558
- ge(" Email ", -1)
3559
- ])]),
3560
- _: 1
3561
- }, 8, ["href"])
3562
- ])) : S("", !0),
3563
- e.agent.accounts.value && e.agent.accounts.value.length > 0 ? (m(), x("div", Gr, [
3564
- t[4] || (t[4] = b("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)),
3565
- b("div", Rr, [
3566
- (m(!0), x(Z, null, Se(e.agent.accounts.value, (r) => (m(), N(Ke, {
3567
- key: `${r.platform}-${r.handle}`,
3568
- design: "ghost",
3569
- theme: "default",
3570
- size: "md",
3571
- class: "bg-white/10 hover:bg-white/20 border border-white/20 text-white/80",
3572
- icon: R(ae)[r.platform].icon,
3573
- href: R(ae)[r.platform].getUrl(r.handle),
3574
- target: "_blank"
3575
- }, {
3576
- default: F(() => [
3577
- ge(P(R(ae)[r.platform].label), 1)
3578
- ]),
3579
- _: 2
3580
- }, 1032, ["icon", "href"]))), 128))
3581
- ])
3582
- ])) : S("", !0)
3583
- ])
3584
- ]));
3585
- }
3586
- }), Lr = { class: "flex flex-col items-center text-center gap-4" }, Nr = { class: "relative flex-shrink-0" }, Ur = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Wr = ["src", "alt"], Fr = { class: "absolute top-1.5 right-1.5" }, qr = {
3587
- key: 1,
3588
- class: "size-4 bg-theme-400 rounded-full ring-2 ring-white"
3589
- }, Dr = { class: "min-w-0" }, Hr = { class: "text-3xl font-light text-white mb-2 truncate" }, Yr = { class: "text-base font-light text-white/60 line-clamp-1" }, Kr = /* @__PURE__ */ q({
3590
- __name: "ElAgentHeader",
3591
- props: {
3592
- agent: {},
3593
- isOnline: { type: Boolean, default: !1 }
3594
- },
3595
- setup(e) {
3596
- return (a, t) => (m(), x("div", Lr, [
3597
- b("div", Nr, [
3598
- b("div", Ur, [
3599
- b("img", {
3600
- src: e.agent.avatarUrl.value,
3601
- alt: e.agent.displayName.value,
3602
- class: "w-full h-full object-cover",
3603
- onError: t[0] || (t[0] = //@ts-ignore
3604
- (...r) => R(Le) && R(Le)(...r))
3605
- }, null, 40, Wr)
3606
- ]),
3607
- b("div", Fr, [
3608
- e.isOnline ? (m(), x(Z, { key: 0 }, [
3609
- t[1] || (t[1] = b("div", {
3610
- class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
3611
- style: { "animation-duration": "3s" }
3612
- }, null, -1)),
3613
- t[2] || (t[2] = b("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))
3614
- ], 64)) : (m(), x("div", qr))
3615
- ])
3616
- ]),
3617
- b("div", Dr, [
3618
- b("h1", Hr, P(e.agent.displayName.value), 1),
3619
- b("p", Yr, P(e.agent.title.value), 1)
3620
- ])
3621
- ]));
3622
- }
3623
- }), Qr = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Xr = /* @__PURE__ */ q({
3624
- name: "SelfSidebarClose",
3625
- __name: "AgentSidebarClose",
3626
- emits: ["click"],
3627
- setup(e) {
3628
- const a = J(!1);
3629
- return Xe(() => {
3630
- setTimeout(() => {
3631
- a.value = !0;
3632
- }, 100);
3633
- }), (t, r) => (m(), x("a", {
3634
- class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
3635
- onClick: r[0] || (r[0] = (l) => t.$emit("click", l))
3636
- }, [
3637
- r[1] || (r[1] = b("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
3638
- b("span", Qr, [
3639
- b("span", {
3640
- class: $(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", a.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
3641
- style: { "background-color": "currentColor", "transition-delay": "0.15s" }
3642
- }, null, 2),
3643
- b("span", {
3644
- class: $(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", a.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
3645
- style: { "background-color": "currentColor", "transition-delay": "0.45s" }
3646
- }, null, 2)
3647
- ])
3648
- ]));
3649
- }
3650
- }), Jr = {
3651
- key: 0,
3652
- class: "px-9 pt-12 pb-4"
3653
- }, Zr = { class: "text-base font-medium text-theme-400" }, _r = {
3654
- key: 1,
3655
- class: "px-4 pb-8 border-b border-white/10"
3656
- }, eo = ["disabled", "onClick"], to = { class: "flex items-center gap-3" }, ro = { class: "flex-1" }, oo = {
3657
- key: 0,
3658
- class: "text-xs text-white/50 mt-0.5"
3659
- }, ao = { class: "p-6" }, ft = /* @__PURE__ */ q({
3660
- name: "ElSidebar",
3661
- inheritAttrs: !1,
3662
- __name: "ElSidebar",
3663
- props: {
3664
- modelValue: { type: Boolean },
3665
- items: {},
3666
- position: {},
3667
- title: {},
3668
- widthClasses: {}
3669
- },
3670
- emits: ["update:modelValue"],
3671
- setup(e, { emit: a }) {
3672
- const t = e, r = a, l = t.position || "left", n = t.widthClasses || "w-[80%] max-w-[300px]", s = A({
3673
- get: /* @__PURE__ */ o(() => t.modelValue, "get"),
3674
- set: /* @__PURE__ */ o((v) => r("update:modelValue", v), "set")
3675
- }), i = A(() => t.items.filter((v) => !v.isHidden));
3676
- function u(v) {
3677
- v.isDisabled || (v.onClick ? v.onClick({ item: v, event: new MouseEvent("click") }) : v.href && (v.href.includes("http") ? window.open(v.href, v.target || "_self")?.focus() : window.location.href = v.href), s.value = !1);
3678
- }
3679
- o(u, "handleItemClick");
3680
- const h = A(() => l === "left" ? {
3681
- enter: "-translate-x-full",
3682
- leave: "-translate-x-full",
3683
- position: "justify-start",
3684
- closeButton: "-right-16"
3685
- } : {
3686
- enter: "translate-x-full",
3687
- leave: "translate-x-full",
3688
- position: "justify-end",
3689
- closeButton: "-left-16"
3690
- });
3691
- return (v, w) => (m(), x(Z, null, [
3692
- T(Pe, {
3693
- "enter-active-class": "transition-opacity duration-300 ease-out",
3694
- "leave-active-class": "transition-opacity duration-200 ease-in",
3695
- "enter-from-class": "opacity-0",
3696
- "enter-to-class": "opacity-100",
3697
- "leave-from-class": "opacity-100",
3698
- "leave-to-class": "opacity-0"
3699
- }, {
3700
- default: F(() => [
3701
- s.value ? (m(), x("div", {
3702
- key: 0,
3703
- class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
3704
- onClick: w[0] || (w[0] = (y) => s.value = !1)
3705
- })) : S("", !0)
3706
- ]),
3707
- _: 1
3708
- }),
3709
- T(Pe, {
3710
- "enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
3711
- "leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
3712
- "enter-from-class": h.value.enter,
3713
- "enter-to-class": "translate-x-0",
3714
- "leave-from-class": "translate-x-0",
3715
- "leave-to-class": h.value.leave
3716
- }, {
3717
- default: F(() => [
3718
- s.value ? (m(), x("div", {
3719
- key: 0,
3720
- class: $(["absolute inset-0 z-50 flex", h.value.position]),
3721
- onClick: w[3] || (w[3] = (y) => s.value = !1)
3722
- }, [
3723
- b("div", {
3724
- class: $(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", R(n)]),
3725
- onClick: w[2] || (w[2] = Ae(() => {
3726
- }, ["stop"]))
3727
- }, [
3728
- T(Xr, {
3729
- class: $(["absolute top-4 z-10 text-white", h.value.closeButton]),
3730
- onClick: w[1] || (w[1] = (y) => s.value = !1)
3731
- }, null, 8, ["class"]),
3732
- e.title ? (m(), x("div", Jr, [
3733
- b("h3", Zr, P(e.title), 1)
3734
- ])) : S("", !0),
3735
- v.$slots.header ? (m(), x("div", _r, [
3736
- me(v.$slots, "header")
3737
- ])) : S("", !0),
3738
- b("div", {
3739
- class: $(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !v.$slots.header, "pt-4": e.title || v.$slots.header }])
3740
- }, [
3741
- T(Qe, {
3742
- "enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
3743
- "leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
3744
- "enter-from-class": R(l) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
3745
- "enter-to-class": "translate-x-0 opacity-100",
3746
- "leave-from-class": "translate-x-0 opacity-100",
3747
- "leave-to-class": R(l) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
3748
- }, {
3749
- default: F(() => [
3750
- (m(!0), x(Z, null, Se(i.value, (y, I) => (m(), x("button", {
3751
- key: y.key || y.label || I,
3752
- style: Je({ transitionDelay: `${I * 40}ms` }),
3753
- class: $(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
3754
- y.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
3755
- y.isDisabled && "opacity-50 cursor-not-allowed"
3756
- ]]),
3757
- disabled: y.isDisabled,
3758
- onClick: /* @__PURE__ */ o((U) => u(y), "onClick")
3759
- }, [
3760
- b("div", to, [
3761
- y.icon?.src ? (m(), x("i", {
3762
- key: 0,
3763
- class: $(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
3764
- y.icon.src,
3765
- y.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
3766
- ]])
3767
- }, null, 2)) : S("", !0),
3768
- b("div", ro, [
3769
- b("div", {
3770
- class: $(["font-medium text-sm", y.isActive ? "text-primary-300" : "text-white"])
3771
- }, P(y.label), 3),
3772
- y.subLabel ? (m(), x("div", oo, P(y.subLabel), 1)) : S("", !0)
3773
- ])
3774
- ])
3775
- ], 14, eo))), 128))
3776
- ]),
3777
- _: 1
3778
- }, 8, ["enter-from-class", "leave-to-class"])
3779
- ], 2),
3780
- b("div", ao, [
3781
- me(v.$slots, "footer")
3782
- ])
3783
- ], 2)
3784
- ], 2)) : S("", !0)
3785
- ]),
3786
- _: 3
3787
- }, 8, ["enter-from-class", "leave-to-class"])
3788
- ], 64));
3789
- }
3790
- }), so = /* @__PURE__ */ q({
3791
- name: "AgentModeSidebar",
3792
- __name: "ElAgentModeSidebar",
3793
- props: {
3794
- modelValue: { type: Boolean },
3795
- chatController: {}
3796
- },
3797
- emits: ["update:modelValue"],
3798
- setup(e, { emit: a }) {
3799
- const t = e, r = a, l = A({
3800
- get: /* @__PURE__ */ o(() => t.modelValue, "get"),
3801
- set: /* @__PURE__ */ o((i) => r("update:modelValue", i), "set")
3802
- }), n = A(() => t.chatController?.agentMode?.value ?? "self"), s = A(() => tt.map((i) => ({
3803
- key: i.mode,
3804
- icon: { src: i.icon },
3805
- label: i.label,
3806
- isActive: n.value === i.mode,
3807
- onClick: /* @__PURE__ */ o(() => {
3808
- t.chatController?.setMode(i.mode);
3809
- }, "onClick")
3810
- })));
3811
- return (i, u) => (m(), N(ft, {
3812
- modelValue: l.value,
3813
- "onUpdate:modelValue": u[0] || (u[0] = (h) => l.value = h),
3814
- items: s.value,
3815
- position: "right",
3816
- title: "Mode",
3817
- "width-classes": "w-[80%] max-w-[255px]"
3818
- }, null, 8, ["modelValue", "items"]));
3819
- }
3820
- }), no = /* @__PURE__ */ q({
3821
- name: "AgentSidebar",
3822
- __name: "ElAgentSidebar",
3823
- props: {
3824
- modelValue: { type: Boolean },
3825
- agent: {},
3826
- sdk: {},
3827
- title: {}
3828
- },
3829
- emits: ["update:modelValue"],
3830
- setup(e, { emit: a }) {
3831
- const t = e, r = a, l = A({
3832
- get: /* @__PURE__ */ o(() => t.modelValue, "get"),
3833
- set: /* @__PURE__ */ o((s) => r("update:modelValue", s), "set")
3834
- }), n = A(() => {
3835
- const s = [
3836
- {
3837
- key: "share",
3838
- icon: { src: "i-tabler-share" },
3839
- label: "Share this assistant",
3840
- onClick: /* @__PURE__ */ o(() => {
3841
- const i = `${window.location.origin}/@${t.agent.handle.value || t.agent.agentId.value}`;
3842
- navigator.clipboard.writeText(i).catch((u) => {
3843
- console.error("ElAgentSidebar: clipboard.writeText rejected", u);
3844
- });
3845
- }, "onClick")
3846
- },
3847
- {
3848
- key: "profile",
3849
- icon: { src: "i-tabler-user" },
3850
- label: "View full profile",
3851
- onClick: /* @__PURE__ */ o(() => {
3852
- window.open(`/@${t.agent.handle.value || t.agent.agentId.value}`, "_blank");
3853
- }, "onClick")
3854
- },
3855
- {
3856
- key: "create",
3857
- icon: { src: "i-tabler-sparkles" },
3858
- label: "Create your own",
3859
- onClick: /* @__PURE__ */ o(() => {
3860
- window.open("/auth", "_blank");
3861
- }, "onClick")
3862
- }
3863
- ];
3864
- return t.sdk.activeUser.value && s.push({
3865
- key: "logout",
3866
- icon: { src: "i-tabler-logout" },
3867
- label: "Logout",
3868
- onClick: /* @__PURE__ */ o(async () => {
3869
- await t.sdk.auth.logout();
3870
- }, "onClick")
3871
- }), s;
3872
- });
3873
- return (s, i) => (m(), N(ft, {
3874
- modelValue: l.value,
3875
- "onUpdate:modelValue": i[0] || (i[0] = (u) => l.value = u),
3876
- items: n.value,
3877
- position: "left",
3878
- title: e.title || "Menu"
3879
- }, null, 8, ["modelValue", "items", "title"]));
3880
- }
3881
- }), lo = {
3882
- key: 0,
3883
- class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
3884
- }, io = ["data-quality"], co = {
3885
- key: 0,
3886
- class: "flex items-center"
3887
- }, uo = { class: "flex-1 flex items-center gap-3 pl-2" }, bo = ["src", "alt"], mo = { class: "text-white/90 text-sm font-medium" }, go = {
3888
- key: 0,
3889
- class: "flex justify-end"
3890
- }, ho = { class: "text-sm" }, fo = {
3891
- key: 0,
3892
- class: "flex-1 basis-0 flex justify-end"
3893
- }, xo = {
3894
- key: 0,
3895
- class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4"
3896
- }, po = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, vo = {
3897
- key: 0,
3898
- class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
3899
- }, ko = { class: "flex-1 basis-0 flex flex-col justify-start pt-8 gap-7" }, yo = {
3900
- key: 0,
3901
- class: "flex items-center justify-center gap-3"
3902
- }, wo = ["href"], Co = {
3903
- key: 1,
3904
- class: "flex-1 flex flex-col relative z-20 min-h-0 w-full gap-4 px-4"
3905
- }, zo = { class: "max-w-md mx-auto" }, Ao = {
3906
- key: 2,
3907
- class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
3908
- }, $o = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, So = {
3909
- key: 2,
3910
- class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
3911
- }, Mo = { class: "text-center max-w-md space-y-4" }, Io = { class: "text-sm text-white/70 leading-relaxed" }, Vo = {
3912
- key: 3,
3913
- class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
3914
- }, To = /* @__PURE__ */ q({
3915
- __name: "AgentChat",
3916
- props: {
3917
- sdk: {},
3918
- agent: {},
3919
- context: {},
3920
- firstMessage: {},
3921
- buttonText: {},
3922
- buttonIcon: {},
3923
- hasClose: { type: Boolean, default: !1 },
3924
- isActive: { type: Boolean, default: !0 },
3925
- loading: { type: Boolean, default: !1 },
3926
- theme: { default: "green" },
3927
- requireAuth: { type: Boolean, default: !1 },
3928
- chatOnly: { type: Boolean, default: !1 }
3929
- },
3930
- emits: ["close", "error"],
3931
- setup(e, { emit: a }) {
3932
- const t = a, r = kt(), l = J(!1), n = J(!1), s = J(), i = J(), u = A(() => r.value?.agentMode?.value ?? "self"), h = A(() => r.value?.textState.value.isConnected ?? !1), v = A(() => e.sdk.activeUser.value !== void 0), w = A(() => tt.find((C) => C.mode === u.value));
3933
- function y() {
3934
- r.value && r.value.destroy();
3935
- try {
3936
- r.value = new $t({
3937
- sdk: e.sdk,
3938
- agent: e.agent,
3939
- context: e.context,
3940
- firstMessage: e.firstMessage
3941
- });
3942
- } catch (C) {
3943
- throw console.error("AgentChatController creation failed:", C), C;
3944
- }
3945
- }
3946
- o(y, "createChatController");
3947
- function I(C) {
3948
- if (!i.value)
3949
- return;
3950
- const p = Mt(C);
3951
- Object.entries(p).forEach(([z, Q]) => {
3952
- i.value.style.setProperty(`--primary-${z}`, Q);
3953
- });
3954
- }
3955
- o(I, "applyTheme"), Xe(() => {
3956
- try {
3957
- y(), I(e.theme), e.chatOnly && r.value && r.value.setMode("chat");
3958
- } catch (C) {
3959
- const p = C instanceof Error ? C.message : "Couldn't initialize your assistant";
3960
- s.value = p, t("error", p);
3961
- }
3962
- }), yt(() => {
3963
- r.value && r.value.destroy();
3964
- }), ze(() => e.theme, (C) => {
3965
- I(C);
3966
- }), ze(() => e.sdk.activeUser.value, (C, p) => {
3967
- p && !C && r.value && r.value.setMode("self");
3968
- });
3969
- const U = A(() => !!(e.agent.cover.value?.src && e.agent.cover.value?.quality === "low") || !!(e.agent.avatar.value?.src && e.agent.avatar.value?.quality === "low")), E = A(() => {
3970
- const C = [U.value ? "backdrop-blur-sm" : ""];
3971
- return U.value && u.value === "self" ? C.push("from-black/80 via-black/60 to-black/80") : u.value === "self" ? C.push("from-black/70 via-black/50 to-black/80") : C.push("from-black/90 via-black/90 to-black/100"), C.join(" ");
3972
- }), O = {
3973
- phone: "i-heroicons-phone",
3974
- calendar: "i-heroicons-calendar",
3975
- question: "i-heroicons-question-mark-circle",
3976
- message: "i-heroicons-chat-bubble-left-right",
3977
- sparkles: "i-heroicons-sparkles"
3978
- }, H = A(() => At({
3979
- template: e.buttonText || "Talk to {name}",
3980
- agent: e.agent.toConfig()
3981
- })), j = A(() => O[e.buttonIcon || "phone"] || O.phone);
3982
- return (C, p) => (m(), x("div", {
3983
- ref_key: "rootElement",
3984
- ref: i,
3985
- key: R(ye)(e.agent.toConfig()),
3986
- class: "pagelines-sdk @container/agent pagelines-agent w-full h-full overflow-hidden relative",
3987
- "data-test": "agent-chat"
3988
- }, [
3989
- e.loading ? (m(), x("div", lo, [
3990
- T(_e, { class: "text-white size-8" })
3991
- ])) : e.agent && !s.value ? (m(), x("div", {
3992
- key: 1,
3993
- class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
3994
- style: Je({ backgroundImage: `url(${R(ye)(e.agent.toConfig())})` }),
3995
- "data-quality": e.agent.avatar.value?.quality || "none"
3996
- }, [
3997
- b("div", {
3998
- class: $(["absolute inset-0 bg-gradient-to-br z-0", E.value])
3999
- }, null, 2),
4000
- b("div", {
4001
- class: $(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
4002
- }, [
4003
- b("div", {
4004
- class: $(["relative z-30 p-2", u.value !== "self" ? "backdrop-blur-lg" : ""])
4005
- }, [
4006
- e.chatOnly ? (m(), x("div", co, [
4007
- b("div", uo, [
4008
- b("img", {
4009
- src: R(ye)(e.agent.toConfig()),
4010
- alt: e.agent.displayName.value,
4011
- class: "size-8 rounded-full object-cover"
4012
- }, null, 8, bo),
4013
- b("span", mo, P(e.agent.displayName.value), 1)
4014
- ]),
4015
- e.hasClose ? (m(), x("div", go, [
4016
- b("button", {
4017
- class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
4018
- onClick: p[0] || (p[0] = Ae((z) => t("close", "button"), ["stop"]))
4019
- }, [...p[7] || (p[7] = [
4020
- b("i", { class: "size-6 i-tabler-x" }, null, -1)
4021
- ])])
4022
- ])) : S("", !0)
4023
- ])) : (m(), x("div", {
4024
- key: 1,
4025
- class: $(["flex items-center", e.hasClose ? "" : "justify-between"])
4026
- }, [
4027
- b("div", {
4028
- class: $(e.hasClose ? "flex-1 basis-0" : "")
4029
- }, [
4030
- b("button", {
4031
- class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
4032
- onClick: p[1] || (p[1] = (z) => l.value = !0)
4033
- }, [...p[8] || (p[8] = [
4034
- b("i", { class: "i-tabler-menu size-7" }, null, -1)
4035
- ])])
4036
- ], 2),
4037
- b("button", {
4038
- class: $(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": n.value }]),
4039
- onClick: p[2] || (p[2] = (z) => n.value = !0)
4040
- }, [
4041
- b("i", {
4042
- class: $([w.value?.icon, "size-4 opacity-60"])
4043
- }, null, 2),
4044
- b("span", ho, P(w.value?.label), 1),
4045
- p[9] || (p[9] = b("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
4046
- ], 2),
4047
- e.hasClose ? (m(), x("div", fo, [
4048
- b("button", {
4049
- class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
4050
- onClick: p[3] || (p[3] = Ae((z) => t("close", "button"), ["stop"]))
4051
- }, [...p[10] || (p[10] = [
4052
- b("i", { class: "size-6 i-tabler-x" }, null, -1)
4053
- ])])
4054
- ])) : S("", !0)
4055
- ], 2))
4056
- ], 2),
4057
- e.chatOnly ? (m(), x("div", xo, [
4058
- b("div", po, [
4059
- T(we, {
4060
- "chat-controller": r.value,
4061
- agent: e.agent
4062
- }, null, 8, ["chat-controller", "agent"])
4063
- ])
4064
- ])) : (m(), x(Z, { key: 1 }, [
4065
- u.value === "self" ? (m(), x("div", vo, [
4066
- p[11] || (p[11] = b("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
4067
- T(Kr, {
4068
- agent: e.agent,
4069
- "is-online": h.value
4070
- }, null, 8, ["agent", "is-online"]),
4071
- b("div", ko, [
4072
- T(Ze, {
4073
- theme: "primary",
4074
- size: "lg",
4075
- class: "w-full",
4076
- icon: j.value,
4077
- "data-test": "voice-button",
4078
- onClick: p[4] || (p[4] = (z) => r.value?.setMode("talk"))
4079
- }, {
4080
- default: F(() => [
4081
- ge(P(H.value), 1)
4082
- ]),
4083
- _: 1
4084
- }, 8, ["icon"]),
4085
- e.agent.accounts.value && e.agent.accounts.value.length > 0 ? (m(), x("div", yo, [
4086
- (m(!0), x(Z, null, Se((e.agent.accounts.value || []).filter((z) => R(ae)[z.platform]), (z) => (m(), x("a", {
4087
- key: `${z.platform}-${z.handle}`,
4088
- href: R(ae)[z.platform].getUrl(z.handle),
4089
- target: "_blank",
4090
- class: "size-12 rounded-full text-white/60 hover:text-white hover:bg-white/5 border border-white/0 hover:border-white/10 flex items-center justify-center transition-all duration-200 hover:scale-105"
4091
- }, [
4092
- b("i", {
4093
- class: $([R(ae)[z.platform].icon, "size-5"])
4094
- }, null, 2)
4095
- ], 8, wo))), 128))
4096
- ])) : S("", !0)
4097
- ])
4098
- ])) : u.value === "talk" ? (m(), x("div", Co, [
4099
- e.requireAuth && !v.value ? (m(), N(Ne, {
4100
- key: 0,
4101
- sdk: e.sdk
4102
- }, null, 8, ["sdk"])) : (m(), x(Z, { key: 1 }, [
4103
- b("div", null, [
4104
- b("div", zo, [
4105
- T(et, {
4106
- agent: e.agent,
4107
- "is-online": h.value
4108
- }, null, 8, ["agent", "is-online"])
4109
- ])
4110
- ]),
4111
- T(we, {
4112
- "chat-controller": r.value,
4113
- agent: e.agent
4114
- }, null, 8, ["chat-controller", "agent"])
4115
- ], 64))
4116
- ])) : (m(), x("div", Ao, [
4117
- b("div", $o, [
4118
- u.value === "chat" ? (m(), x(Z, { key: 0 }, [
4119
- e.requireAuth && !v.value ? (m(), N(Ne, {
4120
- key: 0,
4121
- sdk: e.sdk
4122
- }, null, 8, ["sdk"])) : (m(), N(we, {
4123
- key: 1,
4124
- "chat-controller": r.value,
4125
- agent: e.agent
4126
- }, null, 8, ["chat-controller", "agent"]))
4127
- ], 64)) : u.value === "info" ? (m(), N(Pr, {
4128
- key: 1,
4129
- agent: e.agent,
4130
- "is-online": h.value
4131
- }, null, 8, ["agent", "is-online"])) : S("", !0)
4132
- ])
4133
- ]))
4134
- ], 64))
4135
- ], 2)
4136
- ], 12, io)) : s.value ? (m(), x("div", So, [
4137
- b("div", Mo, [
4138
- p[12] || (p[12] = b("div", { class: "flex justify-center" }, [
4139
- b("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
4140
- b("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
4141
- ])
4142
- ], -1)),
4143
- p[13] || (p[13] = b("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
4144
- b("p", Io, P(s.value), 1)
4145
- ])
4146
- ])) : (m(), x("div", Vo, " Couldn't load your assistant. Please try again later. ")),
4147
- e.chatOnly ? S("", !0) : (m(), N(no, {
4148
- key: 4,
4149
- modelValue: l.value,
4150
- "onUpdate:modelValue": p[5] || (p[5] = (z) => l.value = z),
4151
- agent: e.agent,
4152
- sdk: e.sdk,
4153
- title: e.agent.displayName.value,
4154
- "data-test": "agent-sidebar"
4155
- }, null, 8, ["modelValue", "agent", "sdk", "title"])),
4156
- e.chatOnly ? S("", !0) : (m(), N(so, {
4157
- key: 5,
4158
- modelValue: n.value,
4159
- "onUpdate:modelValue": p[6] || (p[6] = (z) => n.value = z),
4160
- "chat-controller": r.value,
4161
- "data-test": "agent-mode-sidebar"
4162
- }, null, 8, ["modelValue", "chat-controller"]))
4163
- ]));
4164
- }
4165
- }), Ro = /* @__PURE__ */ q({
4166
- __name: "AgentProvider",
4167
- props: {
4168
- sdk: {},
4169
- agent: {},
4170
- handle: {},
4171
- context: {},
4172
- firstMessage: {},
4173
- buttonText: {},
4174
- buttonIcon: {},
4175
- hasClose: { type: Boolean },
4176
- chatOnly: { type: Boolean },
4177
- apiBase: {}
4178
- },
4179
- emits: ["close", "error"],
4180
- setup(e, { emit: a }) {
4181
- const t = e, r = a;
4182
- return (l, n) => (m(), N(St, wt(t, { class: "agent-provider size-full relative" }), {
4183
- default: F((s) => [
4184
- T(To, {
4185
- sdk: s.sdk,
4186
- agent: s.agent,
4187
- context: s.context,
4188
- "first-message": s.firstMessage,
4189
- "button-text": t.buttonText,
4190
- "button-icon": t.buttonIcon,
4191
- "has-close": t.hasClose,
4192
- "chat-only": t.chatOnly,
4193
- "is-active": !0,
4194
- class: "size-full",
4195
- onClose: n[0] || (n[0] = (i) => r("close", i)),
4196
- onError: n[1] || (n[1] = (i) => r("error", i))
4197
- }, null, 8, ["sdk", "agent", "context", "first-message", "button-text", "button-icon", "has-close", "chat-only"])
4198
- ]),
4199
- _: 1
4200
- }, 16));
4201
- }
4202
- });
4203
- export {
4204
- tt as A,
4205
- Ro as _,
4206
- To as a
4207
- };
4208
- //# sourceMappingURL=AgentProvider.vue_vue_type_script_setup_true_lang.js.map