@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.
@@ -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-CWzuTLYE.js";
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 S = m(
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
- S.displayName = "Timeline.Event";
190
- const _ = m(
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
- _.displayName = "Timeline.Dot";
217
- const k = m(
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
- "ds:[&_*]:break-normal ds:[&_*]:[overflow-wrap:anywhere]",
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
- k.displayName = "Timeline.Content";
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: S,
271
- Dot: _,
272
- Content: k,
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-Czeqr3HF.js.map
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-CWzuTLYE.js";
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-712GL-8u.js.map
1415
+ //# sourceMappingURL=workflow-map-BR6txfFX.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "packageVersion": "0.24.0",
3
+ "packageVersion": "0.25.1",
4
4
  "components": [
5
5
  {
6
6
  "kind": "component",
@@ -1,4 +1,4 @@
1
- import { C as o } from "../../_chunks/card-CWzuTLYE.js";
1
+ import { C as o } from "../../_chunks/card-C353dU-H.js";
2
2
  export {
3
3
  o as Card
4
4
  };
@@ -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,4 +1,4 @@
1
- import { C as o, c as r } from "../../_chunks/carousel.agent-CQPFfppK.js";
1
+ import { C as o, c as r } from "../../_chunks/carousel.agent-DnPiqijR.js";
2
2
  export {
3
3
  o as Carousel,
4
4
  r as carouselAgent
@@ -1,4 +1,4 @@
1
- import { C as r } from "../../_chunks/contact-card-DTQUMetD.js";
1
+ import { C as r } from "../../_chunks/contact-card-CjG7c-1q.js";
2
2
  export {
3
3
  r as ContactCard
4
4
  };
@@ -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,4 +1,4 @@
1
- import { D as r } from "../../_chunks/description-list-y7Hk51KI.js";
1
+ import { D as r } from "../../_chunks/description-list-Bsga4IW8.js";
2
2
  export {
3
3
  r as DescriptionList
4
4
  };
@@ -1,17 +1,18 @@
1
- import { jsx as a, jsxs as o } from "react/jsx-runtime";
2
- import { forwardRef as k, useRef as l, useImperativeHandle as T, useCallback as A, useMemo as C } from "react";
3
- import { c as R } from "../../_chunks/index-D2ZczOXr.js";
4
- import { useTranslation as N } from "react-i18next";
5
- import { I } from "../../_chunks/icon-button-C4CGcYuz.js";
6
- import { D as i } from "../../_chunks/dropdown-menu-DZxwF23X.js";
7
- import { S as E } from "../../_chunks/switch-D916VW86.js";
8
- import { c as b, a as M, L as _ } from "../../_chunks/locale-picker-CYBhgSHR.js";
9
- import { u as H } from "../../_chunks/use-locale-BkCIHujH.js";
10
- import { u as O } from "../../_chunks/use-theme-B1cwAXJR.js";
11
- import { u as P } from "../../_chunks/registry-C9nwlNyL.js";
12
- import { S as x } from "../../_chunks/settings-ca2Yi9R8.js";
13
- import { S as K, M as j, a as z } from "../../_chunks/sun-Eweh5fvi.js";
14
- const D = {
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, s) => {
25
- t.setLocale(s.locale);
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, s) => {
34
- t.setTheme(s.theme);
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, s) => {
43
- t.setAccessibility(s.accessibility);
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 V(t, s) {
56
+ function G(t, i) {
56
57
  if (!(typeof window > "u"))
57
58
  try {
58
- window.localStorage.setItem(t, s);
59
+ window.localStorage.setItem(t, i);
59
60
  } catch {
60
61
  }
61
62
  }
62
- function G(t) {
63
+ function W(t) {
63
64
  if (typeof document > "u") return;
64
- const s = document.documentElement;
65
- s.lang = t, s.dir = b[t].dir;
65
+ const i = document.documentElement;
66
+ i.lang = t, i.dir = v[t].dir;
66
67
  }
67
- const W = R("ds:inline-flex ds:items-center", {
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
- }), B = [
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(" "), F = k(
80
- (t, s) => {
80
+ ].join(" "), Y = A(
81
+ (t, i) => {
81
82
  const {
82
83
  align: g = "end",
83
- disabled: y = !1,
84
- className: S,
85
- id: p,
86
- ...v
87
- } = t, { t: r } = N(), n = O(), { setLocale: m } = H(), h = l(null);
88
- T(s, () => h.current, []);
89
- const u = A(
90
- (e) => {
91
- m(e), G(e), V(_, e);
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
- [m]
94
- ), f = l(u);
95
- f.current = u;
96
- const c = l(n);
95
+ [h]
96
+ ), b = p(f);
97
+ b.current = f;
98
+ const c = p(n);
97
99
  c.current = n;
98
- const w = C(
100
+ const k = I(
99
101
  () => ({
100
- setLocale: (e) => {
101
- Object.prototype.hasOwnProperty.call(b, e) && f.current(e);
102
+ setLocale: (a) => {
103
+ Object.prototype.hasOwnProperty.call(v, a) && b.current(a);
102
104
  },
103
- setTheme: (e) => c.current.setTheme(e),
104
- setAccessibility: (e) => c.current.setAccessibility(e)
105
+ setTheme: (a) => c.current.setTheme(a),
106
+ setAccessibility: (a) => c.current.setAccessibility(a)
105
107
  }),
106
108
  []
107
109
  );
108
- P(D, w, p);
109
- const L = n.accessibility === "accessible";
110
- return /* @__PURE__ */ a(
110
+ j(B, k, m);
111
+ const T = n.accessibility === "accessible";
112
+ return /* @__PURE__ */ e(
111
113
  "div",
112
114
  {
113
- ref: h,
115
+ ref: u,
114
116
  "data-component": "header-settings",
115
- "data-component-id": p,
116
- className: W({ align: g, className: S }),
117
- ...v,
118
- children: /* @__PURE__ */ o(i.Root, { children: [
119
- /* @__PURE__ */ a(i.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
120
- I,
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
- disabled: y,
123
- icon: /* @__PURE__ */ a(x, { "aria-hidden": !0 }),
124
- "aria-label": r("navigation.headerSettings.trigger")
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__ */ a(i.Portal, { children: /* @__PURE__ */ o(
128
- i.Content,
130
+ /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ d(
131
+ r.Content,
129
132
  {
130
133
  align: g,
131
134
  sideOffset: 8,
132
- className: B,
133
- onKeyDownCapture: (e) => {
134
- const d = e.target;
135
- (d == null ? void 0 : d.tagName) === "INPUT" && // Always allow Escape so the menu can close.
136
- e.key !== "Escape" && e.stopPropagation();
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__ */ a(i.Label, { children: r("navigation.headerSettings.language.label") }),
140
- /* @__PURE__ */ a(
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": r("navigation.headerSettings.language.label"),
145
- className: "ds:py-[var(--spacing-xs)]",
146
- children: /* @__PURE__ */ a(M.SearchList, {})
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__ */ a(i.Separator, {}),
150
- /* @__PURE__ */ a(i.Label, { children: r("navigation.headerSettings.appearance.label") }),
151
- /* @__PURE__ */ o(
152
- i.RadioGroup,
161
+ /* @__PURE__ */ e(r.Separator, {}),
162
+ /* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.appearance.label") }),
163
+ /* @__PURE__ */ e(
164
+ "div",
153
165
  {
154
- value: n.theme,
155
- onValueChange: (e) => n.setTheme(e),
156
- children: [
157
- /* @__PURE__ */ o(i.RadioItem, { value: "light", children: [
158
- /* @__PURE__ */ a(K, { "aria-hidden": !0, className: "ds:size-4" }),
159
- r("navigation.headerSettings.appearance.light")
160
- ] }),
161
- /* @__PURE__ */ o(i.RadioItem, { value: "dark", children: [
162
- /* @__PURE__ */ a(j, { "aria-hidden": !0, className: "ds:size-4" }),
163
- r("navigation.headerSettings.appearance.dark")
164
- ] }),
165
- /* @__PURE__ */ o(i.RadioItem, { value: "system", children: [
166
- /* @__PURE__ */ a(z, { "aria-hidden": !0, className: "ds:size-4" }),
167
- r("navigation.headerSettings.appearance.system")
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__ */ a(i.Separator, {}),
173
- /* @__PURE__ */ a(
210
+ /* @__PURE__ */ e(r.Separator, {}),
211
+ /* @__PURE__ */ e(
174
212
  "div",
175
213
  {
176
214
  role: "group",
177
- "aria-label": r(
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__ */ a(
182
- E,
219
+ children: /* @__PURE__ */ e(
220
+ M,
183
221
  {
184
- label: r("navigation.headerSettings.appearance.accessible"),
222
+ label: s("navigation.headerSettings.appearance.accessible"),
185
223
  labelSide: "start",
186
224
  size: "sm",
187
- checked: L,
188
- onCheckedChange: (e) => n.setAccessibility(e ? "accessible" : "default")
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
- F.displayName = "HeaderSettings";
239
+ Y.displayName = "HeaderSettings";
202
240
  export {
203
- F as HeaderSettings
241
+ Y as HeaderSettings
204
242
  };
205
243
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,4 @@
1
- import { L, a as c, b as r } from "../../_chunks/locale-picker-CYBhgSHR.js";
1
+ import { L, a as c, b as r } from "../../_chunks/locale-picker-BxEUUPW7.js";
2
2
  export {
3
3
  L as LOCALE_STORAGE_KEY,
4
4
  c as LocalePicker,
@@ -1,4 +1,4 @@
1
- import { T as t, t as m } from "../../_chunks/timeline-Czeqr3HF.js";
1
+ import { T as t, t as m } from "../../_chunks/timeline-jmd7lfDf.js";
2
2
  export {
3
3
  t as Timeline,
4
4
  m as timelineAgent
@@ -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-712GL-8u.js";
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-CWzuTLYE.js";
48
- import { C as He, c as Oe } from "./_chunks/carousel.agent-CQPFfppK.js";
49
- import { C as Ge } from "./_chunks/contact-card-DTQUMetD.js";
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-y7Hk51KI.js";
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-Czeqr3HF.js";
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-712GL-8u.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-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";