@versini/sassysaint 8.45.3 → 8.45.5

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 (27) hide show
  1. package/dist/chunks/{AboutChangelog.viylDnFy.js → AboutChangelog.BpN2wOS7.js} +2 -2
  2. package/dist/chunks/{AboutEntry.BH4R2-L1.js → AboutEntry.Dhj2VuZW.js} +5 -5
  3. package/dist/chunks/App.D11WrOhS.js +11446 -0
  4. package/dist/chunks/{Chart.C5hkvQpe.js → Chart.CIxXVKbK.js} +2 -2
  5. package/dist/chunks/{ChatBubbleAssistant.QYFjbEFg.js → ChatBubbleAssistant.BL27OUc-.js} +12 -12
  6. package/dist/chunks/ChatHistoryTable.DiJXlug9.js +649 -0
  7. package/dist/chunks/{HistoryEntry.dPASff8X.js → HistoryEntry.C-g2zSt5.js} +27 -27
  8. package/dist/chunks/{LNWAZHJI.C4TpDvDu.js → LNWAZHJI.rjyRVWgx.js} +1 -1
  9. package/dist/chunks/{ProfileEntry.uBcAqxe1.js → ProfileEntry.D9_uLmwO.js} +6 -6
  10. package/dist/chunks/SettingsEntry.CqtonnjU.js +889 -0
  11. package/dist/chunks/{UsageEntry.CmOecVrq.js → UsageEntry.llD6nb8y.js} +7 -7
  12. package/dist/chunks/{index.BQMHD3cB.js → index.5rAVjSln.js} +3 -3
  13. package/dist/chunks/index.BXSqY8t-.js +249 -0
  14. package/dist/chunks/{index.C15SRRFm.js → index.C6rTHYVc.js} +2 -2
  15. package/dist/chunks/{index.B-jTt6EL.js → index.Ch7-8kkf.js} +1 -1
  16. package/dist/chunks/{index.iopEJGpu.js → index.D8CPTDrL.js} +1223 -1259
  17. package/dist/chunks/{index.BVAjb0YE.js → index.rezmsiOZ.js} +1 -1
  18. package/dist/chunks/{index.DrkaUXlM.js → index.ydUD8HKp.js} +1 -1
  19. package/dist/chunks/{useMarkdown.DqGP3n9E.js → useMarkdown.Cu3gwotw.js} +502 -502
  20. package/dist/components/SassySaint/SassySaint.js +1 -1
  21. package/dist/index.js +4 -4
  22. package/dist/style.css +1 -1
  23. package/package.json +5 -5
  24. package/dist/chunks/App.CBOaelVA.js +0 -12621
  25. package/dist/chunks/ChatHistoryTable.S3VOpP_Q.js +0 -1205
  26. package/dist/chunks/SettingsEntry.Cax2EDQH.js +0 -1064
  27. package/dist/chunks/index.CyMvgyLB.js +0 -804
