@alfadocs/ui-kit 0.24.0 → 0.25.1
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/{card-CWzuTLYE.js → card-C353dU-H.js} +21 -13
- package/dist/_chunks/carousel.agent-DnPiqijR.js +1733 -0
- package/dist/_chunks/{contact-card-DTQUMetD.js → contact-card-CjG7c-1q.js} +2 -2
- package/dist/_chunks/description-list-Bsga4IW8.js +309 -0
- package/dist/_chunks/{locale-picker-CYBhgSHR.js → locale-picker-BxEUUPW7.js} +212 -149
- package/dist/_chunks/{timeline-Czeqr3HF.js → timeline-jmd7lfDf.js} +19 -12
- package/dist/_chunks/{workflow-map-712GL-8u.js → workflow-map-BR6txfFX.js} +2 -2
- package/dist/agent-catalog.json +1 -1
- package/dist/components/card/index.js +1 -1
- package/dist/components/carousel/carousel.d.ts +21 -0
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/contact-card/index.js +1 -1
- package/dist/components/description-list/description-list.d.ts +40 -0
- package/dist/components/description-list/index.d.ts +1 -1
- package/dist/components/description-list/index.js +1 -1
- package/dist/components/header-settings/index.js +140 -102
- package/dist/components/locale-picker/index.js +1 -1
- package/dist/components/timeline/index.js +1 -1
- package/dist/components/workflow/index.js +1 -1
- package/dist/index.js +6 -6
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
- package/dist/_chunks/carousel.agent-CQPFfppK.js +0 -1696
- package/dist/_chunks/description-list-y7Hk51KI.js +0 -191
|
@@ -3,7 +3,7 @@ import { forwardRef as m, useMemo as p, useRef as w, useState as V, useCallback
|
|
|
3
3
|
import { c as b } from "./index-D2ZczOXr.js";
|
|
4
4
|
import { useTranslation as A } from "react-i18next";
|
|
5
5
|
import { A as P } from "./avatar-BpFohgWG.js";
|
|
6
|
-
import { C as N } from "./card-
|
|
6
|
+
import { C as N } from "./card-C353dU-H.js";
|
|
7
7
|
import { T as B } from "./timestamp-BV2lC-wV.js";
|
|
8
8
|
import { u as H } from "./registry-C9nwlNyL.js";
|
|
9
9
|
import { C as q } from "./circle-BkqTgYmt.js";
|
|
@@ -156,7 +156,7 @@ const K = {
|
|
|
156
156
|
}
|
|
157
157
|
);
|
|
158
158
|
E.displayName = "Timeline";
|
|
159
|
-
const
|
|
159
|
+
const k = m(
|
|
160
160
|
({ type: t = "neutral", eventId: r, className: s, children: i, ...n }, a) => {
|
|
161
161
|
const { layout: d } = v(u), { t: o } = A(), l = p(() => ({ type: t }), [t]);
|
|
162
162
|
return d === "alternating" ? /* @__PURE__ */ e(g.Provider, { value: l, children: /* @__PURE__ */ c(
|
|
@@ -186,8 +186,8 @@ const S = m(
|
|
|
186
186
|
) });
|
|
187
187
|
}
|
|
188
188
|
);
|
|
189
|
-
|
|
190
|
-
const
|
|
189
|
+
k.displayName = "Timeline.Event";
|
|
190
|
+
const S = m(
|
|
191
191
|
({ icon: t, className: r, ...s }, i) => {
|
|
192
192
|
const { type: n } = v(g), { layout: a } = v(u), d = /* @__PURE__ */ e(
|
|
193
193
|
"div",
|
|
@@ -213,8 +213,8 @@ const _ = m(
|
|
|
213
213
|
) : d;
|
|
214
214
|
}
|
|
215
215
|
);
|
|
216
|
-
|
|
217
|
-
const
|
|
216
|
+
S.displayName = "Timeline.Dot";
|
|
217
|
+
const _ = m(
|
|
218
218
|
({ title: t, description: r, actor: s, children: i, className: n, ...a }, d) => {
|
|
219
219
|
const { layout: o } = v(u), l = /* @__PURE__ */ e(
|
|
220
220
|
"div",
|
|
@@ -222,7 +222,14 @@ const k = m(
|
|
|
222
222
|
ref: d,
|
|
223
223
|
className: [
|
|
224
224
|
"ds:flex-1 ds:min-w-0 ds:pb-[var(--spacing-md)]",
|
|
225
|
-
|
|
225
|
+
// Wrap policy: `break-word` (not `anywhere`) preserves word-
|
|
226
|
+
// boundary wrapping for natural-language titles / descriptions;
|
|
227
|
+
// only genuinely unbreakable strings (URLs, hashes) break mid-
|
|
228
|
+
// word when they would otherwise overflow. `anywhere` introduces
|
|
229
|
+
// a soft-wrap opportunity at every character boundary, which
|
|
230
|
+
// chopped Italian / German labels mid-word when an event card
|
|
231
|
+
// sat in a narrow context.
|
|
232
|
+
"ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:break-word]",
|
|
226
233
|
n
|
|
227
234
|
].filter(Boolean).join(" "),
|
|
228
235
|
...a,
|
|
@@ -240,7 +247,7 @@ const k = m(
|
|
|
240
247
|
return o === "alternating" ? /* @__PURE__ */ e("div", { className: "ds:col-span-1 ds:[li:nth-child(even)_&]:col-start-3 ds:[li:nth-child(odd)_&]:col-start-1", children: l }) : l;
|
|
241
248
|
}
|
|
242
249
|
);
|
|
243
|
-
|
|
250
|
+
_.displayName = "Timeline.Content";
|
|
244
251
|
const G = 1440 * 60 * 1e3, j = m(
|
|
245
252
|
({
|
|
246
253
|
date: t,
|
|
@@ -267,13 +274,13 @@ const G = 1440 * 60 * 1e3, j = m(
|
|
|
267
274
|
);
|
|
268
275
|
j.displayName = "Timeline.Timestamp";
|
|
269
276
|
const le = Object.assign(E, {
|
|
270
|
-
Event:
|
|
271
|
-
Dot:
|
|
272
|
-
Content:
|
|
277
|
+
Event: k,
|
|
278
|
+
Dot: S,
|
|
279
|
+
Content: _,
|
|
273
280
|
Timestamp: j
|
|
274
281
|
});
|
|
275
282
|
export {
|
|
276
283
|
le as T,
|
|
277
284
|
K as t
|
|
278
285
|
};
|
|
279
|
-
//# sourceMappingURL=timeline-
|
|
286
|
+
//# sourceMappingURL=timeline-jmd7lfDf.js.map
|
|
@@ -2,7 +2,7 @@ import { jsx as t, jsxs as u, Fragment as ve } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as O, useMemo as R, useRef as j, useCallback as W, useState as ge, useImperativeHandle as ke, useEffect as ye } from "react";
|
|
3
3
|
import { c as L } from "./index-D2ZczOXr.js";
|
|
4
4
|
import { useTranslation as z } from "react-i18next";
|
|
5
|
-
import { C } from "./card-
|
|
5
|
+
import { C } from "./card-C353dU-H.js";
|
|
6
6
|
import { B as be } from "./badge-cLYVGlMh.js";
|
|
7
7
|
import { K as Z } from "./key-value-pair-DBuOCtIc.js";
|
|
8
8
|
import { T as xe } from "./timestamp-BV2lC-wV.js";
|
|
@@ -1412,4 +1412,4 @@ export {
|
|
|
1412
1412
|
ee as r,
|
|
1413
1413
|
D as w
|
|
1414
1414
|
};
|
|
1415
|
-
//# sourceMappingURL=workflow-map-
|
|
1415
|
+
//# sourceMappingURL=workflow-map-BR6txfFX.js.map
|
package/dist/agent-catalog.json
CHANGED
|
@@ -26,6 +26,27 @@ export interface CarouselProps extends Omit<ComponentPropsWithoutRef<'section'>,
|
|
|
26
26
|
snap?: 'mandatory' | 'proximity';
|
|
27
27
|
/** Consumer-supplied instance id, surfaced as `data-component-id`. */
|
|
28
28
|
id?: string;
|
|
29
|
+
/**
|
|
30
|
+
* Fade the inline edges of the viewport so offscreen slides on the
|
|
31
|
+
* leading and trailing edges appear to dissolve into the surrounding
|
|
32
|
+
* surface instead of being clipped abruptly. Defaults to `true`.
|
|
33
|
+
*
|
|
34
|
+
* The fade is conditionally suppressed when the carousel is at the
|
|
35
|
+
* start of the strip (leading edge stays solid) or at the end
|
|
36
|
+
* (trailing edge stays solid) — there is no offscreen content to
|
|
37
|
+
* hint at in those positions, and a fade would just look like a
|
|
38
|
+
* decorative haze.
|
|
39
|
+
*
|
|
40
|
+
* The gradient width is controlled by `--carousel-fade-distance`,
|
|
41
|
+
* which defaults to `var(--spacing-xl)`. Consumers can override it
|
|
42
|
+
* by setting the variable on the Carousel root via className, e.g.
|
|
43
|
+
* `<Carousel className="ds:[--carousel-fade-distance:5rem]" …>`.
|
|
44
|
+
*
|
|
45
|
+
* Automatically disabled under `prefers-reduced-motion`, the
|
|
46
|
+
* `theme-accessible` palette, and Windows High Contrast Mode so the
|
|
47
|
+
* mask never strips information from users who need it.
|
|
48
|
+
*/
|
|
49
|
+
fadeEdges?: boolean;
|
|
29
50
|
}
|
|
30
51
|
export interface CarouselItemProps extends ComponentPropsWithoutRef<'div'> {
|
|
31
52
|
children: ReactNode;
|
|
@@ -1,7 +1,29 @@
|
|
|
1
|
+
type LabelWidthPreset = 'auto' | 'fixed';
|
|
2
|
+
export type DescriptionListLabelWidth = LabelWidthPreset | (string & {});
|
|
1
3
|
export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {
|
|
2
4
|
layout?: 'inline' | 'stacked' | 'responsive';
|
|
3
5
|
density?: 'default' | 'compact';
|
|
4
6
|
divider?: 'none' | 'between' | 'bordered';
|
|
7
|
+
/**
|
|
8
|
+
* Width of the term column in `inline` and `responsive` layouts.
|
|
9
|
+
*
|
|
10
|
+
* - `'auto'` (default): the term column sizes to its intrinsic content
|
|
11
|
+
* per row, so labels wrap at word boundaries in narrow contexts (carousel
|
|
12
|
+
* cards, sidebar panels) and the detail column takes the remaining inline
|
|
13
|
+
* space. **Sibling rows do NOT share column widths under this preset** —
|
|
14
|
+
* each row's columns size to its own content. Use this when intrinsic
|
|
15
|
+
* per-row sizing matters more than vertical alignment of values.
|
|
16
|
+
* - `'fixed'`: ⅓ / ⅔ split — term column is `minmax(0, 1fr)` and detail
|
|
17
|
+
* column is `minmax(0, 2fr)`. Sibling rows share the same proportional
|
|
18
|
+
* widths, so values align vertically across rows. Use this when shared
|
|
19
|
+
* value-column alignment matters (the typical use case for a list of
|
|
20
|
+
* contact rows, profile fields, or any tabular-feeling metadata).
|
|
21
|
+
* - any CSS track size (`'8rem'`, `'min-content'`, `'40%'`, …): pins the
|
|
22
|
+
* term column to that width and lets the detail column take the rest.
|
|
23
|
+
*
|
|
24
|
+
* Ignored when `layout="stacked"` (single content column).
|
|
25
|
+
*/
|
|
26
|
+
labelWidth?: DescriptionListLabelWidth;
|
|
5
27
|
}
|
|
6
28
|
export interface DescriptionListRowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
29
|
/** When true, shows a copy-to-clipboard button using KeyValuePair's established mechanism */
|
|
@@ -10,6 +32,23 @@ export interface DescriptionListRowProps extends React.HTMLAttributes<HTMLDivEle
|
|
|
10
32
|
copyText?: string;
|
|
11
33
|
/** Label used in the copy button's aria-label: "Copy {copyLabel}". Falls back to copyText. */
|
|
12
34
|
copyLabel?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Optional decorative icon rendered at the leading edge of the row.
|
|
37
|
+
* Pass a `lucide-react` icon (or any single React element) for visual
|
|
38
|
+
* consistency. The wrapper applies `aria-hidden="true"` and paints
|
|
39
|
+
* the icon with `var(--description-list-icon-color)` (defaults to
|
|
40
|
+
* `--muted-foreground`); consumers can recolour the slot via that
|
|
41
|
+
* token without forking the component.
|
|
42
|
+
*
|
|
43
|
+
* When any row in the list passes an `icon`, every row reserves a
|
|
44
|
+
* leading icon column so values align across siblings — including
|
|
45
|
+
* rows that did not pass an icon.
|
|
46
|
+
*
|
|
47
|
+
* Type is `ReactElement` (not the broader `ReactNode`) so the intent
|
|
48
|
+
* is clear at the call site: this slot is for a single SVG/icon,
|
|
49
|
+
* not arbitrary fragments, strings, or numbers.
|
|
50
|
+
*/
|
|
51
|
+
icon?: React.ReactElement | null;
|
|
13
52
|
}
|
|
14
53
|
export type DescriptionListTermProps = React.HTMLAttributes<HTMLElement>;
|
|
15
54
|
export interface DescriptionListDetailProps extends React.HTMLAttributes<HTMLElement> {
|
|
@@ -21,4 +60,5 @@ export declare const DescriptionList: import("react").ForwardRefExoticComponent<
|
|
|
21
60
|
Term: import("react").ForwardRefExoticComponent<DescriptionListTermProps & import("react").RefAttributes<HTMLElement>>;
|
|
22
61
|
Detail: import("react").ForwardRefExoticComponent<DescriptionListDetailProps & import("react").RefAttributes<HTMLElement>>;
|
|
23
62
|
};
|
|
63
|
+
export {};
|
|
24
64
|
//# sourceMappingURL=description-list.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DescriptionList } from './description-list';
|
|
2
|
-
export type { DescriptionListProps, DescriptionListRowProps, DescriptionListTermProps, DescriptionListDetailProps, } from './description-list';
|
|
2
|
+
export type { DescriptionListProps, DescriptionListRowProps, DescriptionListTermProps, DescriptionListDetailProps, DescriptionListLabelWidth, } from './description-list';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { useTranslation as
|
|
5
|
-
import { I } from "../../_chunks/icon-button-C4CGcYuz.js";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import { u as O } from "../../_chunks/use-
|
|
11
|
-
import { u as P } from "../../_chunks/
|
|
12
|
-
import {
|
|
13
|
-
import { S as K
|
|
14
|
-
|
|
1
|
+
import { jsx as e, jsxs as d } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as A, useRef as p, useImperativeHandle as C, useCallback as x, useMemo as I } from "react";
|
|
3
|
+
import { c as N } from "../../_chunks/index-D2ZczOXr.js";
|
|
4
|
+
import { useTranslation as E } from "react-i18next";
|
|
5
|
+
import { I as o } from "../../_chunks/icon-button-C4CGcYuz.js";
|
|
6
|
+
import { I as R } from "../../_chunks/icon-button-group-DeV3FpNY.js";
|
|
7
|
+
import { D as r } from "../../_chunks/dropdown-menu-DZxwF23X.js";
|
|
8
|
+
import { S as M } from "../../_chunks/switch-D916VW86.js";
|
|
9
|
+
import { c as v, a as _, L as H } from "../../_chunks/locale-picker-BxEUUPW7.js";
|
|
10
|
+
import { u as O } from "../../_chunks/use-locale-BkCIHujH.js";
|
|
11
|
+
import { u as P } from "../../_chunks/use-theme-B1cwAXJR.js";
|
|
12
|
+
import { u as j } from "../../_chunks/registry-C9nwlNyL.js";
|
|
13
|
+
import { S as K } from "../../_chunks/settings-ca2Yi9R8.js";
|
|
14
|
+
import { S as D, M as z, a as V } from "../../_chunks/sun-Eweh5fvi.js";
|
|
15
|
+
const B = {
|
|
15
16
|
id: "header-settings",
|
|
16
17
|
capabilities: ["view_change"],
|
|
17
18
|
state: {},
|
|
@@ -21,8 +22,8 @@ const D = {
|
|
|
21
22
|
argsType: "{ locale: string }",
|
|
22
23
|
descriptionKey: "ui.agent.headerSettings.actions.setLocale",
|
|
23
24
|
description: "Switch the active locale to the given IETF tag.",
|
|
24
|
-
invoke: (t,
|
|
25
|
-
t.setLocale(
|
|
25
|
+
invoke: (t, i) => {
|
|
26
|
+
t.setLocale(i.locale);
|
|
26
27
|
}
|
|
27
28
|
},
|
|
28
29
|
set_theme: {
|
|
@@ -30,8 +31,8 @@ const D = {
|
|
|
30
31
|
argsType: '{ theme: "light" | "dark" | "system" }',
|
|
31
32
|
descriptionKey: "ui.agent.headerSettings.actions.setTheme",
|
|
32
33
|
description: "Switch the theme preference.",
|
|
33
|
-
invoke: (t,
|
|
34
|
-
t.setTheme(
|
|
34
|
+
invoke: (t, i) => {
|
|
35
|
+
t.setTheme(i.theme);
|
|
35
36
|
}
|
|
36
37
|
},
|
|
37
38
|
set_accessibility: {
|
|
@@ -39,8 +40,8 @@ const D = {
|
|
|
39
40
|
argsType: '{ accessibility: "default" | "accessible" }',
|
|
40
41
|
descriptionKey: "ui.agent.headerSettings.actions.setAccessibility",
|
|
41
42
|
description: "Switch the accessibility preference.",
|
|
42
|
-
invoke: (t,
|
|
43
|
-
t.setAccessibility(
|
|
43
|
+
invoke: (t, i) => {
|
|
44
|
+
t.setAccessibility(i.accessibility);
|
|
44
45
|
}
|
|
45
46
|
}
|
|
46
47
|
},
|
|
@@ -52,19 +53,19 @@ const D = {
|
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
55
|
};
|
|
55
|
-
function
|
|
56
|
+
function G(t, i) {
|
|
56
57
|
if (!(typeof window > "u"))
|
|
57
58
|
try {
|
|
58
|
-
window.localStorage.setItem(t,
|
|
59
|
+
window.localStorage.setItem(t, i);
|
|
59
60
|
} catch {
|
|
60
61
|
}
|
|
61
62
|
}
|
|
62
|
-
function
|
|
63
|
+
function W(t) {
|
|
63
64
|
if (typeof document > "u") return;
|
|
64
|
-
const
|
|
65
|
-
|
|
65
|
+
const i = document.documentElement;
|
|
66
|
+
i.lang = t, i.dir = v[t].dir;
|
|
66
67
|
}
|
|
67
|
-
const
|
|
68
|
+
const F = N("ds:inline-flex ds:items-center", {
|
|
68
69
|
variants: {
|
|
69
70
|
align: {
|
|
70
71
|
start: "",
|
|
@@ -72,120 +73,157 @@ const W = R("ds:inline-flex ds:items-center", {
|
|
|
72
73
|
}
|
|
73
74
|
},
|
|
74
75
|
defaultVariants: { align: "end" }
|
|
75
|
-
}),
|
|
76
|
+
}), U = [
|
|
76
77
|
"ds:w-[20rem] ds:p-[var(--spacing-xs)]",
|
|
77
78
|
"ds:rounded-[var(--radius-md)] ds:border ds:border-border",
|
|
78
79
|
"ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]"
|
|
79
|
-
].join(" "),
|
|
80
|
-
(t,
|
|
80
|
+
].join(" "), Y = A(
|
|
81
|
+
(t, i) => {
|
|
81
82
|
const {
|
|
82
83
|
align: g = "end",
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
84
|
+
size: y = "md",
|
|
85
|
+
disabled: S = !1,
|
|
86
|
+
className: w,
|
|
87
|
+
id: m,
|
|
88
|
+
...L
|
|
89
|
+
} = t, { t: s } = E(), n = P(), { setLocale: h } = O(), u = p(null);
|
|
90
|
+
C(i, () => u.current, []);
|
|
91
|
+
const f = x(
|
|
92
|
+
(a) => {
|
|
93
|
+
h(a), W(a), G(H, a);
|
|
92
94
|
},
|
|
93
|
-
[
|
|
94
|
-
),
|
|
95
|
-
|
|
96
|
-
const c =
|
|
95
|
+
[h]
|
|
96
|
+
), b = p(f);
|
|
97
|
+
b.current = f;
|
|
98
|
+
const c = p(n);
|
|
97
99
|
c.current = n;
|
|
98
|
-
const
|
|
100
|
+
const k = I(
|
|
99
101
|
() => ({
|
|
100
|
-
setLocale: (
|
|
101
|
-
Object.prototype.hasOwnProperty.call(
|
|
102
|
+
setLocale: (a) => {
|
|
103
|
+
Object.prototype.hasOwnProperty.call(v, a) && b.current(a);
|
|
102
104
|
},
|
|
103
|
-
setTheme: (
|
|
104
|
-
setAccessibility: (
|
|
105
|
+
setTheme: (a) => c.current.setTheme(a),
|
|
106
|
+
setAccessibility: (a) => c.current.setAccessibility(a)
|
|
105
107
|
}),
|
|
106
108
|
[]
|
|
107
109
|
);
|
|
108
|
-
|
|
109
|
-
const
|
|
110
|
-
return /* @__PURE__ */
|
|
110
|
+
j(B, k, m);
|
|
111
|
+
const T = n.accessibility === "accessible";
|
|
112
|
+
return /* @__PURE__ */ e(
|
|
111
113
|
"div",
|
|
112
114
|
{
|
|
113
|
-
ref:
|
|
115
|
+
ref: u,
|
|
114
116
|
"data-component": "header-settings",
|
|
115
|
-
"data-component-id":
|
|
116
|
-
className:
|
|
117
|
-
...
|
|
118
|
-
children: /* @__PURE__ */
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
|
|
117
|
+
"data-component-id": m,
|
|
118
|
+
className: F({ align: g, className: w }),
|
|
119
|
+
...L,
|
|
120
|
+
children: /* @__PURE__ */ d(r.Root, { children: [
|
|
121
|
+
/* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
|
|
122
|
+
o,
|
|
121
123
|
{
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
"aria-
|
|
124
|
+
size: y,
|
|
125
|
+
disabled: S,
|
|
126
|
+
icon: /* @__PURE__ */ e(K, { "aria-hidden": !0 }),
|
|
127
|
+
"aria-label": s("navigation.headerSettings.trigger")
|
|
125
128
|
}
|
|
126
129
|
) }),
|
|
127
|
-
/* @__PURE__ */
|
|
128
|
-
|
|
130
|
+
/* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ d(
|
|
131
|
+
r.Content,
|
|
129
132
|
{
|
|
130
133
|
align: g,
|
|
131
134
|
sideOffset: 8,
|
|
132
|
-
className:
|
|
133
|
-
onKeyDownCapture: (
|
|
134
|
-
const
|
|
135
|
-
(
|
|
136
|
-
|
|
135
|
+
className: U,
|
|
136
|
+
onKeyDownCapture: (a) => {
|
|
137
|
+
const l = a.target;
|
|
138
|
+
(l == null ? void 0 : l.tagName) === "INPUT" && // Always allow Escape so the menu can close.
|
|
139
|
+
a.key !== "Escape" && a.stopPropagation();
|
|
137
140
|
},
|
|
138
141
|
children: [
|
|
139
|
-
/* @__PURE__ */
|
|
140
|
-
/* @__PURE__ */
|
|
142
|
+
/* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.language.label") }),
|
|
143
|
+
/* @__PURE__ */ e(
|
|
141
144
|
"div",
|
|
142
145
|
{
|
|
143
146
|
role: "group",
|
|
144
|
-
"aria-label":
|
|
145
|
-
className:
|
|
146
|
-
|
|
147
|
+
"aria-label": s("navigation.headerSettings.language.label"),
|
|
148
|
+
className: [
|
|
149
|
+
"ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
|
|
150
|
+
// Stretch the compact LocalePicker to the full menu
|
|
151
|
+
// width so it reads as a single row affordance (not
|
|
152
|
+
// a centred pill). The picker's root is
|
|
153
|
+
// inline-flex; the `*:` child selector + `flex-1`
|
|
154
|
+
// gives it `flex: 1 1 0%` once it's a child of the
|
|
155
|
+
// flex container we make this div into.
|
|
156
|
+
"ds:flex ds:[&>*]:flex-1"
|
|
157
|
+
].join(" "),
|
|
158
|
+
children: /* @__PURE__ */ e(_, { variant: "compact" })
|
|
147
159
|
}
|
|
148
160
|
),
|
|
149
|
-
/* @__PURE__ */
|
|
150
|
-
/* @__PURE__ */
|
|
151
|
-
/* @__PURE__ */
|
|
152
|
-
|
|
161
|
+
/* @__PURE__ */ e(r.Separator, {}),
|
|
162
|
+
/* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.appearance.label") }),
|
|
163
|
+
/* @__PURE__ */ e(
|
|
164
|
+
"div",
|
|
153
165
|
{
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
166
|
+
role: "group",
|
|
167
|
+
"aria-label": s("navigation.headerSettings.appearance.label"),
|
|
168
|
+
className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
|
|
169
|
+
children: /* @__PURE__ */ d(
|
|
170
|
+
R,
|
|
171
|
+
{
|
|
172
|
+
role: "radiogroup",
|
|
173
|
+
mode: "toggle-single",
|
|
174
|
+
size: "sm",
|
|
175
|
+
"aria-label": s("navigation.headerSettings.appearance.label"),
|
|
176
|
+
value: n.theme,
|
|
177
|
+
onValueChange: (a) => n.setTheme(a),
|
|
178
|
+
children: [
|
|
179
|
+
/* @__PURE__ */ e(
|
|
180
|
+
o,
|
|
181
|
+
{
|
|
182
|
+
icon: /* @__PURE__ */ e(D, { "aria-hidden": !0 }),
|
|
183
|
+
"aria-label": s("navigation.headerSettings.appearance.light"),
|
|
184
|
+
value: "light"
|
|
185
|
+
}
|
|
186
|
+
),
|
|
187
|
+
/* @__PURE__ */ e(
|
|
188
|
+
o,
|
|
189
|
+
{
|
|
190
|
+
icon: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
|
|
191
|
+
"aria-label": s("navigation.headerSettings.appearance.dark"),
|
|
192
|
+
value: "dark"
|
|
193
|
+
}
|
|
194
|
+
),
|
|
195
|
+
/* @__PURE__ */ e(
|
|
196
|
+
o,
|
|
197
|
+
{
|
|
198
|
+
icon: /* @__PURE__ */ e(V, { "aria-hidden": !0 }),
|
|
199
|
+
"aria-label": s(
|
|
200
|
+
"navigation.headerSettings.appearance.system"
|
|
201
|
+
),
|
|
202
|
+
value: "system"
|
|
203
|
+
}
|
|
204
|
+
)
|
|
205
|
+
]
|
|
206
|
+
}
|
|
207
|
+
)
|
|
170
208
|
}
|
|
171
209
|
),
|
|
172
|
-
/* @__PURE__ */
|
|
173
|
-
/* @__PURE__ */
|
|
210
|
+
/* @__PURE__ */ e(r.Separator, {}),
|
|
211
|
+
/* @__PURE__ */ e(
|
|
174
212
|
"div",
|
|
175
213
|
{
|
|
176
214
|
role: "group",
|
|
177
|
-
"aria-label":
|
|
215
|
+
"aria-label": s(
|
|
178
216
|
"navigation.headerSettings.appearance.accessible"
|
|
179
217
|
),
|
|
180
218
|
className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
|
|
181
|
-
children: /* @__PURE__ */
|
|
182
|
-
|
|
219
|
+
children: /* @__PURE__ */ e(
|
|
220
|
+
M,
|
|
183
221
|
{
|
|
184
|
-
label:
|
|
222
|
+
label: s("navigation.headerSettings.appearance.accessible"),
|
|
185
223
|
labelSide: "start",
|
|
186
224
|
size: "sm",
|
|
187
|
-
checked:
|
|
188
|
-
onCheckedChange: (
|
|
225
|
+
checked: T,
|
|
226
|
+
onCheckedChange: (a) => n.setAccessibility(a ? "accessible" : "default")
|
|
189
227
|
}
|
|
190
228
|
)
|
|
191
229
|
}
|
|
@@ -198,8 +236,8 @@ const W = R("ds:inline-flex ds:items-center", {
|
|
|
198
236
|
);
|
|
199
237
|
}
|
|
200
238
|
);
|
|
201
|
-
|
|
239
|
+
Y.displayName = "HeaderSettings";
|
|
202
240
|
export {
|
|
203
|
-
|
|
241
|
+
Y as HeaderSettings
|
|
204
242
|
};
|
|
205
243
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-
|
|
1
|
+
import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-BR6txfFX.js";
|
|
2
2
|
export {
|
|
3
3
|
r as CORE_PATIENT_FIELDS,
|
|
4
4
|
e as WorkflowCard,
|
package/dist/index.js
CHANGED
|
@@ -44,11 +44,11 @@ import { A as Pe, a as he, b as Ie, c as Re, d as Fe } from "./_chunks/accordion
|
|
|
44
44
|
import { A as ke, g as Ne, n as Le } from "./_chunks/avatar-BpFohgWG.js";
|
|
45
45
|
import { B as Me } from "./_chunks/badge-cLYVGlMh.js";
|
|
46
46
|
import { B as De } from "./_chunks/benefit-card-DXmrAyfn.js";
|
|
47
|
-
import { C as Ve } from "./_chunks/card-
|
|
48
|
-
import { C as He, c as Oe } from "./_chunks/carousel.agent-
|
|
49
|
-
import { C as Ge } from "./_chunks/contact-card-
|
|
47
|
+
import { C as Ve } from "./_chunks/card-C353dU-H.js";
|
|
48
|
+
import { C as He, c as Oe } from "./_chunks/carousel.agent-DnPiqijR.js";
|
|
49
|
+
import { C as Ge } from "./_chunks/contact-card-CjG7c-1q.js";
|
|
50
50
|
import { A as Ue, B as Ke, C as je, a as Ye, D as ze, b as qe, c as Qe, d as Je, E as Xe, e as Ze, I as $e, L as ar, N as er, f as rr, S as or, g as tr, h as sr, T as ir, i as nr, j as pr, k as mr, l as lr, m as dr, n as fr, o as gr, U as cr, p as xr, q as ur, u as Ar } from "./_chunks/editable-currency-cell-renderer-DJB5MxAI.js";
|
|
51
|
-
import { D as Tr } from "./_chunks/description-list-
|
|
51
|
+
import { D as Tr } from "./_chunks/description-list-Bsga4IW8.js";
|
|
52
52
|
import { E as br } from "./_chunks/empty-state-3CLJIXSj.js";
|
|
53
53
|
import { F as hr, a as Ir, h as Rr } from "./_chunks/flag-DZ6V7-hU.js";
|
|
54
54
|
import { K as Er, k as kr } from "./_chunks/kbd-Cglkd7CY.js";
|
|
@@ -61,7 +61,7 @@ import { S as Gr } from "./_chunks/skeleton-CZbwyJAA.js";
|
|
|
61
61
|
import { S as Ur, s as Kr, u as jr } from "./_chunks/sparkline-B5Ms55PZ.js";
|
|
62
62
|
import { S as zr } from "./_chunks/stat-CYEx8sIR.js";
|
|
63
63
|
import { T as Qr } from "./_chunks/tag-CQmHRM4Y.js";
|
|
64
|
-
import { T as Xr, t as Zr } from "./_chunks/timeline-
|
|
64
|
+
import { T as Xr, t as Zr } from "./_chunks/timeline-jmd7lfDf.js";
|
|
65
65
|
import { T as ao } from "./_chunks/timestamp-BV2lC-wV.js";
|
|
66
66
|
import { B as ro, a as oo, b as to, c as so, d as io, e as no, f as po } from "./_chunks/breadcrumb--YI7lcHA.js";
|
|
67
67
|
import { C as lo, a as fo, b as go, c as co, d as xo, e as uo, f as Ao, g as So, h as To, i as Co, j as bo, k as Po, u as ho } from "./_chunks/command-palette-DkL-aW4O.js";
|
|
@@ -133,7 +133,7 @@ import { S as qn, f as Qn, i as Jn } from "./_chunks/slot-grid-CgpYgBkW.js";
|
|
|
133
133
|
import { C as Zn, a as $n, b as ap, F as ep, c as rp, d as op, P as tp, e as sp, T as ip, f as np, g as pp, h as mp, l as lp, i as dp, t as fp, r as gp } from "./_chunks/tooth-scheme-3mITSXiZ.js";
|
|
134
134
|
import { T as xp } from "./_chunks/transaction-chip-z9ENE50O.js";
|
|
135
135
|
import { W as Ap } from "./_chunks/whatsapp-button-DUjlWGKf.js";
|
|
136
|
-
import { C as Tp, W as Cp, a as bp, b as Pp, c as hp, i as Ip, l as Rp, m as Fp, r as Ep, w as kp, d as Np, e as Lp, f as yp } from "./_chunks/workflow-map-
|
|
136
|
+
import { C as Tp, W as Cp, a as bp, b as Pp, c as hp, i as Ip, l as Rp, m as Fp, r as Ep, w as kp, d as Np, e as Lp, f as yp } from "./_chunks/workflow-map-BR6txfFX.js";
|
|
137
137
|
import { A as Bp, a as Dp, b as wp, c as Vp } from "./_chunks/alia-sidebar-CUi2UCbY.js";
|
|
138
138
|
import { P as Hp } from "./_chunks/patient-shell-B164drIa.js";
|
|
139
139
|
import { Root as _p } from "@radix-ui/react-aspect-ratio";
|