@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.
- package/dist/chunks/{AboutChangelog.viylDnFy.js → AboutChangelog.BpN2wOS7.js} +2 -2
- package/dist/chunks/{AboutEntry.BH4R2-L1.js → AboutEntry.Dhj2VuZW.js} +5 -5
- package/dist/chunks/App.D11WrOhS.js +11446 -0
- package/dist/chunks/{Chart.C5hkvQpe.js → Chart.CIxXVKbK.js} +2 -2
- package/dist/chunks/{ChatBubbleAssistant.QYFjbEFg.js → ChatBubbleAssistant.BL27OUc-.js} +12 -12
- package/dist/chunks/ChatHistoryTable.DiJXlug9.js +649 -0
- package/dist/chunks/{HistoryEntry.dPASff8X.js → HistoryEntry.C-g2zSt5.js} +27 -27
- package/dist/chunks/{LNWAZHJI.C4TpDvDu.js → LNWAZHJI.rjyRVWgx.js} +1 -1
- package/dist/chunks/{ProfileEntry.uBcAqxe1.js → ProfileEntry.D9_uLmwO.js} +6 -6
- package/dist/chunks/SettingsEntry.CqtonnjU.js +889 -0
- package/dist/chunks/{UsageEntry.CmOecVrq.js → UsageEntry.llD6nb8y.js} +7 -7
- package/dist/chunks/{index.BQMHD3cB.js → index.5rAVjSln.js} +3 -3
- package/dist/chunks/index.BXSqY8t-.js +249 -0
- package/dist/chunks/{index.C15SRRFm.js → index.C6rTHYVc.js} +2 -2
- package/dist/chunks/{index.B-jTt6EL.js → index.Ch7-8kkf.js} +1 -1
- package/dist/chunks/{index.iopEJGpu.js → index.D8CPTDrL.js} +1223 -1259
- package/dist/chunks/{index.BVAjb0YE.js → index.rezmsiOZ.js} +1 -1
- package/dist/chunks/{index.DrkaUXlM.js → index.ydUD8HKp.js} +1 -1
- package/dist/chunks/{useMarkdown.DqGP3n9E.js → useMarkdown.Cu3gwotw.js} +502 -502
- package/dist/components/SassySaint/SassySaint.js +1 -1
- package/dist/index.js +4 -4
- package/dist/style.css +1 -1
- package/package.json +5 -5
- package/dist/chunks/App.CBOaelVA.js +0 -12621
- package/dist/chunks/ChatHistoryTable.S3VOpP_Q.js +0 -1205
- package/dist/chunks/SettingsEntry.Cax2EDQH.js +0 -1064
- 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
|
-
};
|