@versini/ui-truncate 3.0.19 → 3.0.21

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.
@@ -1,7 +1,7 @@
1
- import { jsx as g, jsxs as O } from "react/jsx-runtime";
2
- import T, { useRef as x, useLayoutEffect as U, useMemo as W, useState as F, useEffect as V, useCallback as Y } from "react";
1
+ import { jsx as g, jsxs as W } from "react/jsx-runtime";
2
+ import T, { useRef as x, useLayoutEffect as A, useMemo as F, useState as V, useEffect as q, useCallback as $ } from "react";
3
3
  import n from "clsx";
4
- const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
4
+ const O = "av-button", B = "icon", M = "button", z = "link", ee = ({
5
5
  type: e,
6
6
  size: t,
7
7
  labelRight: r,
@@ -9,17 +9,17 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
9
9
  align: o,
10
10
  animated: i
11
11
  }) => {
12
- const d = "max-h-8 py-0 px-2", s = "max-h-9 h-8 px-3", l = "max-h-12 py-2 px-4";
12
+ const d = "max-h-8 py-0 px-2", c = "max-h-9 h-8 px-3", s = "max-h-12 py-2 px-4";
13
13
  switch (e) {
14
14
  case M:
15
- case C:
15
+ case z:
16
16
  return n({
17
17
  [d]: t === "small",
18
- [s]: t === "medium",
19
- [l]: t === "large"
18
+ [c]: t === "medium",
19
+ [s]: t === "large"
20
20
  });
21
21
  case B:
22
- return n("inline-flex items-center", {
22
+ return n("flex items-center", {
23
23
  "justify-center": o === "center",
24
24
  "justify-start": o === "left",
25
25
  "justify-end": o === "right",
@@ -37,7 +37,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
37
37
  "h-12": t === "large" && i && (r || a)
38
38
  });
39
39
  }
40
- }, ee = ({
40
+ }, re = ({
41
41
  type: e,
42
42
  size: t,
43
43
  labelRight: r,
@@ -46,9 +46,9 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
46
46
  const o = "text-sm font-medium", i = "text-base font-medium", d = "text-lg font-medium";
47
47
  switch (e) {
48
48
  case M:
49
- case C:
49
+ case z:
50
50
  return n({
51
- "text-center": e === C,
51
+ "text-center": e === z,
52
52
  [o]: t === "small",
53
53
  [i]: t === "medium",
54
54
  [d]: t === "large"
@@ -60,7 +60,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
60
60
  [d]: t === "large" && (r || a)
61
61
  });
62
62
  }
63
- }, re = ({
63
+ }, te = ({
64
64
  mode: e,
65
65
  noBackground: t,
66
66
  noTruncate: r,
@@ -96,7 +96,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
96
96
  return n("not-prose text-copy-lighter", {
97
97
  truncate: !r
98
98
  });
99
- }, te = ({
99
+ }, ae = ({
100
100
  mode: e,
101
101
  noBackground: t,
102
102
  variant: r
@@ -126,13 +126,13 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
126
126
  if (r === "selected")
127
127
  return "bg-action-selected-dark";
128
128
  }
129
- }, ae = ({
129
+ }, ie = ({
130
130
  radius: e
131
131
  }) => n({
132
132
  "rounded-full": e === "large",
133
133
  "rounded-md": e === "medium",
134
134
  "rounded-sm": e === "small"
135
- }), ie = ({
135
+ }), ne = ({
136
136
  mode: e,
137
137
  disabled: t,
138
138
  variant: r
@@ -162,7 +162,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
162
162
  });
163
163
  if (r === "selected")
164
164
  return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
165
- }, ne = ({
165
+ }, oe = ({
166
166
  mode: e,
167
167
  disabled: t,
168
168
  variant: r
@@ -192,7 +192,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
192
192
  });
193
193
  if (r === "selected")
194
194
  return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
195
- }, oe = ({
195
+ }, de = ({
196
196
  mode: e,
197
197
  noBorder: t,
198
198
  variant: r
@@ -222,7 +222,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
222
222
  });
223
223
  if (r === "selected")
224
224
  return "border border-border-selected-dark";
225
- }, de = ({
225
+ }, le = ({
226
226
  focusMode: e
227
227
  }) => n("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
228
228
  "focus:outline-focus-dark": e === "dark",
@@ -245,7 +245,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
245
245
  animated: e
246
246
  }) => n({
247
247
  "transition-opacity duration-300 ease-in": e
248
- }), q = ({
248
+ }), D = ({
249
249
  type: e,
250
250
  className: t,
251
251
  raw: r,
@@ -253,39 +253,39 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
253
253
  focusMode: o,
254
254
  disabled: i,
255
255
  fullWidth: d,
256
- size: s,
257
- noBorder: l,
258
- labelRight: m,
256
+ size: c,
257
+ noBorder: s,
258
+ labelRight: h,
259
259
  labelLeft: f,
260
260
  noBackground: u,
261
- variant: c,
262
- noTruncate: h,
261
+ variant: l,
262
+ noTruncate: m,
263
263
  align: p,
264
264
  radius: R,
265
265
  animated: w
266
- }) => (c || (c = "primary"), r ? n(A, t) : n(
267
- A,
268
- re({
266
+ }) => (l || (l = "primary"), r ? n(O, t) : n(
267
+ O,
268
+ te({
269
269
  mode: a,
270
- variant: c,
270
+ variant: l,
271
271
  noBackground: u,
272
- noTruncate: h
272
+ noTruncate: m
273
273
  }),
274
- te({ mode: a, noBackground: u, variant: c }),
275
- ae({ radius: R }),
276
- $({
274
+ ae({ mode: a, noBackground: u, variant: l }),
275
+ ie({ radius: R }),
276
+ ee({
277
277
  type: e,
278
- size: s,
279
- labelRight: m,
278
+ size: c,
279
+ labelRight: h,
280
280
  labelLeft: f,
281
281
  align: p,
282
282
  animated: w
283
283
  }),
284
- ee({ type: e, size: s, labelRight: m, labelLeft: f }),
285
- oe({ mode: a, variant: c, noBorder: l }),
286
- de({ focusMode: o }),
287
- ie({ mode: a, variant: c, disabled: i }),
288
- ne({ mode: a, variant: c, disabled: i }),
284
+ re({ type: e, size: c, labelRight: h, labelLeft: f }),
285
+ de({ mode: a, variant: l, noBorder: s }),
286
+ le({ focusMode: o }),
287
+ ne({ mode: a, variant: l, disabled: i }),
288
+ oe({ mode: a, variant: l, disabled: i }),
289
289
  {
290
290
  "w-full": d,
291
291
  "disabled:cursor-not-allowed disabled:opacity-50": i
@@ -294,7 +294,7 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
294
294
  "transition-[width] duration-300 ease-in-out": e === B && w
295
295
  }),
296
296
  t
297
- )), le = (e, t, r) => {
297
+ )), ue = (e, t, r) => {
298
298
  var a;
299
299
  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
300
300
  }, L = T.forwardRef((e, t) => {
@@ -304,14 +304,14 @@ const A = "av-button", B = "icon", M = "button", C = "link", $ = ({
304
304
  {
305
305
  ref: t,
306
306
  onClick: (i) => {
307
- le(i, a, r);
307
+ ue(i, a, r);
308
308
  },
309
309
  ...o
310
310
  }
311
311
  );
312
312
  });
313
313
  L.displayName = "BaseButton";
314
- const D = T.forwardRef(
314
+ const P = T.forwardRef(
315
315
  ({
316
316
  children: e,
317
317
  disabled: t = !1,
@@ -320,55 +320,55 @@ const D = T.forwardRef(
320
320
  fullWidth: o = !1,
321
321
  className: i,
322
322
  size: d = "medium",
323
- raw: s = !1,
324
- noBorder: l = !1,
325
- variant: m = "primary",
323
+ raw: c = !1,
324
+ noBorder: s = !1,
325
+ variant: h = "primary",
326
326
  noTruncate: f = !1,
327
327
  radius: u = "large",
328
- ...c
329
- }, h) => {
330
- const p = q({
328
+ ...l
329
+ }, m) => {
330
+ const p = D({
331
331
  type: M,
332
332
  mode: r,
333
333
  focusMode: a,
334
334
  fullWidth: o,
335
335
  disabled: t,
336
- raw: s,
336
+ raw: c,
337
337
  className: i,
338
338
  size: d,
339
- noBorder: l,
340
- variant: m,
339
+ noBorder: s,
340
+ variant: h,
341
341
  noTruncate: f,
342
342
  radius: u
343
343
  });
344
344
  return /* @__PURE__ */ g(
345
345
  L,
346
346
  {
347
- ref: h,
347
+ ref: m,
348
348
  className: p,
349
349
  disabled: t,
350
- ...c,
350
+ ...l,
351
351
  children: e
352
352
  }
353
353
  );
354
354
  }
355
355
  );
356
- D.displayName = "Button";
357
- function ue() {
356
+ P.displayName = "Button";
357
+ function ge() {
358
358
  const e = x(!1);
359
- return V(() => (e.current = !0, () => {
359
+ return q(() => (e.current = !0, () => {
360
360
  e.current = !1;
361
- }), []), Y(() => e.current, []);
361
+ }), []), $(() => e.current, []);
362
362
  }
363
- function ge(e) {
364
- return W(() => e.every((t) => t == null) ? () => {
363
+ function he(e) {
364
+ return F(() => e.every((t) => t == null) ? () => {
365
365
  } : (t) => {
366
366
  e.forEach((r) => {
367
367
  typeof r == "function" ? r(t) : r != null && (r.current = t);
368
368
  });
369
369
  }, e);
370
370
  }
371
- const he = {
371
+ const me = {
372
372
  x: 0,
373
373
  y: 0,
374
374
  width: 0,
@@ -378,32 +378,32 @@ const he = {
378
378
  bottom: 0,
379
379
  right: 0
380
380
  };
381
- function I(e) {
382
- const t = ue(), r = x(0), a = x(null), [o, i] = F(he), d = W(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
383
- const l = s[0];
384
- l && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
385
- a.current && t() && i(l.contentRect);
381
+ function _(e) {
382
+ const t = ge(), r = x(0), a = x(null), [o, i] = V(me), d = F(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
383
+ const s = c[0];
384
+ s && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
385
+ a.current && t() && i(s.contentRect);
386
386
  }));
387
387
  }), [t]);
388
- return V(() => (a.current && (d == null || d.observe(a.current, e)), () => {
388
+ return q(() => (a.current && (d == null || d.observe(a.current, e)), () => {
389
389
  d == null || d.disconnect(), r.current && cancelAnimationFrame(r.current);
390
390
  }), [d, e]), [a, o];
391
391
  }
392
- const me = {
392
+ const be = {
393
393
  small: 24,
394
394
  // w-6
395
395
  medium: 32,
396
396
  // w-8
397
397
  large: 48
398
398
  // w-12
399
- }, be = {
399
+ }, fe = {
400
400
  small: 8 * 2,
401
401
  // px-2 x 2
402
402
  medium: 12 * 2,
403
403
  // px-3 x 2
404
404
  large: 16 * 2
405
405
  // px-4 x 2
406
- }, fe = 2, P = T.forwardRef(
406
+ }, ye = 2, G = T.forwardRef(
407
407
  ({
408
408
  children: e,
409
409
  disabled: t = !1,
@@ -412,85 +412,106 @@ const me = {
412
412
  fullWidth: o = !1,
413
413
  className: i,
414
414
  type: d = "button",
415
- raw: s = !1,
416
- noBorder: l = !1,
417
- "aria-label": m,
415
+ raw: c = !1,
416
+ noBorder: s = !1,
417
+ "aria-label": h,
418
418
  label: f,
419
419
  size: u = "medium",
420
- labelRight: c,
421
- labelLeft: h,
420
+ labelRight: l,
421
+ labelLeft: m,
422
422
  noBackground: p = !1,
423
423
  align: R = "center",
424
424
  radius: w = "large",
425
- variant: G = "primary",
426
- iconClassName: H,
425
+ variant: H = "primary",
426
+ iconClassName: X,
427
427
  animated: y = !1,
428
- ...X
429
- }, Z) => {
430
- const J = q({
428
+ ...Z
429
+ }, J) => {
430
+ const K = D({
431
431
  type: B,
432
432
  mode: r,
433
433
  focusMode: a,
434
434
  fullWidth: o,
435
435
  disabled: t,
436
- raw: s,
436
+ raw: c,
437
437
  className: i,
438
- noBorder: l,
438
+ noBorder: s,
439
439
  size: u,
440
- labelRight: c,
441
- labelLeft: h,
440
+ labelRight: l,
441
+ labelLeft: m,
442
442
  noBackground: p,
443
443
  align: R,
444
444
  radius: w,
445
- variant: G,
445
+ variant: H,
446
446
  animated: y
447
- }), K = ce({ mode: r, raw: s, iconClassName: H }), j = se({ animated: y }), [b, E] = I(), [v, _] = I(), [N, S] = I(), z = x(0), k = x(null), Q = ge([Z, k]);
448
- return U(() => {
449
- N && N.current && y && (z.current = S.width + be[u] + (l ? 0 : fe));
450
- }, [S, N, u, l, y]), U(() => {
451
- k && k.current && y && (c && b && E.width > 0 ? (b.current && (b.current.style.opacity = "100"), k.current.style.width = `${E.width + z.current}px`) : h && _.width > 0 ? (v.current && (v.current.style.opacity = "100"), k.current.style.width = `${_.width + z.current}px`) : (b.current && (b.current.style.opacity = "0"), v.current && (v.current.style.opacity = "0"), k.current.style.width = `${me[u]}px`));
447
+ }), Q = ce({ mode: r, raw: c, iconClassName: X }), j = se({ animated: y }), [b, C] = _(), [v, E] = _(), [N, S] = _(), I = x(0), k = x(null), Y = he([J, k]);
448
+ return A(() => {
449
+ N && N.current && y && (I.current = S.width + fe[u] + (s ? 0 : ye));
450
+ }, [S, N, u, s, y]), A(() => {
451
+ k && k.current && y && (l && b && C.width > 0 ? (b.current && (b.current.style.opacity = "100"), k.current.style.width = `${C.width + I.current}px`) : m && E.width > 0 ? (v.current && (v.current.style.opacity = "100"), k.current.style.width = `${E.width + I.current}px`) : (b.current && (b.current.style.opacity = "0"), v.current && (v.current.style.opacity = "0"), k.current.style.width = `${be[u]}px`));
452
452
  }, [
453
- E,
454
- c,
453
+ C,
454
+ l,
455
455
  b,
456
- _,
457
- h,
456
+ E,
457
+ m,
458
458
  v,
459
459
  u,
460
460
  y
461
- ]), /* @__PURE__ */ O(
461
+ ]), /* @__PURE__ */ W(
462
462
  L,
463
463
  {
464
- ref: Q,
465
- className: J,
464
+ ref: Y,
465
+ className: K,
466
466
  disabled: t,
467
467
  type: d,
468
- "aria-label": m || f,
469
- ...X,
468
+ "aria-label": h || f,
469
+ ...Z,
470
470
  children: [
471
- /* @__PURE__ */ g("span", { ref: v, className: j, children: h && /* @__PURE__ */ g("span", { className: "pr-2", children: h }) }),
472
- /* @__PURE__ */ g("span", { ref: N, className: K, children: e }),
473
- /* @__PURE__ */ g("span", { ref: b, className: j, children: c && /* @__PURE__ */ g("span", { className: "pl-2", children: c }) })
471
+ /* @__PURE__ */ g(
472
+ U,
473
+ {
474
+ label: m,
475
+ labelRef: v,
476
+ labelClass: j,
477
+ labelInnerClass: "pr-2"
478
+ }
479
+ ),
480
+ /* @__PURE__ */ g("span", { ref: N, className: Q, children: e }),
481
+ /* @__PURE__ */ g(
482
+ U,
483
+ {
484
+ label: l,
485
+ labelRef: b,
486
+ labelClass: j,
487
+ labelInnerClass: "pl-2"
488
+ }
489
+ )
474
490
  ]
475
491
  }
476
492
  );
477
493
  }
478
- );
479
- P.displayName = "ButtonIcon";
494
+ ), U = ({
495
+ labelRef: e,
496
+ labelClass: t,
497
+ label: r,
498
+ labelInnerClass: a
499
+ }) => /* @__PURE__ */ g("span", { ref: e, className: t, children: r && /* @__PURE__ */ g("span", { className: a, children: r }) });
500
+ G.displayName = "ButtonIcon";
480
501
  /*!
481
- @versini/ui-button v4.2.2
502
+ @versini/ui-button v4.2.4
482
503
  © 2025 gizmette.com
483
504
  */
484
505
  try {
485
506
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
486
- version: "4.2.2",
487
- buildTime: "01/26/2025 07:26 PM EST",
507
+ version: "4.2.4",
508
+ buildTime: "01/29/2025 03:18 PM EST",
488
509
  homepage: "https://github.com/aversini/ui-components",
489
510
  license: "MIT"
490
511
  });
491
512
  } catch {
492
513
  }
493
- const ye = T.forwardRef(
514
+ const ve = T.forwardRef(
494
515
  ({
495
516
  children: e,
496
517
  mode: t = "system",
@@ -516,7 +537,7 @@ const ye = T.forwardRef(
516
537
  }
517
538
  ) : "";
518
539
  return /* @__PURE__ */ g("div", { className: d, children: /* @__PURE__ */ g(
519
- P,
540
+ G,
520
541
  {
521
542
  className: n("justify-center", r),
522
543
  ref: i,
@@ -528,10 +549,10 @@ const ye = T.forwardRef(
528
549
  ) });
529
550
  }
530
551
  );
531
- ye.displayName = "ButtonSort";
532
- const ve = 200, ke = ({
552
+ ve.displayName = "ButtonSort";
553
+ const ke = 200, pe = ({
533
554
  string: e,
534
- idealLength: t = ve
555
+ idealLength: t = ke
535
556
  }) => {
536
557
  if (e.length <= t)
537
558
  return { string: e, isTruncated: !1 };
@@ -542,30 +563,30 @@ const ve = 200, ke = ({
542
563
  string: e.slice(0, t + o),
543
564
  isTruncated: !0
544
565
  };
545
- }, Ne = ({
566
+ }, Te = ({
546
567
  children: e,
547
568
  length: t = 200,
548
569
  mode: r = "system",
549
570
  focusMode: a = "system"
550
571
  }) => {
551
- const [o, i] = F(!1);
572
+ const [o, i] = V(!1);
552
573
  if (typeof e != "string")
553
574
  return e;
554
- const { string: d, isTruncated: s } = ke({
575
+ const { string: d, isTruncated: c } = pe({
555
576
  string: e,
556
577
  idealLength: t
557
578
  });
558
- return /* @__PURE__ */ O("span", { style: { wordBreak: "break-word" }, children: [
579
+ return /* @__PURE__ */ W("span", { style: { wordBreak: "break-word" }, children: [
559
580
  o ? e : d,
560
- s && /* @__PURE__ */ g(
561
- D,
581
+ c && /* @__PURE__ */ g(
582
+ P,
562
583
  {
563
584
  mode: r,
564
585
  focusMode: a,
565
586
  className: "ml-2",
566
587
  size: "small",
567
- onClick: (m) => {
568
- m.preventDefault(), i(!o);
588
+ onClick: (h) => {
589
+ h.preventDefault(), i(!o);
569
590
  },
570
591
  children: o ? "less..." : "more..."
571
592
  }
@@ -573,5 +594,5 @@ const ve = 200, ke = ({
573
594
  ] });
574
595
  };
575
596
  export {
576
- Ne as Truncate
597
+ Te as Truncate
577
598
  };
package/dist/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { Truncate as o } from "./components/Truncate/Truncate.js";
2
2
  /*!
3
- @versini/ui-truncate v3.0.19
3
+ @versini/ui-truncate v3.0.21
4
4
  © 2025 gizmette.com
5
5
  */
6
6
  try {
7
7
  window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
8
- version: "3.0.19",
9
- buildTime: "01/26/2025 07:26 PM EST",
8
+ version: "3.0.21",
9
+ buildTime: "01/29/2025 03:18 PM EST",
10
10
  homepage: "https://github.com/aversini/ui-components",
11
11
  license: "MIT"
12
12
  });
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.relative{position:relative}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.relative{position:relative}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.flex{display:flex}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-truncate",
3
- "version": "3.0.19",
3
+ "version": "3.0.21",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -40,11 +40,11 @@
40
40
  },
41
41
  "dependencies": {
42
42
  "@tailwindcss/typography": "0.5.16",
43
- "@versini/ui-button": "4.2.2",
43
+ "@versini/ui-button": "4.2.4",
44
44
  "tailwindcss": "3.4.17"
45
45
  },
46
46
  "sideEffects": [
47
47
  "**/*.css"
48
48
  ],
49
- "gitHead": "6b7a9cc0b72a300e97994f35f4bcdbda478ba095"
49
+ "gitHead": "7924430ddd05d614e8d16256c5dcc14564c91c14"
50
50
  }