@versini/ui-truncate 2.0.9 → 3.0.0

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,98 +1,135 @@
1
- import { jsx as h, jsxs as x } from "react/jsx-runtime";
2
- import d from "clsx";
3
- import y, { useState as L } from "react";
4
- const p = "av-button", T = "icon", w = "button", S = "link", U = ({
1
+ import { jsx as h, jsxs as B } from "react/jsx-runtime";
2
+ import o from "clsx";
3
+ import f, { useState as C } from "react";
4
+ const w = "av-button", p = "icon", x = "button", v = "link", S = ({
5
5
  type: e,
6
6
  size: t,
7
7
  labelRight: r,
8
- labelLeft: o,
9
- align: a
8
+ labelLeft: a,
9
+ align: i
10
10
  }) => {
11
- const i = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", n = "text-lg font-medium max-h-12 py-2 px-4";
11
+ const d = "max-h-8 py-0 px-2", l = "max-h-9 py-1 px-3", n = "max-h-12 py-2 px-4";
12
12
  switch (e) {
13
- case w:
14
- return d({
15
- [i]: t === "small",
13
+ case x:
14
+ case v:
15
+ return o({
16
+ [d]: t === "small",
16
17
  [l]: t === "medium",
17
18
  [n]: t === "large"
18
19
  });
19
- case S:
20
- return d("text-center", {
20
+ case p:
21
+ return o("inline-flex items-center", {
22
+ "justify-center": i === "center",
23
+ "justify-start": i === "left",
24
+ "justify-end": i === "right",
25
+ "h-6 w-6 p-0": t === "small" && !(r || a),
26
+ "h-6 px-2": t === "small" && (r || a),
27
+ "h-8 w-8 p-1": t === "medium" && !(r || a),
28
+ "h-8 px-3": t === "medium" && (r || a),
29
+ "h-12 w-12 p-2": t === "large" && !(r || a),
30
+ "h-12 px-4": t === "large" && (r || a)
31
+ });
32
+ }
33
+ }, U = ({
34
+ type: e,
35
+ size: t,
36
+ labelRight: r,
37
+ labelLeft: a
38
+ }) => {
39
+ const i = "text-sm font-medium", d = "text-base font-medium", l = "text-lg font-medium";
40
+ switch (e) {
41
+ case x:
42
+ case v:
43
+ return o({
44
+ "text-center": e === v,
21
45
  [i]: t === "small",
22
- [l]: t === "medium",
23
- [n]: t === "large"
46
+ [d]: t === "medium",
47
+ [l]: t === "large"
24
48
  });
25
- case T:
26
- return d("inline-flex items-center", {
27
- "justify-center": a === "center",
28
- "justify-start": a === "left",
29
- "justify-end": a === "right",
30
- "h-6 w-6 p-0": t === "small" && !(r || o),
31
- "h-6 px-2 text-sm font-medium": t === "small" && (r || o),
32
- "h-8 w-8 p-1": t === "medium" && !(r || o),
33
- "h-8 px-3 text-base font-medium": t === "medium" && (r || o),
34
- "h-12 w-12 p-2": t === "large" && !(r || o),
35
- "h-12 px-4 text-lg font-medium": t === "large" && (r || o)
49
+ case p:
50
+ return o({
51
+ [i]: t === "small" && (r || a),
52
+ [d]: t === "medium" && (r || a),
53
+ [l]: t === "large" && (r || a)
36
54
  });
37
55
  }
38
- }, j = ({
56
+ }, W = ({
39
57
  mode: e,
40
58
  noBackground: t,
41
59
  noTruncate: r,
42
- variant: o,
43
- radius: a
60
+ variant: a
44
61
  }) => {
45
62
  if (t)
46
- return d("not-prose", {
47
- "rounded-full": a === "large",
48
- "rounded-md": a === "medium",
49
- "rounded-sm": a === "small"
50
- });
51
- if (o === "primary")
52
- return d("not-prose", {
53
- "rounded-full": a === "large",
54
- "rounded-md": a === "medium",
55
- "rounded-sm": a === "small",
63
+ return "not-prose";
64
+ if (a === "primary")
65
+ return o("not-prose", {
56
66
  truncate: !r,
57
- "bg-action-dark text-copy-light": e === "dark",
58
- "bg-action-light text-copy-lighter": e === "light",
59
- "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
60
- "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
67
+ "text-copy-light": e === "dark",
68
+ "text-copy-lighter": e === "light",
69
+ "text-copy-light dark:text-copy-lighter": e === "system",
70
+ "text-copy-lighter dark:text-copy-light": e === "alt-system"
61
71
  });
62
- if (o === "secondary")
63
- return d("not-prose", {
64
- "rounded-full": a === "large",
65
- "rounded-md": a === "medium",
66
- "rounded-sm": a === "small",
72
+ if (a === "secondary")
73
+ return o("not-prose", {
67
74
  truncate: !r,
68
- "bg-action-dark text-copy-light": e === "light",
69
- "bg-action-light text-copy-lighter": e === "dark",
70
- "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
71
- "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
75
+ "text-copy-light": e === "light",
76
+ "text-copy-lighter": e === "dark",
77
+ "text-copy-light dark:text-copy-lighter": e === "alt-system",
78
+ "text-copy-lighter dark:text-copy-light": e === "system"
72
79
  });
73
- if (o === "danger")
74
- return d("not-prose", {
75
- "rounded-full": a === "large",
76
- "rounded-md": a === "medium",
77
- "rounded-sm": a === "small",
80
+ if (a === "danger")
81
+ return o("not-prose", {
78
82
  truncate: !r,
79
- "bg-action-danger-dark text-copy-light": e === "dark",
80
- "bg-action-danger-light text-copy-lighter": e === "light",
81
- "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
82
- "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
83
+ "text-copy-light": e === "dark",
84
+ "text-copy-lighter": e === "light",
85
+ "text-copy-light dark:text-copy-lighter": e === "system",
86
+ "text-copy-lighter dark:text-copy-light": e === "alt-system"
83
87
  });
84
- if (o === "selected")
85
- return d("not-prose", {
86
- "rounded-full": a === "large",
87
- "rounded-md": a === "medium",
88
- "rounded-sm": a === "small",
88
+ if (a === "selected")
89
+ return o("not-prose", {
89
90
  truncate: !r,
90
- "bg-action-selected-dark text-copy-light": e === "dark",
91
- "bg-action-selected-light text-copy-lighter": e === "light",
92
- "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
93
- "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
91
+ "text-copy-light": e === "dark",
92
+ "text-copy-lighter": e === "light",
93
+ "text-copy-light dark:text-copy-lighter": e === "system",
94
+ "text-copy-lighter dark:text-copy-light": e === "alt-system"
94
95
  });
95
- }, W = ({
96
+ }, A = ({
97
+ mode: e,
98
+ noBackground: t,
99
+ variant: r
100
+ }) => {
101
+ if (!t) {
102
+ if (r === "primary")
103
+ return o({
104
+ "bg-action-dark": e === "dark",
105
+ "bg-action-light": e === "light",
106
+ "bg-action-dark dark:bg-action-light": e === "system",
107
+ "bg-action-light dark:bg-action-dark": e === "alt-system"
108
+ });
109
+ if (r === "secondary")
110
+ return o({
111
+ "bg-action-dark": e === "light",
112
+ "bg-action-light": e === "dark",
113
+ "bg-action-dark dark:bg-action-light": e === "alt-system",
114
+ "bg-action-light dark:bg-action-dark": e === "system"
115
+ });
116
+ if (r === "danger")
117
+ return o({
118
+ "bg-action-danger-dark": e === "dark",
119
+ "bg-action-danger-light": e === "light",
120
+ "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
121
+ "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
122
+ });
123
+ if (r === "selected")
124
+ return "bg-action-selected-dark";
125
+ }
126
+ }, O = ({
127
+ radius: e
128
+ }) => o({
129
+ "rounded-full": e === "large",
130
+ "rounded-md": e === "medium",
131
+ "rounded-sm": e === "small"
132
+ }), D = ({
96
133
  mode: e,
97
134
  disabled: t,
98
135
  variant: r
@@ -100,34 +137,29 @@ const p = "av-button", T = "icon", w = "button", S = "link", U = ({
100
137
  if (t)
101
138
  return "";
102
139
  if (r === "primary")
103
- return d("hover:text-copy-light-hover", {
140
+ return o("hover:text-copy-light-hover", {
104
141
  "hover:bg-action-dark-hover": e === "dark",
105
142
  "hover:bg-action-light-hover": e === "light",
106
143
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
107
144
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
108
145
  });
109
146
  if (r === "secondary")
110
- return d("hover:text-copy-light-hover", {
147
+ return o("hover:text-copy-light-hover", {
111
148
  "hover:bg-action-dark-hover": e === "light",
112
149
  "hover:bg-action-light-hover": e === "dark",
113
150
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
114
151
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
115
152
  });
116
153
  if (r === "danger")
117
- return d("hover:text-copy-light-hover", {
154
+ return o("hover:text-copy-light-hover", {
118
155
  "hover:bg-action-danger-dark-hover": e === "dark",
119
156
  "hover:bg-action-danger-light-hover": e === "light",
120
157
  "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
121
158
  "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
122
159
  });
123
160
  if (r === "selected")
124
- return d("hover:text-copy-light-hover", {
125
- "hover:bg-action-selected-dark-hover": e === "dark",
126
- "hover:bg-action-selected-light-hover": e === "light",
127
- "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
128
- "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
129
- });
130
- }, A = ({
161
+ return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
162
+ }, V = ({
131
163
  mode: e,
132
164
  disabled: t,
133
165
  variant: r
@@ -135,34 +167,29 @@ const p = "av-button", T = "icon", w = "button", S = "link", U = ({
135
167
  if (t)
136
168
  return "";
137
169
  if (r === "primary")
138
- return d("active:text-copy-light-active", {
170
+ return o("active:text-copy-light-active", {
139
171
  "active:bg-action-dark-active": e === "dark",
140
172
  "active:bg-action-light-active": e === "light",
141
173
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
142
174
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
143
175
  });
144
176
  if (r === "secondary")
145
- return d("active:text-copy-light-active", {
177
+ return o("active:text-copy-light-active", {
146
178
  "active:bg-action-dark-active": e === "light",
147
179
  "active:bg-action-light-active": e === "dark",
148
180
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
149
181
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
150
182
  });
151
183
  if (r === "danger")
152
- return d("active:text-copy-lighter-active", {
184
+ return o("active:text-copy-lighter-active", {
153
185
  "active:bg-action-danger-dark-active": e === "dark",
154
186
  "active:bg-action-danger-light-active": e === "light",
155
187
  "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
156
188
  "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
157
189
  });
158
190
  if (r === "selected")
159
- return d("active:text-copy-lighter-active", {
160
- "active:bg-action-selected-dark-active": e === "dark",
161
- "active:bg-action-selected-light-active": e === "light",
162
- "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
163
- "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
164
- });
165
- }, D = ({
191
+ return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
192
+ }, F = ({
166
193
  mode: e,
167
194
  noBorder: t,
168
195
  variant: r
@@ -170,47 +197,42 @@ const p = "av-button", T = "icon", w = "button", S = "link", U = ({
170
197
  if (t)
171
198
  return "border border-transparent";
172
199
  if (r === "primary")
173
- return d("border", {
200
+ return o("border", {
174
201
  "border-border-dark": e === "dark",
175
202
  "border-border-accent": e === "light",
176
203
  "border-border-dark dark:border-border-accent": e === "system",
177
204
  "border-border-accent dark:border-border-dark": e === "alt-system"
178
205
  });
179
206
  if (r === "secondary")
180
- return d("border", {
207
+ return o("border", {
181
208
  "border-border-dark": e === "light",
182
209
  "border-border-accent": e === "dark",
183
210
  "border-border-dark dark:border-border-accent": e === "alt-system",
184
211
  "border-border-accent dark:border-border-dark": e === "system"
185
212
  });
186
213
  if (r === "danger")
187
- return d("border", {
214
+ return o("border", {
188
215
  "border-border-danger-dark": e === "dark",
189
216
  "border-border-danger-medium": e === "light",
190
217
  "border-border-danger-dark dark:border-border-danger-medium": e === "system",
191
218
  "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
192
219
  });
193
220
  if (r === "selected")
194
- return d("border", {
195
- "border-border-selected-dark": e === "dark",
196
- "border-border-selected-medium": e === "light",
197
- "border-border-selected-dark dark:border-border-selected-medium": e === "system",
198
- "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
199
- });
200
- }, O = ({
221
+ return "border border-border-selected-dark";
222
+ }, G = ({
201
223
  focusMode: e
202
- }) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
224
+ }) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
203
225
  "focus:outline-focus-dark": e === "dark",
204
226
  "focus:outline-focus-light": e === "light",
205
227
  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
206
228
  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
207
- }), B = ({
229
+ }), N = ({
208
230
  type: e,
209
231
  className: t,
210
232
  raw: r,
211
- mode: o,
212
- focusMode: a,
213
- disabled: i,
233
+ mode: a,
234
+ focusMode: i,
235
+ disabled: d,
214
236
  fullWidth: l,
215
237
  size: n,
216
238
  noBorder: b,
@@ -219,58 +241,60 @@ const p = "av-button", T = "icon", w = "button", S = "link", U = ({
219
241
  noBackground: m,
220
242
  variant: c,
221
243
  noTruncate: g,
222
- align: v,
244
+ align: y,
223
245
  radius: k
224
- }) => (c || (c = "primary"), r ? d(p, t) : d(
225
- p,
226
- j({
227
- mode: o,
246
+ }) => (c || (c = "primary"), r ? o(w, t) : o(
247
+ w,
248
+ W({
249
+ mode: a,
228
250
  variant: c,
229
251
  noBackground: m,
230
- noTruncate: g,
231
- radius: k
252
+ noTruncate: g
232
253
  }),
233
- U({
254
+ A({ mode: a, noBackground: m, variant: c }),
255
+ O({ radius: k }),
256
+ S({
234
257
  type: e,
235
258
  size: n,
236
259
  labelRight: s,
237
260
  labelLeft: u,
238
- align: v
261
+ align: y
239
262
  }),
240
- D({ mode: o, variant: c, noBorder: b }),
241
- O({ focusMode: a }),
242
- W({ mode: o, variant: c, disabled: i }),
243
- A({ mode: o, variant: c, disabled: i }),
263
+ U({ type: e, size: n, labelRight: s, labelLeft: u }),
264
+ F({ mode: a, variant: c, noBorder: b }),
265
+ G({ focusMode: i }),
266
+ D({ mode: a, variant: c, disabled: d }),
267
+ V({ mode: a, variant: c, disabled: d }),
244
268
  {
245
269
  "w-full": l,
246
- "disabled:cursor-not-allowed disabled:opacity-50": i
270
+ "disabled:cursor-not-allowed disabled:opacity-50": d
247
271
  },
248
272
  t
249
- )), V = (e, t, r) => {
250
- var o;
251
- !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((o = e == null ? void 0 : e.currentTarget) == null ? void 0 : o.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
252
- }, f = y.forwardRef((e, t) => {
253
- const { onClick: r, noInternalClick: o = !1, ...a } = e;
273
+ )), H = (e, t, r) => {
274
+ var a;
275
+ !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);
276
+ }, T = f.forwardRef((e, t) => {
277
+ const { onClick: r, noInternalClick: a = !1, ...i } = e;
254
278
  return /* @__PURE__ */ h(
255
279
  "button",
256
280
  {
257
281
  ref: t,
258
- onClick: (i) => {
259
- V(i, o, r);
282
+ onClick: (d) => {
283
+ H(d, a, r);
260
284
  },
261
- ...a
285
+ ...i
262
286
  }
263
287
  );
264
288
  });
265
- f.displayName = "BaseButton";
266
- const N = y.forwardRef(
289
+ T.displayName = "BaseButton";
290
+ const _ = f.forwardRef(
267
291
  ({
268
292
  children: e,
269
293
  disabled: t = !1,
270
294
  mode: r = "system",
271
- focusMode: o = "system",
272
- fullWidth: a = !1,
273
- className: i,
295
+ focusMode: a = "system",
296
+ fullWidth: i = !1,
297
+ className: d,
274
298
  size: l = "medium",
275
299
  raw: n = !1,
276
300
  noBorder: b = !1,
@@ -279,14 +303,14 @@ const N = y.forwardRef(
279
303
  radius: m = "large",
280
304
  ...c
281
305
  }, g) => {
282
- const v = B({
283
- type: w,
306
+ const y = N({
307
+ type: x,
284
308
  mode: r,
285
- focusMode: o,
286
- fullWidth: a,
309
+ focusMode: a,
310
+ fullWidth: i,
287
311
  disabled: t,
288
312
  raw: n,
289
- className: i,
313
+ className: d,
290
314
  size: l,
291
315
  noBorder: b,
292
316
  variant: s,
@@ -294,10 +318,10 @@ const N = y.forwardRef(
294
318
  radius: m
295
319
  });
296
320
  return /* @__PURE__ */ h(
297
- f,
321
+ T,
298
322
  {
299
323
  ref: g,
300
- className: v,
324
+ className: y,
301
325
  disabled: t,
302
326
  ...c,
303
327
  children: e
@@ -305,28 +329,28 @@ const N = y.forwardRef(
305
329
  );
306
330
  }
307
331
  );
308
- N.displayName = "Button";
332
+ _.displayName = "Button";
309
333
  /*!
310
- @versini/ui-button v3.2.1
334
+ @versini/ui-button v4.0.0
311
335
  © 2025 gizmette.com
312
336
  */
313
337
  try {
314
338
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
315
- version: "3.2.1",
316
- buildTime: "01/01/2025 07:31 PM EST",
339
+ version: "4.0.0",
340
+ buildTime: "01/03/2025 10:45 AM EST",
317
341
  homepage: "https://github.com/aversini/ui-components",
318
342
  license: "MIT"
319
343
  });
320
344
  } catch {
321
345
  }
322
- const F = y.forwardRef(
346
+ const $ = f.forwardRef(
323
347
  ({
324
348
  children: e,
325
349
  disabled: t = !1,
326
350
  mode: r = "system",
327
- focusMode: o = "system",
328
- fullWidth: a = !1,
329
- className: i,
351
+ focusMode: a = "system",
352
+ fullWidth: i = !1,
353
+ className: d,
330
354
  type: l = "button",
331
355
  raw: n = !1,
332
356
  noBorder: b = !1,
@@ -335,33 +359,33 @@ const F = y.forwardRef(
335
359
  size: m = "medium",
336
360
  labelRight: c,
337
361
  labelLeft: g,
338
- noBackground: v = !1,
362
+ noBackground: y = !1,
339
363
  align: k = "center",
340
- active: _ = !1,
341
- radius: E = "large",
342
- ...R
364
+ active: E = !1,
365
+ radius: R = "large",
366
+ ...z
343
367
  }, I) => {
344
- const M = B({
345
- type: T,
368
+ const M = N({
369
+ type: p,
346
370
  mode: r,
347
- focusMode: o,
348
- fullWidth: a,
371
+ focusMode: a,
372
+ fullWidth: i,
349
373
  disabled: t,
350
374
  raw: n,
351
- className: i,
375
+ className: d,
352
376
  noBorder: b,
353
377
  size: m,
354
378
  labelRight: c,
355
379
  labelLeft: g,
356
- noBackground: v,
380
+ noBackground: y,
357
381
  align: k,
358
- radius: E
359
- }), z = d({
382
+ radius: R
383
+ }), L = o({
360
384
  "text-copy-accent-dark": r === "light" && !n,
361
385
  "text-copy-light": r === "dark" && !n,
362
386
  "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !n,
363
387
  "text-copy-light dark:text-copy-accent-dark": r === "system" && !n
364
- }), C = _ ? d(
388
+ }), j = E ? o(
365
389
  "relative",
366
390
  "focus-within:static",
367
391
  "focus-within:after:border-transparent",
@@ -378,68 +402,68 @@ const F = y.forwardRef(
378
402
  "after:border-table-light dark:after:border-table-dark": r === "alt-system"
379
403
  }
380
404
  ) : "";
381
- return /* @__PURE__ */ h("div", { className: C, children: /* @__PURE__ */ x(
382
- f,
405
+ return /* @__PURE__ */ h("div", { className: j, children: /* @__PURE__ */ B(
406
+ T,
383
407
  {
384
408
  ref: I,
385
409
  className: M,
386
410
  disabled: t,
387
411
  type: l,
388
412
  "aria-label": s || u,
389
- ...R,
413
+ ...z,
390
414
  children: [
391
415
  g && /* @__PURE__ */ h("span", { className: "pr-2", children: g }),
392
- /* @__PURE__ */ h("div", { className: z, children: e }),
416
+ /* @__PURE__ */ h("div", { className: L, children: e }),
393
417
  c && /* @__PURE__ */ h("span", { className: "pl-2", children: c })
394
418
  ]
395
419
  }
396
420
  ) });
397
421
  }
398
422
  );
399
- F.displayName = "ButtonSort";
400
- const G = 200, H = ({
423
+ $.displayName = "ButtonSort";
424
+ const q = 200, J = ({
401
425
  string: e,
402
- idealLength: t = G
426
+ idealLength: t = q
403
427
  }) => {
404
428
  if (e.length <= t)
405
429
  return { string: e, isTruncated: !1 };
406
430
  if (e.charAt(t) === " ")
407
431
  return { string: e.slice(0, t), isTruncated: !0 };
408
- const a = e.slice(t).search(" ");
432
+ const i = e.slice(t).search(" ");
409
433
  return {
410
- string: e.slice(0, t + a),
434
+ string: e.slice(0, t + i),
411
435
  isTruncated: !0
412
436
  };
413
- }, K = ({
437
+ }, X = ({
414
438
  children: e,
415
439
  length: t = 200,
416
440
  mode: r = "system",
417
- focusMode: o = "system"
441
+ focusMode: a = "system"
418
442
  }) => {
419
- const [a, i] = L(!1);
443
+ const [i, d] = C(!1);
420
444
  if (typeof e != "string")
421
445
  return e;
422
- const { string: l, isTruncated: n } = H({
446
+ const { string: l, isTruncated: n } = J({
423
447
  string: e,
424
448
  idealLength: t
425
449
  });
426
- return /* @__PURE__ */ x("span", { style: { wordBreak: "break-word" }, children: [
427
- a ? e : l,
450
+ return /* @__PURE__ */ B("span", { style: { wordBreak: "break-word" }, children: [
451
+ i ? e : l,
428
452
  n && /* @__PURE__ */ h(
429
- N,
453
+ _,
430
454
  {
431
455
  mode: r,
432
- focusMode: o,
456
+ focusMode: a,
433
457
  className: "ml-2",
434
458
  size: "small",
435
459
  onClick: (s) => {
436
- s.preventDefault(), i(!a);
460
+ s.preventDefault(), d(!i);
437
461
  },
438
- children: a ? "less..." : "more..."
462
+ children: i ? "less..." : "more..."
439
463
  }
440
464
  )
441
465
  ] });
442
466
  };
443
467
  export {
444
- K as Truncate
468
+ X as Truncate
445
469
  };
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 v2.0.9
3
+ @versini/ui-truncate v3.0.0
4
4
  © 2025 gizmette.com
5
5
  */
6
6
  try {
7
7
  window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
8
- version: "2.0.9",
9
- buildTime: "01/01/2025 07:31 PM EST",
8
+ version: "3.0.0",
9
+ buildTime: "01/03/2025 10:45 AM 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}}.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(20 83 45 / var(--tw-border-opacity, 1)))}.border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / 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(20 83 45 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / var(--tw-bg-opacity, 1)))}.bg-action-selected-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, 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)}.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(21 128 61 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / 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(22 163 74 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / 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\:border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(20 83 45 / var(--tw-border-opacity, 1)))}.dark\:border-border-selected-medium{--tw-border-opacity: 1;border-color:var(--av-border-selected-medium, rgb(74 222 128 / 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\:bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(20 83 45 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-selected-light{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light, rgb(22 163 74 / 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\:hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-selected-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-hover, rgb(21 128 61 / 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)))}.dark\:active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-selected-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-light-active, rgb(22 101 52 / 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}}.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)}.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": "2.0.9",
3
+ "version": "3.0.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -39,11 +39,11 @@
39
39
  },
40
40
  "dependencies": {
41
41
  "@tailwindcss/typography": "0.5.15",
42
- "@versini/ui-button": "3.2.1",
42
+ "@versini/ui-button": "4.0.0",
43
43
  "tailwindcss": "3.4.17"
44
44
  },
45
45
  "sideEffects": [
46
46
  "**/*.css"
47
47
  ],
48
- "gitHead": "d052f6a22a228e03504ab6eef71c817bd53dd656"
48
+ "gitHead": "406bf426c5b3186ef7197e0b51d83ec0de689cde"
49
49
  }