@superxd-studio/adptr 0.5.0 → 0.6.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.
Files changed (43) hide show
  1. package/GENERATIVE.md +1 -1
  2. package/README.md +20 -11
  3. package/REUSE.md +11 -1
  4. package/REVIEW.md +2 -2
  5. package/THIRD-PARTY-NOTICES.md +1 -1
  6. package/chunks/{callout-DKMHSnjc.js → callout-B89MDU9m.js} +31 -35
  7. package/chunks/{canvas-BJ15-XxE.js → canvas-Dd78FPe0.js} +9 -9
  8. package/chunks/{text-field-BLtoaZFn.js → text-field-mMHllx03.js} +1 -1
  9. package/chunks/thinking-DlBmZsgc.js +13 -0
  10. package/chunks/{ui-9DyNsYXY.js → ui-WR0qTNm7.js} +309 -260
  11. package/generative/index.js +156 -155
  12. package/interactions/index.js +1073 -499
  13. package/package.json +2 -1
  14. package/source/components/icons.tsx +14 -0
  15. package/source/components/peek.tsx +113 -0
  16. package/source/components/thinking.tsx +13 -2
  17. package/source/reusable/generative/index.tsx +14 -9
  18. package/source/reusable/generative/vocabulary.tsx +4 -2
  19. package/source/reusable/interactions/context.tsx +4 -0
  20. package/source/reusable/interactions/copy.ts +39 -0
  21. package/source/reusable/interactions/gate.tsx +246 -0
  22. package/source/reusable/interactions/index.ts +14 -0
  23. package/source/reusable/interactions/presentation.tsx +4 -1
  24. package/source/reusable/interactions/progress.tsx +240 -0
  25. package/source/reusable/interactions/receipt.tsx +230 -0
  26. package/source/reusable/interactions/run.tsx +206 -0
  27. package/source/reusable/ui/index.ts +1 -0
  28. package/source/reusable/web/review/index.tsx +21 -10
  29. package/source/styles/library.css +56 -0
  30. package/styles.css +1 -1
  31. package/types/components/icons.d.ts +8 -0
  32. package/types/components/peek.d.ts +17 -0
  33. package/types/components/thinking.d.ts +3 -1
  34. package/types/reusable/interactions/context.d.ts +39 -0
  35. package/types/reusable/interactions/copy.d.ts +43 -0
  36. package/types/reusable/interactions/gate.d.ts +39 -0
  37. package/types/reusable/interactions/index.d.ts +8 -0
  38. package/types/reusable/interactions/progress.d.ts +45 -0
  39. package/types/reusable/interactions/receipt.d.ts +54 -0
  40. package/types/reusable/interactions/run.d.ts +83 -0
  41. package/types/reusable/ui/index.d.ts +1 -0
  42. package/ui/index.js +3 -3
  43. package/web/index.js +350 -353
@@ -1,11 +1,12 @@
1
- import { C as e, D as t, O as n, a as r, d as i, n as a, p as o, u as s } from "./callout-DKMHSnjc.js";
2
- import { t as c } from "./text-field-BLtoaZFn.js";
1
+ import { D as e, M as t, N as n, a as r, g as i, m as a, n as o, p as s } from "./callout-B89MDU9m.js";
2
+ import { t as c } from "./text-field-mMHllx03.js";
3
3
  import { createContext as l, useContext as u, useEffect as d, useId as f, useLayoutEffect as p, useRef as m, useState as h, useSyncExternalStore as g } from "react";
4
- import { Autocomplete as _, Breadcrumb as v, Breadcrumbs as y, Button as b, Cell as ee, Checkbox as te, CheckboxGroup as ne, Column as re, DateField as ie, DateInput as ae, DateSegment as oe, Dialog as x, DialogTrigger as S, Disclosure as se, DisclosureGroup as ce, DisclosurePanel as le, FieldError as C, Form as ue, Heading as w, I18nProvider as de, Input as T, Label as E, Link as fe, ListBox as D, ListBoxItem as O, Menu as k, MenuItem as A, MenuTrigger as pe, Modal as j, ModalOverlay as M, Popover as N, ProgressBar as me, Radio as he, RadioGroup as ge, Row as _e, SearchField as P, Select as F, SelectValue as I, SelectionIndicator as ve, Separator as ye, Slider as be, SliderOutput as xe, SliderThumb as Se, SliderTrack as Ce, Switch as we, Tab as Te, TabList as Ee, TabPanel as De, Table as Oe, TableBody as ke, TableHeader as Ae, Tabs as je, Text as L, TimeField as Me, ToggleButton as R, ToggleButtonGroup as Ne, Tooltip as Pe, TooltipTrigger as Fe, UNSTABLE_Toast as Ie, UNSTABLE_ToastContent as Le, UNSTABLE_ToastQueue as Re, UNSTABLE_ToastRegion as ze, useFilter as z } from "react-aria-components";
5
- import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
6
- import { parseDate as Be, parseTime as U } from "@internationalized/date";
4
+ import { Autocomplete as _, Breadcrumb as v, Breadcrumbs as y, Button as b, Cell as x, Checkbox as ee, CheckboxGroup as te, Column as ne, DateField as re, DateInput as ie, DateSegment as ae, Dialog as S, DialogTrigger as C, Disclosure as oe, DisclosureGroup as se, DisclosurePanel as ce, FieldError as w, Form as le, Heading as T, I18nProvider as ue, Input as E, Label as D, Link as de, ListBox as O, ListBoxItem as k, Menu as fe, MenuItem as pe, MenuTrigger as me, Modal as A, ModalOverlay as j, Popover as M, ProgressBar as he, Radio as ge, RadioGroup as _e, Row as ve, SearchField as N, Select as P, SelectValue as F, SelectionIndicator as ye, Separator as be, Slider as xe, SliderOutput as Se, SliderThumb as Ce, SliderTrack as we, Switch as Te, Tab as Ee, TabList as De, TabPanel as Oe, Table as ke, TableBody as Ae, TableHeader as je, Tabs as Me, Text as I, TimeField as Ne, ToggleButton as L, ToggleButtonGroup as Pe, Tooltip as Fe, TooltipTrigger as Ie, UNSTABLE_Toast as Le, UNSTABLE_ToastContent as Re, UNSTABLE_ToastQueue as ze, UNSTABLE_ToastRegion as Be, useFilter as R } from "react-aria-components";
5
+ import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
6
+ import { parseDate as Ve, parseTime as He } from "@internationalized/date";
7
+ import { mergeProps as Ue, useButton as We, useFocusRing as Ge, useHover as Ke } from "react-aria";
7
8
  //#region src/components/ui/portal-theme.tsx
