@alfadocs/ui-kit 0.9.0 → 0.10.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.
- package/dist/_chunks/{agenda-card-DU13wUTA.js → agenda-card-CsCm7hQv.js} +2 -2
- package/dist/_chunks/{agenda-tray-gQUXklO4.js → agenda-tray-B8QZ3wEp.js} +2 -2
- package/dist/_chunks/{combobox-DUpWoPPk.js → combobox-BHhnR3qm.js} +4 -8
- package/dist/_chunks/{file-upload-BVbfiANR.js → file-upload-DIecAfC-.js} +4 -8
- package/dist/_chunks/{notification-card-CRIE2Cuk.js → notification-card-ejOw5g6g.js} +2 -5
- package/dist/_chunks/{notification-tray-CfXNYrxv.js → notification-tray-C3dYdLAF.js} +3 -6
- package/dist/_chunks/{patient-shell-BS2V6V1b.js → patient-shell-CL20JnVJ.js} +2 -2
- package/dist/_chunks/rating-BRD7O74e.js +171 -0
- package/dist/_chunks/{sidebar-CoLHtVrP.js → sidebar-D8Lq065m.js} +107 -121
- package/dist/_chunks/{sparkline-D4Np8ikf.js → sparkline-B5Ms55PZ.js} +2 -2
- package/dist/_chunks/star-vav0SJ9e.js +20 -0
- package/dist/_chunks/{timeline-BaSULpSJ.js → timeline-rmls7dIh.js} +9 -9
- package/dist/_chunks/{transaction-chip-eVbolm0B.js → transaction-chip-z9ENE50O.js} +2 -2
- package/dist/_chunks/{use-password-requirements-B1M8lE2t.js → use-password-requirements-DbPZMfV9.js} +2 -2
- package/dist/agent-catalog.json +15 -1
- package/dist/components/agenda-card/index.js +1 -1
- package/dist/components/agenda-tray/index.js +1 -1
- package/dist/components/combobox/index.js +1 -1
- package/dist/components/file-upload/index.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/notification-card/index.js +1 -1
- package/dist/components/notification-tray/index.js +1 -1
- package/dist/components/password-input/index.js +1 -1
- package/dist/components/rating/index.d.ts +3 -0
- package/dist/components/rating/index.js +5 -0
- package/dist/components/rating/rating.d.ts +29 -0
- package/dist/components/sidebar/index.js +1 -1
- package/dist/components/sparkline/index.js +1 -1
- package/dist/components/timeline/index.js +1 -1
- package/dist/components/transaction-chip/index.js +1 -1
- package/dist/i18n/config.d.ts +1 -1
- package/dist/i18n/config.js +18 -0
- package/dist/i18n/resources.d.ts +15 -0
- package/dist/index.js +324 -322
- package/dist/locales/de.json +5 -0
- package/dist/locales/en.json +5 -0
- package/dist/locales/it.json +5 -0
- package/dist/patterns/patient-shell/index.js +1 -1
- package/dist/tokens.css +1 -1
- package/package.json +5 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsx as a, jsxs as f, Fragment as
|
|
2
|
-
import { forwardRef as b, useState as D, useEffect as
|
|
1
|
+
import { jsx as a, jsxs as f, Fragment as $ } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as b, useState as D, useEffect as F, useCallback as G, useRef as q, useMemo as U, useId as ds, useContext as J, createContext as W } from "react";
|
|
3
3
|
import * as B from "@radix-ui/react-dialog";
|
|
4
|
-
import * as
|
|
4
|
+
import * as H from "@radix-ui/react-collapsible";
|
|
5
5
|
import * as R from "@radix-ui/react-accordion";
|
|
6
6
|
import * as S from "@radix-ui/react-tooltip";
|
|
7
7
|
import { a as ns } from "./accordion-DOmxGEWU.js";
|
|
@@ -10,59 +10,45 @@ import { c as I } from "./index-D2ZczOXr.js";
|
|
|
10
10
|
import { useTranslation as A } from "react-i18next";
|
|
11
11
|
import { u as is } from "./registry-C9nwlNyL.js";
|
|
12
12
|
import { X as ls } from "./x-CCcI3eJp.js";
|
|
13
|
-
import { c as
|
|
14
|
-
import { C as
|
|
13
|
+
import { c as V } from "./createLucideIcon-CrFbzy84.js";
|
|
14
|
+
import { C as _ } from "./chevron-right-BrpYejk0.js";
|
|
15
|
+
import { S as cs } from "./star-vav0SJ9e.js";
|
|
15
16
|
/**
|
|
16
17
|
* @license lucide-react v1.8.0 - ISC
|
|
17
18
|
*
|
|
18
19
|
* This source code is licensed under the ISC license.
|
|
19
20
|
* See the LICENSE file in the root directory of this source tree.
|
|
20
21
|
*/
|
|
21
|
-
const
|
|
22
|
+
const us = [
|
|
22
23
|
["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
|
|
23
24
|
["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
|
|
24
25
|
["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
|
|
25
26
|
["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
|
|
26
27
|
["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
|
|
27
28
|
["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
|
|
28
|
-
],
|
|
29
|
+
], ms = V("grip-vertical", us);
|
|
29
30
|
/**
|
|
30
31
|
* @license lucide-react v1.8.0 - ISC
|
|
31
32
|
*
|
|
32
33
|
* This source code is licensed under the ISC license.
|
|
33
34
|
* See the LICENSE file in the root directory of this source tree.
|
|
34
35
|
*/
|
|
35
|
-
const
|
|
36
|
+
const fs = [
|
|
36
37
|
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
|
|
37
38
|
["path", { d: "M9 3v18", key: "fh3hqa" }],
|
|
38
39
|
["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
|
|
39
|
-
],
|
|
40
|
+
], ps = V("panel-left-close", fs);
|
|
40
41
|
/**
|
|
41
42
|
* @license lucide-react v1.8.0 - ISC
|
|
42
43
|
*
|
|
43
44
|
* This source code is licensed under the ISC license.
|
|
44
45
|
* See the LICENSE file in the root directory of this source tree.
|
|
45
46
|
*/
|
|
46
|
-
const
|
|
47
|
+
const vs = [
|
|
47
48
|
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
|
|
48
49
|
["path", { d: "M9 3v18", key: "fh3hqa" }],
|
|
49
50
|
["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
|
|
50
|
-
],
|
|
51
|
-
/**
|
|
52
|
-
* @license lucide-react v1.8.0 - ISC
|
|
53
|
-
*
|
|
54
|
-
* This source code is licensed under the ISC license.
|
|
55
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
56
|
-
*/
|
|
57
|
-
const gs = [
|
|
58
|
-
[
|
|
59
|
-
"path",
|
|
60
|
-
{
|
|
61
|
-
d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
|
|
62
|
-
key: "r04s7s"
|
|
63
|
-
}
|
|
64
|
-
]
|
|
65
|
-
], bs = P("star", gs), hs = {
|
|
51
|
+
], gs = V("panel-left-open", vs), bs = {
|
|
66
52
|
id: "sidebar",
|
|
67
53
|
capabilities: ["expand"],
|
|
68
54
|
state: {
|
|
@@ -97,7 +83,7 @@ const gs = [
|
|
|
97
83
|
mode: "expanded",
|
|
98
84
|
density: "default"
|
|
99
85
|
}), y = () => J(E), X = "ui.sidebar.state";
|
|
100
|
-
function
|
|
86
|
+
function hs(s) {
|
|
101
87
|
if (typeof window > "u") return s;
|
|
102
88
|
try {
|
|
103
89
|
const e = window.localStorage.getItem(X);
|
|
@@ -106,7 +92,7 @@ function xs(s) {
|
|
|
106
92
|
}
|
|
107
93
|
return s;
|
|
108
94
|
}
|
|
109
|
-
function
|
|
95
|
+
function xs(s) {
|
|
110
96
|
if (!(typeof window > "u"))
|
|
111
97
|
try {
|
|
112
98
|
window.localStorage.setItem(X, s);
|
|
@@ -124,7 +110,7 @@ function ae(s, e) {
|
|
|
124
110
|
}
|
|
125
111
|
return typeof e == "function" ? e() : e;
|
|
126
112
|
});
|
|
127
|
-
return
|
|
113
|
+
return F(() => {
|
|
128
114
|
if (!(typeof window > "u"))
|
|
129
115
|
try {
|
|
130
116
|
window.localStorage.setItem(s, JSON.stringify(r));
|
|
@@ -132,7 +118,7 @@ function ae(s, e) {
|
|
|
132
118
|
}
|
|
133
119
|
}, [s, r]), [r, d];
|
|
134
120
|
}
|
|
135
|
-
const
|
|
121
|
+
const M = I(
|
|
136
122
|
[
|
|
137
123
|
"ds:flex ds:flex-col",
|
|
138
124
|
// Sidebar sits at the page background in light mode (white-on-white
|
|
@@ -172,7 +158,7 @@ const O = I(
|
|
|
172
158
|
},
|
|
173
159
|
defaultVariants: { mode: "expanded", density: "default" }
|
|
174
160
|
}
|
|
175
|
-
),
|
|
161
|
+
), ys = b(
|
|
176
162
|
({
|
|
177
163
|
state: s,
|
|
178
164
|
defaultState: e = "expanded",
|
|
@@ -187,10 +173,10 @@ const O = I(
|
|
|
187
173
|
...p
|
|
188
174
|
}, x) => {
|
|
189
175
|
const { t: w } = A(), g = s !== void 0, [t, N] = D(
|
|
190
|
-
() => g ? s :
|
|
176
|
+
() => g ? s : hs(e)
|
|
191
177
|
), h = g ? s : t;
|
|
192
|
-
|
|
193
|
-
g ||
|
|
178
|
+
F(() => {
|
|
179
|
+
g || xs(t);
|
|
194
180
|
}, [t, g]);
|
|
195
181
|
const v = G(
|
|
196
182
|
(C) => {
|
|
@@ -198,7 +184,7 @@ const O = I(
|
|
|
198
184
|
},
|
|
199
185
|
[g, r]
|
|
200
186
|
), z = u ?? w("navigation.sidebar.label"), j = q(h);
|
|
201
|
-
|
|
187
|
+
F(() => {
|
|
202
188
|
j.current = h;
|
|
203
189
|
}, [h]);
|
|
204
190
|
const k = U(
|
|
@@ -211,7 +197,7 @@ const O = I(
|
|
|
211
197
|
}),
|
|
212
198
|
[v]
|
|
213
199
|
);
|
|
214
|
-
return is(
|
|
200
|
+
return is(bs, k, l), h === "overlay" ? /* @__PURE__ */ a(
|
|
215
201
|
E.Provider,
|
|
216
202
|
{
|
|
217
203
|
value: { mode: "overlay", density: d, transitionTo: v },
|
|
@@ -236,7 +222,7 @@ const O = I(
|
|
|
236
222
|
"ds:fixed ds:z-[var(--z-modal)]",
|
|
237
223
|
"ds:inset-inline-start-0 ds:inset-block-start-0",
|
|
238
224
|
"ds:h-dvh",
|
|
239
|
-
|
|
225
|
+
M({ mode: "overlay", density: d }),
|
|
240
226
|
"ds:shadow-[var(--shadow-xl)]",
|
|
241
227
|
"ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
|
|
242
228
|
"ds:data-[state=open]:slide-in-from-left ds:data-[state=closed]:slide-out-to-left",
|
|
@@ -296,7 +282,7 @@ const O = I(
|
|
|
296
282
|
"data-mode": h,
|
|
297
283
|
"data-density": d,
|
|
298
284
|
className: [
|
|
299
|
-
|
|
285
|
+
M({ mode: h, density: d }),
|
|
300
286
|
d === "compact" ? "ds:density-compact" : "",
|
|
301
287
|
o ?? ""
|
|
302
288
|
].filter(Boolean).join(" "),
|
|
@@ -308,8 +294,8 @@ const O = I(
|
|
|
308
294
|
);
|
|
309
295
|
}
|
|
310
296
|
);
|
|
311
|
-
|
|
312
|
-
const
|
|
297
|
+
ys.displayName = "Sidebar";
|
|
298
|
+
const ws = b(({ className: s, ...e }, r) => {
|
|
313
299
|
const { mode: d } = y();
|
|
314
300
|
return /* @__PURE__ */ a(
|
|
315
301
|
"div",
|
|
@@ -332,8 +318,8 @@ const Ns = b(({ className: s, ...e }, r) => {
|
|
|
332
318
|
}
|
|
333
319
|
);
|
|
334
320
|
});
|
|
335
|
-
|
|
336
|
-
const
|
|
321
|
+
ws.displayName = "SidebarHeader";
|
|
322
|
+
const Ns = b(
|
|
337
323
|
({ className: s, ...e }, r) => /* @__PURE__ */ a(
|
|
338
324
|
"div",
|
|
339
325
|
{
|
|
@@ -348,8 +334,8 @@ const Ss = b(
|
|
|
348
334
|
}
|
|
349
335
|
)
|
|
350
336
|
);
|
|
351
|
-
|
|
352
|
-
const
|
|
337
|
+
Ns.displayName = "SidebarBody";
|
|
338
|
+
const Ss = b(({ className: s, ...e }, r) => {
|
|
353
339
|
const { mode: d } = y();
|
|
354
340
|
return /* @__PURE__ */ a(
|
|
355
341
|
"div",
|
|
@@ -372,8 +358,8 @@ const js = b(({ className: s, ...e }, r) => {
|
|
|
372
358
|
}
|
|
373
359
|
);
|
|
374
360
|
});
|
|
375
|
-
|
|
376
|
-
const
|
|
361
|
+
Ss.displayName = "SidebarFooter";
|
|
362
|
+
const js = [
|
|
377
363
|
"ds:group/section-label ds:flex ds:w-full ds:items-center",
|
|
378
364
|
"type-eyebrow",
|
|
379
365
|
"ds:text-[var(--muted-foreground)]",
|
|
@@ -383,7 +369,7 @@ const zs = [
|
|
|
383
369
|
"ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
|
|
384
370
|
"ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
|
|
385
371
|
"ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
|
|
386
|
-
].join(" "),
|
|
372
|
+
].join(" "), K = [
|
|
387
373
|
"ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
|
|
388
374
|
"ds:size-4",
|
|
389
375
|
"ds:text-[var(--accent)]",
|
|
@@ -420,7 +406,7 @@ const zs = [
|
|
|
420
406
|
x && !e ? "ds:sr-only" : ""
|
|
421
407
|
].filter(Boolean).join(" "),
|
|
422
408
|
children: [
|
|
423
|
-
e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className:
|
|
409
|
+
e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: K, children: e }) : null,
|
|
424
410
|
s ? /* @__PURE__ */ a("span", { className: x ? "ds:sr-only" : "", children: s }) : null
|
|
425
411
|
]
|
|
426
412
|
}
|
|
@@ -438,11 +424,11 @@ const zs = [
|
|
|
438
424
|
onValueChange: i ? (N) => i(N === t) : void 0,
|
|
439
425
|
asChild: !0,
|
|
440
426
|
children: /* @__PURE__ */ a("div", { ref: l, className: g, ...m, children: /* @__PURE__ */ f(R.Item, { value: t, children: [
|
|
441
|
-
/* @__PURE__ */ a(R.Header, { className: "ds:flex", children: /* @__PURE__ */ f(R.Trigger, { className:
|
|
442
|
-
e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className:
|
|
427
|
+
/* @__PURE__ */ a(R.Header, { className: "ds:flex", children: /* @__PURE__ */ f(R.Trigger, { className: js, children: [
|
|
428
|
+
e ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: K, children: e }) : null,
|
|
443
429
|
/* @__PURE__ */ a("span", { className: "ds:flex-1 ds:text-start", children: s }),
|
|
444
430
|
/* @__PURE__ */ a(
|
|
445
|
-
|
|
431
|
+
_,
|
|
446
432
|
{
|
|
447
433
|
"aria-hidden": "true",
|
|
448
434
|
className: "ds:size-3 ds:transition-transform ds:group-data-[state=open]/section-label:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
|
|
@@ -463,7 +449,7 @@ const zs = [
|
|
|
463
449
|
}
|
|
464
450
|
);
|
|
465
451
|
Y.displayName = "SidebarSection";
|
|
466
|
-
const
|
|
452
|
+
const zs = [
|
|
467
453
|
"ds:group ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-sm)]",
|
|
468
454
|
"ds:min-h-[var(--min-target-size)]",
|
|
469
455
|
"ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
|
|
@@ -474,7 +460,7 @@ const ks = [
|
|
|
474
460
|
"ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
|
|
475
461
|
"ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
|
|
476
462
|
"ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
|
|
477
|
-
].join(" "),
|
|
463
|
+
].join(" "), ks = b(
|
|
478
464
|
({
|
|
479
465
|
label: s,
|
|
480
466
|
icon: e,
|
|
@@ -487,7 +473,7 @@ const ks = [
|
|
|
487
473
|
}, m) => {
|
|
488
474
|
const { mode: l } = y();
|
|
489
475
|
return /* @__PURE__ */ f(
|
|
490
|
-
|
|
476
|
+
H.Root,
|
|
491
477
|
{
|
|
492
478
|
ref: m,
|
|
493
479
|
defaultOpen: n,
|
|
@@ -496,7 +482,7 @@ const ks = [
|
|
|
496
482
|
className: d,
|
|
497
483
|
...o,
|
|
498
484
|
children: [
|
|
499
|
-
/* @__PURE__ */ f(
|
|
485
|
+
/* @__PURE__ */ f(H.Trigger, { className: zs, children: [
|
|
500
486
|
e ? /* @__PURE__ */ a(
|
|
501
487
|
"span",
|
|
502
488
|
{
|
|
@@ -516,7 +502,7 @@ const ks = [
|
|
|
516
502
|
}
|
|
517
503
|
),
|
|
518
504
|
l !== "icon" ? /* @__PURE__ */ a(
|
|
519
|
-
|
|
505
|
+
_,
|
|
520
506
|
{
|
|
521
507
|
"aria-hidden": "true",
|
|
522
508
|
className: "ds:size-4 ds:transition-transform ds:group-data-[state=open]:rotate-90 ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
|
|
@@ -524,7 +510,7 @@ const ks = [
|
|
|
524
510
|
) : null
|
|
525
511
|
] }),
|
|
526
512
|
/* @__PURE__ */ a(
|
|
527
|
-
|
|
513
|
+
H.Content,
|
|
528
514
|
{
|
|
529
515
|
className: [
|
|
530
516
|
"ds:overflow-hidden",
|
|
@@ -540,8 +526,8 @@ const ks = [
|
|
|
540
526
|
);
|
|
541
527
|
}
|
|
542
528
|
);
|
|
543
|
-
|
|
544
|
-
const
|
|
529
|
+
ks.displayName = "SidebarGroup";
|
|
530
|
+
const Cs = I(
|
|
545
531
|
[
|
|
546
532
|
// Every row is a pin-hover parent so inline pin / reorder affordances can
|
|
547
533
|
// fade in on hover of the whole row — keep `group/item` on this selector.
|
|
@@ -620,7 +606,7 @@ const Ts = I(
|
|
|
620
606
|
ref: l,
|
|
621
607
|
"aria-current": e ? "page" : void 0,
|
|
622
608
|
"aria-label": o,
|
|
623
|
-
className:
|
|
609
|
+
className: Cs({
|
|
624
610
|
mode: p,
|
|
625
611
|
density: x,
|
|
626
612
|
isActive: e,
|
|
@@ -639,7 +625,7 @@ const Ts = I(
|
|
|
639
625
|
children: [
|
|
640
626
|
t,
|
|
641
627
|
/* @__PURE__ */ a(
|
|
642
|
-
|
|
628
|
+
L,
|
|
643
629
|
{
|
|
644
630
|
isPinned: r,
|
|
645
631
|
label: n ?? o ?? "",
|
|
@@ -673,7 +659,7 @@ const Ts = I(
|
|
|
673
659
|
}
|
|
674
660
|
);
|
|
675
661
|
Q.displayName = "SidebarItem";
|
|
676
|
-
const
|
|
662
|
+
const Ts = b(({ className: s, children: e, ...r }, d) => /* @__PURE__ */ a(
|
|
677
663
|
"span",
|
|
678
664
|
{
|
|
679
665
|
ref: d,
|
|
@@ -694,8 +680,8 @@ const Is = b(({ className: s, children: e, ...r }, d) => /* @__PURE__ */ a(
|
|
|
694
680
|
children: e
|
|
695
681
|
}
|
|
696
682
|
));
|
|
697
|
-
|
|
698
|
-
const
|
|
683
|
+
Ts.displayName = "SidebarItemIcon";
|
|
684
|
+
const Is = b(({ className: s, children: e, ...r }, d) => {
|
|
699
685
|
const { mode: n } = y();
|
|
700
686
|
return /* @__PURE__ */ a(
|
|
701
687
|
"span",
|
|
@@ -713,8 +699,8 @@ const Bs = b(({ className: s, children: e, ...r }, d) => {
|
|
|
713
699
|
}
|
|
714
700
|
);
|
|
715
701
|
});
|
|
716
|
-
|
|
717
|
-
const
|
|
702
|
+
Is.displayName = "SidebarItemLabel";
|
|
703
|
+
const Bs = b(({ className: s, children: e, ...r }, d) => {
|
|
718
704
|
const { mode: n } = y(), i = n === "icon";
|
|
719
705
|
return /* @__PURE__ */ a(
|
|
720
706
|
"span",
|
|
@@ -745,8 +731,8 @@ const Ds = b(({ className: s, children: e, ...r }, d) => {
|
|
|
745
731
|
}
|
|
746
732
|
);
|
|
747
733
|
});
|
|
748
|
-
|
|
749
|
-
const
|
|
734
|
+
Bs.displayName = "SidebarItemBadge";
|
|
735
|
+
const Ds = I(
|
|
750
736
|
[
|
|
751
737
|
"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
|
|
752
738
|
"ds:min-h-[var(--min-target-size)]",
|
|
@@ -759,7 +745,7 @@ const As = I(
|
|
|
759
745
|
"ds:forced-colors:focus-visible:outline-[CanvasText]",
|
|
760
746
|
"ds:no-underline"
|
|
761
747
|
].join(" ")
|
|
762
|
-
),
|
|
748
|
+
), As = b(({ logo: s, name: e, showChevron: r = !0, className: d, ...n }, i) => {
|
|
763
749
|
const { mode: u } = y(), o = u !== "icon";
|
|
764
750
|
return /* @__PURE__ */ f(
|
|
765
751
|
"button",
|
|
@@ -767,7 +753,7 @@ const As = I(
|
|
|
767
753
|
ref: i,
|
|
768
754
|
type: "button",
|
|
769
755
|
"aria-label": e,
|
|
770
|
-
className: [
|
|
756
|
+
className: [Ds(), d].filter(Boolean).join(" "),
|
|
771
757
|
...n,
|
|
772
758
|
children: [
|
|
773
759
|
/* @__PURE__ */ a(
|
|
@@ -778,10 +764,10 @@ const As = I(
|
|
|
778
764
|
children: s
|
|
779
765
|
}
|
|
780
766
|
),
|
|
781
|
-
o ? /* @__PURE__ */ f(
|
|
767
|
+
o ? /* @__PURE__ */ f($, { children: [
|
|
782
768
|
/* @__PURE__ */ a("span", { className: "ds:truncate ds:flex-1 ds:text-start ds:max-w-[var(--header-workspace-max-inline-size)]", children: e }),
|
|
783
769
|
r ? /* @__PURE__ */ a(
|
|
784
|
-
|
|
770
|
+
_,
|
|
785
771
|
{
|
|
786
772
|
"aria-hidden": "true",
|
|
787
773
|
className: "ds:size-4 ds:shrink-0 ds:rotate-90"
|
|
@@ -792,8 +778,8 @@ const As = I(
|
|
|
792
778
|
}
|
|
793
779
|
);
|
|
794
780
|
});
|
|
795
|
-
|
|
796
|
-
const
|
|
781
|
+
As.displayName = "SidebarWorkspaceSwitcher";
|
|
782
|
+
const Rs = I(
|
|
797
783
|
[
|
|
798
784
|
"ds:flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
|
|
799
785
|
"ds:min-h-[var(--min-target-size)]",
|
|
@@ -816,7 +802,7 @@ const Ps = I(
|
|
|
816
802
|
},
|
|
817
803
|
defaultVariants: { mode: "expanded" }
|
|
818
804
|
}
|
|
819
|
-
),
|
|
805
|
+
), Ps = b(({ icon: s, label: e, shortcut: r, className: d, ...n }, i) => {
|
|
820
806
|
const { mode: u } = y(), o = u !== "icon";
|
|
821
807
|
return /* @__PURE__ */ f(
|
|
822
808
|
"button",
|
|
@@ -825,7 +811,7 @@ const Ps = I(
|
|
|
825
811
|
type: "button",
|
|
826
812
|
"aria-label": e,
|
|
827
813
|
"aria-keyshortcuts": r,
|
|
828
|
-
className: [
|
|
814
|
+
className: [Rs({ mode: u }), d].filter(Boolean).join(" "),
|
|
829
815
|
...n,
|
|
830
816
|
children: [
|
|
831
817
|
/* @__PURE__ */ a(
|
|
@@ -836,7 +822,7 @@ const Ps = I(
|
|
|
836
822
|
children: s
|
|
837
823
|
}
|
|
838
824
|
),
|
|
839
|
-
o ? /* @__PURE__ */ f(
|
|
825
|
+
o ? /* @__PURE__ */ f($, { children: [
|
|
840
826
|
/* @__PURE__ */ a("span", { className: "ds:truncate", children: e }),
|
|
841
827
|
r ? /* @__PURE__ */ a("kbd", { className: "ds:ms-auto ds:text-[length:var(--font-size-xs)] ds:font-[family-name:var(--font-mono)] ds:opacity-80", children: r }) : null
|
|
842
828
|
] }) : null
|
|
@@ -844,8 +830,8 @@ const Ps = I(
|
|
|
844
830
|
}
|
|
845
831
|
);
|
|
846
832
|
});
|
|
847
|
-
|
|
848
|
-
const
|
|
833
|
+
Ps.displayName = "SidebarPrimaryAction";
|
|
834
|
+
const Hs = [
|
|
849
835
|
"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
|
|
850
836
|
"ds:size-6 ds:rounded-[var(--radius-sm)]",
|
|
851
837
|
// Pin stars carry the accent tint to match every other icon in the rail.
|
|
@@ -858,7 +844,7 @@ const Fs = [
|
|
|
858
844
|
"ds:forced-colors:focus-visible:outline-[CanvasText]",
|
|
859
845
|
"ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)]",
|
|
860
846
|
"ds:motion-reduce:transition-none"
|
|
861
|
-
].join(" "),
|
|
847
|
+
].join(" "), L = b(
|
|
862
848
|
({ isPinned: s, onPinChange: e, label: r, className: d, onClick: n, ...i }, u) => {
|
|
863
849
|
const { t: o } = A(), { mode: m } = y();
|
|
864
850
|
if (m === "icon") return null;
|
|
@@ -870,13 +856,13 @@ const Fs = [
|
|
|
870
856
|
type: "button",
|
|
871
857
|
"aria-label": l,
|
|
872
858
|
"aria-pressed": s,
|
|
873
|
-
className: [
|
|
859
|
+
className: [Hs, d].filter(Boolean).join(" "),
|
|
874
860
|
onClick: (p) => {
|
|
875
861
|
p.preventDefault(), p.stopPropagation(), e == null || e(!s), n == null || n(p);
|
|
876
862
|
},
|
|
877
863
|
...i,
|
|
878
864
|
children: /* @__PURE__ */ a(
|
|
879
|
-
|
|
865
|
+
cs,
|
|
880
866
|
{
|
|
881
867
|
"aria-hidden": "true",
|
|
882
868
|
className: "ds:size-4",
|
|
@@ -887,8 +873,8 @@ const Fs = [
|
|
|
887
873
|
);
|
|
888
874
|
}
|
|
889
875
|
);
|
|
890
|
-
|
|
891
|
-
const Z = W(null),
|
|
876
|
+
L.displayName = "SidebarPinButton";
|
|
877
|
+
const Z = W(null), Fs = () => J(Z), Es = b(
|
|
892
878
|
({ heading: s, emptyMessage: e, onReorder: r, className: d, children: n, ...i }, u) => {
|
|
893
879
|
const { t: o } = A(), m = s ?? o("navigation.sidebar.favorites", "Favourites"), l = Array.isArray(n) ? n.filter(Boolean) : n ? [n] : [], p = l.length, x = p > 0, [w, g] = D(null), [t, N] = D(""), h = q(!1), v = G((j) => {
|
|
894
880
|
h.current = !h.current, N(h.current ? j : `${j}`);
|
|
@@ -912,7 +898,7 @@ const Z = W(null), _s = () => J(Z), Es = b(
|
|
|
912
898
|
}
|
|
913
899
|
);
|
|
914
900
|
Es.displayName = "SidebarFavorites";
|
|
915
|
-
const
|
|
901
|
+
const Vs = I(
|
|
916
902
|
[
|
|
917
903
|
"ds:group/item ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]",
|
|
918
904
|
"ds:rounded-[var(--radius-sm)]",
|
|
@@ -931,7 +917,7 @@ const Ls = I(
|
|
|
931
917
|
},
|
|
932
918
|
defaultVariants: { dragging: !1, dropTarget: !1 }
|
|
933
919
|
}
|
|
934
|
-
),
|
|
920
|
+
), _s = [
|
|
935
921
|
"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
|
|
936
922
|
"ds:size-6 ds:rounded-[var(--radius-sm)]",
|
|
937
923
|
"ds:cursor-grab ds:active:cursor-grabbing",
|
|
@@ -945,7 +931,7 @@ const Ls = I(
|
|
|
945
931
|
"ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
|
|
946
932
|
"ds:forced-colors:focus-visible:outline-[CanvasText]",
|
|
947
933
|
"ds:transition-[color,opacity,background-color] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
|
|
948
|
-
].join(" "),
|
|
934
|
+
].join(" "), Ls = b(
|
|
949
935
|
({
|
|
950
936
|
index: s,
|
|
951
937
|
isActive: e = !1,
|
|
@@ -959,14 +945,14 @@ const Ls = I(
|
|
|
959
945
|
children: l,
|
|
960
946
|
...p
|
|
961
947
|
}, x) => {
|
|
962
|
-
const { t: w } = A(), { mode: g } = y(), t =
|
|
948
|
+
const { t: w } = A(), { mode: g } = y(), t = Fs(), [N, h] = D(!1), v = !!(t != null && t.onReorder) && g !== "icon", z = d ?? o ?? "", j = ds(), k = (c, T) => {
|
|
963
949
|
if (!(t != null && t.onReorder)) return;
|
|
964
|
-
const
|
|
965
|
-
|
|
950
|
+
const P = Math.max(0, Math.min(t.count - 1, T));
|
|
951
|
+
P !== c && (t.onReorder(c, P), t.announce(
|
|
966
952
|
w(
|
|
967
953
|
"navigation.sidebar.reorderAnnounce",
|
|
968
954
|
"{{label}} moved to position {{to}} of {{total}}",
|
|
969
|
-
{ label: z, to:
|
|
955
|
+
{ label: z, to: P + 1, total: t.count }
|
|
970
956
|
)
|
|
971
957
|
));
|
|
972
958
|
}, C = (c) => {
|
|
@@ -982,13 +968,13 @@ const Ls = I(
|
|
|
982
968
|
c.preventDefault();
|
|
983
969
|
const T = t == null ? void 0 : t.dragSource;
|
|
984
970
|
h(!1), !(T == null || T === s) && k(T, s);
|
|
985
|
-
},
|
|
971
|
+
}, O = (t == null ? void 0 : t.dragSource) === s;
|
|
986
972
|
return /* @__PURE__ */ f(
|
|
987
973
|
"div",
|
|
988
974
|
{
|
|
989
|
-
className:
|
|
990
|
-
dragging:
|
|
991
|
-
dropTarget: N && !
|
|
975
|
+
className: Vs({
|
|
976
|
+
dragging: O,
|
|
977
|
+
dropTarget: N && !O
|
|
992
978
|
}),
|
|
993
979
|
draggable: v || void 0,
|
|
994
980
|
onDragStart: v ? ss : void 0,
|
|
@@ -1021,13 +1007,13 @@ const Ls = I(
|
|
|
1021
1007
|
"Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
|
|
1022
1008
|
{ label: z }
|
|
1023
1009
|
),
|
|
1024
|
-
className:
|
|
1010
|
+
className: _s,
|
|
1025
1011
|
onKeyDown: C,
|
|
1026
|
-
children: /* @__PURE__ */ a(
|
|
1012
|
+
children: /* @__PURE__ */ a(ms, { "aria-hidden": "true", className: "ds:size-4" })
|
|
1027
1013
|
}
|
|
1028
1014
|
) : null,
|
|
1029
1015
|
i && g !== "icon" ? /* @__PURE__ */ a(
|
|
1030
|
-
|
|
1016
|
+
L,
|
|
1031
1017
|
{
|
|
1032
1018
|
isPinned: n,
|
|
1033
1019
|
label: u ?? o ?? "",
|
|
@@ -1039,7 +1025,7 @@ const Ls = I(
|
|
|
1039
1025
|
);
|
|
1040
1026
|
}
|
|
1041
1027
|
);
|
|
1042
|
-
|
|
1028
|
+
Ls.displayName = "SidebarFavoriteItem";
|
|
1043
1029
|
const Os = I(
|
|
1044
1030
|
[
|
|
1045
1031
|
"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
|
|
@@ -1053,7 +1039,7 @@ const Os = I(
|
|
|
1053
1039
|
"ds:forced-colors:focus-visible:outline-[CanvasText]",
|
|
1054
1040
|
"ds:no-underline"
|
|
1055
1041
|
].join(" ")
|
|
1056
|
-
),
|
|
1042
|
+
), Ms = b(({ avatar: s, name: e, subtitle: r, subtitleLabel: d, className: n, ...i }, u) => {
|
|
1057
1043
|
const { mode: o } = y(), m = o !== "icon", l = typeof r == "string" ? r : d;
|
|
1058
1044
|
return /* @__PURE__ */ f(
|
|
1059
1045
|
"button",
|
|
@@ -1080,7 +1066,7 @@ const Os = I(
|
|
|
1080
1066
|
}
|
|
1081
1067
|
);
|
|
1082
1068
|
});
|
|
1083
|
-
|
|
1069
|
+
Ms.displayName = "SidebarProfilePill";
|
|
1084
1070
|
const Ks = [
|
|
1085
1071
|
"ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
|
|
1086
1072
|
"ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)]",
|
|
@@ -1091,7 +1077,7 @@ const Ks = [
|
|
|
1091
1077
|
"ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
|
|
1092
1078
|
"ds:forced-colors:focus-visible:outline-[CanvasText]",
|
|
1093
1079
|
"ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
|
|
1094
|
-
].join(" "),
|
|
1080
|
+
].join(" "), $s = b(({ className: s, "aria-label": e, onClick: r, ...d }, n) => {
|
|
1095
1081
|
const { t: i } = A(), { mode: u, transitionTo: o } = y();
|
|
1096
1082
|
if (u === "overlay") return null;
|
|
1097
1083
|
const m = u === "expanded", l = e ?? (m ? i("navigation.sidebar.collapse", "Collapse sidebar") : i("navigation.sidebar.expand", "Expand sidebar")), p = /* @__PURE__ */ a(
|
|
@@ -1107,13 +1093,13 @@ const Ks = [
|
|
|
1107
1093
|
className: [Ks, s].filter(Boolean).join(" "),
|
|
1108
1094
|
...d,
|
|
1109
1095
|
children: m ? /* @__PURE__ */ a(
|
|
1110
|
-
|
|
1096
|
+
ps,
|
|
1111
1097
|
{
|
|
1112
1098
|
"aria-hidden": "true",
|
|
1113
1099
|
className: "ds:size-4 ds:rtl:-scale-x-100"
|
|
1114
1100
|
}
|
|
1115
1101
|
) : /* @__PURE__ */ a(
|
|
1116
|
-
|
|
1102
|
+
gs,
|
|
1117
1103
|
{
|
|
1118
1104
|
"aria-hidden": "true",
|
|
1119
1105
|
className: "ds:size-4 ds:rtl:-scale-x-100"
|
|
@@ -1143,27 +1129,27 @@ const Ks = [
|
|
|
1143
1129
|
) })
|
|
1144
1130
|
] });
|
|
1145
1131
|
});
|
|
1146
|
-
|
|
1132
|
+
$s.displayName = "SidebarCollapseTrigger";
|
|
1147
1133
|
export {
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1134
|
+
ys as S,
|
|
1135
|
+
Ns as a,
|
|
1136
|
+
$s as b,
|
|
1137
|
+
Ls as c,
|
|
1152
1138
|
Es as d,
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1139
|
+
Ss as e,
|
|
1140
|
+
ks as f,
|
|
1141
|
+
ws as g,
|
|
1156
1142
|
Q as h,
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1143
|
+
Bs as i,
|
|
1144
|
+
Ts as j,
|
|
1145
|
+
Is as k,
|
|
1146
|
+
L as l,
|
|
1147
|
+
Ps as m,
|
|
1148
|
+
Ms as n,
|
|
1163
1149
|
Y as o,
|
|
1164
|
-
|
|
1150
|
+
As as p,
|
|
1165
1151
|
y as q,
|
|
1166
|
-
|
|
1152
|
+
bs as s,
|
|
1167
1153
|
ae as u
|
|
1168
1154
|
};
|
|
1169
|
-
//# sourceMappingURL=sidebar-
|
|
1155
|
+
//# sourceMappingURL=sidebar-D8Lq065m.js.map
|
|
@@ -88,7 +88,7 @@ const ne = j(
|
|
|
88
88
|
), p = V(null), [O, E] = H(0), { direction: y } = X(t), N = R(() => {
|
|
89
89
|
if (t.length === 0)
|
|
90
90
|
return u("sparkline.noData", "No data");
|
|
91
|
-
const e = (g) => new Intl.NumberFormat(C.language).format(g), r = u(`
|
|
91
|
+
const e = (g) => new Intl.NumberFormat(C.language).format(g), r = u(`sparkline.direction.${y}`), f = {
|
|
92
92
|
min: e(Math.min(...t)),
|
|
93
93
|
max: e(Math.max(...t)),
|
|
94
94
|
current: e(t[t.length - 1]),
|
|
@@ -249,4 +249,4 @@ export {
|
|
|
249
249
|
Y as s,
|
|
250
250
|
X as u
|
|
251
251
|
};
|
|
252
|
-
//# sourceMappingURL=sparkline-
|
|
252
|
+
//# sourceMappingURL=sparkline-B5Ms55PZ.js.map
|