@@ -1,804 +0,0 @@
1
- import { jsxs as _, jsx as s, Fragment as ae } from "react/jsx-runtime";
2
- import $, { useState as q, useEffect as z, useRef as N, useLayoutEffect as W, useMemo as Y, useCallback as ie } from "react";
3
- import o from "clsx";
4
- const E = "av-bubble", D = "av-button", F = "icon", G = "button", U = "link", oe = ({
5
- type: e,
6
- size: r,
7
- labelRight: t,
8
- labelLeft: a,
9
- align: i,
10
- animated: l
11
- }) => {
12
- const n = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", m = "max-h-12 py-2 px-4";
13
- switch (e) {
14
- case G:
15
- case U:
16
- return o({
17
- [n]: r === "small",
18
- [d]: r === "medium",
19
- [m]: r === "large"
20
- });
21
- case F:
22
- return o("flex items-center", {
23
- "justify-center": i === "center",
24
- "justify-start": i === "left",
25
- "justify-end": i === "right",
26
- "h-6 w-6 p-0": r === "small" && !l && !(t || a),
27
- "h-6 px-1 sm:px-2": r === "small" && !l && (t || a),
28
- "h-8 w-8 p-1": r === "medium" && !l && !(t || a),
29
- "h-8 px-3": r === "medium" && !l && (t || a),
30
- "h-12 w-12 p-2": r === "large" && !l && !(t || a),
31
- "h-12 px-4": r === "large" && !l && (t || a),
32
- "h-6 py-0": r === "small" && l && !(t || a),
33
- "h-6": r === "small" && l && (t || a),
34
- "h-8 py-1": r === "medium" && l && !(t || a),
35
- "h-8": r === "medium" && l && (t || a),
36
- "h-12 py-2": r === "large" && l && !(t || a),
37
- "h-12": r === "large" && l && (t || a)
38
- });
39
- }
40
- }, le = ({
41
- type: e,
42
- size: r,
43
- labelRight: t,
44
- labelLeft: a
45
- }) => {
46
- const i = "text-sm font-medium", l = "text-base font-medium", n = "text-lg font-medium";
47
- switch (e) {
48
- case G:
49
- case U:
50
- return o({
51
- "text-center": e === U,
52
- [i]: r === "small",
53
- [l]: r === "medium",
54
- [n]: r === "large"
55
- });
56
- case F:
57
- return o({
58
- [i]: r === "small" && (t || a),
59
- [l]: r === "medium" && (t || a),
60
- [n]: r === "large" && (t || a)
61
- });
62
- }
63
- }, ne = ({
64
- mode: e,
65
- noBackground: r,
66
- truncate: t,
67
- variant: a
68
- }) => {
69
- if (r)
70
- return "not-prose";
71
- if (a === "primary")
72
- return o("not-prose", {
73
- truncate: t,
74
- "text-copy-dark": e === "dark" || e === "system",
75
- "text-copy-light": e === "light" || e === "alt-system",
76
- "dark:text-copy-light": e === "system",
77
- "dark:text-copy-dark": e === "alt-system"
78
- });
79
- if (a === "secondary")
80
- return o("not-prose", {
81
- truncate: t,
82
- "text-copy-light": e === "dark" || e === "system",
83
- "text-copy-dark": e === "light" || e === "alt-system",
84
- "dark:text-copy-dark": e === "system",
85
- "dark:text-copy-light": e === "alt-system"
86
- });
87
- if (a === "danger")
88
- return o("not-prose", {
89
- truncate: t,
90
- "text-copy-light": e === "dark" || e === "system",
91
- "text-copy-lighter": e === "light" || e === "alt-system",
92
- "dark:text-copy-lighter": e === "system",
93
- "dark:text-copy-light": e === "alt-system"
94
- });
95
- if (a === "selected")
96
- return o("not-prose text-copy-lighter", {
97
- truncate: t
98
- });
99
- }, se = ({
100
- mode: e,
101
- noBackground: r,
102
- variant: t
103
- }) => {
104
- if (!r) {
105
- if (t === "primary")
106
- return o({
107
- "bg-action-light": e === "dark",
108
- "bg-action-dark": e === "light",
109
- "bg-action-light dark:bg-action-dark": e === "system",
110
- "bg-action-dark dark:bg-action-light": e === "alt-system"
111
- });
112
- if (t === "secondary")
113
- return o({
114
- "bg-action-light": e === "light",
115
- "bg-action-dark": e === "dark",
116
- "bg-action-light dark:bg-action-dark": e === "alt-system",
117
- "bg-action-dark dark:bg-action-light": e === "system"
118
- });
119
- if (t === "danger")
120
- return o({
121
- "bg-action-danger-dark": e === "dark",
122
- "bg-action-danger-light": e === "light",
123
- "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
124
- "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
125
- });
126
- if (t === "selected")
127
- return "bg-action-selected-dark";
128
- }
129
- }, ce = ({
130
- radius: e
131
- }) => o({
132
- "rounded-full": e === "large",
133
- "rounded-md": e === "medium",
134
- "rounded-xs": e === "small"
135
- }), de = ({
136
- mode: e,
137
- disabled: r,
138
- variant: t
139
- }) => {
140
- if (r)
141
- return "";
142
- if (t === "primary")
143
- return o({
144
- "hover:text-copy-dark-hover": e === "dark" || e === "system",
145
- "hover:text-copy-light-hover": e === "light" || e === "alt-system",
146
- "dark:hover:text-copy-light-hover": e === "system",
147
- "dark:hover:text-copy-dark-hover": e === "alt-system",
148
- "hover:bg-action-light-hover": e === "dark",
149
- "hover:bg-action-dark-hover": e === "light",
150
- "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system",
151
- "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system"
152
- });
153
- if (t === "secondary")
154
- return o({
155
- "hover:text-copy-light-hover": e === "dark" || e === "system",
156
- "hover:text-copy-dark-hover": e === "light" || e === "alt-system",
157
- "dark:hover:text-copy-dark-hover": e === "system",
158
- "dark:hover:text-copy-light-hover": e === "alt-system",
159
- "hover:bg-action-light-hover": e === "light",
160
- "hover:bg-action-dark-hover": e === "dark",
161
- "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system",
162
- "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system"
163
- });
164
- if (t === "danger")
165
- return o("hover:text-copy-light-hover", {
166
- "hover:bg-action-danger-dark-hover": e === "dark",
167
- "hover:bg-action-danger-light-hover": e === "light",
168
- "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
169
- "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
170
- });
171
- if (t === "selected")
172
- return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
173
- }, me = ({
174
- mode: e,
175
- disabled: r,
176
- variant: t
177
- }) => {
178
- if (r)
179
- return "";
180
- if (t === "primary")
181
- return o({
182
- "active:text-copy-dark-active": e === "dark" || e === "system",
183
- "active:text-copy-light-active": e === "light" || e === "alt-system",
184
- "dark:active:text-copy-light-active": e === "system",
185
- "dark:active:text-copy-dark-active": e === "alt-system",
186
- "active:bg-action-light-active": e === "dark",
187
- "active:bg-action-dark-active": e === "light",
188
- "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system",
189
- "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system"
190
- });
191
- if (t === "secondary")
192
- return o({
193
- "active:text-copy-light-active": e === "dark" || e === "system",
194
- "active:text-copy-dark-active": e === "light" || e === "alt-system",
195
- "dark:active:text-copy-dark-active": e === "system",
196
- "dark:active:text-copy-light-active": e === "alt-system",
197
- "active:bg-action-light-active": e === "light",
198
- "active:bg-action-dark-active": e === "dark",
199
- "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system",
200
- "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system"
201
- });
202
- if (t === "danger")
203
- return o("active:text-copy-lighter-active", {
204
- "active:bg-action-danger-dark-active": e === "dark",
205
- "active:bg-action-danger-light-active": e === "light",
206
- "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
207
- "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
208
- });
209
- if (t === "selected")
210
- return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
211
- }, he = ({
212
- mode: e,
213
- noBorder: r,
214
- variant: t
215
- }) => {
216
- if (r)
217
- return "border border-transparent";
218
- if (t === "primary")
219
- return o("border", {
220
- "border-border-medium": e === "dark",
221
- "border-border-accent": e === "light",
222
- "border-border-medium dark:border-border-accent": e === "system",
223
- "border-border-accent dark:border-border-medium": e === "alt-system"
224
- });
225
- if (t === "secondary")
226
- return o("border", {
227
- "border-border-medium": e === "light",
228
- "border-border-accent": e === "dark",
229
- "border-border-medium dark:border-border-accent": e === "alt-system",
230
- "border-border-accent dark:border-border-medium": e === "system"
231
- });
232
- if (t === "danger")
233
- return o("border", {
234
- "border-border-danger-dark": e === "dark",
235
- "border-border-danger-medium": e === "light",
236
- "border-border-danger-dark dark:border-border-danger-medium": e === "system",
237
- "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
238
- });
239
- if (t === "selected")
240
- return "border border-border-selected-dark";
241
- }, ue = ({
242
- focusMode: e
243
- }) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
244
- "focus:outline-focus-dark": e === "dark",
245
- "focus:outline-focus-light": e === "light",
246
- "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
247
- "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
248
- }), ge = ({
249
- mode: e,
250
- raw: r,
251
- iconClassName: t,
252
- variant: a = "primary"
253
- }) => {
254
- if (r)
255
- return "";
256
- let i = {};
257
- return a === "primary" ? i = {
258
- "text-copy-dark": e === "dark" || e === "system",
259
- "text-copy-light": e === "light" || e === "alt-system",
260
- "dark:text-copy-light": e === "system",
261
- "dark:text-copy-dark": e === "alt-system"
262
- } : a === "secondary" ? i = {
263
- "text-copy-light": e === "dark" || e === "system",
264
- "text-copy-dark": e === "light" || e === "alt-system",
265
- "dark:text-copy-dark": e === "system",
266
- "dark:text-copy-light": e === "alt-system"
267
- } : a === "danger" ? i = {
268
- "text-copy-light": e === "dark" || e === "system",
269
- "text-copy-lighter": e === "light" || e === "alt-system",
270
- "dark:text-copy-lighter": e === "system",
271
- "dark:text-copy-light": e === "alt-system"
272
- } : a === "selected" && (i = {
273
- "text-copy-lighter": !0
274
- }), o(i, t);
275
- }, be = ({
276
- animated: e
277
- }) => o({
278
- "transition-opacity duration-300 ease-in-out": e
279
- }), ye = ({
280
- type: e,
281
- className: r,
282
- raw: t,
283
- mode: a,
284
- focusMode: i,
285
- disabled: l,
286
- fullWidth: n,
287
- size: d,
288
- noBorder: m,
289
- labelRight: f,
290
- labelLeft: k,
291
- noBackground: c,
292
- variant: h,
293
- truncate: u,
294
- align: B,
295
- radius: I,
296
- animated: g
297
- }) => (h || (h = "primary"), t ? o(D, r) : o(
298
- D,
299
- ne({
300
- mode: a,
301
- variant: h,
302
- noBackground: c,
303
- truncate: u
304
- }),
305
- se({ mode: a, noBackground: c, variant: h }),
306
- ce({ radius: I }),
307
- oe({
308
- type: e,
309
- size: d,
310
- labelRight: f,
311
- labelLeft: k,
312
- align: B,
313
- animated: g
314
- }),
315
- le({ type: e, size: d, labelRight: f, labelLeft: k }),
316
- he({ mode: a, variant: h, noBorder: m }),
317
- ue({ focusMode: i }),
318
- de({ mode: a, variant: h, disabled: l }),
319
- me({ mode: a, variant: h, disabled: l }),
320
- {
321
- "w-full": n,
322
- "disabled:cursor-not-allowed disabled:opacity-50": l
323
- },
324
- o({
325
- "transition-[width] duration-300 ease-in": g
326
- }),
327
- r
328
- )), fe = (e, r, t) => {
329
- !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof e?.currentTarget?.focus == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
330
- }, J = $.forwardRef((e, r) => {
331
- const { onClick: t, noInternalClick: a = !1, ...i } = e;
332
- return /* @__PURE__ */ s(
333
- "button",
334
- {
335
- ref: r,
336
- onClick: (l) => {
337
- fe(l, a, t);
338
- },
339
- ...i
340
- }
341
- );
342
- });
343
- J.displayName = "BaseButton";
344
- function pe() {
345
- const e = N(!1);
346
- return z(() => (e.current = !0, () => {
347
- e.current = !1;
348
- }), []), ie(() => e.current, []);
349
- }
350
- function ve(e) {
351
- return Y(() => e.every((r) => r == null) ? () => {
352
- } : (r) => {
353
- e.forEach((t) => {
354
- typeof t == "function" ? t(r) : t != null && (t.current = r);
355
- });
356
- }, [...e]);
357
- }
358
- const ke = {
359
- x: 0,
360
- y: 0,
361
- width: 0,
362
- height: 0,
363
- top: 0,
364
- left: 0,
365
- bottom: 0,
366
- right: 0
367
- };
368
- function O(e) {
369
- const r = pe(), t = N(0), a = N(null), [i, l] = q(ke), n = Y(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
370
- const m = d[0];
371
- m && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
372
- a.current && r() && l(m.contentRect);
373
- }));
374
- }), [r]);
375
- return z(() => (a.current && n?.observe(a.current, e), () => {
376
- n?.disconnect(), t.current && cancelAnimationFrame(t.current);
377
- }), [n, e]), [a, i];
378
- }
379
- const M = {
380
- small: 24,
381
- // w-6
382
- medium: 32,
383
- // w-8
384
- large: 48
385
- // w-12
386
- }, xe = {
387
- small: 16,
388
- // px-2 x 2
389
- medium: 24,
390
- // px-3 x 2
391
- large: 32
392
- // px-4 x 2
393
- }, we = 2, _e = 300, H = $.forwardRef(
394
- ({
395
- children: e,
396
- disabled: r = !1,
397
- mode: t = "system",
398
- focusMode: a = "system",
399
- fullWidth: i = !1,
400
- className: l,
401
- type: n = "button",
402
- raw: d = !1,
403
- noBorder: m = !1,
404
- "aria-label": f,
405
- label: k,
406
- size: c = "medium",
407
- labelRight: h,
408
- labelLeft: u,
409
- noBackground: B = !1,
410
- align: I = "center",
411
- radius: g = "large",
412
- variant: T = "secondary",
413
- iconClassName: C,
414
- animated: p = !1,
415
- ...Z
416
- }, Q) => {
417
- const X = ye({
418
- type: F,
419
- mode: t,
420
- focusMode: a,
421
- fullWidth: i,
422
- disabled: r,
423
- raw: d,
424
- className: l,
425
- noBorder: m,
426
- size: c,
427
- labelRight: h,
428
- labelLeft: u,
429
- noBackground: B,
430
- align: I,
431
- radius: g,
432
- variant: T,
433
- animated: p
434
- }), ee = ge({ mode: t, raw: d, iconClassName: C, variant: T }), j = be({ animated: p }), te = "flex items-center justify-center relative w-full h-full overflow-hidden", [b, V] = O(), [y, S] = O(), [R, A] = O(), L = N(0), v = N(null), x = N(null), re = ve([Q, v]);
435
- return W(() => {
436
- R && R.current && p && (L.current = A.width + xe[c] + (m ? 0 : we), v.current && !v.current.style.width && (v.current.style.width = `${M[c]}px`));
437
- }, [A, R, c, m, p]), W(() => {
438
- if (v && v.current && p) {
439
- let w = M[c];
440
- h && b && V.width > 0 ? w = V.width + L.current : u && y && S.width > 0 && (w = S.width + L.current), x.current && clearTimeout(x.current), w !== parseInt(v.current.style.width || "0", 10) && (b.current && (b.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), v.current.style.width = `${w}px`, w > M[c] && (x.current = setTimeout(() => {
441
- b.current && h && (b.current.style.opacity = "1"), y.current && u && (y.current.style.opacity = "1"), x.current = null;
442
- }, _e * 0.8))), w === M[c] && (b.current && (b.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"));
443
- }
444
- }, [
445
- V,
446
- h,
447
- b,
448
- S,
449
- u,
450
- y,
451
- c,
452
- p
453
- ]), z(() => () => {
454
- x.current && clearTimeout(x.current);
455
- }, []), /* @__PURE__ */ s(
456
- J,
457
- {
458
- ref: re,
459
- className: X,
460
- disabled: r,
461
- type: n,
462
- "aria-label": f || k,
463
- ...Z,
464
- children: /* @__PURE__ */ _("div", { className: te, children: [
465
- /* @__PURE__ */ s(
466
- P,
467
- {
468
- label: u,
469
- labelRef: y,
470
- labelClass: j,
471
- labelInnerClass: "pr-2",
472
- initiallyHidden: p
473
- }
474
- ),
475
- /* @__PURE__ */ s("span", { ref: R, className: ee, children: e }),
476
- /* @__PURE__ */ s(
477
- P,
478
- {
479
- label: h,
480
- labelRef: b,
481
- labelClass: j,
482
- labelInnerClass: "pl-2",
483
- initiallyHidden: p
484
- }
485
- )
486
- ] })
487
- }
488
- );
489
- }
490
- ), P = ({
491
- labelRef: e,
492
- labelClass: r,
493
- label: t,
494
- labelInnerClass: a,
495
- initiallyHidden: i = !1
496
- }) => /* @__PURE__ */ s(
497
- "span",
498
- {
499
- ref: e,
500
- className: r,
501
- style: i ? { opacity: 0 } : void 0,
502
- children: t && /* @__PURE__ */ s("span", { className: a, children: t })
503
- }
504
- );
505
- H.displayName = "ButtonIcon";
506
- /*!
507
- @versini/ui-button v7.1.5
508
- © 2025 gizmette.com
509
- */
510
- try {
511
- window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
512
- version: "7.1.5",
513
- buildTime: "08/30/2025 09:38 AM EDT",
514
- homepage: "https://github.com/aversini/ui-components",
515
- license: "MIT"
516
- });
517
- } catch {
518
- }
519
- const Ne = $.forwardRef(
520
- ({
521
- children: e,
522
- mode: r = "system",
523
- className: t,
524
- active: a = !1,
525
- ...i
526
- }, l) => {
527
- const n = a ? o(
528
- "relative",
529
- "focus-within:static",
530
- "focus-within:after:border-transparent",
531
- "after:absolute",
532
- "after:content-['']",
533
- "after:border-b-2",
534
- "after:bottom-[-4px]",
535
- "after:left-0",
536
- "after:right-0",
537
- {
538
- "after:border-table-dark": r === "dark",
539
- "after:border-table-light": r === "light",
540
- "after:border-table-dark dark:after:border-table-light": r === "system",
541
- "after:border-table-light dark:after:border-table-dark": r === "alt-system"
542
- }
543
- ) : "";
544
- return /* @__PURE__ */ s("div", { className: n, children: /* @__PURE__ */ s(
545
- H,
546
- {
547
- className: t,
548
- ref: l,
549
- mode: r,
550
- radius: "small",
551
- size: "small",
552
- align: "center",
553
- ...i,
554
- children: e
555
- }
556
- ) });
557
- }
558
- );
559
- Ne.displayName = "ButtonSort";
560
- const K = ({
561
- children: e,
562
- fill: r,
563
- viewBox: t,
564
- className: a,
565
- defaultViewBox: i,
566
- size: l,
567
- title: n,
568
- semantic: d = !1,
569
- ...m
570
- }) => {
571
- const f = o(l, a);
572
- return /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ _(
573
- "svg",
574
- {
575
- xmlns: "http://www.w3.org/2000/svg",
576
- className: f,
577
- viewBox: t || i,
578
- fill: r || "currentColor",
579
- role: "img",
580
- "aria-hidden": !d,
581
- focusable: !1,
582
- ...m,
583
- children: [
584
- n && d && /* @__PURE__ */ s("title", { children: n }),
585
- e
586
- ]
587
- }
588
- ) });
589
- };
590
- /*!
591
- @versini/ui-svgicon v4.2.0
592
- © 2025 gizmette.com
593
- */
594
- try {
595
- window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
596
- version: "4.2.0",
597
- buildTime: "05/17/2025 06:18 PM EDT",
598
- homepage: "https://github.com/aversini/ui-components",
599
- license: "MIT"
600
- });
601
- } catch {
602
- }
603
- const Be = ({
604
- className: e,
605
- viewBox: r,
606
- title: t,
607
- monotone: a,
608
- ...i
609
- }) => /* @__PURE__ */ _(
610
- K,
611
- {
612
- defaultViewBox: "0 0 448 512",
613
- size: "size-5",
614
- viewBox: r,
615
- className: e,
616
- title: t || "Copied",
617
- ...i,
618
- children: [
619
- /* @__PURE__ */ s(
620
- "path",
621
- {
622
- d: "M0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96m104 160c0-6.1 2.3-12.3 7-17 9.4-9.4 24.6-9.4 33.9 0l47 47 111-111c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7c2.3 2.3 4.1 5 5.3 7.9.6 1.5 1 2.9 1.3 4.4.2 1.1.3 2.2.3 2.2.1 1.2.1 1.2.1 2.5-.1 1.5-.1 1.9-.1 2.3-.1.7-.2 1.5-.3 2.2-.3 1.5-.7 3-1.3 4.4-1.2 2.9-2.9 5.6-5.3 7.9l-128 128c-4.7 4.7-10.8 7-17 7s-12.3-2.3-17-7l-64-64c-4.7-4.7-7-10.8-7-17z",
623
- opacity: ".4"
624
- }
625
- ),
626
- /* @__PURE__ */ s("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
627
- ]
628
- }
629
- ), Ie = ({
630
- className: e,
631
- viewBox: r,
632
- title: t,
633
- monotone: a,
634
- ...i
635
- }) => /* @__PURE__ */ s(
636
- K,
637
- {
638
- defaultViewBox: "0 0 512 512",
639
- size: "size-5",
640
- viewBox: r,
641
- className: e,
642
- title: t || "Copy",
643
- ...i,
644
- children: /* @__PURE__ */ s("path", { d: "M64 464h224c8.8 0 16-7.2 16-16v-64h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16m160-160h224c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16m-64-16V64c0-35.3 28.7-64 64-64h224c35.3 0 64 28.7 64 64v224c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64" })
645
- }
646
- );
647
- /*!
648
- @versini/ui-icons v4.10.0
649
- © 2025 gizmette.com
650
- */
651
- try {
652
- window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
653
- version: "4.10.0",
654
- buildTime: "05/17/2025 06:18 PM EDT",
655
- homepage: "https://github.com/aversini/ui-components",
656
- license: "MIT"
657
- });
658
- } catch {
659
- }
660
- const Te = ({ kind: e, noMaxWidth: r }) => o("px-4 py-2", {
661
- "max-w-xs sm:max-w-md md:max-w-2xl": !r,
662
- "lg:max-w-3xl": e === "left" && !r
663
- }), Ce = ({ kind: e }) => o({
664
- "bg-surface-lighter dark:bg-surface-dark": e === "left",
665
- "bg-surface-accent": e === "right"
666
- }), Re = ({ kind: e }) => o(
667
- "prose prose-dark dark:prose-lighter",
668
- "prose-blockquote:my-1",
669
- "prose-ol:my-1 prose-ul:my-1",
670
- {
671
- "text-copy-lighter": e === "right"
672
- }
673
- ), Me = ({ kind: e, tail: r }) => {
674
- if (r)
675
- return o(
676
- `${E}-${e}-tail`,
677
- "rounded-3xl",
678
- "relative",
679
- "before:content-['']",
680
- "before:w-3",
681
- "before:h-2",
682
- "before:absolute",
683
- "before:bottom-0",
684
- {
685
- "last-bubble-right:before:right-[2px] last-bubble-right:before:border-l-[8px] last-bubble-right:before:border-l-surface-accent last-bubble-right:before:rounded-bl-[100%]": e === "right",
686
- "last-bubble-left:before:left-[2px] last-bubble-left:before:border-r-[8px] last-bubble-left:before:border-r-surface-lighter last-bubble-left:dark:before:border-r-surface-dark last-bubble-left:before:rounded-br-[100%]": e === "left"
687
- }
688
- );
689
- if (!r)
690
- return o("rounded-b-xl", {
691
- "rounded-tr-xl": e === "left",
692
- "rounded-tl-xl": e === "right"
693
- });
694
- }, Ee = ({
695
- kind: e,
696
- className: r,
697
- contentClassName: t,
698
- noMaxWidth: a,
699
- tail: i
700
- }) => {
701
- const l = o(
702
- E,
703
- `${E}-${e}`,
704
- "flex items-start",
705
- {
706
- "flex-row-reverse": e === "right"
707
- },
708
- r
709
- ), n = o(
710
- `${E}-content`,
711
- "flex flex-col empty:hidden",
712
- Te({ kind: e, noMaxWidth: a }),
713
- Re({ kind: e }),
714
- Ce({ kind: e }),
715
- Me({ kind: e, tail: i }),
716
- t
717
- ), d = "pr-2 pt-1 text-end text-xs text-copy-light", m = o("flex flex-col-reverse sm:flex-row", {
718
- "ml-2": e === "left" && !i,
719
- "mr-2": e === "right" && !i,
720
- "ml-1": e === "left" && i,
721
- "mr-1": e === "right" && i
722
- });
723
- return {
724
- wrapper: l,
725
- main: n,
726
- footer: d,
727
- copyButton: m
728
- };
729
- }, ze = "FOOTER_EMPTY", Oe = ({
730
- children: e,
731
- kind: r = "left",
732
- className: t,
733
- contentClassName: a,
734
- footer: i,
735
- rawFooter: l,
736
- copyToClipboard: n,
737
- copyToClipboardFocusMode: d = "system",
738
- copyToClipboardMode: m = "system",
739
- noMaxWidth: f = !1,
740
- tail: k = !1
741
- }) => {
742
- const [c, h] = q(!1), u = Ee({
743
- kind: r,
744
- className: t,
745
- contentClassName: a,
746
- noMaxWidth: f,
747
- tail: k
748
- }), B = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), I = () => {
749
- h(!0), typeof n == "function" ? n(e) : typeof n == "string" ? navigator.clipboard.writeText(n) : typeof e == "string" && navigator.clipboard.writeText(e);
750
- };
751
- return z(() => {
752
- let g;
753
- return c && (g = window.setTimeout(() => {
754
- h(!1);
755
- }, 3e3)), () => {
756
- clearTimeout(g);
757
- };
758
- }, [c]), /* @__PURE__ */ _("div", { className: u.wrapper, children: [
759
- /* @__PURE__ */ _("div", { children: [
760
- /* @__PURE__ */ s("div", { className: u.main, children: e }),
761
- i && Object.keys(i).map((g, T) => {
762
- const C = i[g];
763
- return C === ze ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ s("p", { className: u.footer, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: "invisible", children: " " }) }) }, `${g}-${T}`) : C ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ _("p", { className: u.footer, children: [
764
- g,
765
- ": ",
766
- C
767
- ] }) }, `${g}-${T}`) : null;
768
- }),
769
- l && l
770
- ] }),
771
- B && /* @__PURE__ */ s("div", { className: u.copyButton, children: /* @__PURE__ */ s(
772
- H,
773
- {
774
- noBorder: !0,
775
- noBackground: !0,
776
- size: "small",
777
- mode: m,
778
- focusMode: d,
779
- label: c ? "Copied to clipboard" : "Copy to clipboard",
780
- onClick: I,
781
- disabled: c,
782
- children: c ? /* @__PURE__ */ s(Be, { size: "size-3" }) : /* @__PURE__ */ s(Ie, { size: "size-3" })
783
- }
784
- ) })
785
- ] });
786
- };
787
- /*!
788
- @versini/ui-bubble v5.0.7
789
- © 2025 gizmette.com
790
- */
791
- try {
792
- window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
793
- version: "5.0.7",
794
- buildTime: "08/30/2025 09:40 AM EDT",
795
- homepage: "https://github.com/aversini/ui-components",
796
- license: "MIT"
797
- });
798
- } catch {
799
- }
800
- export {
801
- E as BUBBLE_CLASSNAME,
802
- ze as BUBBLE_FOOTER_EMPTY,
803
- Oe as Bubble
804
- };