8
- function W({ children: e }) {
9
+ function H({ children: e }) {
9
10
  let t = m(null), [n, r] = h({
10
11
  className: "sxd",
11
12
  style: {}
@@ -21,7 +22,7 @@ function W({ children: e }) {
21
22
  style: n
22
23
  });
23
24
  };
24
- return /* @__PURE__ */ V("div", {
25
+ return /* @__PURE__ */ B("div", {
25
26
  ref: t,
26
27
  className: "contents",
27
28
  onPointerDownCapture: i,
@@ -31,7 +32,7 @@ function W({ children: e }) {
31
32
  }
32
33
  //#endregion
33
34
  //#region src/components/ui/copy.ts
34
- var G = {
35
+ var U = {
35
36
  choose: "Choose an option",
36
37
  empty: "No options available.",
37
38
  close: "Close",
@@ -42,171 +43,171 @@ var G = {
42
43
  noRows: "No rows to show.",
43
44
  dismiss: "Dismiss notification",
44
45
  notifications: "Notifications"
45
- }, K = "flex min-w-0 flex-col gap-2", q = "type-caption font-normal text-fg-subtle";
46
- function J({ label: e, description: t, className: r, ...i }) {
46
+ }, W = "flex min-w-0 flex-col gap-2", G = "type-caption font-normal text-fg-subtle";
47
+ function K({ label: e, description: t, className: r, ...i }) {
47
48
  let a = f();
48
- return /* @__PURE__ */ V(te, {
49
+ return /* @__PURE__ */ B(ee, {
49
50
  ...i,
50
51
  "aria-describedby": t ? `${a}-hint` : i["aria-describedby"],
51
52
  className: n("group inline-flex min-h-control-md cursor-pointer items-start gap-3 rounded-control py-2 outline-none data-disabled:cursor-default data-disabled:opacity-50 data-focus-visible:focus-ring", typeof r == "string" && r),
52
- children: ({ isSelected: r, isIndeterminate: i }) => /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("span", {
53
+ children: ({ isSelected: r, isIndeterminate: i }) => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("span", {
53
54
  "aria-hidden": "true",
54
55
  className: "mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-cell border border-line-input bg-surface transition-[background-color,border-color,scale] duration-(--duration-settle) ease-settle group-data-indeterminate:border-brand group-data-indeterminate:bg-brand group-data-indeterminate:text-on-brand group-data-pressed:scale-(--press-depth) group-data-pressed:duration-(--duration-snap) group-data-pressed:ease-snap group-data-selected:border-brand group-data-selected:bg-brand group-data-selected:text-on-brand",
55
- children: i ? /* @__PURE__ */ V("span", { children: "−" }) : /* @__PURE__ */ V(s, { className: n("size-3.5 transition-[scale] duration-(--duration-settle) ease-settle", r ? "scale-100" : "scale-0") })
56
- }), /* @__PURE__ */ H("span", {
56
+ children: i ? /* @__PURE__ */ B("span", { children: "−" }) : /* @__PURE__ */ B(s, { className: n("size-3.5 transition-[scale] duration-(--duration-settle) ease-settle", r ? "scale-100" : "scale-0") })
57
+ }), /* @__PURE__ */ V("span", {
57
58
  className: "min-w-0",
58
- children: [/* @__PURE__ */ V("span", {
59
+ children: [/* @__PURE__ */ B("span", {
59
60
  className: "block type-label text-fg-emphasis",
60
61
  children: e
61
- }), t ? /* @__PURE__ */ V("span", {
62
+ }), t ? /* @__PURE__ */ B("span", {
62
63
  id: `${a}-hint`,
63
- className: n("mt-1 block", q),
64
+ className: n("mt-1 block", G),
64
65
  children: t
65
66
  }) : null]
66
67
  })] })
67
68
  });
68
69
  }
69
- function Ve({ label: e, description: t, error: r, options: i, className: a, ...o }) {
70
- return /* @__PURE__ */ H(ne, {
70
+ function qe({ label: e, description: t, error: r, options: i, className: a, ...o }) {
71
+ return /* @__PURE__ */ V(te, {
71
72
  ...o,
72
73
  isInvalid: !!r || o.isInvalid,
73
- className: n(K, typeof a == "string" && a),
74
+ className: n(W, typeof a == "string" && a),
74
75
  children: [
75
- /* @__PURE__ */ V(E, {
76
+ /* @__PURE__ */ B(D, {
76
77
  className: "type-label text-fg-emphasis",
77
78
  children: e
78
79
  }),
79
- i.map((e) => /* @__PURE__ */ V(J, {
80
+ i.map((e) => /* @__PURE__ */ B(K, {
80
81
  value: e.id,
81
82
  label: e.label,
82
83
  description: e.description,
83
84
  isDisabled: e.isDisabled
84
85
  }, e.id)),
85
- t && /* @__PURE__ */ V(L, {
86
+ t && /* @__PURE__ */ B(I, {
86
87
  slot: "description",
87
- className: q,
88
+ className: G,
88
89
  children: t
89
90
  }),
90
- /* @__PURE__ */ V(C, {
91
+ /* @__PURE__ */ B(w, {
91
92
  className: "type-caption text-error",
92
93
  children: r
93
94
  })
94
95
  ]
95
96
  });
96
97
  }
97
- function He({ label: e, description: t, error: r, options: i, className: a, ...o }) {
98
- return /* @__PURE__ */ H(ge, {
98
+ function Je({ label: e, description: t, error: r, options: i, className: a, ...o }) {
99
+ return /* @__PURE__ */ V(_e, {
99
100
  ...o,
100
101
  isInvalid: !!r || o.isInvalid,
101
- className: n(K, typeof a == "string" && a),
102
+ className: n(W, typeof a == "string" && a),
102
103
  children: [
103
- /* @__PURE__ */ V(E, {
104
+ /* @__PURE__ */ B(D, {
104
105
  className: "type-label text-fg-emphasis",
105
106
  children: e
106
107
  }),
107
- i.map((e) => /* @__PURE__ */ H(he, {
108
+ i.map((e) => /* @__PURE__ */ V(ge, {
108
109
  value: e.id,
109
110
  isDisabled: e.isDisabled,
110
111
  className: "group flex min-h-control-md cursor-pointer items-start gap-3 rounded-control py-2 outline-none data-disabled:opacity-50 data-focus-visible:focus-ring",
111
- children: [/* @__PURE__ */ V("span", {
112
+ children: [/* @__PURE__ */ B("span", {
112
113
  "aria-hidden": "true",
113
114
  className: "mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-pill border border-line-input bg-surface transition-[border-color,scale] duration-(--duration-settle) ease-settle group-data-pressed:scale-(--press-depth) group-data-pressed:duration-(--duration-snap) group-data-selected:border-brand",
114
- children: /* @__PURE__ */ V("span", { className: "size-2.5 scale-0 rounded-pill bg-brand transition-[scale] duration-(--duration-settle) ease-settle group-data-selected:scale-100" })
115
- }), /* @__PURE__ */ H("span", { children: [/* @__PURE__ */ V("span", {
115
+ children: /* @__PURE__ */ B("span", { className: "size-2.5 scale-0 rounded-pill bg-brand transition-[scale] duration-(--duration-settle) ease-settle group-data-selected:scale-100" })
116
+ }), /* @__PURE__ */ V("span", { children: [/* @__PURE__ */ B("span", {
116
117
  className: "block type-label text-fg-emphasis",
117
118
  children: e.label
118
- }), e.description && /* @__PURE__ */ V(L, {
119
+ }), e.description && /* @__PURE__ */ B(I, {
119
120
  slot: "description",
120
- className: n("mt-1 block", q),
121
+ className: n("mt-1 block", G),
121
122
  children: e.description
122
123
  })] })]
123
124
  }, e.id)),
124
- t && /* @__PURE__ */ V(L, {
125
+ t && /* @__PURE__ */ B(I, {
125
126
  slot: "description",
126
- className: q,
127
+ className: G,
127
128
  children: t
128
129
  }),
129
- /* @__PURE__ */ V(C, {
130
+ /* @__PURE__ */ B(w, {
130
131
  className: "type-caption text-error",
131
132
  children: r
132
133
  })
133
134
  ]
134
135
  });
135
136
  }
136
- function Ue({ label: e, description: t, error: r, options: o, className: c, placeholder: l = G.choose, ...u }) {
137
- return /* @__PURE__ */ V(W, { children: (d) => /* @__PURE__ */ H(F, {
137
+ function Ye({ label: e, description: t, error: r, options: i, className: c, placeholder: l = U.choose, ...u }) {
138
+ return /* @__PURE__ */ B(H, { children: (d) => /* @__PURE__ */ V(P, {
138
139
  ...u,
139
140
  placeholder: l,
140
141
  isInvalid: !!r || u.isInvalid,
141
- disabledKeys: o.filter((e) => e.isDisabled).map((e) => e.id),
142
- className: n(K, typeof c == "string" && c),
142
+ disabledKeys: i.filter((e) => e.isDisabled).map((e) => e.id),
143
+ className: n(W, typeof c == "string" && c),
143
144
  children: [
144
- /* @__PURE__ */ V(E, {
145
+ /* @__PURE__ */ B(D, {
145
146
  className: "type-label text-fg-emphasis",
146
147
  children: e
147
148
  }),
148
- /* @__PURE__ */ H(a, {
149
+ /* @__PURE__ */ V(o, {
149
150
  className: "group/trigger w-full justify-between text-left whitespace-normal",
150
- children: [/* @__PURE__ */ V(I, {
151
+ children: [/* @__PURE__ */ B(F, {
151
152
  className: "min-w-0 break-words data-placeholder:text-fg-subtle",
152
153
  children: ({ isPlaceholder: e, selectedText: t, defaultChildren: n }) => e ? n : t
153
- }), /* @__PURE__ */ V(i, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
154
+ }), /* @__PURE__ */ B(a, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
154
155
  }),
155
- t && /* @__PURE__ */ V(L, {
156
+ t && /* @__PURE__ */ B(I, {
156
157
  slot: "description",
157
- className: q,
158
+ className: G,
158
159
  children: t
159
160
  }),
160
- /* @__PURE__ */ V(C, {
161
+ /* @__PURE__ */ B(w, {
161
162
  className: "type-caption text-error",
162
163
  children: r
163
164
  }),
164
- /* @__PURE__ */ V(N, {
165
+ /* @__PURE__ */ B(M, {
165
166
  style: d.style,
166
167
  placement: "bottom start",
167
168
  className: n(d.className, "z-50 w-(--trigger-width) max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) rounded-surface border border-line-subtle bg-surface p-1 text-fg shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out"),
168
- children: /* @__PURE__ */ V(D, {
169
- items: o,
169
+ children: /* @__PURE__ */ B(O, {
170
+ items: i,
170
171
  className: "max-h-72 overflow-y-auto outline-none",
171
- renderEmptyState: () => /* @__PURE__ */ V("p", {
172
+ renderEmptyState: () => /* @__PURE__ */ B("p", {
172
173
  className: "p-3 type-body text-fg-subtle",
173
- children: G.empty
174
+ children: U.empty
174
175
  }),
175
- children: (e) => /* @__PURE__ */ H(O, {
176
+ children: (e) => /* @__PURE__ */ V(k, {
176
177
  id: e.id,
177
178
  textValue: e.label,
178
179
  className: "group flex cursor-pointer items-center gap-3 rounded-cell p-3 outline-none data-disabled:opacity-50 data-focused:bg-surface-subtle data-selected:bg-surface-muted",
179
- children: [/* @__PURE__ */ H("span", {
180
+ children: [/* @__PURE__ */ V("span", {
180
181
  className: "min-w-0 flex-1",
181
- children: [/* @__PURE__ */ V(L, {
182
+ children: [/* @__PURE__ */ B(I, {
182
183
  slot: "label",
183
184
  className: "block type-label",
184
185
  children: e.label
185
- }), e.description && /* @__PURE__ */ V(L, {
186
+ }), e.description && /* @__PURE__ */ B(I, {
186
187
  slot: "description",
187
- className: n("mt-1 block", q),
188
+ className: n("mt-1 block", G),
188
189
  children: e.description
189
190
  })]
190
- }), /* @__PURE__ */ V(s, { className: "invisible group-data-selected:visible" })]
191
+ }), /* @__PURE__ */ B(s, { className: "invisible group-data-selected:visible" })]
191
192
  })
192
193
  })
193
194
  })
194
195
  ]
195
196
  }) });
196
197
  }
197
- function We({ label: e, className: t, ...r }) {
198
- return /* @__PURE__ */ H(be, {
198
+ function Xe({ label: e, className: t, ...r }) {
199
+ return /* @__PURE__ */ V(xe, {
199
200
  ...r,
200
201
  className: n("flex w-full min-w-0 flex-col gap-3 data-disabled:opacity-50", typeof t == "string" && t),
201
- children: [/* @__PURE__ */ H("div", {
202
+ children: [/* @__PURE__ */ V("div", {
202
203
  className: "flex justify-between gap-4",
203
- children: [/* @__PURE__ */ V(E, {
204
+ children: [/* @__PURE__ */ B(D, {
204
205
  className: "type-label text-fg-emphasis",
205
206
  children: e
206
- }), /* @__PURE__ */ V(xe, { className: "type-caption text-fg-subtle numeric" })]
207
- }), /* @__PURE__ */ V(Ce, {
207
+ }), /* @__PURE__ */ B(Se, { className: "type-caption text-fg-subtle numeric" })]
208
+ }), /* @__PURE__ */ B(we, {
208
209
  className: "relative h-6 w-full rounded-control bg-surface-subtle",
209
- children: ({ state: t }) => /* @__PURE__ */ V(B, { children: t.values.map((t, n) => /* @__PURE__ */ V(Se, {
210
+ children: ({ state: t }) => /* @__PURE__ */ B(z, { children: t.values.map((t, n) => /* @__PURE__ */ B(Ce, {
210
211
  index: n,
211
212
  "aria-label": Array.isArray(r.value) || Array.isArray(r.defaultValue) ? `${typeof e == "string" ? e : "Value"} ${n + 1}` : void 0,
212
213
  className: "top-1/2 size-6 origin-top-left rounded-pill border border-line-emphasis bg-surface shadow-control transition-[scale,border-color] duration-(--duration-settle) ease-settle outline-none data-dragging:scale-110 data-dragging:border-brand data-focus-visible:focus-ring"
@@ -214,26 +215,26 @@ function We({ label: e, className: t, ...r }) {
214
215
  })]
215
216
  });
216
217
  }
217
- function Ge({ className: e, ...t }) {
218
- return /* @__PURE__ */ V(R, {
218
+ function Ze({ className: e, ...t }) {
219
+ return /* @__PURE__ */ B(L, {
219
220
  ...t,
220
221
  className: n(r({ size: "sm" }), "data-selected:border-brand data-selected:bg-brand data-selected:text-on-brand", typeof e == "string" && e)
221
222
  });
222
223
  }
223
- var Y = l(void 0);
224
- function Ke(e) {
225
- let t = u(Y);
226
- return /* @__PURE__ */ V(c, {
224
+ var q = l(void 0);
225
+ function Qe(e) {
226
+ let t = u(q);
227
+ return /* @__PURE__ */ B(c, {
227
228
  ...e,
228
229
  validationBehavior: e.validationBehavior ?? t ?? "aria"
229
230
  });
230
231
  }
231
- function qe({ className: e, children: t, validationBehavior: r = "native", ...i }) {
232
- return /* @__PURE__ */ V(ue, {
232
+ function $e({ className: e, children: t, validationBehavior: r = "native", ...i }) {
233
+ return /* @__PURE__ */ B(le, {
233
234
  ...i,
234
235
  validationBehavior: r,
235
236
  className: n("flex min-w-0 flex-col gap-4", typeof e == "string" && e),
236
- children: /* @__PURE__ */ V(Y.Provider, {
237
+ children: /* @__PURE__ */ B(q.Provider, {
237
238
  value: r,
238
239
  children: t
239
240
  })
@@ -241,29 +242,29 @@ function qe({ className: e, children: t, validationBehavior: r = "native", ...i
241
242
  }
242
243
  //#endregion
243
244
  //#region src/components/ui/navigation.tsx
244
- function Je({ label: e, items: t, onAction: r, isDisabled: o = !1 }) {
245
- return /* @__PURE__ */ V(W, { children: (s) => /* @__PURE__ */ H(pe, { children: [/* @__PURE__ */ H(a, {
246
- isDisabled: o,
245
+ function et({ label: e, items: t, onAction: r, isDisabled: i = !1 }) {
246
+ return /* @__PURE__ */ B(H, { children: (s) => /* @__PURE__ */ V(me, { children: [/* @__PURE__ */ V(o, {
247
+ isDisabled: i,
247
248
  className: "group/trigger",
248
- children: [e, /* @__PURE__ */ V(i, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
249
- }), /* @__PURE__ */ V(N, {
249
+ children: [e, /* @__PURE__ */ B(a, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
250
+ }), /* @__PURE__ */ B(M, {
250
251
  style: s.style,
251
252
  className: n(s.className, "z-50 max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) rounded-surface border border-line-subtle bg-surface p-1 text-fg shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out"),
252
- children: /* @__PURE__ */ V(k, {
253
+ children: /* @__PURE__ */ B(fe, {
253
254
  "aria-label": e,
254
255
  items: t,
255
256
  disabledKeys: t.filter((e) => e.isDisabled).map((e) => e.id),
256
257
  onAction: (e) => r(String(e)),
257
258
  className: "max-w-80 min-w-48 outline-none",
258
- children: (e) => /* @__PURE__ */ H(A, {
259
+ children: (e) => /* @__PURE__ */ V(pe, {
259
260
  id: e.id,
260
261
  textValue: e.label,
261
262
  className: n("cursor-pointer rounded-cell px-3 py-2 outline-none data-disabled:opacity-50 data-focused:bg-surface-subtle", e.isDestructive ? "text-error" : "text-fg-emphasis"),
262
- children: [/* @__PURE__ */ V(L, {
263
+ children: [/* @__PURE__ */ B(I, {
263
264
  slot: "label",
264
265
  className: "block type-label",
265
266
  children: e.label
266
- }), e.description && /* @__PURE__ */ V(L, {
267
+ }), e.description && /* @__PURE__ */ B(I, {
267
268
  slot: "description",
268
269
  className: "mt-1 block type-caption text-fg-subtle",
269
270
  children: e.description
@@ -272,27 +273,27 @@ function Je({ label: e, items: t, onAction: r, isDisabled: o = !1 }) {
272
273
  })
273
274
  })] }) });
274
275
  }
275
- function Ye({ label: e, items: t, className: r, ...o }) {
276
- return /* @__PURE__ */ V(ce, {
277
- ...o,
276
+ function tt({ label: e, items: t, className: r, ...i }) {
277
+ return /* @__PURE__ */ B(se, {
278
+ ...i,
278
279
  "aria-label": e,
279
280
  className: n("w-full min-w-0 divide-y divide-line-subtle", typeof r == "string" && r),
280
- children: t.map((e) => /* @__PURE__ */ H(se, {
281
+ children: t.map((e) => /* @__PURE__ */ V(oe, {
281
282
  id: e.id,
282
283
  "data-accordion-item": e.id,
283
284
  isDisabled: e.isDisabled,
284
285
  className: "group min-w-0 py-1",
285
- children: [/* @__PURE__ */ V(w, { children: /* @__PURE__ */ H(a, {
286
+ children: [/* @__PURE__ */ B(T, { children: /* @__PURE__ */ V(o, {
286
287
  slot: "trigger",
287
288
  variant: "ghost",
288
289
  className: "h-auto min-h-control-md w-full justify-between px-control-md-x py-3 text-left whitespace-normal",
289
- children: [/* @__PURE__ */ V("span", {
290
+ children: [/* @__PURE__ */ B("span", {
290
291
  className: "min-w-0 flex-1 break-words",
291
292
  children: e.title
292
- }), /* @__PURE__ */ V(i, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-data-expanded:rotate-180 motion-reduce:transition-none" })]
293
- }) }), /* @__PURE__ */ V(le, {
293
+ }), /* @__PURE__ */ B(a, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-data-expanded:rotate-180 motion-reduce:transition-none" })]
294
+ }) }), /* @__PURE__ */ B(ce, {
294
295
  className: "min-w-0 type-body text-fg",
295
- children: /* @__PURE__ */ V("div", {
296
+ children: /* @__PURE__ */ B("div", {
296
297
  className: "animate-reveal-in px-control-md-x pt-3 pb-4",
297
298
  children: e.content
298
299
  })
@@ -300,30 +301,30 @@ function Ye({ label: e, items: t, className: r, ...o }) {
300
301
  }, e.id))
301
302
  });
302
303
  }
303
- function Xe({ label: e, items: t, className: r, ...i }) {
304
- return /* @__PURE__ */ H(je, {
304
+ function nt({ label: e, items: t, className: r, ...i }) {
305
+ return /* @__PURE__ */ V(Me, {
305
306
  ...i,
306
307
  className: n("w-full min-w-0", typeof r == "string" && r),
307
- children: [/* @__PURE__ */ V(Ee, {
308
+ children: [/* @__PURE__ */ B(De, {
308
309
  "aria-label": e,
309
310
  className: "flex flex-wrap gap-1 border-b border-line-subtle",
310
- children: t.map((e) => /* @__PURE__ */ H(Te, {
311
+ children: t.map((e) => /* @__PURE__ */ V(Ee, {
311
312
  id: e.id,
312
313
  isDisabled: e.isDisabled,
313
314
  className: "relative cursor-pointer rounded-t-control border-b-2 border-transparent px-3 py-2 type-label text-fg-subtle transition-colors duration-(--duration-snap) ease-snap outline-none data-disabled:opacity-50 data-focus-visible:focus-ring data-hovered:text-fg-emphasis data-selected:text-fg-emphasis",
314
- children: [e.label, /* @__PURE__ */ V(ve, { className: "absolute inset-x-0 -bottom-0.5 h-0.5 bg-brand transition-[translate,width] duration-(--duration-settle) ease-settle" })]
315
+ children: [e.label, /* @__PURE__ */ B(ye, { className: "absolute inset-x-0 -bottom-0.5 h-0.5 bg-brand transition-[translate,width] duration-(--duration-settle) ease-settle" })]
315
316
  }, e.id))
316
- }), t.map((e) => /* @__PURE__ */ V(De, {
317
+ }), t.map((e) => /* @__PURE__ */ B(Oe, {
317
318
  id: e.id,
318
319
  className: "min-w-0 py-4 outline-none data-focus-visible:focus-ring",
319
320
  children: e.content
320
321
  }, e.id))]
321
322
  });
322
323
  }
323
- function Ze({ children: e, content: t, ...r }) {
324
- return /* @__PURE__ */ V(W, { children: (i) => /* @__PURE__ */ H(Fe, {
324
+ function rt({ children: e, content: t, ...r }) {
325
+ return /* @__PURE__ */ B(H, { children: (i) => /* @__PURE__ */ V(Ie, {
325
326
  ...r,
326
- children: [e, /* @__PURE__ */ V(Pe, {
327
+ children: [e, /* @__PURE__ */ B(Fe, {
327
328
  style: i.style,
328
329
  placement: "top",
329
330
  className: n(i.className, "z-50 max-w-64 origin-(--trigger-anchor-point) rounded-control border border-line-subtle bg-surface px-3 py-2 type-caption text-fg-emphasis shadow-popover data-entering:animate-pop-in data-exiting:animate-pop-out"),
@@ -331,32 +332,32 @@ function Ze({ children: e, content: t, ...r }) {
331
332
  })]
332
333
  }) });
333
334
  }
334
- function Qe({ title: e, children: r, isOpen: i, onOpenChange: o, isDismissDisabled: s = !1, trigger: c }) {
335
- return /* @__PURE__ */ V(W, { children: (l) => /* @__PURE__ */ H(S, {
335
+ function it({ title: e, children: r, isOpen: i, onOpenChange: a, isDismissDisabled: s = !1, trigger: c }) {
336
+ return /* @__PURE__ */ B(H, { children: (l) => /* @__PURE__ */ V(C, {
336
337
  isOpen: i,
337
- onOpenChange: o,
338
- children: [c, /* @__PURE__ */ V(M, {
338
+ onOpenChange: a,
339
+ children: [c, /* @__PURE__ */ B(j, {
339
340
  style: l.style,
340
341
  isDismissable: !s,
341
342
  isKeyboardDismissDisabled: s,
342
343
  className: n(l.className, "fixed inset-0 z-50 flex items-center justify-center bg-overlay p-4 data-entering:animate-fade-in data-exiting:animate-fade-out"),
343
- children: /* @__PURE__ */ V(j, {
344
+ children: /* @__PURE__ */ B(A, {
344
345
  className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-surface border border-line-subtle bg-surface p-6 text-fg shadow-dialog data-entering:animate-dialog-settle data-exiting:animate-pop-out",
345
- children: /* @__PURE__ */ V(x, {
346
+ children: /* @__PURE__ */ B(S, {
346
347
  className: "min-w-0 outline-none",
347
- children: ({ close: n }) => /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("div", {
348
+ children: ({ close: n }) => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("div", {
348
349
  className: "mb-4 flex items-start justify-between gap-4",
349
- children: [/* @__PURE__ */ V(w, {
350
+ children: [/* @__PURE__ */ B(T, {
350
351
  slot: "title",
351
352
  className: "type-heading text-fg-emphasis",
352
353
  children: e
353
- }), /* @__PURE__ */ V(a, {
354
+ }), /* @__PURE__ */ B(o, {
354
355
  variant: "ghost",
355
356
  size: "icon-sm",
356
- "aria-label": G.close,
357
+ "aria-label": U.close,
357
358
  isDisabled: s,
358
359
  onPress: n,
359
- children: /* @__PURE__ */ V(t, {})
360
+ children: /* @__PURE__ */ B(t, {})
360
361
  })]
361
362
  }), r] })
362
363
  })
@@ -364,113 +365,113 @@ function Qe({ title: e, children: r, isOpen: i, onOpenChange: o, isDismissDisabl
364
365
  })]
365
366
  }) });
366
367
  }
367
- function $e({ label: e, page: t, total: n, onChange: r, isDisabled: i = !1 }) {
368
+ function at({ label: e, page: t, total: n, onChange: r, isDisabled: a = !1 }) {
368
369
  let s = Math.max(1, Math.floor(Number.isFinite(n) ? n : 1)), c = Math.min(s, Math.max(1, Math.floor(Number.isFinite(t) ? t : 1)));
369
- return /* @__PURE__ */ H("nav", {
370
+ return /* @__PURE__ */ V("nav", {
370
371
  "aria-label": e,
371
372
  className: "flex flex-wrap items-center justify-between gap-3",
372
373
  children: [
373
- /* @__PURE__ */ H(a, {
374
+ /* @__PURE__ */ V(o, {
374
375
  size: "sm",
375
- "aria-label": G.previous,
376
- isDisabled: i || c === 1,
376
+ "aria-label": U.previous,
377
+ isDisabled: a || c === 1,
377
378
  onPress: () => r(c - 1),
378
- children: [/* @__PURE__ */ V(o, { className: "rotate-180" }), G.previous]
379
+ children: [/* @__PURE__ */ B(i, { className: "rotate-180" }), U.previous]
379
380
  }),
380
- /* @__PURE__ */ V("span", {
381
+ /* @__PURE__ */ B("span", {
381
382
  "aria-current": "page",
382
383
  className: "type-caption text-fg-subtle numeric",
383
- children: G.page(c, s)
384
+ children: U.page(c, s)
384
385
  }),
385
- /* @__PURE__ */ H(a, {
386
+ /* @__PURE__ */ V(o, {
386
387
  size: "sm",
387
- "aria-label": G.next,
388
- isDisabled: i || c === s,
388
+ "aria-label": U.next,
389
+ isDisabled: a || c === s,
389
390
  onPress: () => r(c + 1),
390
- children: [G.next, /* @__PURE__ */ V(o, {})]
391
+ children: [U.next, /* @__PURE__ */ B(i, {})]
391
392
  })
392
393
  ]
393
394
  });
394
395
  }
395
- function et({ label: e, items: t }) {
396
- return /* @__PURE__ */ V(y, {
396
+ function ot({ label: e, items: t }) {
397
+ return /* @__PURE__ */ B(y, {
397
398
  "aria-label": e,
398
399
  className: "flex flex-wrap items-center gap-2 type-caption text-fg-subtle",
399
- children: t.map((e, n) => /* @__PURE__ */ H(v, {
400
+ children: t.map((e, n) => /* @__PURE__ */ V(v, {
400
401
  className: "inline-flex items-center gap-2",
401
- children: [/* @__PURE__ */ V(fe, {
402
+ children: [/* @__PURE__ */ B(de, {
402
403
  href: e.href,
403
404
  className: "rounded-cell outline-none data-focus-visible:focus-ring data-hovered:underline",
404
405
  children: e.label
405
- }), n < t.length - 1 && /* @__PURE__ */ V(o, { className: "size-3" })]
406
+ }), n < t.length - 1 && /* @__PURE__ */ B(i, { className: "size-3" })]
406
407
  }, e.id))
407
408
  });
408
409
  }
409
410
  //#endregion
410
411
  //#region src/components/ui/display.tsx
411
- function tt({ children: e, className: t, ...r }) {
412
- return /* @__PURE__ */ V("section", {
412
+ function st({ children: e, className: t, ...r }) {
413
+ return /* @__PURE__ */ B("section", {
413
414
  ...r,
414
415
  className: n("min-w-0 rounded-surface border border-line-subtle bg-surface p-6 text-fg shadow-surface", t),
415
416
  children: e
416
417
  });
417
418
  }
418
- var nt = {
419
+ var ct = {
419
420
  neutral: "bg-surface-subtle text-fg-subtle",
420
421
  info: "bg-info-subtle text-info",
421
422
  success: "bg-success-subtle text-success",
422
423
  attention: "bg-attention-subtle text-attention",
423
424
  error: "bg-error-subtle text-error"
424
425
  };
425
- function rt({ children: e, tone: t = "neutral" }) {
426
- return /* @__PURE__ */ V("span", {
427
- className: n("inline-flex max-w-full items-center gap-1.5 rounded-cell px-2 py-1 type-caption", nt[t]),
426
+ function lt({ children: e, tone: t = "neutral" }) {
427
+ return /* @__PURE__ */ B("span", {
428
+ className: n("inline-flex max-w-full items-center gap-1.5 rounded-cell px-2 py-1 type-caption", ct[t]),
428
429
  children: e
429
430
  });
430
431
  }
431
- function it({ label: e, className: t, ...r }) {
432
- return /* @__PURE__ */ V(me, {
432
+ function ut({ label: e, className: t, ...r }) {
433
+ return /* @__PURE__ */ B(he, {
433
434
  ...r,
434
435
  "aria-label": e,
435
436
  className: n("flex w-full min-w-0 flex-col gap-2", typeof t == "string" && t),
436
- children: ({ percentage: t, valueText: r, isIndeterminate: i }) => /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("div", {
437
+ children: ({ percentage: t, valueText: r, isIndeterminate: i }) => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ V("div", {
437
438
  className: "flex items-center justify-between gap-3",
438
- children: [/* @__PURE__ */ V("span", {
439
+ children: [/* @__PURE__ */ B("span", {
439
440
  className: "type-label",
440
441
  children: e
441
- }), !i && /* @__PURE__ */ V("span", {
442
+ }), !i && /* @__PURE__ */ B("span", {
442
443
  className: "type-caption text-fg-subtle numeric",
443
444
  children: r
444
445
  })]
445
- }), /* @__PURE__ */ V("div", {
446
+ }), /* @__PURE__ */ B("div", {
446
447
  className: "h-2 overflow-hidden rounded-pill bg-surface-subtle",
447
- children: /* @__PURE__ */ V("div", {
448
+ children: /* @__PURE__ */ B("div", {
448
449
  style: { width: i ? "100%" : `${t}%` },
449
450
  className: n("h-full rounded-pill bg-brand transition-[width] duration-(--duration-base) motion-reduce:transition-none", i && "animate-pulse-soft motion-reduce:animate-none")
450
451
  })
451
452
  })] })
452
453
  });
453
454
  }
454
- function at({ className: e, ...t }) {
455
- return /* @__PURE__ */ V(ye, {
455
+ function dt({ className: e, ...t }) {
456
+ return /* @__PURE__ */ B(be, {
456
457
  ...t,
457
458
  className: n("border-0 bg-line-subtle", t.orientation === "vertical" ? "h-6 w-px" : "h-px w-full", typeof e == "string" && e)
458
459
  });
459
460
  }
460
- function ot({ ratio: e = 16 / 9, children: t, className: r }) {
461
- return /* @__PURE__ */ V("div", {
461
+ function ft({ ratio: e = 16 / 9, children: t, className: r }) {
462
+ return /* @__PURE__ */ B("div", {
462
463
  style: { aspectRatio: Number.isFinite(e) && e > 0 ? e : 1 },
463
464
  className: n("relative w-full min-w-0 overflow-hidden rounded-surface", r),
464
465
  children: t
465
466
  });
466
467
  }
467
- function st({ children: e }) {
468
- return /* @__PURE__ */ V("kbd", {
468
+ function pt({ children: e }) {
469
+ return /* @__PURE__ */ B("kbd", {
469
470
  className: "inline-flex rounded-cell border border-line-subtle bg-surface-muted px-1.5 py-0.5 font-mono type-caption text-fg-subtle",
470
471
  children: e
471
472
  });
472
473
  }
473
- function X(e, t) {
474
+ function J(e, t) {
474
475
  if (!t) return [...e];
475
476
  let n = new Intl.Collator(void 0, {
476
477
  numeric: !0,
@@ -481,11 +482,11 @@ function X(e, t) {
481
482
  return t.direction === "descending" ? -o : o;
482
483
  });
483
484
  }
484
- function ct({ label: e, columns: t, rows: n, empty: r = G.noRows, selectionMode: i = "none", selectedKeys: a, onSelectionChange: o }) {
485
+ function mt({ label: e, columns: t, rows: n, empty: r = U.noRows, selectionMode: i = "none", selectedKeys: a, onSelectionChange: o }) {
485
486
  let [s, c] = h();
486
- return /* @__PURE__ */ V("div", {
487
+ return /* @__PURE__ */ B("div", {
487
488
  className: "max-w-full overflow-x-auto rounded-surface border border-line-subtle bg-surface",
488
- children: /* @__PURE__ */ H(Oe, {
489
+ children: /* @__PURE__ */ V(ke, {
489
490
  "aria-label": e,
490
491
  sortDescriptor: s,
491
492
  onSortChange: c,
@@ -493,32 +494,32 @@ function ct({ label: e, columns: t, rows: n, empty: r = G.noRows, selectionMode:
493
494
  selectedKeys: a,
494
495
  onSelectionChange: o,
495
496
  className: "w-full outline-none",
496
- children: [/* @__PURE__ */ V(Ae, {
497
+ children: [/* @__PURE__ */ B(je, {
497
498
  columns: t,
498
- children: (e) => /* @__PURE__ */ V(re, {
499
+ children: (e) => /* @__PURE__ */ B(ne, {
499
500
  id: e.id,
500
501
  isRowHeader: e.isRowHeader ?? e === t[0],
501
502
  allowsSorting: e.sortable,
502
503
  className: "border-b border-line-subtle bg-surface-muted p-3 text-left type-label text-fg-emphasis outline-none data-focus-visible:focus-ring",
503
- children: ({ sortDirection: t }) => /* @__PURE__ */ H("span", {
504
+ children: ({ sortDirection: t }) => /* @__PURE__ */ V("span", {
504
505
  className: "inline-flex items-center gap-2",
505
- children: [e.label, e.sortable && /* @__PURE__ */ V("span", {
506
+ children: [e.label, e.sortable && /* @__PURE__ */ B("span", {
506
507
  "aria-hidden": "true",
507
508
  children: t === "ascending" ? "↑" : t === "descending" ? "↓" : "↕"
508
509
  })]
509
510
  })
510
511
  })
511
- }), /* @__PURE__ */ V(ke, {
512
- items: X(n, s),
513
- renderEmptyState: () => /* @__PURE__ */ V("p", {
512
+ }), /* @__PURE__ */ B(Ae, {
513
+ items: J(n, s),
514
+ renderEmptyState: () => /* @__PURE__ */ B("p", {
514
515
  className: "p-6 type-body text-fg-subtle",
515
516
  children: r
516
517
  }),
517
- children: (e) => /* @__PURE__ */ V(_e, {
518
+ children: (e) => /* @__PURE__ */ B(ve, {
518
519
  id: e.id,
519
520
  columns: t,
520
521
  className: "border-b border-line-subtle outline-none last:border-b-0 data-focus-visible:focus-ring data-selected:bg-surface-subtle",
521
- children: (t) => /* @__PURE__ */ V(ee, {
522
+ children: (t) => /* @__PURE__ */ B(x, {
522
523
  className: "max-w-80 p-3 type-body break-words text-fg outline-none data-focus-visible:focus-ring",
523
524
  children: e.values[t.id] ?? ""
524
525
  })
@@ -527,31 +528,31 @@ function ct({ label: e, columns: t, rows: n, empty: r = G.noRows, selectionMode:
527
528
  })
528
529
  });
529
530
  }
530
- function lt() {
531
- return new Re({ maxVisibleToasts: 3 });
531
+ function ht() {
532
+ return new ze({ maxVisibleToasts: 3 });
532
533
  }
533
- function ut({ queue: e, label: n = G.notifications }) {
534
- return /* @__PURE__ */ V(ze, {
534
+ function gt({ queue: e, label: n = U.notifications }) {
535
+ return /* @__PURE__ */ B(Be, {
535
536
  queue: e,
536
537
  "aria-label": n,
537
538
  className: "fixed right-4 bottom-4 z-50 flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-3 outline-none",
538
- children: ({ toast: e }) => /* @__PURE__ */ V(Ie, {
539
+ children: ({ toast: e }) => /* @__PURE__ */ B(Le, {
539
540
  toast: e,
540
541
  className: "rounded-surface border border-line-subtle bg-surface p-4 text-fg shadow-popover outline-none data-entering:animate-toast-in data-exiting:animate-fade-out data-focus-visible:focus-ring",
541
- children: /* @__PURE__ */ H(Le, { children: [/* @__PURE__ */ H("div", {
542
+ children: /* @__PURE__ */ V(Re, { children: [/* @__PURE__ */ V("div", {
542
543
  className: "flex items-start justify-between gap-3",
543
- children: [/* @__PURE__ */ V(L, {
544
+ children: [/* @__PURE__ */ B(I, {
544
545
  slot: "title",
545
546
  className: "type-label text-fg-emphasis",
546
547
  children: e.content.title
547
- }), /* @__PURE__ */ V(a, {
548
+ }), /* @__PURE__ */ B(o, {
548
549
  slot: "close",
549
550
  size: "icon-sm",
550
551
  variant: "ghost",
551
- "aria-label": G.dismiss,
552
- children: /* @__PURE__ */ V(t, {})
552
+ "aria-label": U.dismiss,
553
+ children: /* @__PURE__ */ B(t, {})
553
554
  })]
554
- }), e.content.description && /* @__PURE__ */ V(L, {
555
+ }), e.content.description && /* @__PURE__ */ B(I, {
555
556
  slot: "description",
556
557
  className: "mt-2 block type-body text-fg-subtle",
557
558
  children: e.content.description
@@ -561,24 +562,24 @@ function ut({ queue: e, label: n = G.notifications }) {
561
562
  }
562
563
  //#endregion
563
564
  //#region src/components/switch.tsx
564
- function dt({ label: e, description: t, className: r, ...i }) {
565
+ function _t({ label: e, description: t, className: r, ...i }) {
565
566
  let a = f();
566
- return /* @__PURE__ */ H(we, {
567
+ return /* @__PURE__ */ V(Te, {
567
568
  ...i,
568
569
  "aria-labelledby": `${a}-label`,
569
570
  "aria-describedby": t ? `${a}-description` : i["aria-describedby"],
570
571
  className: n("group inline-flex min-h-control-md cursor-pointer items-center gap-3 rounded-control outline-none data-disabled:cursor-default data-focus-visible:focus-ring", typeof r == "string" ? r : void 0),
571
- children: [/* @__PURE__ */ V("span", {
572
+ children: [/* @__PURE__ */ B("span", {
572
573
  "aria-hidden": "true",
573
574
  className: "flex h-6 w-10 shrink-0 items-center rounded-pill border border-line-input bg-surface-subtle p-0.5 transition-colors duration-(--duration-snap) ease-snap [corner-shape:var(--corner-shape,round)] group-data-disabled:opacity-50 group-data-selected:border-brand group-data-selected:bg-brand",
574
- children: /* @__PURE__ */ V("span", { className: "size-4 origin-left rounded-pill bg-fg-subtle transition-[translate,scale] duration-(--duration-settle) ease-settle [corner-shape:var(--corner-shape,round)] group-data-pressed:scale-x-125 group-data-pressed:duration-(--duration-snap) group-data-pressed:ease-snap group-data-selected:origin-right group-data-selected:translate-x-4 group-data-selected:bg-on-brand motion-reduce:transition-none" })
575
- }), /* @__PURE__ */ H("span", {
575
+ children: /* @__PURE__ */ B("span", { className: "size-4 origin-left rounded-pill bg-fg-subtle transition-[translate,scale] duration-(--duration-settle) ease-settle [corner-shape:var(--corner-shape,round)] group-data-pressed:scale-x-125 group-data-pressed:duration-(--duration-snap) group-data-pressed:ease-snap group-data-selected:origin-right group-data-selected:translate-x-4 group-data-selected:bg-on-brand motion-reduce:transition-none" })
576
+ }), /* @__PURE__ */ V("span", {
576
577
  className: "flex min-w-0 flex-col gap-1",
577
- children: [/* @__PURE__ */ V("span", {
578
+ children: [/* @__PURE__ */ B("span", {
578
579
  id: `${a}-label`,
579
580
  className: "type-label text-fg-emphasis group-data-disabled:text-fg-muted",
580
581
  children: e
581
- }), t ? /* @__PURE__ */ V("span", {
582
+ }), t ? /* @__PURE__ */ B("span", {
582
583
  id: `${a}-description`,
583
584
  className: "type-caption text-fg-subtle",
584
585
  children: t
@@ -588,47 +589,47 @@ function dt({ label: e, description: t, className: r, ...i }) {
588
589
  }
589
590
  //#endregion
590
591
  //#region src/components/search-picker.tsx
591
- function ft({ label: t, items: r, value: a, onChange: o, trigger: c, searchPlaceholder: l = "Search", emptyMessage: u = "Nothing matches that search.", triggerClassName: d }) {
592
- let { contains: f } = z({ sensitivity: "base" });
593
- return /* @__PURE__ */ H(S, { children: [/* @__PURE__ */ H(b, {
592
+ function vt({ label: t, items: r, value: i, onChange: o, trigger: c, searchPlaceholder: l = "Search", emptyMessage: u = "Nothing matches that search.", triggerClassName: d }) {
593
+ let { contains: f } = R({ sensitivity: "base" });
594
+ return /* @__PURE__ */ V(C, { children: [/* @__PURE__ */ V(b, {
594
595
  "aria-label": t,
595
596
  className: n("inline-flex cursor-pointer items-center gap-1.5 rounded-cell text-left transition-colors duration-(--duration-fast) outline-none data-focus-visible:focus-ring data-hovered:text-fg-emphasis", d),
596
- children: [c, /* @__PURE__ */ V(i, { className: "size-3.5 text-fg-subtle" })]
597
- }), /* @__PURE__ */ V(N, {
597
+ children: [c, /* @__PURE__ */ B(a, { className: "size-3.5 text-fg-subtle" })]
598
+ }), /* @__PURE__ */ B(M, {
598
599
  placement: "bottom start",
599
600
  offset: 6,
600
601
  className: "w-72 origin-(--trigger-anchor-point) overflow-hidden rounded-surface border border-line-subtle bg-surface shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out",
601
- children: /* @__PURE__ */ V(x, {
602
+ children: /* @__PURE__ */ B(S, {
602
603
  "aria-label": t,
603
604
  className: "outline-none",
604
- children: ({ close: n }) => /* @__PURE__ */ H(_, {
605
+ children: ({ close: n }) => /* @__PURE__ */ V(_, {
605
606
  filter: (e, t) => f(e, t),
606
- children: [/* @__PURE__ */ V(P, {
607
+ children: [/* @__PURE__ */ B(N, {
607
608
  "aria-label": `Search ${t.toLowerCase()}`,
608
609
  autoFocus: !0,
609
610
  className: "border-b border-line-subtle",
610
- children: /* @__PURE__ */ H("div", {
611
+ children: /* @__PURE__ */ V("div", {
611
612
  className: "flex items-center gap-2 px-3",
612
- children: [/* @__PURE__ */ V(e, { className: "text-fg-subtle" }), /* @__PURE__ */ V(T, {
613
+ children: [/* @__PURE__ */ B(e, { className: "text-fg-subtle" }), /* @__PURE__ */ B(E, {
613
614
  placeholder: l,
614
615
  className: "h-10 w-full bg-transparent text-sm text-fg-emphasis outline-none placeholder:text-fg-subtle [&::-webkit-search-cancel-button]:hidden"
615
616
  })]
616
617
  })
617
- }), /* @__PURE__ */ V(D, {
618
+ }), /* @__PURE__ */ B(O, {
618
619
  "aria-label": t,
619
620
  items: r,
620
621
  selectionMode: "single",
621
- selectedKeys: [a],
622
+ selectedKeys: [i],
622
623
  onSelectionChange: (e) => {
623
624
  let [t] = [...e];
624
625
  t !== void 0 && (o(String(t)), n());
625
626
  },
626
- renderEmptyState: () => /* @__PURE__ */ V("p", {
627
+ renderEmptyState: () => /* @__PURE__ */ B("p", {
627
628
  className: "px-3 py-6 text-center type-body text-fg-subtle",
628
629
  children: u
629
630
  }),
630
631
  className: "max-h-72 overflow-y-auto p-1 outline-none",
631
- children: (e) => /* @__PURE__ */ H(O, {
632
+ children: (e) => /* @__PURE__ */ V(k, {
632
633
  id: e.id,
633
634
  textValue: [
634
635
  e.label,
@@ -637,15 +638,15 @@ function ft({ label: t, items: r, value: a, onChange: o, trigger: c, searchPlace
637
638
  ].filter(Boolean).join(" "),
638
639
  className: "group flex cursor-pointer items-center gap-2 rounded-cell px-2 py-1.5 type-body text-fg outline-none data-focused:bg-surface-subtle data-focused:text-fg-emphasis data-selected:text-fg-emphasis",
639
640
  children: [
640
- /* @__PURE__ */ V("span", {
641
+ /* @__PURE__ */ B("span", {
641
642
  className: "min-w-0 flex-1 truncate",
642
643
  children: e.label
643
644
  }),
644
- e.detail ? /* @__PURE__ */ V("span", {
645
+ e.detail ? /* @__PURE__ */ B("span", {
645
646
  className: "shrink-0 type-caption font-normal text-fg-subtle numeric",
646
647
  children: e.detail
647
648
  }) : null,
648
- /* @__PURE__ */ V(s, { className: "invisible size-3.5 text-fg-emphasis group-data-selected:visible" })
649
+ /* @__PURE__ */ B(s, { className: "invisible size-3.5 text-fg-emphasis group-data-selected:visible" })
649
650
  ]
650
651
  })
651
652
  })]
@@ -655,7 +656,7 @@ function ft({ label: t, items: r, value: a, onChange: o, trigger: c, searchPlace
655
656
  }
656
657
  //#endregion
657
658
  //#region src/components/segmented-control.tsx
658
- function pt(e, t) {
659
+ function yt(e, t) {
659
660
  let n = m(null), r = m(null), i = m(e);
660
661
  return p(() => {
661
662
  let a = i.current;
@@ -680,9 +681,9 @@ function pt(e, t) {
680
681
  mark: r
681
682
  };
682
683
  }
683
- function mt({ label: e, options: t, value: r, onChange: i, size: a = "sm", className: o }) {
684
- let { group: s, mark: c } = pt(r, t.map((e) => e.id));
685
- return /* @__PURE__ */ V(Ne, {
684
+ function bt({ label: e, options: t, value: r, onChange: i, size: a = "sm", className: o }) {
685
+ let { group: s, mark: c } = yt(r, t.map((e) => e.id));
686
+ return /* @__PURE__ */ B(Pe, {
686
687
  ref: s,
687
688
  "aria-label": e,
688
689
  selectionMode: "single",
@@ -693,16 +694,16 @@ function mt({ label: e, options: t, value: r, onChange: i, size: a = "sm", class
693
694
  t !== void 0 && t !== r && i(String(t));
694
695
  },
695
696
  className: n("inline-flex max-w-full shrink-0 flex-wrap items-center gap-0.5 rounded-control bg-surface-subtle p-0.5", o),
696
- children: t.map((e) => /* @__PURE__ */ H(R, {
697
+ children: t.map((e) => /* @__PURE__ */ V(L, {
697
698
  id: e.id,
698
699
  "aria-label": e["aria-label"],
699
700
  isDisabled: e.isDisabled,
700
701
  className: n("relative inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-[calc(var(--radius-control)-2px)] text-fg transition-colors duration-(--duration-snap) ease-snap outline-none squircle", "data-disabled:cursor-not-allowed data-disabled:text-fg-muted data-focus-visible:focus-ring data-hovered:text-fg-emphasis data-selected:text-fg-emphasis", a === "sm" ? "h-control-sm min-w-control-sm px-control-sm-x type-caption" : "h-control-md min-w-control-md px-control-md-x type-label"),
701
- children: [e.id === r ? /* @__PURE__ */ V("span", {
702
+ children: [e.id === r ? /* @__PURE__ */ B("span", {
702
703
  ref: c,
703
704
  "aria-hidden": "true",
704
705
  className: "absolute inset-0 rounded-[calc(var(--radius-control)-2px)] border border-line-subtle bg-surface shadow-control squircle"
705
- }) : null, /* @__PURE__ */ H("span", {
706
+ }) : null, /* @__PURE__ */ V("span", {
706
707
  className: "relative inline-flex items-center gap-1.5",
707
708
  children: [e.icon, e.label]
708
709
  })]
@@ -711,42 +712,42 @@ function mt({ label: e, options: t, value: r, onChange: i, size: a = "sm", class
711
712
  }
712
713
  //#endregion
713
714
  //#region src/components/avatar.tsx
714
- var ht = {
715
+ var xt = {
715
716
  sm: "size-avatar-sm text-avatar-sm",
716
717
  md: "size-avatar-md text-xs",
717
718
  lg: "size-avatar-lg text-sm"
718
719
  };
719
- function gt(e) {
720
+ function St(e) {
720
721
  let t = e.trim().split(/\s+/);
721
722
  return ((t[0]?.[0] ?? "") + (t.length > 1 ? t[t.length - 1]?.[0] ?? "" : "")).toUpperCase();
722
723
  }
723
- function _t({ name: e, src: t, size: r = "md", className: i }) {
724
+ function Ct({ name: e, src: t, size: r = "md", className: i }) {
724
725
  let [a, o] = h(!1), s = t && !a;
725
- return /* @__PURE__ */ V("span", {
726
- className: n("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-pill bg-surface-emphasis font-semibold text-fg-emphasis select-none", ht[r], i),
727
- children: s ? /* @__PURE__ */ V("img", {
726
+ return /* @__PURE__ */ B("span", {
727
+ className: n("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-pill bg-surface-emphasis font-semibold text-fg-emphasis select-none", xt[r], i),
728
+ children: s ? /* @__PURE__ */ B("img", {
728
729
  src: t,
729
730
  alt: e,
730
731
  className: "size-full object-cover",
731
732
  onError: () => o(!0)
732
- }) : /* @__PURE__ */ V("span", {
733
+ }) : /* @__PURE__ */ B("span", {
733
734
  role: "img",
734
735
  "aria-label": e,
735
- children: gt(e)
736
+ children: St(e)
736
737
  })
737
738
  });
738
739
  }
739
740
  //#endregion
740
741
  //#region src/components/skeleton.tsx
741
- function vt({ className: e }) {
742
- return /* @__PURE__ */ V("span", {
742
+ function Y({ className: e }) {
743
+ return /* @__PURE__ */ B("span", {
743
744
  "aria-hidden": "true",
744
745
  className: n("block animate-pulse-soft rounded-cell bg-surface-subtle", e)
745
746
  });
746
747
  }
747
748
  //#endregion
748
749
  //#region src/components/scroll-area.tsx
749
- function yt({ children: e, className: t, label: r, scrollTo: i }) {
750
+ function wt({ children: e, className: t, label: r, scrollTo: i }) {
750
751
  let a = m(null), [o, s] = h({
751
752
  top: !1,
752
753
  bottom: !1
@@ -767,7 +768,7 @@ function yt({ children: e, className: t, label: r, scrollTo: i }) {
767
768
  i !== void 0 && a.current && (a.current.scrollTop = i);
768
769
  }, [i]);
769
770
  let c = "1.5rem", l = `linear-gradient(to bottom, ${o.top ? "transparent" : "black"} 0, black ${o.top ? c : "0"}, black calc(100% - ${o.bottom ? c : "0px"}), ${o.bottom ? "transparent" : "black"} 100%)`;
770
- return /* @__PURE__ */ V("div", {
771
+ return /* @__PURE__ */ B("div", {
771
772
  ref: a,
772
773
  tabIndex: o.top || o.bottom ? 0 : void 0,
773
774
  role: o.top || o.bottom ? "region" : void 0,
@@ -781,33 +782,81 @@ function yt({ children: e, className: t, label: r, scrollTo: i }) {
781
782
  });
782
783
  }
783
784
  //#endregion
785
+ //#region src/components/peek.tsx
786
+ var Tt = 280, X = 160;
787
+ function Et({ label: e, title: t, look: r = "word", children: i }) {
788
+ let a = r === "word", o = m(null), s = m(void 0), [c, l] = h(!1), [u, f] = h(!1);
789
+ d(() => () => window.clearTimeout(s.current), []);
790
+ let p = (e, t) => {
791
+ window.clearTimeout(s.current), s.current = window.setTimeout(() => l(e), t);
792
+ }, g = () => {
793
+ window.clearTimeout(s.current), l(!1), f(!1);
794
+ }, { buttonProps: _ } = We({
795
+ elementType: "span",
796
+ "aria-expanded": c,
797
+ onPress: () => {
798
+ if (window.clearTimeout(s.current), u) return g();
799
+ f(!0), l(!0);
800
+ }
801
+ }, o), { hoverProps: v, isHovered: y } = Ke({
802
+ onHoverStart: () => a && !u && p(!0, Tt),
803
+ onHoverEnd: () => a && !u && p(!1, X)
804
+ }), { focusProps: b, isFocusVisible: x } = Ge();
805
+ return /* @__PURE__ */ B(H, { children: (a) => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("span", {
806
+ ref: o,
807
+ ...Ue(_, v, b),
808
+ "data-hovered": y || void 0,
809
+ "data-focus-visible": x || void 0,
810
+ className: n("cursor-pointer rounded-cell wrap-anywhere outline-none data-focus-visible:focus-ring", r === "word" ? "font-medium text-fg-emphasis underline decoration-line-emphasis decoration-dotted decoration-[1.5px] underline-offset-[5px] transition-[text-decoration-color] duration-(--duration-snap) ease-snap data-hovered:decoration-fg-subtle" : "font-mono text-done underline-offset-[3px] data-hovered:underline"),
811
+ children: e
812
+ }), /* @__PURE__ */ B(M, {
813
+ triggerRef: o,
814
+ isOpen: c,
815
+ onOpenChange: (e) => e ? l(!0) : g(),
816
+ isNonModal: !u,
817
+ placement: "bottom start",
818
+ offset: 8,
819
+ style: a.style,
820
+ className: n(a.className, "z-50 max-h-[min(24rem,60vh)] w-80 max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) overflow-y-auto rounded-surface border border-line-subtle bg-surface p-4 wrap-anywhere text-fg shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out"),
821
+ children: /* @__PURE__ */ B(S, {
822
+ "aria-label": t,
823
+ className: "outline-none",
824
+ children: /* @__PURE__ */ B("div", {
825
+ onPointerEnter: () => !u && window.clearTimeout(s.current),
826
+ onPointerLeave: () => !u && p(!1, X),
827
+ children: typeof i == "function" ? i(g) : i
828
+ })
829
+ })
830
+ })] }) });
831
+ }
832
+ //#endregion
784
833
  //#region src/components/responsive-overlay.tsx
785
- var Z = "(max-width: 639px)", Q = "(min-width: 960px)", bt = "flex min-h-0 flex-col overflow-hidden bg-surface text-fg shadow-dialog";
786
- function xt(e) {
834
+ var Z = "(max-width: 639px)", Q = "(min-width: 960px)", Dt = "flex min-h-0 flex-col overflow-hidden bg-surface text-fg shadow-dialog";
835
+ function Ot(e) {
787
836
  let t = [window.matchMedia(Z), window.matchMedia(Q)];
788
837
  return t.forEach((t) => t.addEventListener("change", e)), () => t.forEach((t) => t.removeEventListener("change", e));
789
838
  }
790
- function St() {
839
+ function kt() {
791
840
  return window.matchMedia(Z).matches ? "drawer" : window.matchMedia(Q).matches ? "side" : "below";
792
841
  }
793
- function Ct({ isOpen: e, onOpenChange: t, triggerRef: r, "aria-label": i, isDismissDisabled: a = !1, children: o, className: s }) {
794
- let c = g(xt, St, () => "side"), l = /* @__PURE__ */ V(x, {
842
+ function At({ isOpen: e, onOpenChange: t, triggerRef: r, "aria-label": i, isDismissDisabled: a = !1, children: o, className: s }) {
843
+ let c = g(Ot, kt, () => "side"), l = /* @__PURE__ */ B(S, {
795
844
  "aria-label": i,
796
845
  className: "flex min-h-0 flex-1 flex-col outline-none",
797
846
  children: o
798
- }), u = bt;
799
- return c === "drawer" ? /* @__PURE__ */ V(M, {
847
+ }), u = Dt;
848
+ return c === "drawer" ? /* @__PURE__ */ B(j, {
800
849
  isOpen: e,
801
850
  onOpenChange: t,
802
851
  isDismissable: !a,
803
852
  isKeyboardDismissDisabled: a,
804
853
  className: "fixed inset-0 z-50 flex items-end justify-center bg-overlay data-entering:animate-fade-in data-exiting:animate-fade-out",
805
- children: /* @__PURE__ */ V(j, {
854
+ children: /* @__PURE__ */ B(A, {
806
855
  "data-presentation": "drawer",
807
856
  className: n(u, "max-h-[calc(100dvh-1rem)] w-full rounded-t-surface pb-[env(safe-area-inset-bottom)] data-entering:animate-drawer-settle data-exiting:animate-drawer-out", s),
808
857
  children: l
809
858
  })
810
- }) : /* @__PURE__ */ V(N, {
859
+ }) : /* @__PURE__ */ B(M, {
811
860
  isOpen: e,
812
861
  onOpenChange: t,
813
862
  triggerRef: r,
@@ -821,20 +870,20 @@ function Ct({ isOpen: e, onOpenChange: t, triggerRef: r, "aria-label": i, isDism
821
870
  }
822
871
  //#endregion
823
872
  //#region src/components/date-time-field.tsx
824
- function wt({ label: e, value: t, onChange: r, error: i, isDisabled: a, kind: o, className: s }) {
825
- let c = /* @__PURE__ */ H(B, { children: [
826
- /* @__PURE__ */ V(E, {
873
+ function jt({ label: e, value: t, onChange: r, error: i, isDisabled: a, kind: o, className: s }) {
874
+ let c = /* @__PURE__ */ V(z, { children: [
875
+ /* @__PURE__ */ B(D, {
827
876
  className: "type-label text-fg-emphasis",
828
877
  children: e
829
878
  }),
830
- /* @__PURE__ */ V(ae, {
879
+ /* @__PURE__ */ B(ie, {
831
880
  className: "flex h-control-md items-center rounded-control border border-line-input bg-surface px-control-md-x type-body text-fg-emphasis shadow-control outline-none data-disabled:bg-surface-muted data-disabled:text-fg-muted data-focus-within:border-brand data-focus-within:ring-2 data-focus-within:ring-brand/15 data-invalid:border-error",
832
- children: (e) => /* @__PURE__ */ V(oe, {
881
+ children: (e) => /* @__PURE__ */ B(ae, {
833
882
  segment: e,
834
883
  className: "rounded-cell px-0.5 numeric outline-none data-focused:bg-brand data-focused:text-on-brand data-placeholder:text-fg-subtle"
835
884
  })
836
885
  }),
837
- /* @__PURE__ */ V(C, {
886
+ /* @__PURE__ */ B(w, {
838
887
  className: "type-caption text-error",
839
888
  children: i
840
889
  })
@@ -845,18 +894,18 @@ function wt({ label: e, value: t, onChange: r, error: i, isDisabled: a, kind: o,
845
894
  validationBehavior: "aria",
846
895
  className: n("flex min-w-0 flex-col gap-1.5", s)
847
896
  };
848
- return /* @__PURE__ */ V(de, {
897
+ return /* @__PURE__ */ B(ue, {
849
898
  locale: "en-AU",
850
- children: o === "date" ? /* @__PURE__ */ V(ie, {
899
+ children: o === "date" ? /* @__PURE__ */ B(re, {
851
900
  ...l,
852
- value: t ? Be(t) : null,
901
+ value: t ? Ve(t) : null,
853
902
  onChange: (e) => r(e?.toString() ?? ""),
854
903
  children: c
855
- }) : /* @__PURE__ */ V(Me, {
904
+ }) : /* @__PURE__ */ B(Ne, {
856
905
  ...l,
857
906
  hourCycle: 24,
858
907
  granularity: "minute",
859
- value: t ? U(t) : null,
908
+ value: t ? He(t) : null,
860
909
  onChange: (e) => r(e ? e.toString().slice(0, 5) : ""),
861
910
  children: c
862
911
  })
@@ -871,40 +920,40 @@ var $ = {
871
920
  };
872
921
  //#endregion
873
922
  //#region src/components/scenario-picker/index.tsx
874
- function Tt({ label: t, value: r, onChange: o, options: c, isDisabled: l = !1 }) {
875
- let u = m(null), [d, f] = h(!1), [p, g] = h(!1), { contains: v } = z({ sensitivity: "base" }), y = c.find((e) => e.id === r), b = /* @__PURE__ */ V(D, {
923
+ function Mt({ label: t, value: r, onChange: i, options: c, isDisabled: l = !1 }) {
924
+ let u = m(null), [d, f] = h(!1), [p, g] = h(!1), { contains: v } = R({ sensitivity: "base" }), y = c.find((e) => e.id === r), b = /* @__PURE__ */ B(O, {
876
925
  items: c,
877
926
  className: "p-1 outline-none",
878
- renderEmptyState: () => /* @__PURE__ */ V("p", {
927
+ renderEmptyState: () => /* @__PURE__ */ B("p", {
879
928
  className: "px-3 py-5 type-body text-fg-subtle",
880
929
  children: $.empty
881
930
  }),
882
- children: (e) => /* @__PURE__ */ H(O, {
931
+ children: (e) => /* @__PURE__ */ V(k, {
883
932
  id: e.id,
884
933
  textValue: `${e.label} ${e.description}`,
885
934
  isDisabled: e.isDisabled,
886
935
  className: "group flex cursor-pointer items-start gap-3 rounded-cell px-3 py-2.5 text-fg-emphasis outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:focus-ring data-focused:bg-surface-subtle",
887
- children: [/* @__PURE__ */ H("div", {
936
+ children: [/* @__PURE__ */ V("div", {
888
937
  className: "flex min-w-0 flex-1 flex-col gap-1",
889
- children: [/* @__PURE__ */ V(L, {
938
+ children: [/* @__PURE__ */ B(I, {
890
939
  slot: "label",
891
940
  className: "type-label",
892
941
  children: e.label
893
- }), /* @__PURE__ */ V(L, {
942
+ }), /* @__PURE__ */ B(I, {
894
943
  slot: "description",
895
944
  className: "type-caption font-normal text-fg-subtle",
896
945
  children: e.description
897
946
  })]
898
- }), /* @__PURE__ */ V(s, { className: "invisible mt-0.5 size-4 shrink-0 group-data-selected:visible" })]
947
+ }), /* @__PURE__ */ B(s, { className: "invisible mt-0.5 size-4 shrink-0 group-data-selected:visible" })]
899
948
  })
900
949
  });
901
- return /* @__PURE__ */ H(F, {
950
+ return /* @__PURE__ */ V(P, {
902
951
  ref: u,
903
952
  "aria-label": t,
904
953
  value: r,
905
954
  onChange: (e) => {
906
955
  let t = c.find((t) => t.id === e);
907
- t && t.id !== r && !t.isDisabled && o(t.id);
956
+ t && t.id !== r && !t.isDisabled && i(t.id);
908
957
  },
909
958
  isOpen: d,
910
959
  onOpenChange: (e) => {
@@ -912,50 +961,50 @@ function Tt({ label: t, value: r, onChange: o, options: c, isDisabled: l = !1 })
912
961
  },
913
962
  isDisabled: l,
914
963
  className: "max-w-full min-w-0 self-start",
915
- children: [/* @__PURE__ */ H(a, {
964
+ children: [/* @__PURE__ */ V(o, {
916
965
  size: "sm",
917
966
  "aria-label": t,
918
967
  className: "max-w-full min-w-0 justify-between",
919
968
  children: [
920
- /* @__PURE__ */ H("span", {
969
+ /* @__PURE__ */ V("span", {
921
970
  className: "font-normal text-fg-subtle",
922
971
  children: [$.label, ":"]
923
972
  }),
924
- /* @__PURE__ */ V(I, {
973
+ /* @__PURE__ */ B(F, {
925
974
  className: "min-w-0 truncate",
926
975
  children: y?.label
927
976
  }),
928
- /* @__PURE__ */ V(i, { className: "size-3.5 shrink-0 text-fg-subtle" })
977
+ /* @__PURE__ */ B(a, { className: "size-3.5 shrink-0 text-fg-subtle" })
929
978
  ]
930
- }), /* @__PURE__ */ V(N, {
979
+ }), /* @__PURE__ */ B(M, {
931
980
  placement: "bottom start",
932
981
  offset: 6,
933
982
  className: n("z-50 w-80 max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) overflow-hidden rounded-surface border border-line-subtle bg-surface text-fg shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out", p && "dark"),
934
- children: /* @__PURE__ */ V("div", {
983
+ children: /* @__PURE__ */ B("div", {
935
984
  onKeyDownCapture: (e) => {
936
985
  e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), f(!1));
937
986
  },
938
- children: c.length > 6 ? /* @__PURE__ */ H(_, {
987
+ children: c.length > 6 ? /* @__PURE__ */ V(_, {
939
988
  filter: v,
940
- children: [/* @__PURE__ */ V(P, {
989
+ children: [/* @__PURE__ */ B(N, {
941
990
  "aria-label": $.search,
942
991
  autoFocus: !0,
943
992
  className: "border-b border-line-subtle",
944
- children: /* @__PURE__ */ H("div", {
993
+ children: /* @__PURE__ */ V("div", {
945
994
  className: "flex items-center gap-2 px-3",
946
- children: [/* @__PURE__ */ V(e, { className: "size-4 shrink-0 text-fg-subtle" }), /* @__PURE__ */ V(T, {
995
+ children: [/* @__PURE__ */ B(e, { className: "size-4 shrink-0 text-fg-subtle" }), /* @__PURE__ */ B(E, {
947
996
  placeholder: $.search,
948
997
  className: "h-control-md w-full min-w-0 bg-transparent type-body text-fg-emphasis outline-none placeholder:text-fg-subtle [&::-webkit-search-cancel-button]:hidden"
949
998
  })]
950
999
  })
951
- }), /* @__PURE__ */ V("div", {
1000
+ }), /* @__PURE__ */ B("div", {
952
1001
  role: "region",
953
1002
  "aria-label": t,
954
1003
  tabIndex: 0,
955
1004
  className: "max-h-[min(24rem,60dvh)] overflow-y-auto outline-none focus-visible:focus-ring",
956
1005
  children: b
957
1006
  })]
958
- }) : /* @__PURE__ */ V("div", {
1007
+ }) : /* @__PURE__ */ B("div", {
959
1008
  className: "max-h-[min(24rem,60dvh)] overflow-y-auto",
960
1009
  children: b
961
1010
  })
@@ -964,4 +1013,4 @@ function Tt({ label: t, value: r, onChange: o, options: c, isDisabled: l = !1 })
964
1013
  });
965
1014
  }
966
1015
  //#endregion
967
- export { He as A, Qe as C, J as D, Ze as E, G as F, We as M, Ke as N, Ve as O, Ge as P, Je as S, Xe as T, ut as _, vt as a, Ye as b, ft as c, rt as d, tt as f, at as g, it as h, yt as i, Ue as j, qe as k, dt as l, st as m, wt as n, _t as o, ct as p, Ct as r, mt as s, Tt as t, ot as u, lt as v, $e as w, et as x, X as y };
1016
+ export { $e as A, et as C, rt as D, nt as E, Ze as F, U as I, Ye as M, Xe as N, K as O, Qe as P, ot as S, at as T, dt as _, wt as a, J as b, bt as c, ft as d, lt as f, ut as g, pt as h, Et as i, Je as j, qe as k, vt as l, mt as m, jt as n, Y as o, st as p, At as r, Ct as s, Mt as t, _t as u, gt as v, it as w, tt as x, ht as y };