@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.
- package/GENERATIVE.md +1 -1
- package/README.md +20 -11
- package/REUSE.md +11 -1
- package/REVIEW.md +2 -2
- package/THIRD-PARTY-NOTICES.md +1 -1
- package/chunks/{callout-DKMHSnjc.js → callout-B89MDU9m.js} +31 -35
- package/chunks/{canvas-BJ15-XxE.js → canvas-Dd78FPe0.js} +9 -9
- package/chunks/{text-field-BLtoaZFn.js → text-field-mMHllx03.js} +1 -1
- package/chunks/thinking-DlBmZsgc.js +13 -0
- package/chunks/{ui-9DyNsYXY.js → ui-WR0qTNm7.js} +309 -260
- package/generative/index.js +156 -155
- package/interactions/index.js +1073 -499
- package/package.json +2 -1
- package/source/components/icons.tsx +14 -0
- package/source/components/peek.tsx +113 -0
- package/source/components/thinking.tsx +13 -2
- package/source/reusable/generative/index.tsx +14 -9
- package/source/reusable/generative/vocabulary.tsx +4 -2
- package/source/reusable/interactions/context.tsx +4 -0
- package/source/reusable/interactions/copy.ts +39 -0
- package/source/reusable/interactions/gate.tsx +246 -0
- package/source/reusable/interactions/index.ts +14 -0
- package/source/reusable/interactions/presentation.tsx +4 -1
- package/source/reusable/interactions/progress.tsx +240 -0
- package/source/reusable/interactions/receipt.tsx +230 -0
- package/source/reusable/interactions/run.tsx +206 -0
- package/source/reusable/ui/index.ts +1 -0
- package/source/reusable/web/review/index.tsx +21 -10
- package/source/styles/library.css +56 -0
- package/styles.css +1 -1
- package/types/components/icons.d.ts +8 -0
- package/types/components/peek.d.ts +17 -0
- package/types/components/thinking.d.ts +3 -1
- package/types/reusable/interactions/context.d.ts +39 -0
- package/types/reusable/interactions/copy.d.ts +43 -0
- package/types/reusable/interactions/gate.d.ts +39 -0
- package/types/reusable/interactions/index.d.ts +8 -0
- package/types/reusable/interactions/progress.d.ts +45 -0
- package/types/reusable/interactions/receipt.d.ts +54 -0
- package/types/reusable/interactions/run.d.ts +83 -0
- package/types/reusable/ui/index.d.ts +1 -0
- package/ui/index.js +3 -3
- package/web/index.js +350 -353
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as c } from "./text-field-
|
|
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
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import { parseDate as
|
|
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
|
|
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__ */
|
|
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
|
|
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
|
-
},
|
|
46
|
-
function
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
56
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
59
|
+
children: [/* @__PURE__ */ B("span", {
|
|
59
60
|
className: "block type-label text-fg-emphasis",
|
|
60
61
|
children: e
|
|
61
|
-
}), t ? /* @__PURE__ */
|
|
62
|
+
}), t ? /* @__PURE__ */ B("span", {
|
|
62
63
|
id: `${a}-hint`,
|
|
63
|
-
className: n("mt-1 block",
|
|
64
|
+
className: n("mt-1 block", G),
|
|
64
65
|
children: t
|
|
65
66
|
}) : null]
|
|
66
67
|
})] })
|
|
67
68
|
});
|
|
68
69
|
}
|
|
69
|
-
function
|
|
70
|
-
return /* @__PURE__ */
|
|
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(
|
|
74
|
+
className: n(W, typeof a == "string" && a),
|
|
74
75
|
children: [
|
|
75
|
-
/* @__PURE__ */
|
|
76
|
+
/* @__PURE__ */ B(D, {
|
|
76
77
|
className: "type-label text-fg-emphasis",
|
|
77
78
|
children: e
|
|
78
79
|
}),
|
|
79
|
-
i.map((e) => /* @__PURE__ */
|
|
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__ */
|
|
86
|
+
t && /* @__PURE__ */ B(I, {
|
|
86
87
|
slot: "description",
|
|
87
|
-
className:
|
|
88
|
+
className: G,
|
|
88
89
|
children: t
|
|
89
90
|
}),
|
|
90
|
-
/* @__PURE__ */
|
|
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
|
|
98
|
-
return /* @__PURE__ */
|
|
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(
|
|
102
|
+
className: n(W, typeof a == "string" && a),
|
|
102
103
|
children: [
|
|
103
|
-
/* @__PURE__ */
|
|
104
|
+
/* @__PURE__ */ B(D, {
|
|
104
105
|
className: "type-label text-fg-emphasis",
|
|
105
106
|
children: e
|
|
106
107
|
}),
|
|
107
|
-
i.map((e) => /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
115
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
119
|
+
}), e.description && /* @__PURE__ */ B(I, {
|
|
119
120
|
slot: "description",
|
|
120
|
-
className: n("mt-1 block",
|
|
121
|
+
className: n("mt-1 block", G),
|
|
121
122
|
children: e.description
|
|
122
123
|
})] })]
|
|
123
124
|
}, e.id)),
|
|
124
|
-
t && /* @__PURE__ */
|
|
125
|
+
t && /* @__PURE__ */ B(I, {
|
|
125
126
|
slot: "description",
|
|
126
|
-
className:
|
|
127
|
+
className: G,
|
|
127
128
|
children: t
|
|
128
129
|
}),
|
|
129
|
-
/* @__PURE__ */
|
|
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
|
|
137
|
-
return /* @__PURE__ */
|
|
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:
|
|
142
|
-
className: n(
|
|
142
|
+
disabledKeys: i.filter((e) => e.isDisabled).map((e) => e.id),
|
|
143
|
+
className: n(W, typeof c == "string" && c),
|
|
143
144
|
children: [
|
|
144
|
-
/* @__PURE__ */
|
|
145
|
+
/* @__PURE__ */ B(D, {
|
|
145
146
|
className: "type-label text-fg-emphasis",
|
|
146
147
|
children: e
|
|
147
148
|
}),
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
+
/* @__PURE__ */ V(o, {
|
|
149
150
|
className: "group/trigger w-full justify-between text-left whitespace-normal",
|
|
150
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
156
|
+
t && /* @__PURE__ */ B(I, {
|
|
156
157
|
slot: "description",
|
|
157
|
-
className:
|
|
158
|
+
className: G,
|
|
158
159
|
children: t
|
|
159
160
|
}),
|
|
160
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ B(w, {
|
|
161
162
|
className: "type-caption text-error",
|
|
162
163
|
children: r
|
|
163
164
|
}),
|
|
164
|
-
/* @__PURE__ */
|
|
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__ */
|
|
169
|
-
items:
|
|
169
|
+
children: /* @__PURE__ */ B(O, {
|
|
170
|
+
items: i,
|
|
170
171
|
className: "max-h-72 overflow-y-auto outline-none",
|
|
171
|
-
renderEmptyState: () => /* @__PURE__ */
|
|
172
|
+
renderEmptyState: () => /* @__PURE__ */ B("p", {
|
|
172
173
|
className: "p-3 type-body text-fg-subtle",
|
|
173
|
-
children:
|
|
174
|
+
children: U.empty
|
|
174
175
|
}),
|
|
175
|
-
children: (e) => /* @__PURE__ */
|
|
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__ */
|
|
180
|
+
children: [/* @__PURE__ */ V("span", {
|
|
180
181
|
className: "min-w-0 flex-1",
|
|
181
|
-
children: [/* @__PURE__ */
|
|
182
|
+
children: [/* @__PURE__ */ B(I, {
|
|
182
183
|
slot: "label",
|
|
183
184
|
className: "block type-label",
|
|
184
185
|
children: e.label
|
|
185
|
-
}), e.description && /* @__PURE__ */
|
|
186
|
+
}), e.description && /* @__PURE__ */ B(I, {
|
|
186
187
|
slot: "description",
|
|
187
|
-
className: n("mt-1 block",
|
|
188
|
+
className: n("mt-1 block", G),
|
|
188
189
|
children: e.description
|
|
189
190
|
})]
|
|
190
|
-
}), /* @__PURE__ */
|
|
191
|
+
}), /* @__PURE__ */ B(s, { className: "invisible group-data-selected:visible" })]
|
|
191
192
|
})
|
|
192
193
|
})
|
|
193
194
|
})
|
|
194
195
|
]
|
|
195
196
|
}) });
|
|
196
197
|
}
|
|
197
|
-
function
|
|
198
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
202
|
+
children: [/* @__PURE__ */ V("div", {
|
|
202
203
|
className: "flex justify-between gap-4",
|
|
203
|
-
children: [/* @__PURE__ */
|
|
204
|
+
children: [/* @__PURE__ */ B(D, {
|
|
204
205
|
className: "type-label text-fg-emphasis",
|
|
205
206
|
children: e
|
|
206
|
-
}), /* @__PURE__ */
|
|
207
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
218
|
-
return /* @__PURE__ */
|
|
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
|
|
224
|
-
function
|
|
225
|
-
let t = u(
|
|
226
|
-
return /* @__PURE__ */
|
|
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
|
|
232
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
245
|
-
return /* @__PURE__ */
|
|
246
|
-
isDisabled:
|
|
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__ */
|
|
249
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
263
|
+
children: [/* @__PURE__ */ B(I, {
|
|
263
264
|
slot: "label",
|
|
264
265
|
className: "block type-label",
|
|
265
266
|
children: e.label
|
|
266
|
-
}), e.description && /* @__PURE__ */
|
|
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
|
|
276
|
-
return /* @__PURE__ */
|
|
277
|
-
...
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
290
|
+
children: [/* @__PURE__ */ B("span", {
|
|
290
291
|
className: "min-w-0 flex-1 break-words",
|
|
291
292
|
children: e.title
|
|
292
|
-
}), /* @__PURE__ */
|
|
293
|
-
}) }), /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
304
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
324
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
335
|
-
return /* @__PURE__ */
|
|
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:
|
|
338
|
-
children: [c, /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
346
|
+
children: /* @__PURE__ */ B(S, {
|
|
346
347
|
className: "min-w-0 outline-none",
|
|
347
|
-
children: ({ close: n }) => /* @__PURE__ */
|
|
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__ */
|
|
350
|
+
children: [/* @__PURE__ */ B(T, {
|
|
350
351
|
slot: "title",
|
|
351
352
|
className: "type-heading text-fg-emphasis",
|
|
352
353
|
children: e
|
|
353
|
-
}), /* @__PURE__ */
|
|
354
|
+
}), /* @__PURE__ */ B(o, {
|
|
354
355
|
variant: "ghost",
|
|
355
356
|
size: "icon-sm",
|
|
356
|
-
"aria-label":
|
|
357
|
+
"aria-label": U.close,
|
|
357
358
|
isDisabled: s,
|
|
358
359
|
onPress: n,
|
|
359
|
-
children: /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
374
|
+
/* @__PURE__ */ V(o, {
|
|
374
375
|
size: "sm",
|
|
375
|
-
"aria-label":
|
|
376
|
-
isDisabled:
|
|
376
|
+
"aria-label": U.previous,
|
|
377
|
+
isDisabled: a || c === 1,
|
|
377
378
|
onPress: () => r(c - 1),
|
|
378
|
-
children: [/* @__PURE__ */
|
|
379
|
+
children: [/* @__PURE__ */ B(i, { className: "rotate-180" }), U.previous]
|
|
379
380
|
}),
|
|
380
|
-
/* @__PURE__ */
|
|
381
|
+
/* @__PURE__ */ B("span", {
|
|
381
382
|
"aria-current": "page",
|
|
382
383
|
className: "type-caption text-fg-subtle numeric",
|
|
383
|
-
children:
|
|
384
|
+
children: U.page(c, s)
|
|
384
385
|
}),
|
|
385
|
-
/* @__PURE__ */
|
|
386
|
+
/* @__PURE__ */ V(o, {
|
|
386
387
|
size: "sm",
|
|
387
|
-
"aria-label":
|
|
388
|
-
isDisabled:
|
|
388
|
+
"aria-label": U.next,
|
|
389
|
+
isDisabled: a || c === s,
|
|
389
390
|
onPress: () => r(c + 1),
|
|
390
|
-
children: [
|
|
391
|
+
children: [U.next, /* @__PURE__ */ B(i, {})]
|
|
391
392
|
})
|
|
392
393
|
]
|
|
393
394
|
});
|
|
394
395
|
}
|
|
395
|
-
function
|
|
396
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
400
|
+
children: t.map((e, n) => /* @__PURE__ */ V(v, {
|
|
400
401
|
className: "inline-flex items-center gap-2",
|
|
401
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
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
|
|
412
|
-
return /* @__PURE__ */
|
|
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
|
|
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
|
|
426
|
-
return /* @__PURE__ */
|
|
427
|
-
className: n("inline-flex max-w-full items-center gap-1.5 rounded-cell px-2 py-1 type-caption",
|
|
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
|
|
432
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
439
|
+
children: [/* @__PURE__ */ B("span", {
|
|
439
440
|
className: "type-label",
|
|
440
441
|
children: e
|
|
441
|
-
}), !i && /* @__PURE__ */
|
|
442
|
+
}), !i && /* @__PURE__ */ B("span", {
|
|
442
443
|
className: "type-caption text-fg-subtle numeric",
|
|
443
444
|
children: r
|
|
444
445
|
})]
|
|
445
|
-
}), /* @__PURE__ */
|
|
446
|
+
}), /* @__PURE__ */ B("div", {
|
|
446
447
|
className: "h-2 overflow-hidden rounded-pill bg-surface-subtle",
|
|
447
|
-
children: /* @__PURE__ */
|
|
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
|
|
455
|
-
return /* @__PURE__ */
|
|
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
|
|
461
|
-
return /* @__PURE__ */
|
|
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
|
|
468
|
-
return /* @__PURE__ */
|
|
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
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
497
|
+
children: [/* @__PURE__ */ B(je, {
|
|
497
498
|
columns: t,
|
|
498
|
-
children: (e) => /* @__PURE__ */
|
|
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__ */
|
|
504
|
+
children: ({ sortDirection: t }) => /* @__PURE__ */ V("span", {
|
|
504
505
|
className: "inline-flex items-center gap-2",
|
|
505
|
-
children: [e.label, e.sortable && /* @__PURE__ */
|
|
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__ */
|
|
512
|
-
items:
|
|
513
|
-
renderEmptyState: () => /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
531
|
-
return new
|
|
531
|
+
function ht() {
|
|
532
|
+
return new ze({ maxVisibleToasts: 3 });
|
|
532
533
|
}
|
|
533
|
-
function
|
|
534
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
542
|
+
children: /* @__PURE__ */ V(Re, { children: [/* @__PURE__ */ V("div", {
|
|
542
543
|
className: "flex items-start justify-between gap-3",
|
|
543
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
548
|
+
}), /* @__PURE__ */ B(o, {
|
|
548
549
|
slot: "close",
|
|
549
550
|
size: "icon-sm",
|
|
550
551
|
variant: "ghost",
|
|
551
|
-
"aria-label":
|
|
552
|
-
children: /* @__PURE__ */
|
|
552
|
+
"aria-label": U.dismiss,
|
|
553
|
+
children: /* @__PURE__ */ B(t, {})
|
|
553
554
|
})]
|
|
554
|
-
}), e.content.description && /* @__PURE__ */
|
|
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
|
|
565
|
+
function _t({ label: e, description: t, className: r, ...i }) {
|
|
565
566
|
let a = f();
|
|
566
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
575
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
592
|
-
let { contains: f } =
|
|
593
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
597
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
602
|
+
children: /* @__PURE__ */ B(S, {
|
|
602
603
|
"aria-label": t,
|
|
603
604
|
className: "outline-none",
|
|
604
|
-
children: ({ close: n }) => /* @__PURE__ */
|
|
605
|
+
children: ({ close: n }) => /* @__PURE__ */ V(_, {
|
|
605
606
|
filter: (e, t) => f(e, t),
|
|
606
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
611
|
+
children: /* @__PURE__ */ V("div", {
|
|
611
612
|
className: "flex items-center gap-2 px-3",
|
|
612
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
618
|
+
}), /* @__PURE__ */ B(O, {
|
|
618
619
|
"aria-label": t,
|
|
619
620
|
items: r,
|
|
620
621
|
selectionMode: "single",
|
|
621
|
-
selectedKeys: [
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
641
|
+
/* @__PURE__ */ B("span", {
|
|
641
642
|
className: "min-w-0 flex-1 truncate",
|
|
642
643
|
children: e.label
|
|
643
644
|
}),
|
|
644
|
-
e.detail ? /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
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
|
|
684
|
-
let { group: s, mark: c } =
|
|
685
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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
|
|
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
|
|
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__ */
|
|
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",
|
|
727
|
-
children: s ? /* @__PURE__ */
|
|
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__ */
|
|
733
|
+
}) : /* @__PURE__ */ B("span", {
|
|
733
734
|
role: "img",
|
|
734
735
|
"aria-label": e,
|
|
735
|
-
children:
|
|
736
|
+
children: St(e)
|
|
736
737
|
})
|
|
737
738
|
});
|
|
738
739
|
}
|
|
739
740
|
//#endregion
|
|
740
741
|
//#region src/components/skeleton.tsx
|
|
741
|
-
function
|
|
742
|
-
return /* @__PURE__ */
|
|
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
|
|
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__ */
|
|
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)",
|
|
786
|
-
function
|
|
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
|
|
839
|
+
function kt() {
|
|
791
840
|
return window.matchMedia(Z).matches ? "drawer" : window.matchMedia(Q).matches ? "side" : "below";
|
|
792
841
|
}
|
|
793
|
-
function
|
|
794
|
-
let c = g(
|
|
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 =
|
|
799
|
-
return c === "drawer" ? /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
825
|
-
let c = /* @__PURE__ */
|
|
826
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
897
|
+
return /* @__PURE__ */ B(ue, {
|
|
849
898
|
locale: "en-AU",
|
|
850
|
-
children: o === "date" ? /* @__PURE__ */
|
|
899
|
+
children: o === "date" ? /* @__PURE__ */ B(re, {
|
|
851
900
|
...l,
|
|
852
|
-
value: t ?
|
|
901
|
+
value: t ? Ve(t) : null,
|
|
853
902
|
onChange: (e) => r(e?.toString() ?? ""),
|
|
854
903
|
children: c
|
|
855
|
-
}) : /* @__PURE__ */
|
|
904
|
+
}) : /* @__PURE__ */ B(Ne, {
|
|
856
905
|
...l,
|
|
857
906
|
hourCycle: 24,
|
|
858
907
|
granularity: "minute",
|
|
859
|
-
value: t ?
|
|
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
|
|
875
|
-
let u = m(null), [d, f] = h(!1), [p, g] = h(!1), { contains: v } =
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
936
|
+
children: [/* @__PURE__ */ V("div", {
|
|
888
937
|
className: "flex min-w-0 flex-1 flex-col gap-1",
|
|
889
|
-
children: [/* @__PURE__ */
|
|
938
|
+
children: [/* @__PURE__ */ B(I, {
|
|
890
939
|
slot: "label",
|
|
891
940
|
className: "type-label",
|
|
892
941
|
children: e.label
|
|
893
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
947
|
+
}), /* @__PURE__ */ B(s, { className: "invisible mt-0.5 size-4 shrink-0 group-data-selected:visible" })]
|
|
899
948
|
})
|
|
900
949
|
});
|
|
901
|
-
return /* @__PURE__ */
|
|
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 &&
|
|
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__ */
|
|
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__ */
|
|
969
|
+
/* @__PURE__ */ V("span", {
|
|
921
970
|
className: "font-normal text-fg-subtle",
|
|
922
971
|
children: [$.label, ":"]
|
|
923
972
|
}),
|
|
924
|
-
/* @__PURE__ */
|
|
973
|
+
/* @__PURE__ */ B(F, {
|
|
925
974
|
className: "min-w-0 truncate",
|
|
926
975
|
children: y?.label
|
|
927
976
|
}),
|
|
928
|
-
/* @__PURE__ */
|
|
977
|
+
/* @__PURE__ */ B(a, { className: "size-3.5 shrink-0 text-fg-subtle" })
|
|
929
978
|
]
|
|
930
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
987
|
+
children: c.length > 6 ? /* @__PURE__ */ V(_, {
|
|
939
988
|
filter: v,
|
|
940
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
993
|
+
children: /* @__PURE__ */ V("div", {
|
|
945
994
|
className: "flex items-center gap-2 px-3",
|
|
946
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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 {
|
|
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 };
|