@motech-development/breeze-ui 4.9.0 → 4.11.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/lib/index.d.ts +11 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1571 -1192
- package/lib/index.js.map +1 -1
- package/lib/motion/view-transitions.d.ts +34 -0
- package/lib/motion/view-transitions.d.ts.map +1 -0
- package/lib/patterns/ApplicationShell/ApplicationShell.d.ts +50 -0
- package/lib/patterns/ApplicationShell/ApplicationShell.d.ts.map +1 -0
- package/lib/patterns/PageHeader/PageHeader.d.ts +17 -0
- package/lib/patterns/PageHeader/PageHeader.d.ts.map +1 -0
- package/lib/primitives/Link/Link.d.ts +55 -0
- package/lib/primitives/Link/Link.d.ts.map +1 -0
- package/lib/primitives/Link/link-routing.d.ts +6 -0
- package/lib/primitives/Link/link-routing.d.ts.map +1 -0
- package/lib/primitives/SkipLink/SkipLink.d.ts +12 -0
- package/lib/primitives/SkipLink/SkipLink.d.ts.map +1 -0
- package/lib/provider/BreezeContext.d.ts +11 -0
- package/lib/provider/BreezeContext.d.ts.map +1 -1
- package/lib/provider/BreezeProvider.d.ts +4 -2
- package/lib/provider/BreezeProvider.d.ts.map +1 -1
- package/lib/provider/en-GB.d.ts +2 -0
- package/lib/provider/en-GB.d.ts.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -1,43 +1,230 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { createContext as e, createElement as t, useCallback as n, useContext as r, useEffect as i, useId as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l, useSyncExternalStore as u } from "react";
|
|
2
|
+
import { ToggleButton as d } from "react-aria-components/ToggleButton";
|
|
3
|
+
import { ToggleButtonGroup as f } from "react-aria-components/ToggleButtonGroup";
|
|
4
4
|
import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { useObjectRef as
|
|
12
|
-
import { CheckboxButton as
|
|
13
|
-
import { FieldError as
|
|
14
|
-
import { Label as
|
|
15
|
-
import { Text as
|
|
16
|
-
import { ComboBox as
|
|
17
|
-
import { Group as
|
|
18
|
-
import { Input as
|
|
19
|
-
import { ListBox as
|
|
20
|
-
import { Popover as
|
|
21
|
-
import { UNSAFE_PortalProvider as
|
|
22
|
-
import { I18nProvider as
|
|
23
|
-
import { Dialog as
|
|
24
|
-
import { Modal as
|
|
25
|
-
import { Menu as
|
|
26
|
-
import { NumberField as
|
|
27
|
-
import { GridList as
|
|
28
|
-
import { Select as
|
|
29
|
-
import { TextField as
|
|
30
|
-
import { createPortal as
|
|
5
|
+
import { ArrowDownLeft as g, ArrowUpRight as _, Bell as v, Building2 as y, CalendarDays as b, Camera as x, Check as S, ChevronDown as C, ChevronLeft as w, ChevronRight as T, Clock3 as E, Download as D, Ellipsis as O, FileText as k, House as A, List as j, LockKeyhole as ee, LogOut as M, Plus as te, Settings as ne, Trash2 as N, TriangleAlert as P, Upload as F, Users as I, X as L } from "lucide-react";
|
|
6
|
+
import { parseDate as re } from "@internationalized/date";
|
|
7
|
+
import { Button as R } from "react-aria-components/Button";
|
|
8
|
+
import { ProgressBarContext as z } from "react-aria-components/ProgressBar";
|
|
9
|
+
import { useSlottedContext as B } from "react-aria-components/slots";
|
|
10
|
+
import { Calendar as ie, CalendarCell as ae, CalendarGrid as oe, CalendarGridBody as se, CalendarGridHeader as ce, CalendarHeaderCell as V, CalendarHeading as le } from "react-aria-components/Calendar";
|
|
11
|
+
import { useObjectRef as ue } from "react-aria/useObjectRef";
|
|
12
|
+
import { CheckboxButton as de, CheckboxField as fe } from "react-aria-components/Checkbox";
|
|
13
|
+
import { FieldError as pe } from "react-aria-components/FieldError";
|
|
14
|
+
import { Label as me } from "react-aria-components/Label";
|
|
15
|
+
import { Text as he } from "react-aria-components/Text";
|
|
16
|
+
import { ComboBox as ge, ComboBoxStateContext as _e, useFilter as ve } from "react-aria-components/ComboBox";
|
|
17
|
+
import { Group as ye } from "react-aria-components/Group";
|
|
18
|
+
import { Input as be } from "react-aria-components/Input";
|
|
19
|
+
import { ListBox as xe, ListBoxItem as Se } from "react-aria-components/ListBox";
|
|
20
|
+
import { Popover as Ce } from "react-aria-components/Popover";
|
|
21
|
+
import { UNSAFE_PortalProvider as we } from "react-aria/PortalProvider";
|
|
22
|
+
import { I18nProvider as Te, useLocale as Ee } from "react-aria-components/I18nProvider";
|
|
23
|
+
import { Dialog as De } from "react-aria-components/Dialog";
|
|
24
|
+
import { Modal as Oe, ModalOverlay as ke } from "react-aria-components/Modal";
|
|
25
|
+
import { Menu as Ae, MenuItem as je, MenuTrigger as Me } from "react-aria-components/Menu";
|
|
26
|
+
import { NumberField as Ne } from "react-aria-components/NumberField";
|
|
27
|
+
import { GridList as Pe, GridListHeader as Fe, GridListItem as Ie, GridListSection as Le } from "react-aria-components/GridList";
|
|
28
|
+
import { Select as Re, SelectStateContext as ze, SelectValue as Be } from "react-aria-components/Select";
|
|
29
|
+
import { TextField as Ve } from "react-aria-components/TextField";
|
|
30
|
+
import { createPortal as He } from "react-dom";
|
|
31
|
+
//#region src/overlays/OverlayStack.ts
|
|
32
|
+
function Ue() {
|
|
33
|
+
let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
|
|
34
|
+
return {
|
|
35
|
+
getSnapshot: () => e,
|
|
36
|
+
remove: (t) => {
|
|
37
|
+
e = e.filter((e) => e.id !== t), n();
|
|
38
|
+
},
|
|
39
|
+
set: (t) => {
|
|
40
|
+
let r = e.find((e) => e.id === t.id);
|
|
41
|
+
r?.active === t.active && r.kind === t.kind && r.parent === t.parent && r.visual === t.visual || (e = r && (!t.active || r.active) ? e.map((e) => e.id === t.id ? t : e) : [...e.filter((e) => e.id !== t.id), t], n());
|
|
42
|
+
},
|
|
43
|
+
subscribe: (e) => (t.add(e), () => {
|
|
44
|
+
t.delete(e);
|
|
45
|
+
})
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
var We = e(null);
|
|
49
|
+
function Ge() {
|
|
50
|
+
let e = r(We);
|
|
51
|
+
if (!e) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
52
|
+
return 100 + u(e.subscribe, e.getSnapshot, e.getSnapshot).length * 2;
|
|
53
|
+
}
|
|
54
|
+
var Ke = e(null);
|
|
55
|
+
function qe(e, t, n) {
|
|
56
|
+
let i = r(We), s = r(Ke), c = a();
|
|
57
|
+
if (!i) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
58
|
+
let l = u(i.subscribe, i.getSnapshot, i.getSnapshot), d = s?.id;
|
|
59
|
+
o(() => () => i.remove(c), [c, i]), o(() => {
|
|
60
|
+
i.set({
|
|
61
|
+
active: t,
|
|
62
|
+
id: c,
|
|
63
|
+
kind: e,
|
|
64
|
+
parent: d,
|
|
65
|
+
visual: n
|
|
66
|
+
});
|
|
67
|
+
}, [
|
|
68
|
+
c,
|
|
69
|
+
e,
|
|
70
|
+
t,
|
|
71
|
+
d,
|
|
72
|
+
i,
|
|
73
|
+
n
|
|
74
|
+
]);
|
|
75
|
+
let f = [], p = (e) => {
|
|
76
|
+
if (f.includes(e)) return;
|
|
77
|
+
let t = l.find((t) => t.id === e.parent);
|
|
78
|
+
t && p(t), f.push(e);
|
|
79
|
+
};
|
|
80
|
+
l.forEach(p);
|
|
81
|
+
let m = (e) => {
|
|
82
|
+
let t = l.find((t) => t.id === e.parent);
|
|
83
|
+
return e.active && (!t || m(t));
|
|
84
|
+
}, h = f.filter(m), g = h.findIndex((e) => e.id === c), _ = t && g !== -1 && !h.slice(g + 1).some((e) => e.kind !== "popover"), v = t && h.at(-1)?.id === c, y = h.findLast((e) => e.kind === "drawer" || e.kind === "dialog"), b = f.findLast((e) => e.visual && (e.kind === "drawer" || e.kind === "dialog"));
|
|
85
|
+
return {
|
|
86
|
+
id: c,
|
|
87
|
+
interactive: _,
|
|
88
|
+
scrim: (y ?? b)?.id === c,
|
|
89
|
+
topmost: v,
|
|
90
|
+
zIndex: 100 + Math.max(0, f.findIndex((e) => e.id === c)) * 2
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
//#endregion
|
|
31
94
|
//#region src/provider/BreezeContext.ts
|
|
32
|
-
var
|
|
33
|
-
function
|
|
34
|
-
let e =
|
|
95
|
+
var Je = e(null);
|
|
96
|
+
function H() {
|
|
97
|
+
let e = r(Je);
|
|
35
98
|
if (e === null) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
36
99
|
return e;
|
|
37
100
|
}
|
|
38
101
|
//#endregion
|
|
102
|
+
//#region src/motion/view-transitions.ts
|
|
103
|
+
var Ye = /* @__PURE__ */ new Set([
|
|
104
|
+
"nav",
|
|
105
|
+
"mode",
|
|
106
|
+
"list",
|
|
107
|
+
"item",
|
|
108
|
+
"expand"
|
|
109
|
+
]), Xe = /^[a-zA-Z_][a-zA-Z0-9_-]*$/, Ze = /* @__PURE__ */ new Set([
|
|
110
|
+
"auto",
|
|
111
|
+
"default",
|
|
112
|
+
"inherit",
|
|
113
|
+
"initial",
|
|
114
|
+
"none",
|
|
115
|
+
"revert",
|
|
116
|
+
"revert-layer",
|
|
117
|
+
"unset",
|
|
118
|
+
"root",
|
|
119
|
+
"breeze-botnav",
|
|
120
|
+
"breeze-navmark",
|
|
121
|
+
"breeze-topbar",
|
|
122
|
+
"breeze-topnav",
|
|
123
|
+
"match-element"
|
|
124
|
+
]), Qe = {
|
|
125
|
+
botnav: {
|
|
126
|
+
name: "breeze-botnav",
|
|
127
|
+
types: ["nav", "mode"]
|
|
128
|
+
},
|
|
129
|
+
navmark: {
|
|
130
|
+
name: "breeze-navmark",
|
|
131
|
+
types: ["nav"]
|
|
132
|
+
},
|
|
133
|
+
topbar: {
|
|
134
|
+
name: "breeze-topbar",
|
|
135
|
+
types: ["nav", "mode"]
|
|
136
|
+
},
|
|
137
|
+
topnav: {
|
|
138
|
+
name: "breeze-topnav",
|
|
139
|
+
types: ["nav", "mode"]
|
|
140
|
+
}
|
|
141
|
+
};
|
|
142
|
+
function $e(e) {
|
|
143
|
+
let t = [...new Set(e)];
|
|
144
|
+
if (t.some((e) => !Ye.has(e))) throw TypeError("Breeze view transition types must be nav, mode, list, item or expand.");
|
|
145
|
+
return t;
|
|
146
|
+
}
|
|
147
|
+
function et(e, t) {
|
|
148
|
+
let n = e.defaultView, r = n?.ViewTransition, i = n?.CSS?.supports;
|
|
149
|
+
return t.length > 0 && typeof e.startViewTransition == "function" && typeof r == "function" && "types" in r.prototype && typeof i == "function" && t.every((e) => i.call(n?.CSS, `selector(:active-view-transition-type(${e}))`));
|
|
150
|
+
}
|
|
151
|
+
function tt(e) {
|
|
152
|
+
return e.defaultView?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
|
|
153
|
+
}
|
|
154
|
+
function nt(e, t) {
|
|
155
|
+
if (!e.isConnected || e.matches("[data-breeze-overlay]") || e.closest("[hidden]") !== null || e.getClientRects().length === 0) return !1;
|
|
156
|
+
let n = t.defaultView?.getComputedStyle(e);
|
|
157
|
+
return n !== void 0 && n.display !== "none" && n.visibility !== "hidden" && n.visibility !== "collapse";
|
|
158
|
+
}
|
|
159
|
+
function rt(e, t, n) {
|
|
160
|
+
if (process.env.NODE_ENV === "production") return;
|
|
161
|
+
let r = Array.from(e.querySelectorAll("[data-breeze-transition-enabled=\"true\"][data-breeze-transition-name]")).filter((t) => nt(t, e)), i = /* @__PURE__ */ new Map();
|
|
162
|
+
r.forEach((e) => {
|
|
163
|
+
if ((e.dataset.breezeTransitionTypes?.split(/\s+/))?.some((e) => t.includes(e))) {
|
|
164
|
+
let t = e.dataset.breezeTransitionName;
|
|
165
|
+
t && i.set(t, (i.get(t) ?? 0) + 1);
|
|
166
|
+
}
|
|
167
|
+
}), i.forEach((e, r) => {
|
|
168
|
+
e > 1 && console.error(`Breeze view transition types "${t.join(", ")}" have duplicate participant name "${r}" in the ${n} snapshot. Eligible names must be unique in both snapshots.`);
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
var it = /* @__PURE__ */ new WeakMap();
|
|
172
|
+
function at(e, t) {
|
|
173
|
+
let n = $e(t), { document: r } = globalThis;
|
|
174
|
+
if (r === void 0 || n.length === 0 || !et(r, n) || tt(r)) try {
|
|
175
|
+
return Promise.resolve(e());
|
|
176
|
+
} catch (e) {
|
|
177
|
+
return Promise.reject(e instanceof Error ? e : Error(String(e)));
|
|
178
|
+
}
|
|
179
|
+
rt(r, n, "old"), it.get(r)?.skipTransition();
|
|
180
|
+
let i = r.startViewTransition({
|
|
181
|
+
types: n,
|
|
182
|
+
update: async () => {
|
|
183
|
+
await e(), rt(r, n, "new");
|
|
184
|
+
}
|
|
185
|
+
});
|
|
186
|
+
it.set(r, i), i.ready.catch(() => void 0);
|
|
187
|
+
let a = () => {
|
|
188
|
+
it.get(r) === i && it.delete(r);
|
|
189
|
+
};
|
|
190
|
+
return i.finished.then(a, a), i.updateCallbackDone;
|
|
191
|
+
}
|
|
192
|
+
function ot(e) {
|
|
193
|
+
let t = [], n = (r) => {
|
|
194
|
+
if (t.includes(r)) return;
|
|
195
|
+
let i = e.find((e) => e.id === r.parent);
|
|
196
|
+
i && n(i), t.push(r);
|
|
197
|
+
};
|
|
198
|
+
e.forEach(n);
|
|
199
|
+
let r = (t) => {
|
|
200
|
+
let n = e.find((e) => e.id === t.parent);
|
|
201
|
+
return t.visual && (!n || r(n));
|
|
202
|
+
};
|
|
203
|
+
return t.filter(r);
|
|
204
|
+
}
|
|
205
|
+
function st(e) {
|
|
206
|
+
H();
|
|
207
|
+
let t = r(We), i = r(Ke);
|
|
208
|
+
if (t === null) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
209
|
+
let a = ot(u(t.subscribe, t.getSnapshot, t.getSnapshot)), o = i ? a.at(-1)?.id === i.id : a.length === 0, s = "role" in e ? Qe[e.role] : void 0, c = s?.name ?? e.name, l = $e(s?.types ?? e.types);
|
|
210
|
+
if (!Xe.test(c) || s === void 0 && Ze.has(c.toLowerCase())) throw TypeError("Breeze transition participant names must be CSS custom identifiers and cannot use a name reserved by the browser or Breeze.");
|
|
211
|
+
if (l.length === 0) throw RangeError("Breeze transition participants require at least one transition type.");
|
|
212
|
+
let d = l.join(" ");
|
|
213
|
+
return n((e) => {
|
|
214
|
+
if (e === null) return;
|
|
215
|
+
let { dataset: t } = e, n = t.breezeTransitionName, r = t.breezeTransitionTypes, i = t.breezeTransitionEnabled, a = e.style.getPropertyValue("--breeze-transition-name"), s = e.style.getPropertyPriority("--breeze-transition-name");
|
|
216
|
+
return t.breezeTransitionName = c, t.breezeTransitionTypes = d, t.breezeTransitionEnabled = String(o), e.style.setProperty("--breeze-transition-name", c), () => {
|
|
217
|
+
n === void 0 ? delete t.breezeTransitionName : t.breezeTransitionName = n, r === void 0 ? delete t.breezeTransitionTypes : t.breezeTransitionTypes = r, i === void 0 ? delete t.breezeTransitionEnabled : t.breezeTransitionEnabled = i, a === "" ? e.style.removeProperty("--breeze-transition-name") : e.style.setProperty("--breeze-transition-name", a, s);
|
|
218
|
+
};
|
|
219
|
+
}, [
|
|
220
|
+
o,
|
|
221
|
+
c,
|
|
222
|
+
d
|
|
223
|
+
]);
|
|
224
|
+
}
|
|
225
|
+
//#endregion
|
|
39
226
|
//#region src/patterns/AppearanceControl/AppearanceControl.tsx
|
|
40
|
-
var
|
|
227
|
+
var ct = {
|
|
41
228
|
base: {
|
|
42
229
|
control: "breeze:flex breeze:items-center breeze:gap-breeze-2 breeze:font-breeze-sans",
|
|
43
230
|
group: "breeze:flex breeze:items-center breeze:gap-breeze-2",
|
|
@@ -48,7 +235,7 @@ var Ue = {
|
|
|
48
235
|
size: {},
|
|
49
236
|
state: { selected: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
50
237
|
variant: {}
|
|
51
|
-
},
|
|
238
|
+
}, lt = [
|
|
52
239
|
{
|
|
53
240
|
message: "appearanceLight",
|
|
54
241
|
value: "light"
|
|
@@ -62,40 +249,326 @@ var Ue = {
|
|
|
62
249
|
value: "dark"
|
|
63
250
|
}
|
|
64
251
|
];
|
|
65
|
-
function
|
|
66
|
-
return
|
|
252
|
+
function ut(e) {
|
|
253
|
+
return lt.some((t) => t.value === e);
|
|
67
254
|
}
|
|
68
|
-
function
|
|
69
|
-
let { appearance:
|
|
255
|
+
function dt() {
|
|
256
|
+
let { appearance: e, getMessageLocale: t, messages: n, setAppearance: r } = H();
|
|
70
257
|
return /* @__PURE__ */ h("div", {
|
|
71
|
-
className:
|
|
258
|
+
className: ct.base.control,
|
|
72
259
|
children: [/* @__PURE__ */ m("span", {
|
|
73
|
-
className:
|
|
74
|
-
lang:
|
|
75
|
-
children:
|
|
76
|
-
}), /* @__PURE__ */ m(
|
|
77
|
-
"aria-label":
|
|
78
|
-
className:
|
|
260
|
+
className: ct.base.label,
|
|
261
|
+
lang: t("appearance"),
|
|
262
|
+
children: n.appearance
|
|
263
|
+
}), /* @__PURE__ */ m(f, {
|
|
264
|
+
"aria-label": n.appearance,
|
|
265
|
+
className: ct.base.group,
|
|
79
266
|
disallowEmptySelection: !0,
|
|
80
|
-
lang:
|
|
267
|
+
lang: t("appearance"),
|
|
81
268
|
onSelectionChange: (e) => {
|
|
82
269
|
let [t] = e;
|
|
83
|
-
|
|
270
|
+
ut(t) && r(t);
|
|
84
271
|
},
|
|
85
|
-
selectedKeys: [
|
|
272
|
+
selectedKeys: [e],
|
|
86
273
|
selectionMode: "single",
|
|
87
|
-
children:
|
|
88
|
-
className: [
|
|
89
|
-
id:
|
|
90
|
-
lang:
|
|
91
|
-
children:
|
|
92
|
-
},
|
|
274
|
+
children: lt.map((e) => /* @__PURE__ */ m(d, {
|
|
275
|
+
className: [ct.base.option, ct.state.selected].join(" "),
|
|
276
|
+
id: e.value,
|
|
277
|
+
lang: t(e.message),
|
|
278
|
+
children: n[e.message]
|
|
279
|
+
}, e.value))
|
|
93
280
|
})]
|
|
94
281
|
});
|
|
95
282
|
}
|
|
96
283
|
//#endregion
|
|
284
|
+
//#region src/primitives/Icon/Icon.tsx
|
|
285
|
+
var ft = {
|
|
286
|
+
add: te,
|
|
287
|
+
back: w,
|
|
288
|
+
building: y,
|
|
289
|
+
calendar: b,
|
|
290
|
+
camera: x,
|
|
291
|
+
check: S,
|
|
292
|
+
clock: E,
|
|
293
|
+
close: L,
|
|
294
|
+
delete: N,
|
|
295
|
+
document: k,
|
|
296
|
+
download: D,
|
|
297
|
+
expand: C,
|
|
298
|
+
forward: T,
|
|
299
|
+
lock: ee,
|
|
300
|
+
money: j,
|
|
301
|
+
moneyIn: g,
|
|
302
|
+
moneyOut: _,
|
|
303
|
+
more: O,
|
|
304
|
+
next: T,
|
|
305
|
+
notifications: v,
|
|
306
|
+
overview: A,
|
|
307
|
+
people: I,
|
|
308
|
+
settings: ne,
|
|
309
|
+
signOut: M,
|
|
310
|
+
upload: F,
|
|
311
|
+
warning: P
|
|
312
|
+
}, pt = {
|
|
313
|
+
base: { icon: "breeze:block breeze:shrink-0" },
|
|
314
|
+
compound: {},
|
|
315
|
+
size: {
|
|
316
|
+
lg: "breeze:block-size-breeze-6 breeze:inline-size-breeze-6",
|
|
317
|
+
md: "breeze:block-size-breeze-5 breeze:inline-size-breeze-5",
|
|
318
|
+
sm: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4"
|
|
319
|
+
},
|
|
320
|
+
state: { logicalDirection: "breeze:rtl:rotate-180" },
|
|
321
|
+
variant: {}
|
|
322
|
+
}, mt = /* @__PURE__ */ new Set([
|
|
323
|
+
"back",
|
|
324
|
+
"forward",
|
|
325
|
+
"next"
|
|
326
|
+
]);
|
|
327
|
+
function U({ label: e, name: t, size: n = "md" }) {
|
|
328
|
+
let r = ft[t], i = e?.trim() || void 0;
|
|
329
|
+
return /* @__PURE__ */ m(r, {
|
|
330
|
+
"aria-hidden": i === void 0 || void 0,
|
|
331
|
+
"aria-label": i,
|
|
332
|
+
className: [
|
|
333
|
+
pt.base.icon,
|
|
334
|
+
pt.size[n],
|
|
335
|
+
mt.has(t) && pt.state.logicalDirection
|
|
336
|
+
].filter(Boolean).join(" "),
|
|
337
|
+
focusable: "false",
|
|
338
|
+
role: i === void 0 ? void 0 : "img",
|
|
339
|
+
strokeWidth: 1.75
|
|
340
|
+
});
|
|
341
|
+
}
|
|
342
|
+
//#endregion
|
|
343
|
+
//#region src/primitives/Link/link-routing.ts
|
|
344
|
+
function ht(e, t) {
|
|
345
|
+
if (e.defaultPrevented || e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || t !== void 0 && t !== !1) return !1;
|
|
346
|
+
let n = e.currentTarget, r = n.getAttribute("target"), i = document.querySelector("base[target]")?.getAttribute("target"), a = r || i || "";
|
|
347
|
+
if (a.toLowerCase() !== "" && a.toLowerCase() !== "_self") return !1;
|
|
348
|
+
let o = new URL(n.href, document.baseURI);
|
|
349
|
+
return !(o.protocol !== "http:" && o.protocol !== "https:" || o.origin !== window.location.origin || o.hash !== "" || n.getAttribute("href")?.includes("#"));
|
|
350
|
+
}
|
|
351
|
+
function gt(e, t, n, r, i) {
|
|
352
|
+
n === void 0 || !ht(e, i) || (e.preventDefault(), n.navigate(t, { transitionTypes: r }));
|
|
353
|
+
}
|
|
354
|
+
//#endregion
|
|
355
|
+
//#region src/primitives/SkipLink/SkipLink.tsx
|
|
356
|
+
var _t = {
|
|
357
|
+
base: { link: "breeze:sr-only breeze:focus-visible:not-sr-only breeze:focus-visible:fixed breeze:focus-visible:z-50 breeze:focus-visible:inset-bs-breeze-2 breeze:focus-visible:inset-s-breeze-2 breeze:focus-visible:rounded-breeze-ctl breeze:focus-visible:bg-breeze-brand breeze:focus-visible:px-breeze-4 breeze:focus-visible:py-breeze-2 breeze:focus-visible:font-breeze-sans breeze:focus-visible:text-breeze-sm breeze:focus-visible:font-semibold breeze:focus-visible:text-breeze-on-brand breeze:focus-visible:shadow-breeze-overlay breeze:focus-visible:outline-2 breeze:focus-visible:outline-solid breeze:focus-visible:outline-breeze-brand" },
|
|
358
|
+
compound: {},
|
|
359
|
+
size: {},
|
|
360
|
+
state: {},
|
|
361
|
+
variant: {}
|
|
362
|
+
};
|
|
363
|
+
function vt({ targetId: e }) {
|
|
364
|
+
let { getMessageLocale: t, messages: n } = H();
|
|
365
|
+
return /* @__PURE__ */ m("a", {
|
|
366
|
+
className: _t.base.link,
|
|
367
|
+
href: `#${e}`,
|
|
368
|
+
lang: t("skipToMain"),
|
|
369
|
+
onClick: (t) => {
|
|
370
|
+
let n = document.getElementById(e);
|
|
371
|
+
n && (t.preventDefault(), n.focus());
|
|
372
|
+
},
|
|
373
|
+
children: n.skipToMain
|
|
374
|
+
});
|
|
375
|
+
}
|
|
376
|
+
//#endregion
|
|
377
|
+
//#region src/patterns/ApplicationShell/ApplicationShell.tsx
|
|
378
|
+
var W = {
|
|
379
|
+
base: {
|
|
380
|
+
actionButton: "breeze:relative breeze:inline-grid breeze:block-size-breeze-lg breeze:inline-size-breeze-lg breeze:shrink-0 breeze:place-items-center breeze:rounded-breeze-full breeze:border breeze:border-solid breeze:border-transparent breeze:bg-breeze-brand breeze:text-breeze-on-brand breeze:cursor-pointer breeze:select-none breeze:transition-colors breeze:outline-offset-2 breeze:hover:bg-breeze-brand-hover breeze:focus-visible:outline-2 breeze:focus-visible:outline-solid breeze:focus-visible:outline-breeze-brand breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap",
|
|
381
|
+
actionFallback: "breeze:block breeze:[max-inline-size:100%] breeze:overflow-hidden breeze:px-breeze-1 breeze:text-center breeze:text-breeze-2xs breeze:font-semibold breeze:leading-breeze-snug breeze:break-words",
|
|
382
|
+
bottomNav: "breeze:fixed breeze:[inset-block-end:0] breeze:[inset-inline:0] breeze:z-30 breeze:border-bs breeze:border-solid breeze:border-breeze-line breeze:bg-breeze-surface breeze:pbs-breeze-2 breeze:pbe-[calc(8px_+_env(safe-area-inset-bottom))] breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-lg:hidden",
|
|
383
|
+
bottomNavInner: "breeze:mx-auto breeze:inline-size-full breeze:max-inline-breeze-page breeze:grid breeze:grid-cols-[minmax(0,1fr)_64px_minmax(0,1fr)] breeze:items-center",
|
|
384
|
+
bottomNavLink: "breeze:relative breeze:flex breeze:min-block-breeze-lg breeze:min-inline-size-0 breeze:flex-1 breeze:flex-col breeze:items-center breeze:justify-center breeze:gap-breeze-1 breeze:rounded-breeze-sm breeze:px-breeze-1 breeze:font-breeze-sans breeze:text-breeze-2xs breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-ink-2 breeze:no-underline breeze:transition-colors breeze:hover:text-breeze-ink breeze:focus-visible:outline-2 breeze:focus-visible:outline-solid breeze:focus-visible:outline-breeze-brand",
|
|
385
|
+
bottomNavLinkCurrent: "breeze:text-breeze-brand-text",
|
|
386
|
+
bottomNavMark: "breeze:[inset-block-start:0]",
|
|
387
|
+
bottomNavSide: "breeze:flex breeze:min-inline-size-0",
|
|
388
|
+
brand: "breeze:flex breeze:min-inline-size-0 breeze:shrink-0 breeze:items-center",
|
|
389
|
+
context: "breeze:min-inline-size-0 breeze:truncate breeze:border-s breeze:border-solid breeze:border-breeze-line breeze:ps-breeze-4",
|
|
390
|
+
main: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0 breeze:max-inline-breeze-page breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:pbe-[calc(69px_+_env(safe-area-inset-bottom))] breeze:breeze-lg:ps-breeze-7 breeze:breeze-lg:pe-breeze-7 breeze:breeze-lg:pbe-breeze-8",
|
|
391
|
+
navLabel: "breeze:min-inline-size-0 breeze:truncate",
|
|
392
|
+
navMark: "breeze:absolute breeze:[inset-inline:0] breeze:[block-size:2px] breeze:bg-breeze-brand",
|
|
393
|
+
topNav: "breeze:hidden breeze:border-b breeze:border-solid breeze:border-breeze-line breeze:bg-breeze-surface breeze:breeze-lg:block",
|
|
394
|
+
topNavInner: "breeze:mx-auto breeze:flex breeze:min-block-breeze-lg breeze:inline-size-full breeze:max-inline-breeze-page breeze:items-stretch breeze:gap-breeze-6 breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-lg:ps-breeze-7 breeze:breeze-lg:pe-breeze-7",
|
|
395
|
+
topNavLink: "breeze:relative breeze:inline-flex breeze:min-block-breeze-lg breeze:min-inline-size-0 breeze:shrink-0 breeze:items-center breeze:gap-breeze-2 breeze:rounded-breeze-sm breeze:font-breeze-sans breeze:text-breeze-sm breeze:font-medium breeze:text-breeze-ink-2 breeze:no-underline breeze:transition-colors breeze:hover:text-breeze-ink breeze:focus-visible:outline-2 breeze:focus-visible:outline-solid breeze:focus-visible:outline-breeze-brand",
|
|
396
|
+
topNavLinkCurrent: "breeze:text-breeze-brand-text",
|
|
397
|
+
topNavMark: "breeze:[inset-block-end:0]",
|
|
398
|
+
topbar: "breeze:sticky breeze:[inset-block-start:0] breeze:z-30 breeze:border-be breeze:border-solid breeze:border-breeze-line breeze:bg-breeze-surface",
|
|
399
|
+
topbarInner: "breeze:mx-auto breeze:flex breeze:min-block-breeze-lg breeze:inline-size-full breeze:max-inline-breeze-page breeze:min-inline-size-0 breeze:items-center breeze:gap-breeze-4 breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-lg:ps-breeze-7 breeze:breeze-lg:pe-breeze-7",
|
|
400
|
+
topbarSlots: "breeze:ms-auto breeze:flex breeze:min-inline-size-0 breeze:shrink-0 breeze:items-center breeze:gap-breeze-3"
|
|
401
|
+
},
|
|
402
|
+
compound: {},
|
|
403
|
+
size: {},
|
|
404
|
+
state: {},
|
|
405
|
+
variant: {}
|
|
406
|
+
};
|
|
407
|
+
function yt({ current: e, item: t, placement: n, router: r }) {
|
|
408
|
+
let i = st({ role: "navmark" }), a = [n === "top" ? W.base.topNavLink : W.base.bottomNavLink, e && (n === "top" ? W.base.topNavLinkCurrent : W.base.bottomNavLinkCurrent)].filter(Boolean).join(" ");
|
|
409
|
+
return /* @__PURE__ */ h("a", {
|
|
410
|
+
"aria-current": e ? "page" : void 0,
|
|
411
|
+
className: a,
|
|
412
|
+
href: t.href,
|
|
413
|
+
onClick: (e) => gt(e, t.href, r, ["nav"]),
|
|
414
|
+
children: [
|
|
415
|
+
t.icon ? /* @__PURE__ */ m(U, {
|
|
416
|
+
name: t.icon,
|
|
417
|
+
size: "sm"
|
|
418
|
+
}) : null,
|
|
419
|
+
/* @__PURE__ */ m("span", {
|
|
420
|
+
className: W.base.navLabel,
|
|
421
|
+
children: t.label
|
|
422
|
+
}),
|
|
423
|
+
e ? /* @__PURE__ */ m("span", {
|
|
424
|
+
"aria-hidden": "true",
|
|
425
|
+
className: [W.base.navMark, n === "top" ? W.base.topNavMark : W.base.bottomNavMark].join(" "),
|
|
426
|
+
ref: i
|
|
427
|
+
}) : null
|
|
428
|
+
]
|
|
429
|
+
});
|
|
430
|
+
}
|
|
431
|
+
function bt({ account: e, action: t, brand: n, children: r, context: i, currentItem: o, getItem: s, items: c, notifications: l }) {
|
|
432
|
+
let { getMessageLocale: u, messages: d, router: f } = H(), p = `breeze-main-${a()}`, g = c.map(s), _ = Math.ceil(g.length / 2), v = g.slice(0, _), y = g.slice(_), b = st({ role: "topbar" }), x = st({ role: "topnav" }), S = st({ role: "botnav" });
|
|
433
|
+
return /* @__PURE__ */ h("div", {
|
|
434
|
+
className: "breeze:[min-block-size:100dvh] breeze:bg-breeze-canvas breeze:text-breeze-ink",
|
|
435
|
+
children: [
|
|
436
|
+
/* @__PURE__ */ m(vt, { targetId: p }),
|
|
437
|
+
/* @__PURE__ */ m("header", {
|
|
438
|
+
className: W.base.topbar,
|
|
439
|
+
ref: b,
|
|
440
|
+
children: /* @__PURE__ */ h("div", {
|
|
441
|
+
className: W.base.topbarInner,
|
|
442
|
+
children: [
|
|
443
|
+
/* @__PURE__ */ m("div", {
|
|
444
|
+
className: W.base.brand,
|
|
445
|
+
children: n
|
|
446
|
+
}),
|
|
447
|
+
/* @__PURE__ */ m("div", {
|
|
448
|
+
className: W.base.context,
|
|
449
|
+
children: i
|
|
450
|
+
}),
|
|
451
|
+
/* @__PURE__ */ h("div", {
|
|
452
|
+
className: W.base.topbarSlots,
|
|
453
|
+
children: [l, e]
|
|
454
|
+
})
|
|
455
|
+
]
|
|
456
|
+
})
|
|
457
|
+
}),
|
|
458
|
+
/* @__PURE__ */ m("nav", {
|
|
459
|
+
"aria-label": d.primaryNavigation,
|
|
460
|
+
className: W.base.topNav,
|
|
461
|
+
lang: u("primaryNavigation"),
|
|
462
|
+
ref: x,
|
|
463
|
+
children: /* @__PURE__ */ m("div", {
|
|
464
|
+
className: W.base.topNavInner,
|
|
465
|
+
children: g.map((e) => /* @__PURE__ */ m(yt, {
|
|
466
|
+
current: e.id === o,
|
|
467
|
+
item: e,
|
|
468
|
+
placement: "top",
|
|
469
|
+
router: f
|
|
470
|
+
}, e.id))
|
|
471
|
+
})
|
|
472
|
+
}),
|
|
473
|
+
/* @__PURE__ */ m("main", {
|
|
474
|
+
className: W.base.main,
|
|
475
|
+
id: p,
|
|
476
|
+
tabIndex: -1,
|
|
477
|
+
children: r
|
|
478
|
+
}),
|
|
479
|
+
/* @__PURE__ */ m("nav", {
|
|
480
|
+
"aria-label": d.primaryNavigation,
|
|
481
|
+
className: W.base.bottomNav,
|
|
482
|
+
lang: u("primaryNavigation"),
|
|
483
|
+
ref: S,
|
|
484
|
+
children: /* @__PURE__ */ h("div", {
|
|
485
|
+
className: W.base.bottomNavInner,
|
|
486
|
+
children: [
|
|
487
|
+
/* @__PURE__ */ m("div", {
|
|
488
|
+
className: W.base.bottomNavSide,
|
|
489
|
+
children: v.map((e) => /* @__PURE__ */ m(yt, {
|
|
490
|
+
current: e.id === o,
|
|
491
|
+
item: e,
|
|
492
|
+
placement: "bottom",
|
|
493
|
+
router: f
|
|
494
|
+
}, e.id))
|
|
495
|
+
}),
|
|
496
|
+
/* @__PURE__ */ m("button", {
|
|
497
|
+
"aria-label": t.label,
|
|
498
|
+
className: `${W.base.actionButton} breeze:justify-self-center`,
|
|
499
|
+
onClick: () => t.onAction(),
|
|
500
|
+
type: "button",
|
|
501
|
+
children: t.icon === void 0 ? /* @__PURE__ */ m("span", {
|
|
502
|
+
className: W.base.actionFallback,
|
|
503
|
+
children: t.label
|
|
504
|
+
}) : /* @__PURE__ */ m(U, {
|
|
505
|
+
name: t.icon,
|
|
506
|
+
size: "lg"
|
|
507
|
+
})
|
|
508
|
+
}),
|
|
509
|
+
/* @__PURE__ */ m("div", {
|
|
510
|
+
className: W.base.bottomNavSide,
|
|
511
|
+
children: y.map((e) => /* @__PURE__ */ m(yt, {
|
|
512
|
+
current: e.id === o,
|
|
513
|
+
item: e,
|
|
514
|
+
placement: "bottom",
|
|
515
|
+
router: f
|
|
516
|
+
}, e.id))
|
|
517
|
+
})
|
|
518
|
+
]
|
|
519
|
+
})
|
|
520
|
+
})
|
|
521
|
+
]
|
|
522
|
+
});
|
|
523
|
+
}
|
|
524
|
+
//#endregion
|
|
525
|
+
//#region src/primitives/layout.accessibility.ts
|
|
526
|
+
function xt(e, t) {
|
|
527
|
+
let n = e?.trim() || void 0;
|
|
528
|
+
return {
|
|
529
|
+
accessibleLabel: n,
|
|
530
|
+
role: n !== void 0 && t === "div" ? "group" : void 0
|
|
531
|
+
};
|
|
532
|
+
}
|
|
533
|
+
//#endregion
|
|
534
|
+
//#region src/primitives/Stack/Stack.tsx
|
|
535
|
+
var St = {
|
|
536
|
+
base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
|
|
537
|
+
compound: {},
|
|
538
|
+
size: {
|
|
539
|
+
0: "breeze:gap-0",
|
|
540
|
+
1: "breeze:gap-breeze-1",
|
|
541
|
+
2: "breeze:gap-breeze-2",
|
|
542
|
+
3: "breeze:gap-breeze-3",
|
|
543
|
+
4: "breeze:gap-breeze-4",
|
|
544
|
+
5: "breeze:gap-breeze-5",
|
|
545
|
+
6: "breeze:gap-breeze-6",
|
|
546
|
+
7: "breeze:gap-breeze-7",
|
|
547
|
+
8: "breeze:gap-breeze-8"
|
|
548
|
+
},
|
|
549
|
+
state: {},
|
|
550
|
+
variant: {
|
|
551
|
+
center: "breeze:items-center",
|
|
552
|
+
end: "breeze:items-end",
|
|
553
|
+
start: "breeze:items-start",
|
|
554
|
+
stretch: "breeze:items-stretch"
|
|
555
|
+
}
|
|
556
|
+
};
|
|
557
|
+
function Ct({ "aria-label": e, children: n, element: r = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
|
|
558
|
+
let { accessibleLabel: o, role: s } = xt(e, r);
|
|
559
|
+
return t(r, {
|
|
560
|
+
"aria-label": o,
|
|
561
|
+
className: [
|
|
562
|
+
St.base.stack,
|
|
563
|
+
St.variant[a],
|
|
564
|
+
St.size[i]
|
|
565
|
+
].join(" "),
|
|
566
|
+
role: s
|
|
567
|
+
}, n);
|
|
568
|
+
}
|
|
569
|
+
//#endregion
|
|
97
570
|
//#region src/primitives/Skeleton/Skeleton.tsx
|
|
98
|
-
var
|
|
571
|
+
var wt = {
|
|
99
572
|
base: { skeleton: "breeze:block breeze:animate-pulse breeze:appearance-none breeze:bg-breeze-ink-3 breeze:pointer-events-none breeze:forced-colors:outline breeze:forced-colors:outline-1 breeze:forced-colors:outline-[CanvasText]" },
|
|
100
573
|
compound: {},
|
|
101
574
|
size: {},
|
|
@@ -106,37 +579,175 @@ var qe = {
|
|
|
106
579
|
text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
|
|
107
580
|
}
|
|
108
581
|
};
|
|
109
|
-
function
|
|
110
|
-
let { getMessageLocale: i, messages: a } =
|
|
582
|
+
function G({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
|
|
583
|
+
let { getMessageLocale: i, messages: a } = H(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
|
|
111
584
|
blockSize: r === "circle" ? s : e,
|
|
112
585
|
inlineSize: r === "circle" ? s : t
|
|
113
586
|
};
|
|
114
587
|
return /* @__PURE__ */ m("progress", {
|
|
115
588
|
"aria-hidden": o === void 0 || void 0,
|
|
116
589
|
"aria-label": o,
|
|
117
|
-
className: [
|
|
590
|
+
className: [wt.base.skeleton, wt.variant[r]].join(" "),
|
|
118
591
|
lang: o === a.loading.trim() ? i("loading") : void 0,
|
|
119
592
|
style: c
|
|
120
593
|
});
|
|
121
594
|
}
|
|
122
595
|
//#endregion
|
|
123
596
|
//#region src/primitives/VisuallyHidden/VisuallyHidden.tsx
|
|
124
|
-
var
|
|
597
|
+
var Tt = {
|
|
125
598
|
base: { hidden: "breeze:sr-only" },
|
|
126
599
|
compound: {},
|
|
127
600
|
size: {},
|
|
128
601
|
state: {},
|
|
129
602
|
variant: {}
|
|
130
603
|
};
|
|
131
|
-
function
|
|
604
|
+
function Et({ children: e }) {
|
|
132
605
|
return /* @__PURE__ */ m("span", {
|
|
133
|
-
className:
|
|
606
|
+
className: Tt.base.hidden,
|
|
134
607
|
children: e
|
|
135
608
|
});
|
|
136
609
|
}
|
|
137
610
|
//#endregion
|
|
611
|
+
//#region src/primitives/Typography/Typography.tsx
|
|
612
|
+
var Dt = {
|
|
613
|
+
base: { text: "breeze:m-0 breeze:font-breeze-sans" },
|
|
614
|
+
compound: {},
|
|
615
|
+
size: {},
|
|
616
|
+
state: {
|
|
617
|
+
aligned: "breeze:block breeze:inline-size-full",
|
|
618
|
+
inlineLoading: "breeze:inline-block",
|
|
619
|
+
numeric: "breeze:tabular-nums breeze:tracking-breeze-tighter",
|
|
620
|
+
truncate: "breeze:block breeze:min-inline-size-0 breeze:inline-size-full breeze:overflow-hidden breeze:text-ellipsis breeze:whitespace-nowrap"
|
|
621
|
+
},
|
|
622
|
+
variant: {
|
|
623
|
+
align: {
|
|
624
|
+
center: "breeze:text-center",
|
|
625
|
+
end: "breeze:text-end",
|
|
626
|
+
start: "breeze:text-start"
|
|
627
|
+
},
|
|
628
|
+
role: {
|
|
629
|
+
body: "breeze:text-breeze-sm breeze:font-normal breeze:leading-breeze-snug",
|
|
630
|
+
caption: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
|
|
631
|
+
heading: "breeze:text-breeze-2xl breeze:font-semibold breeze:leading-breeze-tight",
|
|
632
|
+
label: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
|
|
633
|
+
micro: "breeze:text-breeze-2xs breeze:font-bold breeze:uppercase breeze:leading-breeze-snug breeze:tracking-breeze-caps",
|
|
634
|
+
money: "breeze:text-breeze-4xl breeze:font-semibold breeze:leading-breeze-tight breeze:tracking-breeze-tightest breeze:tabular-nums",
|
|
635
|
+
title: "breeze:text-breeze-md breeze:font-semibold breeze:leading-breeze-snug"
|
|
636
|
+
},
|
|
637
|
+
tone: {
|
|
638
|
+
brand: "breeze:text-breeze-brand-text",
|
|
639
|
+
danger: "breeze:text-breeze-danger",
|
|
640
|
+
default: "breeze:text-breeze-ink",
|
|
641
|
+
muted: "breeze:text-breeze-ink-3",
|
|
642
|
+
positive: "breeze:text-breeze-pos",
|
|
643
|
+
secondary: "breeze:text-breeze-ink-2",
|
|
644
|
+
warning: "breeze:text-breeze-warn"
|
|
645
|
+
}
|
|
646
|
+
}
|
|
647
|
+
};
|
|
648
|
+
function Ot(e) {
|
|
649
|
+
return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
|
|
650
|
+
}
|
|
651
|
+
function kt(e, t, n, r) {
|
|
652
|
+
let i;
|
|
653
|
+
try {
|
|
654
|
+
i = new Intl.NumberFormat(n, {
|
|
655
|
+
currency: t,
|
|
656
|
+
signDisplay: r ?? "auto",
|
|
657
|
+
style: "currency"
|
|
658
|
+
}).formatToParts(e);
|
|
659
|
+
} catch (t) {
|
|
660
|
+
if (!(t instanceof RangeError)) throw t;
|
|
661
|
+
i = new Intl.NumberFormat(n, { signDisplay: r ?? "auto" }).formatToParts(e);
|
|
662
|
+
}
|
|
663
|
+
return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
|
|
664
|
+
}
|
|
665
|
+
function At(e, t, n) {
|
|
666
|
+
let r;
|
|
667
|
+
try {
|
|
668
|
+
r = re(e).toDate("UTC");
|
|
669
|
+
} catch {
|
|
670
|
+
return e;
|
|
671
|
+
}
|
|
672
|
+
return new Intl.DateTimeFormat(t, {
|
|
673
|
+
dateStyle: n ?? "long",
|
|
674
|
+
timeZone: "UTC"
|
|
675
|
+
}).format(r);
|
|
676
|
+
}
|
|
677
|
+
function jt(e, t, n) {
|
|
678
|
+
return e.loading ? /* @__PURE__ */ m(G, {
|
|
679
|
+
blockSize: "1lh",
|
|
680
|
+
inlineSize: "8em",
|
|
681
|
+
label: n
|
|
682
|
+
}) : e.format === "currency" ? kt(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? At(e.value, t, e.dateStyle) : e.children;
|
|
683
|
+
}
|
|
684
|
+
function Mt(e) {
|
|
685
|
+
let { locale: n, messages: r } = H(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: u = !1, numeric: d = !1, tone: f = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? Ot(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = jt(e, n, r.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
|
|
686
|
+
"h1",
|
|
687
|
+
"h2",
|
|
688
|
+
"h3",
|
|
689
|
+
"h4"
|
|
690
|
+
].includes(v), T = !u && y !== void 0 && !C && !w;
|
|
691
|
+
return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
|
|
692
|
+
"aria-hidden": "true",
|
|
693
|
+
children: S
|
|
694
|
+
}), /* @__PURE__ */ m(Et, { children: y })] })), t(v, {
|
|
695
|
+
"aria-busy": u || void 0,
|
|
696
|
+
"aria-label": T || w ? y : void 0,
|
|
697
|
+
className: [
|
|
698
|
+
Dt.base.text,
|
|
699
|
+
Dt.variant.role[_],
|
|
700
|
+
Dt.variant.tone[f],
|
|
701
|
+
Dt.variant.align[b],
|
|
702
|
+
x && Dt.state.aligned,
|
|
703
|
+
u && v === "span" && !x && Dt.state.inlineLoading,
|
|
704
|
+
d && _ !== "money" && Dt.state.numeric,
|
|
705
|
+
g && Dt.state.truncate
|
|
706
|
+
].filter(Boolean).join(" "),
|
|
707
|
+
id: l,
|
|
708
|
+
lang: n,
|
|
709
|
+
role: T ? "group" : void 0
|
|
710
|
+
}, S);
|
|
711
|
+
}
|
|
712
|
+
//#endregion
|
|
713
|
+
//#region src/patterns/PageHeader/PageHeader.tsx
|
|
714
|
+
var Nt = {
|
|
715
|
+
base: {
|
|
716
|
+
actions: "breeze:flex breeze:min-inline-size-0 breeze:flex-wrap breeze:items-center breeze:gap-breeze-3 breeze:breeze-lg:shrink-0",
|
|
717
|
+
content: "breeze:min-inline-size-0",
|
|
718
|
+
header: "breeze:flex breeze:min-inline-size-0 breeze:flex-col breeze:gap-breeze-4 breeze:pbe-breeze-5 breeze:breeze-lg:flex-row breeze:breeze-lg:items-end breeze:breeze-lg:justify-between"
|
|
719
|
+
},
|
|
720
|
+
compound: {},
|
|
721
|
+
size: {},
|
|
722
|
+
state: {},
|
|
723
|
+
variant: {}
|
|
724
|
+
};
|
|
725
|
+
function Pt({ actions: e, description: t, title: n }) {
|
|
726
|
+
return /* @__PURE__ */ h("header", {
|
|
727
|
+
className: Nt.base.header,
|
|
728
|
+
children: [/* @__PURE__ */ m("div", {
|
|
729
|
+
className: Nt.base.content,
|
|
730
|
+
children: /* @__PURE__ */ h(Ct, {
|
|
731
|
+
gap: 1,
|
|
732
|
+
children: [/* @__PURE__ */ m(Mt, {
|
|
733
|
+
element: "h1",
|
|
734
|
+
variant: "heading",
|
|
735
|
+
children: n
|
|
736
|
+
}), t ? /* @__PURE__ */ m(Mt, {
|
|
737
|
+
tone: "secondary",
|
|
738
|
+
variant: "body",
|
|
739
|
+
children: t
|
|
740
|
+
}) : null]
|
|
741
|
+
})
|
|
742
|
+
}), e ? /* @__PURE__ */ m("div", {
|
|
743
|
+
className: Nt.base.actions,
|
|
744
|
+
children: e
|
|
745
|
+
}) : null]
|
|
746
|
+
});
|
|
747
|
+
}
|
|
748
|
+
//#endregion
|
|
138
749
|
//#region src/primitives/Badge/Badge.tsx
|
|
139
|
-
var
|
|
750
|
+
var Ft = {
|
|
140
751
|
base: {
|
|
141
752
|
badge: "breeze:inline-grid breeze:shrink-0 breeze:items-center breeze:whitespace-nowrap breeze:rounded-breeze-chip breeze:ps-breeze-2 breeze:pe-breeze-2 breeze:py-breeze-px breeze:text-breeze-2xs breeze:font-bold breeze:leading-breeze-snug breeze:tracking-breeze-wide",
|
|
142
753
|
content: "breeze:[grid-area:1/1]",
|
|
@@ -153,29 +764,29 @@ var Xe = {
|
|
|
153
764
|
warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
|
|
154
765
|
}
|
|
155
766
|
};
|
|
156
|
-
function
|
|
157
|
-
let { messages: i } =
|
|
767
|
+
function It({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
|
|
768
|
+
let { messages: i } = H(), a = e?.trim() || void 0, o;
|
|
158
769
|
return n ? o = /* @__PURE__ */ m("span", {
|
|
159
|
-
className:
|
|
160
|
-
children: /* @__PURE__ */ m(
|
|
770
|
+
className: Ft.base.skeleton,
|
|
771
|
+
children: /* @__PURE__ */ m(G, {
|
|
161
772
|
blockSize: 8,
|
|
162
773
|
inlineSize: "100%",
|
|
163
774
|
label: i.loading,
|
|
164
775
|
shape: "rectangle"
|
|
165
776
|
})
|
|
166
|
-
}) : a !== void 0 && (o = /* @__PURE__ */ m(
|
|
777
|
+
}) : a !== void 0 && (o = /* @__PURE__ */ m(Et, { children: a })), /* @__PURE__ */ h("span", {
|
|
167
778
|
"aria-busy": n || void 0,
|
|
168
|
-
className: [
|
|
779
|
+
className: [Ft.base.badge, Ft.variant[r]].join(" "),
|
|
169
780
|
children: [/* @__PURE__ */ m("span", {
|
|
170
781
|
"aria-hidden": n || a !== void 0 ? !0 : void 0,
|
|
171
|
-
className: [
|
|
782
|
+
className: [Ft.base.content, n && Ft.state.contentLoading].filter(Boolean).join(" "),
|
|
172
783
|
children: t
|
|
173
784
|
}), o]
|
|
174
785
|
});
|
|
175
786
|
}
|
|
176
787
|
//#endregion
|
|
177
788
|
//#region src/primitives/Button/Button.tsx
|
|
178
|
-
var
|
|
789
|
+
var K = {
|
|
179
790
|
base: {
|
|
180
791
|
button: "breeze:relative breeze:inline-grid breeze:items-center breeze:justify-center breeze:gap-breeze-2 breeze:border breeze:border-solid breeze:rounded-breeze-ctl breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:cursor-pointer breeze:select-none breeze:[text-align:center] breeze:outline-offset-2 breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap",
|
|
181
792
|
label: "breeze:[grid-area:1/1]",
|
|
@@ -205,60 +816,60 @@ var G = {
|
|
|
205
816
|
secondary: "breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:text-breeze-ink breeze:data-[hovered]:bg-breeze-sunken breeze:data-[pressed]:bg-breeze-sunken"
|
|
206
817
|
}
|
|
207
818
|
};
|
|
208
|
-
function
|
|
209
|
-
let e =
|
|
819
|
+
function Lt() {
|
|
820
|
+
let e = B(z), { getMessageLocale: t, messages: n } = H();
|
|
210
821
|
return /* @__PURE__ */ m("progress", {
|
|
211
822
|
"aria-label": n.loading,
|
|
212
|
-
className:
|
|
823
|
+
className: K.state.loadingStatus,
|
|
213
824
|
id: e?.id,
|
|
214
825
|
lang: t("loading")
|
|
215
826
|
});
|
|
216
827
|
}
|
|
217
|
-
function
|
|
218
|
-
|
|
219
|
-
let
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
c &&
|
|
224
|
-
d &&
|
|
828
|
+
function Rt({ "aria-controls": e, "aria-describedby": n, "aria-expanded": r, "aria-haspopup": i, "aria-label": a, "aria-labelledby": o, children: s, disabled: c = !1, form: l, id: u, loading: d = !1, name: f, onAction: g, ref: _, size: v = "md", type: y = "button", value: b, variant: x = "primary" }) {
|
|
829
|
+
H();
|
|
830
|
+
let S = [
|
|
831
|
+
K.base.button,
|
|
832
|
+
K.variant[x],
|
|
833
|
+
K.size[v],
|
|
834
|
+
c && K.state.disabled,
|
|
835
|
+
d && K.state.loading
|
|
225
836
|
].filter(Boolean).join(" ");
|
|
226
|
-
return /* @__PURE__ */ h(
|
|
837
|
+
return /* @__PURE__ */ h(R, {
|
|
227
838
|
"aria-controls": e,
|
|
228
|
-
"aria-describedby":
|
|
229
|
-
"aria-expanded":
|
|
839
|
+
"aria-describedby": n,
|
|
840
|
+
"aria-expanded": r,
|
|
230
841
|
"aria-haspopup": i,
|
|
231
842
|
"aria-label": a ?? s,
|
|
232
843
|
"aria-labelledby": o,
|
|
233
|
-
className:
|
|
844
|
+
className: S,
|
|
234
845
|
form: l,
|
|
235
846
|
id: u,
|
|
236
847
|
isDisabled: c,
|
|
237
848
|
isPending: d,
|
|
238
849
|
name: f,
|
|
239
|
-
onPress: () =>
|
|
240
|
-
ref:
|
|
241
|
-
render: (e) =>
|
|
850
|
+
onPress: () => g?.(),
|
|
851
|
+
ref: _,
|
|
852
|
+
render: (e) => t("button", {
|
|
242
853
|
...e,
|
|
243
854
|
"aria-busy": d || void 0,
|
|
244
855
|
onClick: d ? (e) => e.preventDefault() : e.onClick,
|
|
245
|
-
type:
|
|
856
|
+
type: y === "submit" ? "submit" : "button"
|
|
246
857
|
}),
|
|
247
|
-
type:
|
|
248
|
-
value:
|
|
858
|
+
type: y,
|
|
859
|
+
value: b,
|
|
249
860
|
children: [/* @__PURE__ */ m("span", {
|
|
250
|
-
className: [
|
|
861
|
+
className: [K.base.label, d && K.state.loadingLabel].filter(Boolean).join(" "),
|
|
251
862
|
children: s
|
|
252
|
-
}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(
|
|
863
|
+
}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Lt, {}), /* @__PURE__ */ m("span", {
|
|
253
864
|
"aria-hidden": "true",
|
|
254
|
-
className: [
|
|
865
|
+
className: [K.base.skeleton, K.compound.loading[x]].join(" "),
|
|
255
866
|
"data-breeze-skeleton": ""
|
|
256
867
|
})] })]
|
|
257
868
|
});
|
|
258
869
|
}
|
|
259
870
|
//#endregion
|
|
260
871
|
//#region src/primitives/Field/field.styles.ts
|
|
261
|
-
var
|
|
872
|
+
var q = {
|
|
262
873
|
base: {
|
|
263
874
|
control: "breeze:relative breeze:inline-grid breeze:min-inline-size-0 breeze:inline-size-full",
|
|
264
875
|
description: "breeze:m-0 breeze:text-breeze-xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
|
|
@@ -273,69 +884,10 @@ var K = {
|
|
|
273
884
|
state: { loadingInput: "breeze:!opacity-0" },
|
|
274
885
|
variant: {}
|
|
275
886
|
};
|
|
276
|
-
function
|
|
887
|
+
function J(...e) {
|
|
277
888
|
return e.filter(Boolean).join(" ");
|
|
278
889
|
}
|
|
279
890
|
//#endregion
|
|
280
|
-
//#region src/primitives/Icon/Icon.tsx
|
|
281
|
-
var et = {
|
|
282
|
-
add: ie,
|
|
283
|
-
back: te,
|
|
284
|
-
building: A,
|
|
285
|
-
calendar: j,
|
|
286
|
-
camera: M,
|
|
287
|
-
check: N,
|
|
288
|
-
clock: F,
|
|
289
|
-
close: ce,
|
|
290
|
-
delete: ae,
|
|
291
|
-
document: R,
|
|
292
|
-
download: I,
|
|
293
|
-
expand: ee,
|
|
294
|
-
forward: P,
|
|
295
|
-
lock: z,
|
|
296
|
-
money: re,
|
|
297
|
-
moneyIn: D,
|
|
298
|
-
moneyOut: O,
|
|
299
|
-
more: L,
|
|
300
|
-
next: P,
|
|
301
|
-
notifications: k,
|
|
302
|
-
overview: ne,
|
|
303
|
-
people: H,
|
|
304
|
-
settings: V,
|
|
305
|
-
signOut: B,
|
|
306
|
-
upload: se,
|
|
307
|
-
warning: oe
|
|
308
|
-
}, tt = {
|
|
309
|
-
base: { icon: "breeze:block breeze:shrink-0" },
|
|
310
|
-
compound: {},
|
|
311
|
-
size: {
|
|
312
|
-
lg: "breeze:block-size-breeze-6 breeze:inline-size-breeze-6",
|
|
313
|
-
md: "breeze:block-size-breeze-5 breeze:inline-size-breeze-5",
|
|
314
|
-
sm: "breeze:block-size-breeze-4 breeze:inline-size-breeze-4"
|
|
315
|
-
},
|
|
316
|
-
state: { logicalDirection: "breeze:rtl:rotate-180" },
|
|
317
|
-
variant: {}
|
|
318
|
-
}, nt = /* @__PURE__ */ new Set([
|
|
319
|
-
"back",
|
|
320
|
-
"forward",
|
|
321
|
-
"next"
|
|
322
|
-
]);
|
|
323
|
-
function J({ label: e, name: t, size: n = "md" }) {
|
|
324
|
-
let r = et[t], i = e?.trim() || void 0;
|
|
325
|
-
return /* @__PURE__ */ m(r, {
|
|
326
|
-
"aria-hidden": i === void 0 || void 0,
|
|
327
|
-
"aria-label": i,
|
|
328
|
-
className: [
|
|
329
|
-
tt.base.icon,
|
|
330
|
-
tt.size[n],
|
|
331
|
-
nt.has(t) && tt.state.logicalDirection
|
|
332
|
-
].filter(Boolean).join(" "),
|
|
333
|
-
focusable: "false",
|
|
334
|
-
role: i === void 0 ? void 0 : "img",
|
|
335
|
-
strokeWidth: 1.75
|
|
336
|
-
});
|
|
337
|
-
}
|
|
338
|
-
//#endregion
|
|
339
891
|
//#region src/primitives/Calendar/Calendar.tsx
|
|
340
892
|
var Y = {
|
|
341
893
|
base: {
|
|
@@ -355,71 +907,71 @@ var Y = {
|
|
|
355
907
|
state: {},
|
|
356
908
|
variant: {}
|
|
357
909
|
};
|
|
358
|
-
function
|
|
910
|
+
function zt(e) {
|
|
359
911
|
try {
|
|
360
|
-
return
|
|
912
|
+
return re(e);
|
|
361
913
|
} catch {
|
|
362
914
|
return null;
|
|
363
915
|
}
|
|
364
916
|
}
|
|
365
|
-
function
|
|
917
|
+
function Bt({ disabled: e }) {
|
|
366
918
|
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
|
|
367
919
|
className: Y.base.header,
|
|
368
920
|
children: [
|
|
369
|
-
/* @__PURE__ */ m(
|
|
921
|
+
/* @__PURE__ */ m(R, {
|
|
370
922
|
className: Y.base.navButton,
|
|
371
923
|
isDisabled: e,
|
|
372
924
|
slot: "previous",
|
|
373
|
-
children: /* @__PURE__ */ m(
|
|
925
|
+
children: /* @__PURE__ */ m(U, {
|
|
374
926
|
name: "back",
|
|
375
927
|
size: "sm"
|
|
376
928
|
})
|
|
377
929
|
}),
|
|
378
|
-
/* @__PURE__ */ m(
|
|
379
|
-
/* @__PURE__ */ m(
|
|
930
|
+
/* @__PURE__ */ m(le, { className: Y.base.heading }),
|
|
931
|
+
/* @__PURE__ */ m(R, {
|
|
380
932
|
className: Y.base.navButton,
|
|
381
933
|
isDisabled: e,
|
|
382
934
|
slot: "next",
|
|
383
|
-
children: /* @__PURE__ */ m(
|
|
935
|
+
children: /* @__PURE__ */ m(U, {
|
|
384
936
|
name: "next",
|
|
385
937
|
size: "sm"
|
|
386
938
|
})
|
|
387
939
|
})
|
|
388
940
|
]
|
|
389
|
-
}), /* @__PURE__ */ h(
|
|
941
|
+
}), /* @__PURE__ */ h(oe, {
|
|
390
942
|
className: Y.base.grid,
|
|
391
943
|
weekdayStyle: "short",
|
|
392
|
-
children: [/* @__PURE__ */ m(
|
|
944
|
+
children: [/* @__PURE__ */ m(ce, { children: (e) => /* @__PURE__ */ m(V, {
|
|
393
945
|
className: Y.base.weekday,
|
|
394
946
|
children: e
|
|
395
|
-
}) }), /* @__PURE__ */ m(
|
|
396
|
-
className: ({ isSelected: e, isToday: t }) =>
|
|
397
|
-
date:
|
|
398
|
-
render: (
|
|
399
|
-
...
|
|
400
|
-
"aria-disabled": e ||
|
|
947
|
+
}) }), /* @__PURE__ */ m(se, { children: (n) => /* @__PURE__ */ m(ae, {
|
|
948
|
+
className: ({ isSelected: e, isToday: t }) => J(Y.base.cell, e && Y.base.selectedCell, t && !e && Y.base.todayCell),
|
|
949
|
+
date: n,
|
|
950
|
+
render: (n) => t("div", {
|
|
951
|
+
...n,
|
|
952
|
+
"aria-disabled": e || n["aria-disabled"],
|
|
401
953
|
...e ? { "data-disabled": !0 } : {},
|
|
402
|
-
tabIndex: e ? -1 :
|
|
954
|
+
tabIndex: e ? -1 : n.tabIndex
|
|
403
955
|
})
|
|
404
956
|
}) })]
|
|
405
957
|
})] });
|
|
406
958
|
}
|
|
407
|
-
function
|
|
408
|
-
let
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
}, [
|
|
412
|
-
let h = s != null &&
|
|
959
|
+
function Vt({ autoFocus: e, defaultValue: n, disabled: r, label: a, onChange: o, value: s }) {
|
|
960
|
+
let u = s?.toString(), d = c(u), [f, p] = l(s ?? void 0);
|
|
961
|
+
i(() => {
|
|
962
|
+
u !== d.current && (d.current = u, s != null && p(s));
|
|
963
|
+
}, [u, s]);
|
|
964
|
+
let h = s != null && u !== d.current ? s : f, g = s == null ? {} : {
|
|
413
965
|
focusedValue: h,
|
|
414
966
|
onFocusChange: p
|
|
415
|
-
}, _ = s === void 0 ? {} : { value: s }, v =
|
|
416
|
-
return
|
|
417
|
-
"aria-label":
|
|
418
|
-
autoFocus: e && !
|
|
419
|
-
className:
|
|
967
|
+
}, _ = s === void 0 ? {} : { value: s }, v = n === void 0 ? {} : { defaultValue: n }, y = o === void 0 ? {} : { onChange: o };
|
|
968
|
+
return t(ie, {
|
|
969
|
+
"aria-label": a,
|
|
970
|
+
autoFocus: e && !r,
|
|
971
|
+
className: J(Y.base.root, r && Y.base.disabledRoot),
|
|
420
972
|
firstDayOfWeek: "mon",
|
|
421
|
-
isReadOnly:
|
|
422
|
-
render:
|
|
973
|
+
isReadOnly: r,
|
|
974
|
+
render: r ? (e) => t("div", {
|
|
423
975
|
...e,
|
|
424
976
|
"aria-disabled": !0,
|
|
425
977
|
onKeyDownCapture: (e) => {
|
|
@@ -431,13 +983,13 @@ function at({ autoFocus: e, defaultValue: t, disabled: n, label: i, onChange: a,
|
|
|
431
983
|
...v,
|
|
432
984
|
...y,
|
|
433
985
|
..._
|
|
434
|
-
}, /* @__PURE__ */ m(
|
|
986
|
+
}, /* @__PURE__ */ m(Bt, { disabled: r }));
|
|
435
987
|
}
|
|
436
|
-
function
|
|
437
|
-
let o = a === void 0 ? void 0 :
|
|
438
|
-
return /* @__PURE__ */ m(
|
|
988
|
+
function Ht({ autoFocus: e = !1, defaultValue: t, disabled: n = !1, label: r, onChange: i, value: a }) {
|
|
989
|
+
let o = a === void 0 ? void 0 : zt(a);
|
|
990
|
+
return /* @__PURE__ */ m(Vt, {
|
|
439
991
|
autoFocus: e,
|
|
440
|
-
defaultValue: t === void 0 ? void 0 :
|
|
992
|
+
defaultValue: t === void 0 ? void 0 : zt(t),
|
|
441
993
|
disabled: n,
|
|
442
994
|
label: r,
|
|
443
995
|
onChange: (e) => {
|
|
@@ -447,17 +999,8 @@ function ot({ autoFocus: e = !1, defaultValue: t, disabled: n = !1, label: r, on
|
|
|
447
999
|
});
|
|
448
1000
|
}
|
|
449
1001
|
//#endregion
|
|
450
|
-
//#region src/primitives/layout.accessibility.ts
|
|
451
|
-
function st(e, t) {
|
|
452
|
-
let n = e?.trim() || void 0;
|
|
453
|
-
return {
|
|
454
|
-
accessibleLabel: n,
|
|
455
|
-
role: n !== void 0 && t === "div" ? "group" : void 0
|
|
456
|
-
};
|
|
457
|
-
}
|
|
458
|
-
//#endregion
|
|
459
1002
|
//#region src/primitives/Card/Card.tsx
|
|
460
|
-
var
|
|
1003
|
+
var Ut = {
|
|
461
1004
|
base: { card: "breeze:min-inline-size-0 breeze:rounded-breeze-panel breeze:border breeze:border-solid breeze:border-breeze-line breeze:shadow-breeze-panel" },
|
|
462
1005
|
compound: {},
|
|
463
1006
|
size: {
|
|
@@ -477,62 +1020,62 @@ var ct = {
|
|
|
477
1020
|
surface: "breeze:bg-breeze-surface"
|
|
478
1021
|
}
|
|
479
1022
|
};
|
|
480
|
-
function
|
|
481
|
-
let { accessibleLabel: s, role: c } =
|
|
482
|
-
return
|
|
1023
|
+
function Wt({ "aria-label": e, children: n, clipped: r = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
|
|
1024
|
+
let { accessibleLabel: s, role: c } = xt(e, i);
|
|
1025
|
+
return t(i, {
|
|
483
1026
|
"aria-label": s,
|
|
484
1027
|
className: [
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
1028
|
+
Ut.base.card,
|
|
1029
|
+
Ut.variant[o],
|
|
1030
|
+
Ut.size[a],
|
|
1031
|
+
r && Ut.state.clipped
|
|
489
1032
|
].filter(Boolean).join(" "),
|
|
490
1033
|
role: c
|
|
491
|
-
},
|
|
1034
|
+
}, n);
|
|
492
1035
|
}
|
|
493
1036
|
//#endregion
|
|
494
1037
|
//#region src/primitives/Field/field.presentation.tsx
|
|
495
|
-
function
|
|
496
|
-
return /* @__PURE__ */ m(
|
|
497
|
-
className:
|
|
1038
|
+
function Gt({ htmlFor: e, id: t, label: n, loading: r, onClick: i }) {
|
|
1039
|
+
return /* @__PURE__ */ m(me, {
|
|
1040
|
+
className: q.base.label,
|
|
498
1041
|
htmlFor: e,
|
|
499
1042
|
id: t,
|
|
500
1043
|
onClick: i,
|
|
501
|
-
children: r ? /* @__PURE__ */ m(
|
|
1044
|
+
children: r ? /* @__PURE__ */ m(G, {
|
|
502
1045
|
blockSize: "1lh",
|
|
503
1046
|
inlineSize: "12em",
|
|
504
1047
|
shape: "rectangle"
|
|
505
1048
|
}) : n
|
|
506
1049
|
});
|
|
507
1050
|
}
|
|
508
|
-
function
|
|
509
|
-
return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(
|
|
510
|
-
className:
|
|
1051
|
+
function Kt({ description: e, descriptionId: t, error: n, errorId: r, loading: i }) {
|
|
1052
|
+
return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m(he, {
|
|
1053
|
+
className: q.base.description,
|
|
511
1054
|
id: t,
|
|
512
1055
|
slot: "description",
|
|
513
|
-
children: i ? /* @__PURE__ */ m(
|
|
1056
|
+
children: i ? /* @__PURE__ */ m(G, {
|
|
514
1057
|
blockSize: "1lh",
|
|
515
1058
|
inlineSize: "12em",
|
|
516
1059
|
shape: "rectangle"
|
|
517
1060
|
}) : e
|
|
518
1061
|
}), n && (i ? /* @__PURE__ */ m("span", {
|
|
519
1062
|
"aria-hidden": "true",
|
|
520
|
-
className:
|
|
1063
|
+
className: q.base.error,
|
|
521
1064
|
id: r,
|
|
522
|
-
children: /* @__PURE__ */ m(
|
|
1065
|
+
children: /* @__PURE__ */ m(G, {
|
|
523
1066
|
blockSize: "1lh",
|
|
524
1067
|
inlineSize: "12em",
|
|
525
1068
|
shape: "rectangle"
|
|
526
1069
|
})
|
|
527
|
-
}) : /* @__PURE__ */ m(
|
|
528
|
-
className:
|
|
1070
|
+
}) : /* @__PURE__ */ m(pe, {
|
|
1071
|
+
className: q.base.error,
|
|
529
1072
|
id: r,
|
|
530
1073
|
children: n
|
|
531
1074
|
}))] });
|
|
532
1075
|
}
|
|
533
1076
|
//#endregion
|
|
534
1077
|
//#region src/primitives/Checkbox/Checkbox.tsx
|
|
535
|
-
var
|
|
1078
|
+
var qt = {
|
|
536
1079
|
base: {
|
|
537
1080
|
control: "breeze:relative breeze:inline-grid breeze:min-block-breeze-tap breeze:grid-flow-col breeze:items-center breeze:gap-breeze-2 breeze:cursor-pointer breeze:select-none breeze:font-breeze-sans breeze:text-breeze-sm breeze:font-medium breeze:leading-breeze-snug breeze:text-breeze-ink breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60",
|
|
538
1081
|
indicator: "breeze:inline-grid breeze:block-size-breeze-5 breeze:inline-size-breeze-5 breeze:shrink-0 breeze:place-items-center breeze:rounded-breeze-chip breeze:border breeze:border-solid breeze:border-breeze-ink-3 breeze:bg-breeze-surface breeze:text-breeze-on-brand breeze:transition-colors breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand",
|
|
@@ -545,10 +1088,10 @@ var ft = {
|
|
|
545
1088
|
state: {},
|
|
546
1089
|
variant: {}
|
|
547
1090
|
};
|
|
548
|
-
function
|
|
549
|
-
let { messages: v } =
|
|
550
|
-
return /* @__PURE__ */ h(
|
|
551
|
-
className:
|
|
1091
|
+
function Jt({ defaultSelected: e, description: t, disabled: n = !1, error: r, form: i, id: a, label: o, loading: s = !1, name: c, onChange: l, readOnly: u = !1, ref: d, required: f = !1, selected: g, value: _ }) {
|
|
1092
|
+
let { messages: v } = H(), y = ue(d), b = t?.trim() || void 0, x = r?.trim() || void 0, S = n || s;
|
|
1093
|
+
return /* @__PURE__ */ h(fe, {
|
|
1094
|
+
className: q.base.root,
|
|
552
1095
|
defaultSelected: e,
|
|
553
1096
|
form: i,
|
|
554
1097
|
id: a,
|
|
@@ -563,19 +1106,19 @@ function pt({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
|
|
|
563
1106
|
onChange: l,
|
|
564
1107
|
value: _,
|
|
565
1108
|
validationBehavior: "aria",
|
|
566
|
-
children: [/* @__PURE__ */ m(
|
|
567
|
-
className:
|
|
1109
|
+
children: [/* @__PURE__ */ m(de, {
|
|
1110
|
+
className: qt.base.control,
|
|
568
1111
|
children: ({ isFocusVisible: e, isSelected: t }) => /* @__PURE__ */ h(p, { children: [s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
|
|
569
1112
|
"aria-hidden": "true",
|
|
570
|
-
className:
|
|
571
|
-
children: /* @__PURE__ */ m(
|
|
1113
|
+
className: qt.base.skeletonIndicator,
|
|
1114
|
+
children: /* @__PURE__ */ m(G, {
|
|
572
1115
|
blockSize: "100%",
|
|
573
1116
|
inlineSize: "100%",
|
|
574
1117
|
shape: "rectangle"
|
|
575
1118
|
})
|
|
576
1119
|
}), /* @__PURE__ */ m("span", {
|
|
577
|
-
className:
|
|
578
|
-
children: /* @__PURE__ */ m(
|
|
1120
|
+
className: qt.base.skeleton,
|
|
1121
|
+
children: /* @__PURE__ */ m(G, {
|
|
579
1122
|
blockSize: "1lh",
|
|
580
1123
|
inlineSize: "12em",
|
|
581
1124
|
label: v.loading,
|
|
@@ -583,15 +1126,15 @@ function pt({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
|
|
|
583
1126
|
})
|
|
584
1127
|
})] }), !s && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
|
|
585
1128
|
"aria-hidden": "true",
|
|
586
|
-
className:
|
|
1129
|
+
className: qt.base.indicator,
|
|
587
1130
|
"data-focus-visible": e || void 0,
|
|
588
1131
|
"data-selected": t || void 0,
|
|
589
1132
|
children: t ? "✓" : ""
|
|
590
1133
|
}), /* @__PURE__ */ m("span", {
|
|
591
|
-
className:
|
|
1134
|
+
className: qt.base.label,
|
|
592
1135
|
children: o
|
|
593
1136
|
})] })] })
|
|
594
|
-
}), /* @__PURE__ */ m(
|
|
1137
|
+
}), /* @__PURE__ */ m(Kt, {
|
|
595
1138
|
description: b,
|
|
596
1139
|
error: x,
|
|
597
1140
|
loading: s
|
|
@@ -600,7 +1143,7 @@ function pt({ defaultSelected: e, description: t, disabled: n = !1, error: r, fo
|
|
|
600
1143
|
}
|
|
601
1144
|
//#endregion
|
|
602
1145
|
//#region src/primitives/SelectionControl/SelectionControl.tsx
|
|
603
|
-
var
|
|
1146
|
+
var Yt = {
|
|
604
1147
|
base: {
|
|
605
1148
|
label: "breeze:[grid-area:1/1]",
|
|
606
1149
|
skeleton: "breeze:[grid-area:1/1] breeze:inline-size-full breeze:block-size-breeze-3",
|
|
@@ -611,44 +1154,44 @@ var mt = {
|
|
|
611
1154
|
loadingLabel: "breeze:opacity-0"
|
|
612
1155
|
}
|
|
613
1156
|
};
|
|
614
|
-
function
|
|
615
|
-
let { getMessageLocale: y, messages: b } =
|
|
1157
|
+
function Xt({ "aria-describedby": e, "aria-label": n, "aria-labelledby": r, children: i, className: a, defaultPressed: o, disabled: s, id: c, announceLoading: u = !0, loading: f, onChange: g, pressed: _, ref: v }) {
|
|
1158
|
+
let { getMessageLocale: y, messages: b } = H(), [x, S] = l(o ?? !1), C = _ !== void 0, w = C ? _ : x;
|
|
616
1159
|
return /* @__PURE__ */ h(p, { children: [
|
|
617
|
-
/* @__PURE__ */ h(
|
|
618
|
-
"aria-describedby":
|
|
1160
|
+
/* @__PURE__ */ h(d, {
|
|
1161
|
+
"aria-describedby": e,
|
|
619
1162
|
"aria-label": n,
|
|
620
|
-
"aria-labelledby":
|
|
621
|
-
className: [
|
|
622
|
-
id:
|
|
623
|
-
isDisabled:
|
|
1163
|
+
"aria-labelledby": r,
|
|
1164
|
+
className: [a, f && Yt.state.loading].filter(Boolean).join(" "),
|
|
1165
|
+
id: c,
|
|
1166
|
+
isDisabled: s,
|
|
624
1167
|
isSelected: w,
|
|
625
1168
|
onChange: (e) => {
|
|
626
1169
|
f || (C || S(e), g?.(e));
|
|
627
1170
|
},
|
|
628
1171
|
ref: v,
|
|
629
|
-
render: (e) =>
|
|
1172
|
+
render: (e) => t("button", {
|
|
630
1173
|
...e,
|
|
631
1174
|
"aria-busy": f || void 0,
|
|
632
|
-
"aria-disabled":
|
|
1175
|
+
"aria-disabled": s || f || void 0,
|
|
633
1176
|
type: "button"
|
|
634
1177
|
}),
|
|
635
1178
|
children: [/* @__PURE__ */ m("span", {
|
|
636
|
-
className: [
|
|
637
|
-
children:
|
|
1179
|
+
className: [Yt.base.label, f && Yt.state.loadingLabel].filter(Boolean).join(" "),
|
|
1180
|
+
children: i
|
|
638
1181
|
}), f && /* @__PURE__ */ m("span", {
|
|
639
1182
|
"aria-hidden": "true",
|
|
640
|
-
className:
|
|
1183
|
+
className: Yt.base.skeleton,
|
|
641
1184
|
"data-breeze-skeleton": "",
|
|
642
|
-
children: /* @__PURE__ */ m(
|
|
1185
|
+
children: /* @__PURE__ */ m(G, { inlineSize: "100%" })
|
|
643
1186
|
})]
|
|
644
1187
|
}),
|
|
645
1188
|
f && u && /* @__PURE__ */ m("span", {
|
|
646
|
-
className:
|
|
647
|
-
children: /* @__PURE__ */ m(
|
|
1189
|
+
className: Yt.base.status,
|
|
1190
|
+
children: /* @__PURE__ */ m(G, { label: b.loading })
|
|
648
1191
|
}),
|
|
649
1192
|
u && /* @__PURE__ */ m("output", {
|
|
650
1193
|
"aria-live": "polite",
|
|
651
|
-
className:
|
|
1194
|
+
className: Yt.base.status,
|
|
652
1195
|
lang: y("loading"),
|
|
653
1196
|
children: f ? b.loading : ""
|
|
654
1197
|
})
|
|
@@ -656,19 +1199,19 @@ function ht({ "aria-describedby": t, "aria-label": n, "aria-labelledby": i, chil
|
|
|
656
1199
|
}
|
|
657
1200
|
//#endregion
|
|
658
1201
|
//#region src/primitives/Chip/Chip.tsx
|
|
659
|
-
var
|
|
1202
|
+
var Zt = {
|
|
660
1203
|
base: { chip: "breeze:inline-grid breeze:items-center breeze:justify-center breeze:whitespace-nowrap breeze:rounded-breeze-full breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:font-breeze-sans breeze:text-breeze-xs breeze:font-semibold breeze:text-breeze-ink breeze:cursor-pointer breeze:select-none breeze:outline-offset-2 breeze:data-[hovered]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap breeze:min-block-breeze-sm" },
|
|
661
1204
|
compound: {},
|
|
662
1205
|
size: {},
|
|
663
1206
|
state: { pressed: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
664
1207
|
variant: {}
|
|
665
1208
|
};
|
|
666
|
-
function
|
|
667
|
-
return /* @__PURE__ */ m(
|
|
1209
|
+
function Qt({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, children: r, defaultPressed: i, disabled: a = !1, id: o, loading: s = !1, onChange: c, pressed: l, ref: u }) {
|
|
1210
|
+
return /* @__PURE__ */ m(Xt, {
|
|
668
1211
|
"aria-describedby": e,
|
|
669
1212
|
"aria-label": t,
|
|
670
1213
|
"aria-labelledby": n,
|
|
671
|
-
className: [
|
|
1214
|
+
className: [Zt.base.chip, Zt.state.pressed].join(" "),
|
|
672
1215
|
defaultPressed: i,
|
|
673
1216
|
disabled: a,
|
|
674
1217
|
id: o,
|
|
@@ -696,125 +1239,59 @@ var X = {
|
|
|
696
1239
|
size: {},
|
|
697
1240
|
state: {},
|
|
698
1241
|
variant: {}
|
|
699
|
-
};
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
|
|
704
|
-
return {
|
|
705
|
-
getSnapshot: () => e,
|
|
706
|
-
remove: (t) => {
|
|
707
|
-
e = e.filter((e) => e.id !== t), n();
|
|
708
|
-
},
|
|
709
|
-
set: (t) => {
|
|
710
|
-
let r = e.find((e) => e.id === t.id);
|
|
711
|
-
r?.active === t.active && r.kind === t.kind && r.parent === t.parent && r.visual === t.visual || (e = r && (!t.active || r.active) ? e.map((e) => e.id === t.id ? t : e) : [...e.filter((e) => e.id !== t.id), t], n());
|
|
712
|
-
},
|
|
713
|
-
subscribe: (e) => (t.add(e), () => {
|
|
714
|
-
t.delete(e);
|
|
715
|
-
})
|
|
716
|
-
};
|
|
717
|
-
}
|
|
718
|
-
var yt = n(null);
|
|
719
|
-
function bt() {
|
|
720
|
-
let e = a(yt);
|
|
721
|
-
if (!e) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
722
|
-
return 100 + f(e.subscribe, e.getSnapshot, e.getSnapshot).length * 2;
|
|
723
|
-
}
|
|
724
|
-
var xt = n(null);
|
|
725
|
-
function St(e, t, n) {
|
|
726
|
-
let r = a(yt), i = a(xt), o = s();
|
|
727
|
-
if (!r) throw Error("Breeze components must be rendered within BreezeProvider.");
|
|
728
|
-
let l = f(r.subscribe, r.getSnapshot, r.getSnapshot), u = i?.id;
|
|
729
|
-
c(() => () => r.remove(o), [o, r]), c(() => {
|
|
730
|
-
r.set({
|
|
731
|
-
active: t,
|
|
732
|
-
id: o,
|
|
733
|
-
kind: e,
|
|
734
|
-
parent: u,
|
|
735
|
-
visual: n
|
|
736
|
-
});
|
|
737
|
-
}, [
|
|
738
|
-
o,
|
|
739
|
-
e,
|
|
740
|
-
t,
|
|
741
|
-
u,
|
|
742
|
-
r,
|
|
743
|
-
n
|
|
744
|
-
]);
|
|
745
|
-
let d = [], p = (e) => {
|
|
746
|
-
if (d.includes(e)) return;
|
|
747
|
-
let t = l.find((t) => t.id === e.parent);
|
|
748
|
-
t && p(t), d.push(e);
|
|
749
|
-
};
|
|
750
|
-
l.forEach(p);
|
|
751
|
-
let m = (e) => {
|
|
752
|
-
let t = l.find((t) => t.id === e.parent);
|
|
753
|
-
return e.active && (!t || m(t));
|
|
754
|
-
}, h = d.filter(m), g = h.findIndex((e) => e.id === o), _ = t && g !== -1 && !h.slice(g + 1).some((e) => e.kind !== "popover"), v = t && h.at(-1)?.id === o, y = h.findLast((e) => e.kind === "drawer" || e.kind === "dialog"), b = d.findLast((e) => e.visual && (e.kind === "drawer" || e.kind === "dialog"));
|
|
755
|
-
return {
|
|
756
|
-
id: o,
|
|
757
|
-
interactive: _,
|
|
758
|
-
scrim: (y ?? b)?.id === o,
|
|
759
|
-
topmost: v,
|
|
760
|
-
zIndex: 100 + Math.max(0, d.findIndex((e) => e.id === o)) * 2
|
|
761
|
-
};
|
|
762
|
-
}
|
|
763
|
-
//#endregion
|
|
764
|
-
//#region src/overlays/OverlayProvider.tsx
|
|
765
|
-
var Ct = n(null), wt = "BreezeProvider portalContainer must belong to the current document and light DOM.";
|
|
766
|
-
function Tt({ children: e, portalContainer: t, locale: n }) {
|
|
767
|
-
let { direction: r } = Te(), [i] = d(vt), [a, o] = d(null);
|
|
768
|
-
return c(() => {
|
|
1242
|
+
}, $t = e(null), en = "BreezeProvider portalContainer must belong to the current document and light DOM.";
|
|
1243
|
+
function tn({ children: e, portalContainer: t, locale: n }) {
|
|
1244
|
+
let { direction: r } = Ee(), [i] = l(Ue), [a, s] = l(null);
|
|
1245
|
+
return o(() => {
|
|
769
1246
|
let e = t ?? document.body;
|
|
770
|
-
if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(
|
|
1247
|
+
if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(en);
|
|
771
1248
|
let n = e.ownerDocument.createElement("div");
|
|
772
|
-
return n.dataset.breezeRoot = "", n.dataset.breezePortal = "", e.append(n),
|
|
773
|
-
}, [t]),
|
|
1249
|
+
return n.dataset.breezeRoot = "", n.dataset.breezePortal = "", e.append(n), s(n), () => n.remove();
|
|
1250
|
+
}, [t]), o(() => {
|
|
774
1251
|
a && (a.lang = n, a.dir = r);
|
|
775
1252
|
}, [
|
|
776
1253
|
r,
|
|
777
1254
|
a,
|
|
778
1255
|
n
|
|
779
|
-
]), /* @__PURE__ */ m(
|
|
1256
|
+
]), /* @__PURE__ */ m(we, {
|
|
780
1257
|
getContainer: () => a,
|
|
781
|
-
children: /* @__PURE__ */ m(
|
|
1258
|
+
children: /* @__PURE__ */ m(We, {
|
|
782
1259
|
value: i,
|
|
783
|
-
children: /* @__PURE__ */ m(
|
|
1260
|
+
children: /* @__PURE__ */ m($t, {
|
|
784
1261
|
value: a,
|
|
785
1262
|
children: e
|
|
786
1263
|
})
|
|
787
1264
|
})
|
|
788
1265
|
});
|
|
789
1266
|
}
|
|
790
|
-
function
|
|
791
|
-
return
|
|
1267
|
+
function nn() {
|
|
1268
|
+
return r($t);
|
|
792
1269
|
}
|
|
793
1270
|
//#endregion
|
|
794
1271
|
//#region src/primitives/Collection/CollectionPopover.tsx
|
|
795
|
-
var
|
|
796
|
-
function
|
|
1272
|
+
var rn = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
|
|
1273
|
+
function an(e) {
|
|
797
1274
|
return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
|
|
798
1275
|
}
|
|
799
|
-
function
|
|
800
|
-
let f =
|
|
1276
|
+
function on({ children: e, className: t, containerPadding: a, isOpen: s, onOpenChange: u, triggerRef: d }) {
|
|
1277
|
+
let f = nn(), p = r(Ke), h = p?.open ?? !0, [g, _] = l(p === null), [v, y] = l(!1), b = c(!1), x = c(null), S = c(null), C = c(null), w = s && h, T = qe("popover", w && g && f !== null, w || v), E = n((e) => {
|
|
801
1278
|
x.current = e, y(e !== null);
|
|
802
1279
|
}, []);
|
|
803
|
-
return
|
|
804
|
-
if (f &&
|
|
805
|
-
}),
|
|
1280
|
+
return o(() => {
|
|
1281
|
+
if (f && d.current && (d.current.ownerDocument !== document || d.current.getRootNode() !== document || f.ownerDocument !== document || f.getRootNode() !== document)) throw Error(rn);
|
|
1282
|
+
}), i(() => _(!0), []), o(() => {
|
|
806
1283
|
if (!w || !T.topmost || !f) return;
|
|
807
|
-
let e = (e) =>
|
|
1284
|
+
let e = (e) => an(e) && !x.current?.contains(e) && !d.current?.contains(e), t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), n = (e) => e.button === 0, r = null, i = () => {
|
|
808
1285
|
r !== null && (clearTimeout(r), r = null);
|
|
809
1286
|
}, a = () => {
|
|
810
1287
|
i(), r = setTimeout(() => {
|
|
811
1288
|
r = null, C.current = null;
|
|
812
1289
|
}, 0);
|
|
813
1290
|
}, o = (e) => {
|
|
814
|
-
n(e) && (i(), S.current =
|
|
815
|
-
},
|
|
1291
|
+
n(e) && (i(), S.current = an(e.target) ? e.target : null, C.current = null);
|
|
1292
|
+
}, s = (t) => {
|
|
816
1293
|
if (!n(t)) return;
|
|
817
|
-
let r = S.current, i =
|
|
1294
|
+
let r = S.current, i = an(t.target) ? t.target : null;
|
|
818
1295
|
if (!e(i)) {
|
|
819
1296
|
S.current = null;
|
|
820
1297
|
return;
|
|
@@ -823,31 +1300,31 @@ function kt({ children: e, className: t, containerPadding: n, isOpen: r, onOpenC
|
|
|
823
1300
|
C.current = i, S.current = null, a();
|
|
824
1301
|
return;
|
|
825
1302
|
}
|
|
826
|
-
C.current = i,
|
|
827
|
-
},
|
|
1303
|
+
C.current = i, u(!1);
|
|
1304
|
+
}, c = () => {
|
|
828
1305
|
i(), S.current = null, C.current = null;
|
|
829
|
-
},
|
|
830
|
-
let r =
|
|
831
|
-
e(r) && !t(C.current, r) &&
|
|
1306
|
+
}, l = (n) => {
|
|
1307
|
+
let r = an(n.target) ? n.target : null;
|
|
1308
|
+
e(r) && !t(C.current, r) && u(!1), i(), S.current = null, C.current = null;
|
|
832
1309
|
};
|
|
833
|
-
return f.ownerDocument.addEventListener("pointerdown", o, !0), f.ownerDocument.addEventListener("pointerup",
|
|
834
|
-
f.ownerDocument.removeEventListener("pointerdown", o, !0), f.ownerDocument.removeEventListener("pointerup",
|
|
1310
|
+
return f.ownerDocument.addEventListener("pointerdown", o, !0), f.ownerDocument.addEventListener("pointerup", s, !0), f.ownerDocument.addEventListener("pointercancel", c, !0), f.ownerDocument.addEventListener("click", l, !0), () => {
|
|
1311
|
+
f.ownerDocument.removeEventListener("pointerdown", o, !0), f.ownerDocument.removeEventListener("pointerup", s, !0), f.ownerDocument.removeEventListener("pointercancel", c, !0), f.ownerDocument.removeEventListener("click", l, !0), i(), S.current = null, C.current = null;
|
|
835
1312
|
};
|
|
836
1313
|
}, [
|
|
837
1314
|
f,
|
|
838
1315
|
T.topmost,
|
|
839
|
-
|
|
1316
|
+
u,
|
|
840
1317
|
w,
|
|
841
|
-
|
|
842
|
-
]),
|
|
843
|
-
h ? b.current = !1 :
|
|
1318
|
+
d
|
|
1319
|
+
]), i(() => {
|
|
1320
|
+
h ? b.current = !1 : s && !b.current && (b.current = !0, u(!1));
|
|
844
1321
|
}, [
|
|
845
|
-
|
|
1322
|
+
u,
|
|
846
1323
|
h,
|
|
847
|
-
|
|
848
|
-
]), /* @__PURE__ */ m(
|
|
1324
|
+
s
|
|
1325
|
+
]), /* @__PURE__ */ m(Ce, {
|
|
849
1326
|
className: `${t} breeze-popover`,
|
|
850
|
-
containerPadding:
|
|
1327
|
+
containerPadding: a,
|
|
851
1328
|
"data-breeze-interactive": T.interactive,
|
|
852
1329
|
"data-breeze-overlay": "popover",
|
|
853
1330
|
"data-breeze-topmost": T.topmost,
|
|
@@ -855,20 +1332,20 @@ function kt({ children: e, className: t, containerPadding: n, isOpen: r, onOpenC
|
|
|
855
1332
|
isKeyboardDismissDisabled: !T.topmost,
|
|
856
1333
|
isNonModal: !0,
|
|
857
1334
|
isOpen: w,
|
|
858
|
-
onOpenChange:
|
|
1335
|
+
onOpenChange: u,
|
|
859
1336
|
placement: "bottom start",
|
|
860
|
-
shouldCloseOnInteractOutside: (e) => S.current === null && T.topmost && !
|
|
1337
|
+
shouldCloseOnInteractOutside: (e) => S.current === null && T.topmost && !d.current?.contains(e),
|
|
861
1338
|
style: { zIndex: T.zIndex },
|
|
862
|
-
triggerRef:
|
|
1339
|
+
triggerRef: d,
|
|
863
1340
|
ref: E,
|
|
864
1341
|
children: e
|
|
865
1342
|
});
|
|
866
1343
|
}
|
|
867
1344
|
//#endregion
|
|
868
1345
|
//#region src/primitives/Collection/DescriptorContent.tsx
|
|
869
|
-
function
|
|
1346
|
+
function sn({ descriptor: e, isSelected: t }) {
|
|
870
1347
|
return /* @__PURE__ */ h(p, { children: [
|
|
871
|
-
e.icon && /* @__PURE__ */ m(
|
|
1348
|
+
e.icon && /* @__PURE__ */ m(U, {
|
|
872
1349
|
name: e.icon,
|
|
873
1350
|
size: "sm"
|
|
874
1351
|
}),
|
|
@@ -884,7 +1361,7 @@ function At({ descriptor: e, isSelected: t }) {
|
|
|
884
1361
|
}),
|
|
885
1362
|
e.badge && /* @__PURE__ */ m("span", {
|
|
886
1363
|
className: X.base.badge,
|
|
887
|
-
children: /* @__PURE__ */ m(
|
|
1364
|
+
children: /* @__PURE__ */ m(It, {
|
|
888
1365
|
"aria-label": e.badge["aria-label"],
|
|
889
1366
|
variant: e.badge.variant,
|
|
890
1367
|
children: e.badge.children
|
|
@@ -893,7 +1370,7 @@ function At({ descriptor: e, isSelected: t }) {
|
|
|
893
1370
|
/* @__PURE__ */ m("span", {
|
|
894
1371
|
"aria-hidden": "true",
|
|
895
1372
|
className: X.base.selectedIndicator,
|
|
896
|
-
children: t && /* @__PURE__ */ m(
|
|
1373
|
+
children: t && /* @__PURE__ */ m(U, {
|
|
897
1374
|
name: "check",
|
|
898
1375
|
size: "sm"
|
|
899
1376
|
})
|
|
@@ -902,13 +1379,13 @@ function At({ descriptor: e, isSelected: t }) {
|
|
|
902
1379
|
}
|
|
903
1380
|
//#endregion
|
|
904
1381
|
//#region src/primitives/Collection/DescriptorOption.tsx
|
|
905
|
-
function
|
|
906
|
-
return /* @__PURE__ */ m(
|
|
1382
|
+
function cn({ descriptor: e }) {
|
|
1383
|
+
return /* @__PURE__ */ m(Se, {
|
|
907
1384
|
className: X.base.item,
|
|
908
1385
|
id: e.id,
|
|
909
1386
|
isDisabled: e.disabled,
|
|
910
1387
|
textValue: e.label,
|
|
911
|
-
children: ({ isSelected: t }) => /* @__PURE__ */ m(
|
|
1388
|
+
children: ({ isSelected: t }) => /* @__PURE__ */ m(sn, {
|
|
912
1389
|
descriptor: e,
|
|
913
1390
|
isSelected: t
|
|
914
1391
|
})
|
|
@@ -916,7 +1393,7 @@ function jt({ descriptor: e }) {
|
|
|
916
1393
|
}
|
|
917
1394
|
//#endregion
|
|
918
1395
|
//#region src/primitives/ComboBox/ComboBox.tsx
|
|
919
|
-
var
|
|
1396
|
+
var ln = {
|
|
920
1397
|
base: {
|
|
921
1398
|
group: "breeze:relative breeze:inline-flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-stretch breeze:overflow-hidden breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:has-[input[data-focus-visible]]:outline-2 breeze:has-[input[data-focus-visible]]:outline-solid breeze:has-[input[data-focus-visible]]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:bg-breeze-sunken breeze:data-[invalid]:border-breeze-danger",
|
|
922
1399
|
input: "breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:flex-1 breeze:border-0 breeze:bg-transparent breeze:ps-breeze-3 breeze:pe-breeze-2 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:text-breeze-ink breeze:outline-none breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-transparent breeze:data-[focus-visible]:!outline-none breeze:data-[invalid]:border-transparent breeze:disabled:cursor-not-allowed breeze:read-only:cursor-default",
|
|
@@ -934,160 +1411,160 @@ var Mt = {
|
|
|
934
1411
|
},
|
|
935
1412
|
variant: {}
|
|
936
1413
|
};
|
|
937
|
-
function
|
|
1414
|
+
function un(e, t, n, r) {
|
|
938
1415
|
let i = t.find(({ item: t }) => t === e);
|
|
939
1416
|
if (i) return i;
|
|
940
1417
|
if (r && typeof e == "string") return;
|
|
941
1418
|
let { id: a } = n(e);
|
|
942
1419
|
return t.find((e) => e.descriptor.id === a);
|
|
943
1420
|
}
|
|
944
|
-
function
|
|
1421
|
+
function dn(e, t, n, r) {
|
|
945
1422
|
if (e !== void 0) return e === null || r && typeof e == "string" && !t ? null : t?.id ?? n(e).id;
|
|
946
1423
|
}
|
|
947
|
-
function
|
|
1424
|
+
function fn(e, t, n) {
|
|
948
1425
|
if (!(e === void 0 || !n)) return t ? t.descriptor.label : typeof e == "string" ? e : "";
|
|
949
1426
|
}
|
|
950
|
-
function
|
|
1427
|
+
function pn(e, t, n) {
|
|
951
1428
|
if (!(!n || typeof e != "string" || t)) return e;
|
|
952
1429
|
}
|
|
953
|
-
function
|
|
954
|
-
return /* @__PURE__ */ m(
|
|
1430
|
+
function mn({ items: e }) {
|
|
1431
|
+
return /* @__PURE__ */ m(xe, {
|
|
955
1432
|
className: X.base.listBox,
|
|
956
1433
|
items: e,
|
|
957
|
-
children: (e) => /* @__PURE__ */ m(
|
|
1434
|
+
children: (e) => /* @__PURE__ */ m(cn, { descriptor: e.descriptor })
|
|
958
1435
|
});
|
|
959
1436
|
}
|
|
960
|
-
function
|
|
961
|
-
let c =
|
|
962
|
-
return
|
|
1437
|
+
function hn({ allowsCustomValue: e, hasSuggestions: t, isDisabled: n, isReadOnly: a, items: o, triggerRef: s }) {
|
|
1438
|
+
let c = r(_e), l = n || a, u = !l && (t || e) && (c?.isOpen ?? !1);
|
|
1439
|
+
return i(() => {
|
|
963
1440
|
(l || !t && !e) && c?.isOpen && c.setOpen(!1);
|
|
964
1441
|
}, [
|
|
965
1442
|
e,
|
|
966
1443
|
t,
|
|
967
1444
|
l,
|
|
968
1445
|
c
|
|
969
|
-
]), /* @__PURE__ */ m(
|
|
970
|
-
className:
|
|
1446
|
+
]), /* @__PURE__ */ m(on, {
|
|
1447
|
+
className: ln.base.popover,
|
|
971
1448
|
isOpen: u,
|
|
972
1449
|
onOpenChange: (e) => c?.setOpen(e),
|
|
973
1450
|
triggerRef: s,
|
|
974
|
-
children: /* @__PURE__ */ m(
|
|
1451
|
+
children: /* @__PURE__ */ m(mn, { items: o })
|
|
975
1452
|
});
|
|
976
1453
|
}
|
|
977
|
-
function
|
|
978
|
-
let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, defaultValue:
|
|
1454
|
+
function gn({ props: e }) {
|
|
1455
|
+
let { allowsCustomValue: t = !1, autoComplete: n, autoFocus: r, defaultValue: o, description: l, disabled: u = !1, error: d, form: f, getItem: p, id: g, items: _, label: v, loading: y = !1, name: b, onChange: x, placeholder: S, readOnly: C = !1, required: w = !1, value: T } = e, { messages: E } = H(), { contains: D } = ve({ sensitivity: "base" }), O = l?.trim() || void 0, k = d?.trim() || void 0, A = u || y, j = a(), ee = `${j}-description`, M = `${j}-error`, te = [O && ee, k && M].filter(Boolean).join(" ") || void 0, ne = c(null), N = s(() => _.map((e) => {
|
|
979
1456
|
let t = p(e);
|
|
980
1457
|
return {
|
|
981
1458
|
descriptor: t,
|
|
982
1459
|
id: t.id,
|
|
983
1460
|
item: e
|
|
984
1461
|
};
|
|
985
|
-
}), [p,
|
|
986
|
-
|
|
987
|
-
B.current =
|
|
988
|
-
}, [
|
|
989
|
-
let
|
|
1462
|
+
}), [p, _]), P = T == null ? void 0 : un(T, N, p, t), F = dn(T, P, p, t), I = o == null ? void 0 : un(o, N, p, t), L = dn(o, I, p, t), re = fn(T, P, t), z = pn(o, I, t), B = c(F == null ? null : String(F)), ie = c(re ?? z ?? ""), ae = c(!1), oe = x;
|
|
1463
|
+
i(() => {
|
|
1464
|
+
B.current = F == null ? null : String(F);
|
|
1465
|
+
}, [F]);
|
|
1466
|
+
let se = (e) => {
|
|
990
1467
|
if (e === null) {
|
|
991
1468
|
if (B.current = null, t) {
|
|
992
|
-
let e =
|
|
993
|
-
if (
|
|
1469
|
+
let e = ae.current;
|
|
1470
|
+
if (ae.current = !1, ie.current || e) return;
|
|
994
1471
|
}
|
|
995
|
-
|
|
1472
|
+
oe?.(null);
|
|
996
1473
|
return;
|
|
997
1474
|
}
|
|
998
|
-
|
|
999
|
-
let n =
|
|
1000
|
-
ie.current = n?.descriptor.label ?? "",
|
|
1001
|
-
},
|
|
1002
|
-
ie.current = e,
|
|
1003
|
-
},
|
|
1004
|
-
return /* @__PURE__ */ h(
|
|
1475
|
+
ae.current = !1, B.current = String(e);
|
|
1476
|
+
let n = N.find((t) => t.descriptor.id === String(e));
|
|
1477
|
+
ie.current = n?.descriptor.label ?? "", oe?.(n?.item ?? null);
|
|
1478
|
+
}, ce = (e) => {
|
|
1479
|
+
ie.current = e, ae.current = !0, t && N.find((e) => e.descriptor.id === B.current)?.descriptor.label !== e && oe?.(e || null);
|
|
1480
|
+
}, V = !y && k !== void 0, le = A ? void 0 : b;
|
|
1481
|
+
return /* @__PURE__ */ h(ge, {
|
|
1005
1482
|
allowsCustomValue: t,
|
|
1006
1483
|
allowsEmptyCollection: t,
|
|
1007
|
-
"aria-label":
|
|
1008
|
-
className:
|
|
1009
|
-
defaultFilter:
|
|
1484
|
+
"aria-label": y ? v : void 0,
|
|
1485
|
+
className: q.base.root,
|
|
1486
|
+
defaultFilter: D,
|
|
1010
1487
|
defaultInputValue: z,
|
|
1011
|
-
defaultItems:
|
|
1012
|
-
defaultValue:
|
|
1488
|
+
defaultItems: N,
|
|
1489
|
+
defaultValue: L,
|
|
1013
1490
|
form: f,
|
|
1014
|
-
id:
|
|
1491
|
+
id: g,
|
|
1015
1492
|
inputValue: re,
|
|
1016
|
-
isDisabled:
|
|
1017
|
-
isInvalid:
|
|
1018
|
-
isReadOnly:
|
|
1019
|
-
isRequired:
|
|
1493
|
+
isDisabled: A,
|
|
1494
|
+
isInvalid: V,
|
|
1495
|
+
isReadOnly: C,
|
|
1496
|
+
isRequired: w,
|
|
1020
1497
|
menuTrigger: "input",
|
|
1021
|
-
name:
|
|
1022
|
-
onInputChange:
|
|
1023
|
-
onChange:
|
|
1024
|
-
value:
|
|
1498
|
+
name: le,
|
|
1499
|
+
onInputChange: ce,
|
|
1500
|
+
onChange: se,
|
|
1501
|
+
value: F,
|
|
1025
1502
|
validationBehavior: "aria",
|
|
1026
1503
|
children: [
|
|
1027
|
-
/* @__PURE__ */ m(
|
|
1028
|
-
label:
|
|
1029
|
-
loading:
|
|
1504
|
+
/* @__PURE__ */ m(Gt, {
|
|
1505
|
+
label: v,
|
|
1506
|
+
loading: y
|
|
1030
1507
|
}),
|
|
1031
|
-
/* @__PURE__ */ h(
|
|
1032
|
-
className:
|
|
1033
|
-
isDisabled:
|
|
1034
|
-
isInvalid:
|
|
1035
|
-
isReadOnly:
|
|
1036
|
-
ref:
|
|
1508
|
+
/* @__PURE__ */ h(ye, {
|
|
1509
|
+
className: J(ln.base.group, y && ln.state.loadingGroup, C && ln.state.readOnlyGroup),
|
|
1510
|
+
isDisabled: A,
|
|
1511
|
+
isInvalid: V,
|
|
1512
|
+
isReadOnly: C,
|
|
1513
|
+
ref: ne,
|
|
1037
1514
|
children: [
|
|
1038
|
-
/* @__PURE__ */ m(
|
|
1039
|
-
"aria-busy":
|
|
1515
|
+
/* @__PURE__ */ m(be, {
|
|
1516
|
+
"aria-busy": y || void 0,
|
|
1040
1517
|
"aria-describedby": te,
|
|
1041
1518
|
autoComplete: n,
|
|
1042
1519
|
autoFocus: r,
|
|
1043
|
-
className:
|
|
1520
|
+
className: J(ln.base.input, y && ln.state.loadingInput),
|
|
1044
1521
|
form: f,
|
|
1045
|
-
placeholder:
|
|
1046
|
-
readOnly:
|
|
1522
|
+
placeholder: S,
|
|
1523
|
+
readOnly: C || void 0
|
|
1047
1524
|
}),
|
|
1048
|
-
/* @__PURE__ */ m(
|
|
1525
|
+
/* @__PURE__ */ m(R, {
|
|
1049
1526
|
"aria-describedby": te,
|
|
1050
|
-
className:
|
|
1051
|
-
children: /* @__PURE__ */ m(
|
|
1527
|
+
className: J(ln.base.trigger, y && ln.state.loadingTrigger),
|
|
1528
|
+
children: /* @__PURE__ */ m(U, {
|
|
1052
1529
|
name: "expand",
|
|
1053
1530
|
size: "sm"
|
|
1054
1531
|
})
|
|
1055
1532
|
}),
|
|
1056
|
-
|
|
1057
|
-
className:
|
|
1058
|
-
children: /* @__PURE__ */ m(
|
|
1533
|
+
y && /* @__PURE__ */ m("span", {
|
|
1534
|
+
className: ln.base.skeleton,
|
|
1535
|
+
children: /* @__PURE__ */ m(G, {
|
|
1059
1536
|
blockSize: "100%",
|
|
1060
1537
|
inlineSize: "100%",
|
|
1061
|
-
label:
|
|
1538
|
+
label: E.loading,
|
|
1062
1539
|
shape: "rectangle"
|
|
1063
1540
|
})
|
|
1064
1541
|
})
|
|
1065
1542
|
]
|
|
1066
1543
|
}),
|
|
1067
|
-
/* @__PURE__ */ m(
|
|
1544
|
+
/* @__PURE__ */ m(hn, {
|
|
1068
1545
|
allowsCustomValue: t,
|
|
1069
|
-
hasSuggestions:
|
|
1070
|
-
isDisabled:
|
|
1071
|
-
isReadOnly:
|
|
1072
|
-
items:
|
|
1073
|
-
triggerRef:
|
|
1546
|
+
hasSuggestions: N.length > 0,
|
|
1547
|
+
isDisabled: A,
|
|
1548
|
+
isReadOnly: C,
|
|
1549
|
+
items: N,
|
|
1550
|
+
triggerRef: ne
|
|
1074
1551
|
}),
|
|
1075
|
-
/* @__PURE__ */ m(
|
|
1076
|
-
description:
|
|
1077
|
-
descriptionId:
|
|
1078
|
-
error:
|
|
1079
|
-
errorId:
|
|
1080
|
-
loading:
|
|
1552
|
+
/* @__PURE__ */ m(Kt, {
|
|
1553
|
+
description: O,
|
|
1554
|
+
descriptionId: ee,
|
|
1555
|
+
error: k,
|
|
1556
|
+
errorId: M,
|
|
1557
|
+
loading: y
|
|
1081
1558
|
})
|
|
1082
1559
|
]
|
|
1083
1560
|
});
|
|
1084
1561
|
}
|
|
1085
|
-
function
|
|
1086
|
-
return /* @__PURE__ */ m(
|
|
1562
|
+
function _n(e) {
|
|
1563
|
+
return /* @__PURE__ */ m(gn, { props: e });
|
|
1087
1564
|
}
|
|
1088
1565
|
//#endregion
|
|
1089
1566
|
//#region src/primitives/Container/Container.tsx
|
|
1090
|
-
var
|
|
1567
|
+
var vn = {
|
|
1091
1568
|
base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
|
|
1092
1569
|
compound: {},
|
|
1093
1570
|
size: {
|
|
@@ -1098,123 +1575,21 @@ var Vt = {
|
|
|
1098
1575
|
state: { padded: "breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-md:ps-breeze-7 breeze:breeze-md:pe-breeze-7" },
|
|
1099
1576
|
variant: {}
|
|
1100
1577
|
};
|
|
1101
|
-
function
|
|
1102
|
-
let { accessibleLabel: o, role: s } =
|
|
1103
|
-
return r
|
|
1578
|
+
function yn({ "aria-label": e, children: n, element: r = "div", padded: i = !0, width: a = "page" }) {
|
|
1579
|
+
let { accessibleLabel: o, role: s } = xt(e, r);
|
|
1580
|
+
return t(r, {
|
|
1104
1581
|
"aria-label": o,
|
|
1105
1582
|
className: [
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
i &&
|
|
1583
|
+
vn.base.container,
|
|
1584
|
+
vn.size[a],
|
|
1585
|
+
i && vn.state.padded
|
|
1109
1586
|
].filter(Boolean).join(" "),
|
|
1110
1587
|
role: s
|
|
1111
|
-
},
|
|
1112
|
-
}
|
|
1113
|
-
//#endregion
|
|
1114
|
-
//#region src/primitives/Typography/Typography.tsx
|
|
1115
|
-
var Ut = {
|
|
1116
|
-
base: { text: "breeze:m-0 breeze:font-breeze-sans" },
|
|
1117
|
-
compound: {},
|
|
1118
|
-
size: {},
|
|
1119
|
-
state: {
|
|
1120
|
-
aligned: "breeze:block breeze:inline-size-full",
|
|
1121
|
-
inlineLoading: "breeze:inline-block",
|
|
1122
|
-
numeric: "breeze:tabular-nums breeze:tracking-breeze-tighter",
|
|
1123
|
-
truncate: "breeze:block breeze:min-inline-size-0 breeze:inline-size-full breeze:overflow-hidden breeze:text-ellipsis breeze:whitespace-nowrap"
|
|
1124
|
-
},
|
|
1125
|
-
variant: {
|
|
1126
|
-
align: {
|
|
1127
|
-
center: "breeze:text-center",
|
|
1128
|
-
end: "breeze:text-end",
|
|
1129
|
-
start: "breeze:text-start"
|
|
1130
|
-
},
|
|
1131
|
-
role: {
|
|
1132
|
-
body: "breeze:text-breeze-sm breeze:font-normal breeze:leading-breeze-snug",
|
|
1133
|
-
caption: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
|
|
1134
|
-
heading: "breeze:text-breeze-2xl breeze:font-semibold breeze:leading-breeze-tight",
|
|
1135
|
-
label: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug",
|
|
1136
|
-
micro: "breeze:text-breeze-2xs breeze:font-bold breeze:uppercase breeze:leading-breeze-snug breeze:tracking-breeze-caps",
|
|
1137
|
-
money: "breeze:text-breeze-4xl breeze:font-semibold breeze:leading-breeze-tight breeze:tracking-breeze-tightest breeze:tabular-nums",
|
|
1138
|
-
title: "breeze:text-breeze-md breeze:font-semibold breeze:leading-breeze-snug"
|
|
1139
|
-
},
|
|
1140
|
-
tone: {
|
|
1141
|
-
brand: "breeze:text-breeze-brand-text",
|
|
1142
|
-
danger: "breeze:text-breeze-danger",
|
|
1143
|
-
default: "breeze:text-breeze-ink",
|
|
1144
|
-
muted: "breeze:text-breeze-ink-3",
|
|
1145
|
-
positive: "breeze:text-breeze-pos",
|
|
1146
|
-
secondary: "breeze:text-breeze-ink-2",
|
|
1147
|
-
warning: "breeze:text-breeze-warn"
|
|
1148
|
-
}
|
|
1149
|
-
}
|
|
1150
|
-
};
|
|
1151
|
-
function Wt(e) {
|
|
1152
|
-
return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
|
|
1153
|
-
}
|
|
1154
|
-
function Gt(e, t, n, r) {
|
|
1155
|
-
let i;
|
|
1156
|
-
try {
|
|
1157
|
-
i = new Intl.NumberFormat(n, {
|
|
1158
|
-
currency: t,
|
|
1159
|
-
signDisplay: r ?? "auto",
|
|
1160
|
-
style: "currency"
|
|
1161
|
-
}).formatToParts(e);
|
|
1162
|
-
} catch (t) {
|
|
1163
|
-
if (!(t instanceof RangeError)) throw t;
|
|
1164
|
-
i = new Intl.NumberFormat(n, { signDisplay: r ?? "auto" }).formatToParts(e);
|
|
1165
|
-
}
|
|
1166
|
-
return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
|
|
1167
|
-
}
|
|
1168
|
-
function Kt(e, t, n) {
|
|
1169
|
-
let r;
|
|
1170
|
-
try {
|
|
1171
|
-
r = y(e).toDate("UTC");
|
|
1172
|
-
} catch {
|
|
1173
|
-
return e;
|
|
1174
|
-
}
|
|
1175
|
-
return new Intl.DateTimeFormat(t, {
|
|
1176
|
-
dateStyle: n ?? "long",
|
|
1177
|
-
timeZone: "UTC"
|
|
1178
|
-
}).format(r);
|
|
1179
|
-
}
|
|
1180
|
-
function qt(e, t, n) {
|
|
1181
|
-
return e.loading ? /* @__PURE__ */ m(W, {
|
|
1182
|
-
blockSize: "1lh",
|
|
1183
|
-
inlineSize: "8em",
|
|
1184
|
-
label: n
|
|
1185
|
-
}) : e.format === "currency" ? Gt(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? Kt(e.value, t, e.dateStyle) : e.children;
|
|
1186
|
-
}
|
|
1187
|
-
function Jt(e) {
|
|
1188
|
-
let { locale: t, messages: n } = U(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: u = !1, numeric: d = !1, tone: f = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? Wt(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = qt(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
|
|
1189
|
-
"h1",
|
|
1190
|
-
"h2",
|
|
1191
|
-
"h3",
|
|
1192
|
-
"h4"
|
|
1193
|
-
].includes(v), T = !u && y !== void 0 && !C && !w;
|
|
1194
|
-
return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
|
|
1195
|
-
"aria-hidden": "true",
|
|
1196
|
-
children: S
|
|
1197
|
-
}), /* @__PURE__ */ m(Ye, { children: y })] })), r(v, {
|
|
1198
|
-
"aria-busy": u || void 0,
|
|
1199
|
-
"aria-label": T || w ? y : void 0,
|
|
1200
|
-
className: [
|
|
1201
|
-
Ut.base.text,
|
|
1202
|
-
Ut.variant.role[_],
|
|
1203
|
-
Ut.variant.tone[f],
|
|
1204
|
-
Ut.variant.align[b],
|
|
1205
|
-
x && Ut.state.aligned,
|
|
1206
|
-
u && v === "span" && !x && Ut.state.inlineLoading,
|
|
1207
|
-
d && _ !== "money" && Ut.state.numeric,
|
|
1208
|
-
g && Ut.state.truncate
|
|
1209
|
-
].filter(Boolean).join(" "),
|
|
1210
|
-
id: l,
|
|
1211
|
-
lang: t,
|
|
1212
|
-
role: T ? "group" : void 0
|
|
1213
|
-
}, S);
|
|
1588
|
+
}, n);
|
|
1214
1589
|
}
|
|
1215
1590
|
//#endregion
|
|
1216
1591
|
//#region src/primitives/DatePicker/DatePicker.tsx
|
|
1217
|
-
var
|
|
1592
|
+
var bn = {
|
|
1218
1593
|
base: {
|
|
1219
1594
|
popover: "breeze:!inline-size-[360px] breeze:max-inline-size-[calc(100vw_-_24px)] breeze:p-breeze-3 breeze:any-pointer-coarse:!p-0 breeze-date-picker-popover",
|
|
1220
1595
|
trigger: "breeze:flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-center breeze:justify-between breeze:gap-breeze-3 breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60",
|
|
@@ -1225,11 +1600,11 @@ var Yt = {
|
|
|
1225
1600
|
state: {},
|
|
1226
1601
|
variant: {}
|
|
1227
1602
|
};
|
|
1228
|
-
function
|
|
1603
|
+
function xn({ placeholder: e, placeholderLocale: t, value: n, valueId: r }) {
|
|
1229
1604
|
return /* @__PURE__ */ m("span", {
|
|
1230
|
-
className:
|
|
1605
|
+
className: bn.base.value,
|
|
1231
1606
|
id: r,
|
|
1232
|
-
children: n ? /* @__PURE__ */ m(
|
|
1607
|
+
children: n ? /* @__PURE__ */ m(Mt, {
|
|
1233
1608
|
element: "span",
|
|
1234
1609
|
format: "date",
|
|
1235
1610
|
value: n
|
|
@@ -1239,7 +1614,7 @@ function Xt({ placeholder: e, placeholderLocale: t, value: n, valueId: r }) {
|
|
|
1239
1614
|
})
|
|
1240
1615
|
});
|
|
1241
1616
|
}
|
|
1242
|
-
function
|
|
1617
|
+
function Sn(e, t, n, r) {
|
|
1243
1618
|
let i = e.getBoundingClientRect().top, { top: a } = t.getBoundingClientRect(), o = a + t.clientTop, s = Math.max(o, 0), c = Math.min(o + t.clientHeight, r);
|
|
1244
1619
|
if (c <= s) return;
|
|
1245
1620
|
let l = Math.max(s + 8, c - n), u = 0;
|
|
@@ -1247,27 +1622,27 @@ function Zt(e, t, n, r) {
|
|
|
1247
1622
|
let d = t.scrollHeight - t.clientHeight, f = Math.round(Math.max(0, Math.min(d, t.scrollTop + u)));
|
|
1248
1623
|
return f === t.scrollTop ? void 0 : f;
|
|
1249
1624
|
}
|
|
1250
|
-
function
|
|
1625
|
+
function Cn(e) {
|
|
1251
1626
|
let t = e.ownerDocument.documentElement.clientHeight, n = !1;
|
|
1252
1627
|
for (let r = e.parentElement; r !== null; r = r.parentElement) {
|
|
1253
1628
|
let { overflowY: i } = getComputedStyle(r);
|
|
1254
1629
|
if (["auto", "scroll"].includes(i) && r.scrollHeight > r.clientHeight) {
|
|
1255
|
-
let i =
|
|
1630
|
+
let i = Sn(e, r, 400, t);
|
|
1256
1631
|
i !== void 0 && (r.scrollTop = i, n = !0);
|
|
1257
1632
|
}
|
|
1258
1633
|
}
|
|
1259
1634
|
return n;
|
|
1260
1635
|
}
|
|
1261
|
-
function
|
|
1262
|
-
let d =
|
|
1263
|
-
return
|
|
1636
|
+
function wn({ calendarKey: e, dialogId: t, disabled: n, isOpen: r, label: a, onChange: o, onOpenChange: s, triggerRef: l, value: u }) {
|
|
1637
|
+
let d = c(null);
|
|
1638
|
+
return i(() => {
|
|
1264
1639
|
if (!r) return;
|
|
1265
1640
|
let e = d.current, t = e?.closest("[data-breeze-overlay=\"popover\"]");
|
|
1266
1641
|
if (!e || !t) return;
|
|
1267
1642
|
let n = () => {
|
|
1268
1643
|
if (t.hasAttribute("inert") || t.dataset.breezeInteractive !== "true") return !1;
|
|
1269
1644
|
let n = e.ownerDocument, { activeElement: r } = n;
|
|
1270
|
-
return (r ===
|
|
1645
|
+
return (r === l.current || r === n.body || r === n.documentElement) && e.querySelector("[role=\"button\"][tabindex=\"0\"]")?.focus(), !0;
|
|
1271
1646
|
}, i = new MutationObserver(() => {
|
|
1272
1647
|
n() && i.disconnect();
|
|
1273
1648
|
});
|
|
@@ -1275,37 +1650,37 @@ function $t({ calendarKey: e, dialogId: t, disabled: n, isOpen: r, label: i, onC
|
|
|
1275
1650
|
attributeFilter: ["data-breeze-interactive", "inert"],
|
|
1276
1651
|
attributes: !0
|
|
1277
1652
|
}), n() && i.disconnect(), () => i.disconnect();
|
|
1278
|
-
}, [r,
|
|
1279
|
-
className:
|
|
1653
|
+
}, [r, l]), /* @__PURE__ */ m(on, {
|
|
1654
|
+
className: bn.base.popover,
|
|
1280
1655
|
containerPadding: 4,
|
|
1281
1656
|
isOpen: r,
|
|
1282
1657
|
onOpenChange: s,
|
|
1283
|
-
triggerRef:
|
|
1284
|
-
children: /* @__PURE__ */ m(
|
|
1285
|
-
"aria-label":
|
|
1658
|
+
triggerRef: l,
|
|
1659
|
+
children: /* @__PURE__ */ m(De, {
|
|
1660
|
+
"aria-label": a,
|
|
1286
1661
|
id: t,
|
|
1287
1662
|
ref: d,
|
|
1288
|
-
children: /* @__PURE__ */ m(
|
|
1663
|
+
children: /* @__PURE__ */ m(Vt, {
|
|
1289
1664
|
autoFocus: r,
|
|
1290
1665
|
disabled: n,
|
|
1291
|
-
label:
|
|
1292
|
-
onChange:
|
|
1293
|
-
value:
|
|
1666
|
+
label: a,
|
|
1667
|
+
onChange: o,
|
|
1668
|
+
value: u == null ? null : zt(u)
|
|
1294
1669
|
}, e)
|
|
1295
1670
|
})
|
|
1296
1671
|
});
|
|
1297
1672
|
}
|
|
1298
|
-
function
|
|
1299
|
-
let { getMessageLocale:
|
|
1673
|
+
function Tn({ autoFocus: e = !1, defaultValue: n, description: r, disabled: s = !1, error: u, form: d, id: f, label: p, loading: g = !1, name: _, onChange: v, placeholder: y, required: b = !0, value: x }) {
|
|
1674
|
+
let { getMessageLocale: S, messages: C } = H(), w = y ?? C.selectDate, T = y === void 0 ? S("selectDate") : void 0, E = r?.trim() || void 0, D = u?.trim() || void 0, O = s || g, k = !g && D !== void 0, A = a(), j = `${A}-label`, ee = `${A}-value`, M = `${A}-dialog`, te = E ? `${A}-description` : void 0, ne = D ? `${A}-error` : void 0, N = b ? `${A}-required` : void 0, P = f ?? `${A}-trigger`, F = c(null), I = c(!1), [L, re] = l(n), [z, B] = l(!1), [ie, ae] = l(0), [oe, se] = l(!1), ce = x === void 0 ? L : x, V = O || oe, le = [
|
|
1300
1675
|
te,
|
|
1301
|
-
|
|
1302
|
-
|
|
1676
|
+
g ? void 0 : ne,
|
|
1677
|
+
N
|
|
1303
1678
|
].filter(Boolean).join(" ") || void 0;
|
|
1304
|
-
|
|
1305
|
-
let e =
|
|
1679
|
+
o(() => {
|
|
1680
|
+
let e = F.current;
|
|
1306
1681
|
if (!e) return;
|
|
1307
1682
|
let t = () => {
|
|
1308
|
-
|
|
1683
|
+
se(!O && e.matches(":disabled"));
|
|
1309
1684
|
};
|
|
1310
1685
|
t();
|
|
1311
1686
|
let n = new MutationObserver(t);
|
|
@@ -1314,140 +1689,140 @@ function en({ autoFocus: e = !1, defaultValue: t, description: n, disabled: i =
|
|
|
1314
1689
|
attributes: !0
|
|
1315
1690
|
});
|
|
1316
1691
|
return () => n.disconnect();
|
|
1317
|
-
}, [
|
|
1318
|
-
if (
|
|
1692
|
+
}, [O]), i(() => {
|
|
1693
|
+
if (x !== void 0) return;
|
|
1319
1694
|
let e = (e) => {
|
|
1320
|
-
let
|
|
1321
|
-
!
|
|
1322
|
-
e.defaultPrevented || re(
|
|
1695
|
+
let t = F.current?.form;
|
|
1696
|
+
!t || e.target !== t || queueMicrotask(() => {
|
|
1697
|
+
e.defaultPrevented || re(n);
|
|
1323
1698
|
});
|
|
1324
1699
|
};
|
|
1325
1700
|
return document.addEventListener("reset", e, !0), () => document.removeEventListener("reset", e, !0);
|
|
1326
|
-
}, [
|
|
1327
|
-
|
|
1328
|
-
}, [
|
|
1329
|
-
if (!e ||
|
|
1330
|
-
let t =
|
|
1331
|
-
!t || t.matches(":disabled") || (t.focus(),
|
|
1332
|
-
}, [e,
|
|
1333
|
-
let
|
|
1334
|
-
e && (
|
|
1701
|
+
}, [n, x]), i(() => {
|
|
1702
|
+
V && z && B(!1);
|
|
1703
|
+
}, [V, z]), i(() => {
|
|
1704
|
+
if (!e || V || I.current) return;
|
|
1705
|
+
let t = F.current;
|
|
1706
|
+
!t || t.matches(":disabled") || (t.focus(), I.current = t.ownerDocument.activeElement === t);
|
|
1707
|
+
}, [e, V]);
|
|
1708
|
+
let ue = z && !V, de = (e) => {
|
|
1709
|
+
e && (V || F.current?.matches(":disabled")) || (e && !z && ae((e) => e + 1), B(e));
|
|
1335
1710
|
};
|
|
1336
1711
|
return /* @__PURE__ */ h("div", {
|
|
1337
|
-
className:
|
|
1338
|
-
"data-required":
|
|
1712
|
+
className: q.base.root,
|
|
1713
|
+
"data-required": b || void 0,
|
|
1339
1714
|
children: [
|
|
1340
|
-
/* @__PURE__ */ m(
|
|
1341
|
-
htmlFor:
|
|
1342
|
-
id:
|
|
1715
|
+
/* @__PURE__ */ m(Gt, {
|
|
1716
|
+
htmlFor: P,
|
|
1717
|
+
id: j,
|
|
1343
1718
|
label: p,
|
|
1344
|
-
loading:
|
|
1345
|
-
onClick: () =>
|
|
1719
|
+
loading: g,
|
|
1720
|
+
onClick: () => F.current?.focus()
|
|
1346
1721
|
}),
|
|
1347
1722
|
/* @__PURE__ */ h("span", {
|
|
1348
|
-
className:
|
|
1349
|
-
children: [/* @__PURE__ */ h(
|
|
1350
|
-
className:
|
|
1351
|
-
isDisabled:
|
|
1723
|
+
className: q.base.control,
|
|
1724
|
+
children: [/* @__PURE__ */ h(R, {
|
|
1725
|
+
className: J(bn.base.trigger, k && "breeze:border-breeze-danger", g && "breeze:!opacity-0"),
|
|
1726
|
+
isDisabled: O,
|
|
1352
1727
|
onPress: () => {
|
|
1353
|
-
if (
|
|
1354
|
-
|
|
1728
|
+
if (ue) {
|
|
1729
|
+
de(!1);
|
|
1355
1730
|
return;
|
|
1356
1731
|
}
|
|
1357
|
-
let e =
|
|
1358
|
-
if (!(!e ||
|
|
1359
|
-
if (
|
|
1360
|
-
typeof requestAnimationFrame > "u" ? setTimeout(() =>
|
|
1732
|
+
let e = F.current;
|
|
1733
|
+
if (!(!e || V || e.matches(":disabled"))) {
|
|
1734
|
+
if (Cn(e)) {
|
|
1735
|
+
typeof requestAnimationFrame > "u" ? setTimeout(() => de(!0), 0) : requestAnimationFrame(() => de(!0));
|
|
1361
1736
|
return;
|
|
1362
1737
|
}
|
|
1363
|
-
|
|
1738
|
+
de(!0);
|
|
1364
1739
|
}
|
|
1365
1740
|
},
|
|
1366
|
-
ref:
|
|
1367
|
-
render: (e) =>
|
|
1741
|
+
ref: F,
|
|
1742
|
+
render: (e) => t("button", {
|
|
1368
1743
|
...e,
|
|
1369
|
-
"aria-busy":
|
|
1370
|
-
"aria-controls":
|
|
1371
|
-
"aria-describedby":
|
|
1372
|
-
"aria-errormessage":
|
|
1373
|
-
"aria-expanded":
|
|
1744
|
+
"aria-busy": g || void 0,
|
|
1745
|
+
"aria-controls": ue ? M : void 0,
|
|
1746
|
+
"aria-describedby": le,
|
|
1747
|
+
"aria-errormessage": g ? void 0 : ne,
|
|
1748
|
+
"aria-expanded": ue,
|
|
1374
1749
|
"aria-haspopup": "dialog",
|
|
1375
|
-
"aria-invalid":
|
|
1376
|
-
"aria-label":
|
|
1377
|
-
"aria-labelledby":
|
|
1378
|
-
"data-invalid":
|
|
1379
|
-
form:
|
|
1380
|
-
id:
|
|
1750
|
+
"aria-invalid": k || void 0,
|
|
1751
|
+
"aria-label": g ? p : void 0,
|
|
1752
|
+
"aria-labelledby": g ? void 0 : `${j} ${ee}`,
|
|
1753
|
+
"data-invalid": k || void 0,
|
|
1754
|
+
form: d,
|
|
1755
|
+
id: P,
|
|
1381
1756
|
type: "button"
|
|
1382
1757
|
}),
|
|
1383
|
-
children: [/* @__PURE__ */ m(
|
|
1384
|
-
placeholder:
|
|
1385
|
-
placeholderLocale:
|
|
1386
|
-
value:
|
|
1387
|
-
valueId:
|
|
1388
|
-
}), /* @__PURE__ */ m(
|
|
1758
|
+
children: [/* @__PURE__ */ m(xn, {
|
|
1759
|
+
placeholder: w,
|
|
1760
|
+
placeholderLocale: T,
|
|
1761
|
+
value: ce,
|
|
1762
|
+
valueId: ee
|
|
1763
|
+
}), /* @__PURE__ */ m(U, {
|
|
1389
1764
|
name: "calendar",
|
|
1390
1765
|
size: "sm"
|
|
1391
1766
|
})]
|
|
1392
|
-
}),
|
|
1393
|
-
className:
|
|
1394
|
-
children: /* @__PURE__ */ m(
|
|
1767
|
+
}), g && /* @__PURE__ */ m("span", {
|
|
1768
|
+
className: q.base.skeleton,
|
|
1769
|
+
children: /* @__PURE__ */ m(G, {
|
|
1395
1770
|
blockSize: "100%",
|
|
1396
1771
|
inlineSize: "100%",
|
|
1397
|
-
label:
|
|
1772
|
+
label: C.loading,
|
|
1398
1773
|
shape: "rectangle"
|
|
1399
1774
|
})
|
|
1400
1775
|
})]
|
|
1401
1776
|
}),
|
|
1402
|
-
|
|
1403
|
-
disabled:
|
|
1404
|
-
form:
|
|
1405
|
-
name:
|
|
1777
|
+
_ && /* @__PURE__ */ m("input", {
|
|
1778
|
+
disabled: O,
|
|
1779
|
+
form: d,
|
|
1780
|
+
name: _,
|
|
1406
1781
|
type: "hidden",
|
|
1407
|
-
value:
|
|
1782
|
+
value: ce ?? ""
|
|
1408
1783
|
}),
|
|
1409
|
-
|
|
1784
|
+
b && /* @__PURE__ */ m("span", {
|
|
1410
1785
|
className: "breeze:sr-only",
|
|
1411
|
-
id:
|
|
1412
|
-
lang:
|
|
1413
|
-
children:
|
|
1786
|
+
id: N,
|
|
1787
|
+
lang: S("required"),
|
|
1788
|
+
children: C.required
|
|
1414
1789
|
}),
|
|
1415
|
-
/* @__PURE__ */ m(
|
|
1790
|
+
/* @__PURE__ */ m(wn, {
|
|
1416
1791
|
calendarKey: ie,
|
|
1417
|
-
dialogId:
|
|
1418
|
-
disabled:
|
|
1419
|
-
isOpen:
|
|
1792
|
+
dialogId: M,
|
|
1793
|
+
disabled: V,
|
|
1794
|
+
isOpen: ue,
|
|
1420
1795
|
label: p,
|
|
1421
1796
|
onChange: (e) => {
|
|
1422
|
-
if (!e ||
|
|
1797
|
+
if (!e || V || F.current?.matches(":disabled")) return;
|
|
1423
1798
|
let t = e.toString();
|
|
1424
|
-
|
|
1799
|
+
x === void 0 && re(t), v?.(t), de(!1);
|
|
1425
1800
|
},
|
|
1426
|
-
onOpenChange:
|
|
1427
|
-
triggerRef:
|
|
1428
|
-
value:
|
|
1801
|
+
onOpenChange: de,
|
|
1802
|
+
triggerRef: F,
|
|
1803
|
+
value: ce
|
|
1429
1804
|
}),
|
|
1430
|
-
/* @__PURE__ */ m(
|
|
1431
|
-
description:
|
|
1805
|
+
/* @__PURE__ */ m(Kt, {
|
|
1806
|
+
description: E,
|
|
1432
1807
|
descriptionId: te,
|
|
1433
|
-
loading:
|
|
1808
|
+
loading: g
|
|
1434
1809
|
}),
|
|
1435
|
-
|
|
1436
|
-
"aria-hidden":
|
|
1437
|
-
className:
|
|
1438
|
-
id:
|
|
1439
|
-
children:
|
|
1810
|
+
D && /* @__PURE__ */ m("p", {
|
|
1811
|
+
"aria-hidden": g || void 0,
|
|
1812
|
+
className: q.base.error,
|
|
1813
|
+
id: ne,
|
|
1814
|
+
children: g ? /* @__PURE__ */ m(G, {
|
|
1440
1815
|
blockSize: "1lh",
|
|
1441
1816
|
inlineSize: "12em",
|
|
1442
1817
|
shape: "rectangle"
|
|
1443
|
-
}) :
|
|
1818
|
+
}) : D
|
|
1444
1819
|
})
|
|
1445
1820
|
]
|
|
1446
1821
|
});
|
|
1447
1822
|
}
|
|
1448
1823
|
//#endregion
|
|
1449
1824
|
//#region src/overlays/OverlaySurface.tsx
|
|
1450
|
-
var
|
|
1825
|
+
var En = {
|
|
1451
1826
|
base: {
|
|
1452
1827
|
content: "breeze-overlay-content",
|
|
1453
1828
|
header: "breeze-overlay-header",
|
|
@@ -1462,77 +1837,77 @@ var tn = {
|
|
|
1462
1837
|
fullscreen: "breeze-fullscreen",
|
|
1463
1838
|
popover: "breeze-popover"
|
|
1464
1839
|
}
|
|
1465
|
-
},
|
|
1466
|
-
function
|
|
1840
|
+
}, Dn = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
|
|
1841
|
+
function On(e) {
|
|
1467
1842
|
return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
|
|
1468
1843
|
}
|
|
1469
|
-
function
|
|
1844
|
+
function kn(e) {
|
|
1470
1845
|
return e.dataset?.breezeOverlay !== void 0;
|
|
1471
1846
|
}
|
|
1472
|
-
function
|
|
1473
|
-
let { getMessageLocale: y, messages: b } =
|
|
1474
|
-
|
|
1475
|
-
let [E, D] =
|
|
1476
|
-
|
|
1477
|
-
if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(
|
|
1847
|
+
function An({ children: e, defaultOpen: t = !1, dismissible: a = !0, kind: u, onOpenChange: d, open: f, placement: g = "bottom", title: _, trigger: v }) {
|
|
1848
|
+
let { getMessageLocale: y, messages: b } = H(), x = u === "popover" || u === "fullscreen", S = nn(), C = r(Ke), [w, T] = l(C === null);
|
|
1849
|
+
i(() => T(!0), []);
|
|
1850
|
+
let [E, D] = l(t), O = f ?? E, k = C?.open ?? !0, A = O && k, j = c(null), ee = c(null), M = c(null), [te, ne] = l(!1), N = c(!1), P = c(null), F = c(null), I = c(null), L = c(null), re = c(!1);
|
|
1851
|
+
o(() => {
|
|
1852
|
+
if (S && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || S.ownerDocument !== document || S.getRootNode() !== document)) throw Error(Dn);
|
|
1478
1853
|
}, [S]);
|
|
1479
|
-
let
|
|
1854
|
+
let R = s(() => u === "fullscreen" ? { current: S } : j, [S, u]), z = qe(u, A && w && S !== null, A || te), B = n((e) => {
|
|
1480
1855
|
if (!e && !k) {
|
|
1481
|
-
if (
|
|
1482
|
-
O && (
|
|
1856
|
+
if (re.current) return;
|
|
1857
|
+
O && (re.current = !0);
|
|
1483
1858
|
}
|
|
1484
|
-
f === void 0 && D(e),
|
|
1859
|
+
f === void 0 && D(e), d?.(e);
|
|
1485
1860
|
}, [
|
|
1486
1861
|
f,
|
|
1487
|
-
|
|
1862
|
+
d,
|
|
1488
1863
|
k,
|
|
1489
1864
|
O
|
|
1490
1865
|
]);
|
|
1491
|
-
|
|
1492
|
-
k ?
|
|
1866
|
+
i(() => {
|
|
1867
|
+
k ? re.current = !1 : O && B(!1);
|
|
1493
1868
|
}, [
|
|
1494
1869
|
B,
|
|
1495
1870
|
k,
|
|
1496
1871
|
O
|
|
1497
|
-
]),
|
|
1498
|
-
if (
|
|
1872
|
+
]), i(() => {
|
|
1873
|
+
if (u !== "popover" || !A || !a || !z.topmost || !S) return;
|
|
1499
1874
|
let e = () => {
|
|
1500
|
-
|
|
1501
|
-
}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)),
|
|
1502
|
-
|
|
1503
|
-
},
|
|
1504
|
-
if (!i
|
|
1505
|
-
let
|
|
1506
|
-
!a
|
|
1507
|
-
|
|
1508
|
-
let e =
|
|
1509
|
-
|
|
1875
|
+
F.current !== null && (clearTimeout(F.current), F.current = null);
|
|
1876
|
+
}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), n = (e) => e.button === 0, r = (e) => On(e) && !ee.current?.contains(e) && !j.current?.contains(e), i = (t) => {
|
|
1877
|
+
n(t) && (e(), L.current = null, I.current = On(t.target) ? t.target : null);
|
|
1878
|
+
}, o = (i) => {
|
|
1879
|
+
if (!n(i)) return;
|
|
1880
|
+
let a = I.current, o = On(i.target) ? i.target : null;
|
|
1881
|
+
!r(a) || !r(o) || (e(), F.current = setTimeout(() => {
|
|
1882
|
+
F.current = null;
|
|
1883
|
+
let e = L.current, n = I.current;
|
|
1884
|
+
L.current = null, I.current = null, !(t(e, o) && t(e, n)) && B(!1);
|
|
1510
1885
|
}, 0));
|
|
1511
|
-
},
|
|
1512
|
-
e(),
|
|
1513
|
-
},
|
|
1514
|
-
let
|
|
1515
|
-
if (e(),
|
|
1516
|
-
let e =
|
|
1517
|
-
if (
|
|
1886
|
+
}, s = () => {
|
|
1887
|
+
e(), L.current = null, I.current = null;
|
|
1888
|
+
}, c = (n) => {
|
|
1889
|
+
let i = On(n.target) ? n.target : null;
|
|
1890
|
+
if (e(), r(i)) {
|
|
1891
|
+
let e = L.current, n = I.current;
|
|
1892
|
+
if (L.current = null, I.current = null, t(e, i) && t(e, n)) return;
|
|
1518
1893
|
B(!1);
|
|
1519
1894
|
}
|
|
1520
1895
|
};
|
|
1521
|
-
return S.ownerDocument.addEventListener("pointerdown",
|
|
1522
|
-
e(), S.ownerDocument.removeEventListener("pointerdown",
|
|
1896
|
+
return S.ownerDocument.addEventListener("pointerdown", i, !0), S.ownerDocument.addEventListener("pointerup", o, !0), S.ownerDocument.addEventListener("pointercancel", s, !0), S.ownerDocument.addEventListener("click", c, !0), () => {
|
|
1897
|
+
e(), S.ownerDocument.removeEventListener("pointerdown", i, !0), S.ownerDocument.removeEventListener("pointerup", o, !0), S.ownerDocument.removeEventListener("pointercancel", s, !0), S.ownerDocument.removeEventListener("click", c, !0), L.current = null, I.current = null;
|
|
1523
1898
|
};
|
|
1524
1899
|
}, [
|
|
1525
1900
|
B,
|
|
1526
|
-
|
|
1901
|
+
a,
|
|
1527
1902
|
S,
|
|
1528
|
-
|
|
1903
|
+
u,
|
|
1529
1904
|
z.topmost,
|
|
1530
1905
|
A
|
|
1531
1906
|
]);
|
|
1532
|
-
let ie = C?.restoreFocus,
|
|
1907
|
+
let ie = C?.restoreFocus, ae = C?.id, oe = n(() => {
|
|
1533
1908
|
let e = j.current, t = S?.ownerDocument, n = t?.activeElement;
|
|
1534
1909
|
if (!t || !S) return;
|
|
1535
|
-
let r =
|
|
1910
|
+
let r = ae ? t.getElementById(ae) : null;
|
|
1536
1911
|
if (!(n === t.body || n === r || n?.closest("[data-exiting]"))) return;
|
|
1537
1912
|
if (!e?.isConnected) {
|
|
1538
1913
|
ie?.();
|
|
@@ -1542,134 +1917,134 @@ function on({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, on
|
|
|
1542
1917
|
(!i || i.contains(e)) && !e.closest("[inert], [aria-hidden=\"true\"]") && e.focus({ preventScroll: !0 });
|
|
1543
1918
|
}, [
|
|
1544
1919
|
S,
|
|
1545
|
-
|
|
1920
|
+
ae,
|
|
1546
1921
|
ie
|
|
1547
|
-
]),
|
|
1548
|
-
|
|
1549
|
-
}, []),
|
|
1922
|
+
]), se = n(() => {
|
|
1923
|
+
P.current !== null && (clearTimeout(P.current), P.current = null);
|
|
1924
|
+
}, []), ce = n((e) => {
|
|
1550
1925
|
queueMicrotask(() => {
|
|
1551
|
-
!e.isConnected || e.closest("[inert], [data-exiting]") || (
|
|
1926
|
+
!e.isConnected || e.closest("[inert], [data-exiting]") || (se(), e.focus({ preventScroll: !0 }), P.current = setTimeout(() => {
|
|
1552
1927
|
let { ownerDocument: t } = e, { activeElement: n } = t;
|
|
1553
|
-
e.isConnected && !e.closest("[inert], [data-exiting]") && (n === e || n === t.body) && (
|
|
1928
|
+
e.isConnected && !e.closest("[inert], [data-exiting]") && (n === e || n === t.body) && (N.current = !0, e.blur(), e.focus({ preventScroll: !0 }), N.current = !1), P.current = null;
|
|
1554
1929
|
}, 500));
|
|
1555
1930
|
});
|
|
1556
|
-
}, [
|
|
1557
|
-
|
|
1558
|
-
let e =
|
|
1559
|
-
|
|
1931
|
+
}, [se]), V = c(A);
|
|
1932
|
+
i(() => {
|
|
1933
|
+
let e = V.current;
|
|
1934
|
+
V.current = A, !(!x || !A || e || !M.current) && ce(M.current);
|
|
1560
1935
|
}, [
|
|
1561
|
-
|
|
1936
|
+
ce,
|
|
1562
1937
|
x,
|
|
1563
1938
|
A
|
|
1564
1939
|
]);
|
|
1565
|
-
let
|
|
1566
|
-
|
|
1940
|
+
let le = n((e) => {
|
|
1941
|
+
M.current = e;
|
|
1567
1942
|
let t = () => {
|
|
1568
|
-
|
|
1943
|
+
se(), M.current = null, ne(!1), requestAnimationFrame(oe);
|
|
1569
1944
|
};
|
|
1570
1945
|
if (!e) {
|
|
1571
1946
|
t();
|
|
1572
1947
|
return;
|
|
1573
1948
|
}
|
|
1574
|
-
return
|
|
1949
|
+
return ne(!0), x && ce(e), t;
|
|
1575
1950
|
}, [
|
|
1576
|
-
oe,
|
|
1577
1951
|
se,
|
|
1952
|
+
ce,
|
|
1578
1953
|
x,
|
|
1579
|
-
|
|
1580
|
-
]),
|
|
1954
|
+
oe
|
|
1955
|
+
]), ue = s(() => ({
|
|
1581
1956
|
id: z.id,
|
|
1582
1957
|
open: A,
|
|
1583
|
-
restoreFocus:
|
|
1958
|
+
restoreFocus: oe
|
|
1584
1959
|
}), [
|
|
1585
1960
|
z.id,
|
|
1586
1961
|
A,
|
|
1587
|
-
|
|
1588
|
-
]),
|
|
1589
|
-
className:
|
|
1962
|
+
oe
|
|
1963
|
+
]), de = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
|
|
1964
|
+
className: En.base.header,
|
|
1590
1965
|
children: [/* @__PURE__ */ m("h2", {
|
|
1591
|
-
className:
|
|
1966
|
+
className: En.base.title,
|
|
1592
1967
|
children: _
|
|
1593
1968
|
}), /* @__PURE__ */ m("span", {
|
|
1594
1969
|
lang: y("close"),
|
|
1595
|
-
children: /* @__PURE__ */ m(
|
|
1970
|
+
children: /* @__PURE__ */ m(Rt, {
|
|
1596
1971
|
onAction: () => B(!1),
|
|
1597
1972
|
variant: "quiet",
|
|
1598
1973
|
children: b.close
|
|
1599
1974
|
})
|
|
1600
1975
|
})]
|
|
1601
|
-
}), e] }),
|
|
1602
|
-
value:
|
|
1976
|
+
}), e] }), fe = /* @__PURE__ */ m(Ke, {
|
|
1977
|
+
value: ue,
|
|
1603
1978
|
children: x ? /* @__PURE__ */ m("section", {
|
|
1604
1979
|
"aria-label": _,
|
|
1605
|
-
className:
|
|
1980
|
+
className: En.base.content,
|
|
1606
1981
|
id: z.id,
|
|
1607
1982
|
onBlur: (e) => {
|
|
1608
|
-
if (
|
|
1983
|
+
if (N.current) {
|
|
1609
1984
|
e.stopPropagation();
|
|
1610
1985
|
return;
|
|
1611
1986
|
}
|
|
1612
1987
|
let { relatedTarget: t } = e;
|
|
1613
|
-
|
|
1988
|
+
u === "popover" && a && z.topmost && On(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (L.current = t);
|
|
1614
1989
|
},
|
|
1615
|
-
ref:
|
|
1990
|
+
ref: le,
|
|
1616
1991
|
role: "dialog",
|
|
1617
1992
|
tabIndex: -1,
|
|
1618
|
-
children:
|
|
1619
|
-
}) : /* @__PURE__ */ m(
|
|
1993
|
+
children: de
|
|
1994
|
+
}) : /* @__PURE__ */ m(De, {
|
|
1620
1995
|
"aria-label": _,
|
|
1621
|
-
className:
|
|
1996
|
+
className: En.base.content,
|
|
1622
1997
|
id: z.id,
|
|
1623
|
-
ref:
|
|
1624
|
-
children:
|
|
1998
|
+
ref: le,
|
|
1999
|
+
children: de
|
|
1625
2000
|
})
|
|
1626
2001
|
});
|
|
1627
|
-
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(
|
|
2002
|
+
return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Rt, {
|
|
1628
2003
|
"aria-controls": A ? z.id : void 0,
|
|
1629
2004
|
"aria-expanded": A,
|
|
1630
2005
|
"aria-haspopup": "dialog",
|
|
1631
2006
|
onAction: () => B(!x || !A),
|
|
1632
2007
|
ref: j,
|
|
1633
2008
|
children: v
|
|
1634
|
-
}), S && w && (x ? /* @__PURE__ */ m(
|
|
1635
|
-
className:
|
|
1636
|
-
"data-breeze-overlay":
|
|
2009
|
+
}), S && w && (x ? /* @__PURE__ */ m(Ce, {
|
|
2010
|
+
className: En.variant[u],
|
|
2011
|
+
"data-breeze-overlay": u,
|
|
1637
2012
|
"data-breeze-topmost": z.topmost,
|
|
1638
2013
|
"data-breeze-interactive": z.interactive,
|
|
1639
2014
|
inert: !z.interactive,
|
|
1640
2015
|
isNonModal: !0,
|
|
1641
2016
|
isOpen: A,
|
|
1642
|
-
isKeyboardDismissDisabled: !
|
|
2017
|
+
isKeyboardDismissDisabled: !a || !z.topmost,
|
|
1643
2018
|
onOpenChange: B,
|
|
1644
2019
|
placement: g,
|
|
1645
|
-
ref:
|
|
1646
|
-
shouldCloseOnInteractOutside: (e) =>
|
|
2020
|
+
ref: ee,
|
|
2021
|
+
shouldCloseOnInteractOutside: (e) => u === "popover" && a && z.topmost && !j.current?.contains(e),
|
|
1647
2022
|
style: { zIndex: z.zIndex },
|
|
1648
|
-
triggerRef:
|
|
1649
|
-
children:
|
|
1650
|
-
}) : /* @__PURE__ */ m(
|
|
2023
|
+
triggerRef: R,
|
|
2024
|
+
children: fe
|
|
2025
|
+
}) : /* @__PURE__ */ m(ke, {
|
|
1651
2026
|
className: "breeze-overlay-backdrop",
|
|
1652
|
-
"data-breeze-overlay":
|
|
2027
|
+
"data-breeze-overlay": u,
|
|
1653
2028
|
"data-breeze-scrim": z.scrim,
|
|
1654
2029
|
"data-breeze-topmost": z.topmost,
|
|
1655
2030
|
"data-breeze-interactive": z.interactive,
|
|
1656
2031
|
inert: !z.interactive,
|
|
1657
|
-
isDismissable:
|
|
1658
|
-
isKeyboardDismissDisabled: !
|
|
2032
|
+
isDismissable: a && z.topmost,
|
|
2033
|
+
isKeyboardDismissDisabled: !a || !z.topmost,
|
|
1659
2034
|
isOpen: A,
|
|
1660
2035
|
onOpenChange: B,
|
|
1661
|
-
shouldCloseOnInteractOutside: (e) => z.topmost &&
|
|
2036
|
+
shouldCloseOnInteractOutside: (e) => z.topmost && kn(e),
|
|
1662
2037
|
style: { zIndex: z.zIndex },
|
|
1663
|
-
children: /* @__PURE__ */ m(
|
|
1664
|
-
className:
|
|
1665
|
-
children:
|
|
2038
|
+
children: /* @__PURE__ */ m(Oe, {
|
|
2039
|
+
className: En.variant[u],
|
|
2040
|
+
children: fe
|
|
1666
2041
|
})
|
|
1667
2042
|
}))] });
|
|
1668
2043
|
}
|
|
1669
2044
|
//#endregion
|
|
1670
2045
|
//#region src/primitives/Dialog/Dialog.tsx
|
|
1671
|
-
function
|
|
1672
|
-
return /* @__PURE__ */ m(
|
|
2046
|
+
function jn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
|
|
2047
|
+
return /* @__PURE__ */ m(An, {
|
|
1673
2048
|
defaultOpen: t,
|
|
1674
2049
|
dismissible: n,
|
|
1675
2050
|
onOpenChange: r,
|
|
@@ -1682,8 +2057,8 @@ function sn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
|
|
|
1682
2057
|
}
|
|
1683
2058
|
//#endregion
|
|
1684
2059
|
//#region src/primitives/Drawer/Drawer.tsx
|
|
1685
|
-
function
|
|
1686
|
-
return /* @__PURE__ */ m(
|
|
2060
|
+
function Mn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
|
|
2061
|
+
return /* @__PURE__ */ m(An, {
|
|
1687
2062
|
defaultOpen: t,
|
|
1688
2063
|
dismissible: n,
|
|
1689
2064
|
onOpenChange: r,
|
|
@@ -1696,7 +2071,7 @@ function cn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
|
|
|
1696
2071
|
}
|
|
1697
2072
|
//#endregion
|
|
1698
2073
|
//#region src/primitives/Grid/Grid.tsx
|
|
1699
|
-
var
|
|
2074
|
+
var Nn = {
|
|
1700
2075
|
base: { grid: "breeze:grid breeze:min-inline-size-0" },
|
|
1701
2076
|
compound: { columns: {
|
|
1702
2077
|
1: {
|
|
@@ -1732,21 +2107,21 @@ var ln = {
|
|
|
1732
2107
|
state: {},
|
|
1733
2108
|
variant: {}
|
|
1734
2109
|
};
|
|
1735
|
-
function
|
|
1736
|
-
let { accessibleLabel: s, role: c } =
|
|
1737
|
-
return
|
|
2110
|
+
function Pn({ "aria-label": e, children: n, collapseBelow: r = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
|
|
2111
|
+
let { accessibleLabel: s, role: c } = xt(e, a);
|
|
2112
|
+
return t(a, {
|
|
1738
2113
|
"aria-label": s,
|
|
1739
2114
|
className: [
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
2115
|
+
Nn.base.grid,
|
|
2116
|
+
Nn.compound.columns[i][r],
|
|
2117
|
+
Nn.size[o]
|
|
1743
2118
|
].join(" "),
|
|
1744
2119
|
role: c
|
|
1745
|
-
},
|
|
2120
|
+
}, n);
|
|
1746
2121
|
}
|
|
1747
2122
|
//#endregion
|
|
1748
2123
|
//#region src/primitives/IconTile/IconTile.tsx
|
|
1749
|
-
var
|
|
2124
|
+
var Fn = {
|
|
1750
2125
|
base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
|
|
1751
2126
|
compound: {},
|
|
1752
2127
|
size: {
|
|
@@ -1768,15 +2143,15 @@ var dn = {
|
|
|
1768
2143
|
}
|
|
1769
2144
|
}
|
|
1770
2145
|
};
|
|
1771
|
-
function
|
|
2146
|
+
function In({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
|
|
1772
2147
|
return /* @__PURE__ */ m("span", {
|
|
1773
2148
|
className: [
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
2149
|
+
Fn.base.tile,
|
|
2150
|
+
Fn.variant.tone[i],
|
|
2151
|
+
Fn.variant.shape[n],
|
|
2152
|
+
Fn.size[r]
|
|
1778
2153
|
].join(" "),
|
|
1779
|
-
children: /* @__PURE__ */ m(
|
|
2154
|
+
children: /* @__PURE__ */ m(U, {
|
|
1780
2155
|
label: e,
|
|
1781
2156
|
name: t,
|
|
1782
2157
|
size: r === "lg" ? "md" : "sm"
|
|
@@ -1785,7 +2160,7 @@ function fn({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i =
|
|
|
1785
2160
|
}
|
|
1786
2161
|
//#endregion
|
|
1787
2162
|
//#region src/primitives/Inline/Inline.tsx
|
|
1788
|
-
var
|
|
2163
|
+
var Ln = {
|
|
1789
2164
|
base: { inline: "breeze:flex breeze:min-inline-size-0" },
|
|
1790
2165
|
compound: {},
|
|
1791
2166
|
size: {
|
|
@@ -1815,19 +2190,53 @@ var pn = {
|
|
|
1815
2190
|
}
|
|
1816
2191
|
}
|
|
1817
2192
|
};
|
|
1818
|
-
function
|
|
1819
|
-
let { accessibleLabel: c, role: l } =
|
|
1820
|
-
return r
|
|
2193
|
+
function Rn({ "aria-label": e, children: n, element: r = "div", gap: i = 3, justify: a = "start", verticalAlign: o = "center", wrap: s = !1 }) {
|
|
2194
|
+
let { accessibleLabel: c, role: l } = xt(e, r);
|
|
2195
|
+
return t(r, {
|
|
1821
2196
|
"aria-label": c,
|
|
1822
2197
|
className: [
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
s &&
|
|
2198
|
+
Ln.base.inline,
|
|
2199
|
+
Ln.variant.align[o],
|
|
2200
|
+
Ln.variant.justify[a],
|
|
2201
|
+
Ln.size[i],
|
|
2202
|
+
s && Ln.state.wrap
|
|
1828
2203
|
].filter(Boolean).join(" "),
|
|
1829
2204
|
role: l
|
|
1830
|
-
},
|
|
2205
|
+
}, n);
|
|
2206
|
+
}
|
|
2207
|
+
//#endregion
|
|
2208
|
+
//#region src/primitives/Link/Link.tsx
|
|
2209
|
+
var zn = {
|
|
2210
|
+
base: { link: "breeze:font-medium breeze:underline breeze:underline-offset-2 breeze:outline-offset-2 breeze:focus-visible:outline-2 breeze:focus-visible:outline-solid breeze:focus-visible:outline-breeze-brand" },
|
|
2211
|
+
compound: {},
|
|
2212
|
+
size: {},
|
|
2213
|
+
state: {},
|
|
2214
|
+
variant: {
|
|
2215
|
+
default: "breeze:text-breeze-brand-text breeze:decoration-current breeze:hover:text-breeze-brand-hover",
|
|
2216
|
+
subtle: "breeze:text-breeze-ink-2 breeze:decoration-breeze-line-strong breeze:hover:text-breeze-ink"
|
|
2217
|
+
}
|
|
2218
|
+
};
|
|
2219
|
+
function Bn({ "aria-current": e, "aria-describedby": t, "aria-label": n, "aria-labelledby": r, children: i, download: a, href: o, hrefLang: s, id: c, lang: l, ref: u, rel: d, target: f, title: p, type: h, transitionTypes: g = [], variant: _ = "default" }) {
|
|
2220
|
+
let { router: v } = H();
|
|
2221
|
+
return /* @__PURE__ */ m("a", {
|
|
2222
|
+
"aria-current": e,
|
|
2223
|
+
"aria-describedby": t,
|
|
2224
|
+
"aria-label": n,
|
|
2225
|
+
"aria-labelledby": r,
|
|
2226
|
+
className: [zn.base.link, zn.variant[_]].join(" "),
|
|
2227
|
+
download: a,
|
|
2228
|
+
href: o,
|
|
2229
|
+
hrefLang: s,
|
|
2230
|
+
id: c,
|
|
2231
|
+
lang: l,
|
|
2232
|
+
onClick: (e) => gt(e, o, v, g, a),
|
|
2233
|
+
ref: u,
|
|
2234
|
+
rel: d,
|
|
2235
|
+
target: f,
|
|
2236
|
+
title: p,
|
|
2237
|
+
type: h,
|
|
2238
|
+
children: i
|
|
2239
|
+
});
|
|
1831
2240
|
}
|
|
1832
2241
|
//#endregion
|
|
1833
2242
|
//#region src/primitives/Menu/Menu.tsx
|
|
@@ -1852,12 +2261,12 @@ var Z = {
|
|
|
1852
2261
|
state: {},
|
|
1853
2262
|
variant: {}
|
|
1854
2263
|
};
|
|
1855
|
-
function
|
|
2264
|
+
function Vn({ descriptionId: e, descriptor: t }) {
|
|
1856
2265
|
return /* @__PURE__ */ h(p, { children: [
|
|
1857
2266
|
/* @__PURE__ */ m("span", {
|
|
1858
2267
|
"aria-hidden": "true",
|
|
1859
2268
|
className: Z.base.icon,
|
|
1860
|
-
children: t.icon && /* @__PURE__ */ m(
|
|
2269
|
+
children: t.icon && /* @__PURE__ */ m(U, {
|
|
1861
2270
|
name: t.icon,
|
|
1862
2271
|
size: "sm"
|
|
1863
2272
|
})
|
|
@@ -1875,7 +2284,7 @@ function hn({ descriptionId: e, descriptor: t }) {
|
|
|
1875
2284
|
}),
|
|
1876
2285
|
t.badge && /* @__PURE__ */ m("span", {
|
|
1877
2286
|
className: Z.base.badge,
|
|
1878
|
-
children: /* @__PURE__ */ m(
|
|
2287
|
+
children: /* @__PURE__ */ m(It, {
|
|
1879
2288
|
"aria-label": t.badge["aria-label"],
|
|
1880
2289
|
variant: t.badge.variant,
|
|
1881
2290
|
children: t.badge.children
|
|
@@ -1883,16 +2292,16 @@ function hn({ descriptionId: e, descriptor: t }) {
|
|
|
1883
2292
|
})
|
|
1884
2293
|
] });
|
|
1885
2294
|
}
|
|
1886
|
-
function
|
|
2295
|
+
function Hn(e) {
|
|
1887
2296
|
if (!e.badge) return e.label;
|
|
1888
2297
|
let t = e.badge["aria-label"]?.trim() || e.badge.children;
|
|
1889
2298
|
return `${e.label}, ${t}`;
|
|
1890
2299
|
}
|
|
1891
|
-
function
|
|
1892
|
-
let { getMessageLocale: t, messages: n } =
|
|
2300
|
+
function Un({ loading: e }) {
|
|
2301
|
+
let { getMessageLocale: t, messages: n } = H();
|
|
1893
2302
|
return /* @__PURE__ */ h(p, { children: [e && /* @__PURE__ */ m("span", {
|
|
1894
2303
|
className: Z.base.triggerLoadingStatus,
|
|
1895
|
-
children: /* @__PURE__ */ m(
|
|
2304
|
+
children: /* @__PURE__ */ m(G, { label: n.loading })
|
|
1896
2305
|
}), /* @__PURE__ */ m("output", {
|
|
1897
2306
|
"aria-live": "polite",
|
|
1898
2307
|
className: Z.base.triggerLoadingStatus,
|
|
@@ -1900,81 +2309,81 @@ function _n({ loading: e }) {
|
|
|
1900
2309
|
children: e ? n.loading : ""
|
|
1901
2310
|
})] });
|
|
1902
2311
|
}
|
|
1903
|
-
function
|
|
1904
|
-
|
|
1905
|
-
let [
|
|
1906
|
-
|
|
2312
|
+
function Wn({ defaultOpen: e, getItem: r, items: i, loading: u = !1, onAction: d, onOpenChange: f, open: g, trigger: _, triggerIcon: v }) {
|
|
2313
|
+
H();
|
|
2314
|
+
let [y, b] = l(e ?? !1), x = g ?? y, S = c(null), C = c(!1), w = a(), T = s(() => i.map(r), [r, i]), E = n((e) => {
|
|
2315
|
+
u && e || (g === void 0 && b(e), f?.(e));
|
|
1907
2316
|
}, [
|
|
1908
|
-
|
|
1909
|
-
|
|
2317
|
+
g,
|
|
2318
|
+
u,
|
|
1910
2319
|
f
|
|
1911
2320
|
]);
|
|
1912
|
-
return
|
|
1913
|
-
!
|
|
1914
|
-
let e =
|
|
2321
|
+
return o(() => {
|
|
2322
|
+
!x && C.current && (C.current = !1, requestAnimationFrame(() => {
|
|
2323
|
+
let e = S.current;
|
|
1915
2324
|
e && e.ownerDocument.activeElement === e.ownerDocument.body && e.focus();
|
|
1916
2325
|
}));
|
|
1917
|
-
}, [
|
|
1918
|
-
isOpen:
|
|
1919
|
-
onOpenChange:
|
|
1920
|
-
children: [/* @__PURE__ */ h(
|
|
2326
|
+
}, [x]), /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h(Me, {
|
|
2327
|
+
isOpen: x,
|
|
2328
|
+
onOpenChange: E,
|
|
2329
|
+
children: [/* @__PURE__ */ h(R, {
|
|
1921
2330
|
"aria-haspopup": "menu",
|
|
1922
2331
|
className: Z.base.trigger,
|
|
1923
|
-
isPending:
|
|
1924
|
-
ref:
|
|
1925
|
-
render: (e) =>
|
|
2332
|
+
isPending: u,
|
|
2333
|
+
ref: S,
|
|
2334
|
+
render: (e) => t("button", {
|
|
1926
2335
|
...e,
|
|
1927
|
-
"aria-busy":
|
|
2336
|
+
"aria-busy": u || void 0,
|
|
1928
2337
|
type: "button"
|
|
1929
2338
|
}),
|
|
1930
2339
|
children: [
|
|
1931
|
-
|
|
1932
|
-
name:
|
|
2340
|
+
v && /* @__PURE__ */ m(U, {
|
|
2341
|
+
name: v,
|
|
1933
2342
|
size: "sm"
|
|
1934
2343
|
}),
|
|
1935
2344
|
/* @__PURE__ */ h("span", {
|
|
1936
2345
|
className: Z.base.triggerLabel,
|
|
1937
2346
|
children: [/* @__PURE__ */ m("span", {
|
|
1938
|
-
className: [Z.base.triggerLabelContent,
|
|
1939
|
-
children:
|
|
1940
|
-
}),
|
|
2347
|
+
className: [Z.base.triggerLabelContent, u && "breeze:opacity-0"].filter(Boolean).join(" "),
|
|
2348
|
+
children: _
|
|
2349
|
+
}), u && /* @__PURE__ */ m("span", {
|
|
1941
2350
|
"aria-hidden": "true",
|
|
1942
2351
|
className: Z.base.triggerLabelSkeleton,
|
|
1943
2352
|
"data-breeze-skeleton": "",
|
|
1944
|
-
children: /* @__PURE__ */ m(
|
|
2353
|
+
children: /* @__PURE__ */ m(G, {})
|
|
1945
2354
|
})]
|
|
1946
2355
|
}),
|
|
1947
|
-
/* @__PURE__ */ m(
|
|
2356
|
+
/* @__PURE__ */ m(U, {
|
|
1948
2357
|
name: "expand",
|
|
1949
2358
|
size: "sm"
|
|
1950
2359
|
})
|
|
1951
2360
|
]
|
|
1952
|
-
}), /* @__PURE__ */ m(
|
|
2361
|
+
}), /* @__PURE__ */ m(on, {
|
|
1953
2362
|
className: Z.base.popover,
|
|
1954
|
-
isOpen:
|
|
1955
|
-
onOpenChange:
|
|
1956
|
-
triggerRef:
|
|
2363
|
+
isOpen: x,
|
|
2364
|
+
onOpenChange: E,
|
|
2365
|
+
triggerRef: S,
|
|
1957
2366
|
children: /* @__PURE__ */ m("div", {
|
|
1958
2367
|
onKeyDownCapture: (e) => {
|
|
1959
|
-
e.key === "Escape" && (
|
|
2368
|
+
e.key === "Escape" && (C.current = !0);
|
|
1960
2369
|
},
|
|
1961
|
-
children: /* @__PURE__ */ m(
|
|
2370
|
+
children: /* @__PURE__ */ m(Ae, {
|
|
1962
2371
|
className: Z.base.menu,
|
|
1963
|
-
id:
|
|
2372
|
+
id: w,
|
|
1964
2373
|
onAction: (e) => {
|
|
1965
|
-
let t =
|
|
1966
|
-
t && (
|
|
2374
|
+
let t = T.find((t) => t.id === e);
|
|
2375
|
+
t && (C.current = !0, d?.(t));
|
|
1967
2376
|
},
|
|
1968
|
-
children:
|
|
1969
|
-
let n = `${
|
|
1970
|
-
return /* @__PURE__ */ m(
|
|
2377
|
+
children: T.map((e, t) => {
|
|
2378
|
+
let n = `${w}-description-${t}`;
|
|
2379
|
+
return /* @__PURE__ */ m(je, {
|
|
1971
2380
|
"aria-describedby": e.description ? n : void 0,
|
|
1972
|
-
"aria-label":
|
|
2381
|
+
"aria-label": Hn(e),
|
|
1973
2382
|
className: Z.base.item,
|
|
1974
2383
|
id: e.id,
|
|
1975
2384
|
isDisabled: e.disabled,
|
|
1976
2385
|
textValue: e.label,
|
|
1977
|
-
children: /* @__PURE__ */ m(
|
|
2386
|
+
children: /* @__PURE__ */ m(Vn, {
|
|
1978
2387
|
descriptionId: n,
|
|
1979
2388
|
descriptor: e
|
|
1980
2389
|
})
|
|
@@ -1983,11 +2392,11 @@ function vn({ defaultOpen: e, getItem: t, items: n, loading: a = !1, onAction: o
|
|
|
1983
2392
|
})
|
|
1984
2393
|
})
|
|
1985
2394
|
})]
|
|
1986
|
-
}), /* @__PURE__ */ m(
|
|
2395
|
+
}), /* @__PURE__ */ m(Un, { loading: u })] });
|
|
1987
2396
|
}
|
|
1988
2397
|
//#endregion
|
|
1989
2398
|
//#region src/primitives/NumberField/NumberField.tsx
|
|
1990
|
-
var
|
|
2399
|
+
var Gn = {
|
|
1991
2400
|
base: {
|
|
1992
2401
|
group: "breeze:relative breeze:inline-flex breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:inline-size-full breeze:items-stretch breeze:overflow-hidden breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:has-[input[data-focus-visible]]:outline-2 breeze:has-[input[data-focus-visible]]:outline-solid breeze:has-[input[data-focus-visible]]:outline-breeze-brand breeze:has-[input[data-invalid]]:border-breeze-danger breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:bg-breeze-sunken",
|
|
1993
2402
|
input: "breeze:min-block-breeze-md breeze:min-inline-size-0 breeze:flex-1 breeze:border-0 breeze:rounded-none breeze:bg-transparent breeze:tabular-nums breeze:outline-none breeze:placeholder:text-breeze-ink-3 breeze:data-[hovered]:border-transparent breeze:data-[focus-visible]:!outline-none breeze:data-[invalid]:border-transparent breeze:disabled:cursor-not-allowed breeze:read-only:cursor-default",
|
|
@@ -2004,46 +2413,46 @@ var Q = {
|
|
|
2004
2413
|
},
|
|
2005
2414
|
variant: {}
|
|
2006
2415
|
};
|
|
2007
|
-
function
|
|
2008
|
-
let { messages:
|
|
2009
|
-
return /* @__PURE__ */ h(
|
|
2010
|
-
autoFocus:
|
|
2416
|
+
function Kn({ autoComplete: e, autoFocus: n, defaultValue: r, description: i, disabled: a = !1, error: o, form: s, formatOptions: c, id: l, label: u, loading: d = !1, maxValue: f, minValue: p, name: g, onChange: _, placeholder: v, readOnly: y = !1, ref: b, required: x = !1, step: S, value: C }) {
|
|
2417
|
+
let { messages: w } = H(), T = i?.trim() || void 0, E = o?.trim() || void 0, D = a || d;
|
|
2418
|
+
return /* @__PURE__ */ h(Ne, {
|
|
2419
|
+
autoFocus: n,
|
|
2011
2420
|
"aria-label": d ? u : void 0,
|
|
2012
|
-
className:
|
|
2013
|
-
defaultValue:
|
|
2421
|
+
className: q.base.root,
|
|
2422
|
+
defaultValue: r,
|
|
2014
2423
|
form: s,
|
|
2015
2424
|
formatOptions: c,
|
|
2016
2425
|
id: l,
|
|
2017
|
-
isDisabled:
|
|
2018
|
-
isInvalid: !d &&
|
|
2019
|
-
isReadOnly:
|
|
2020
|
-
isRequired:
|
|
2426
|
+
isDisabled: D,
|
|
2427
|
+
isInvalid: !d && E !== void 0,
|
|
2428
|
+
isReadOnly: y,
|
|
2429
|
+
isRequired: x,
|
|
2021
2430
|
maxValue: f,
|
|
2022
2431
|
minValue: p,
|
|
2023
|
-
name:
|
|
2024
|
-
onChange:
|
|
2025
|
-
step:
|
|
2432
|
+
name: g,
|
|
2433
|
+
onChange: _,
|
|
2434
|
+
step: S,
|
|
2026
2435
|
validationBehavior: "aria",
|
|
2027
|
-
value:
|
|
2436
|
+
value: C,
|
|
2028
2437
|
children: [
|
|
2029
|
-
/* @__PURE__ */ m(
|
|
2438
|
+
/* @__PURE__ */ m(Gt, {
|
|
2030
2439
|
label: u,
|
|
2031
2440
|
loading: d
|
|
2032
2441
|
}),
|
|
2033
|
-
/* @__PURE__ */ h(
|
|
2034
|
-
className:
|
|
2442
|
+
/* @__PURE__ */ h(ye, {
|
|
2443
|
+
className: J(Gn.base.group, y && !d && Gn.state.readOnlyGroup, d && Gn.state.loadingGroup),
|
|
2035
2444
|
children: [
|
|
2036
|
-
/* @__PURE__ */ m(
|
|
2445
|
+
/* @__PURE__ */ m(be, {
|
|
2037
2446
|
"aria-busy": d || void 0,
|
|
2038
|
-
className: q
|
|
2447
|
+
className: J(q.base.input, Gn.base.input, d && Gn.state.loadingInput),
|
|
2039
2448
|
autoComplete: e,
|
|
2040
|
-
placeholder:
|
|
2449
|
+
placeholder: v,
|
|
2041
2450
|
form: s,
|
|
2042
|
-
ref:
|
|
2451
|
+
ref: b
|
|
2043
2452
|
}),
|
|
2044
|
-
/* @__PURE__ */ m(
|
|
2045
|
-
className:
|
|
2046
|
-
render: (e) =>
|
|
2453
|
+
/* @__PURE__ */ m(R, {
|
|
2454
|
+
className: J(Gn.base.stepButton, d && Gn.state.loadingStepButton),
|
|
2455
|
+
render: (e) => t("button", {
|
|
2047
2456
|
...e,
|
|
2048
2457
|
"aria-hidden": d || void 0,
|
|
2049
2458
|
type: "button"
|
|
@@ -2052,9 +2461,9 @@ function yn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2052
2461
|
type: "button",
|
|
2053
2462
|
children: "−"
|
|
2054
2463
|
}),
|
|
2055
|
-
/* @__PURE__ */ m(
|
|
2056
|
-
className:
|
|
2057
|
-
render: (e) =>
|
|
2464
|
+
/* @__PURE__ */ m(R, {
|
|
2465
|
+
className: J(Gn.base.stepButton, d && Gn.state.loadingStepButton),
|
|
2466
|
+
render: (e) => t("button", {
|
|
2058
2467
|
...e,
|
|
2059
2468
|
"aria-hidden": d || void 0,
|
|
2060
2469
|
type: "button"
|
|
@@ -2064,19 +2473,19 @@ function yn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2064
2473
|
children: "+"
|
|
2065
2474
|
}),
|
|
2066
2475
|
d && /* @__PURE__ */ m("span", {
|
|
2067
|
-
className:
|
|
2068
|
-
children: /* @__PURE__ */ m(
|
|
2476
|
+
className: Gn.base.skeleton,
|
|
2477
|
+
children: /* @__PURE__ */ m(G, {
|
|
2069
2478
|
blockSize: "100%",
|
|
2070
2479
|
inlineSize: "100%",
|
|
2071
|
-
label:
|
|
2480
|
+
label: w.loading,
|
|
2072
2481
|
shape: "rectangle"
|
|
2073
2482
|
})
|
|
2074
2483
|
})
|
|
2075
2484
|
]
|
|
2076
2485
|
}),
|
|
2077
|
-
/* @__PURE__ */ m(
|
|
2078
|
-
description:
|
|
2079
|
-
error:
|
|
2486
|
+
/* @__PURE__ */ m(Kt, {
|
|
2487
|
+
description: T,
|
|
2488
|
+
error: E,
|
|
2080
2489
|
loading: d
|
|
2081
2490
|
})
|
|
2082
2491
|
]
|
|
@@ -2084,8 +2493,8 @@ function yn({ autoComplete: e, autoFocus: t, defaultValue: n, description: i, di
|
|
|
2084
2493
|
}
|
|
2085
2494
|
//#endregion
|
|
2086
2495
|
//#region src/primitives/Popover/Popover.tsx
|
|
2087
|
-
function
|
|
2088
|
-
return /* @__PURE__ */ m(
|
|
2496
|
+
function qn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
|
|
2497
|
+
return /* @__PURE__ */ m(An, {
|
|
2089
2498
|
defaultOpen: t,
|
|
2090
2499
|
dismissible: n,
|
|
2091
2500
|
onOpenChange: r,
|
|
@@ -2099,7 +2508,7 @@ function bn({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open
|
|
|
2099
2508
|
}
|
|
2100
2509
|
//#endregion
|
|
2101
2510
|
//#region src/primitives/RowList/RowList.tsx
|
|
2102
|
-
var
|
|
2511
|
+
var Q = {
|
|
2103
2512
|
base: {
|
|
2104
2513
|
badge: "breeze:block breeze:inline-size-full breeze:max-inline-size-full breeze:min-inline-size-0 breeze:overflow-hidden breeze:whitespace-nowrap breeze:[&>span]:max-inline-size-full breeze:[&>span]:min-inline-size-0 breeze:[&>span]:overflow-hidden breeze:[&>span>span:first-child]:min-inline-size-0 breeze:[&>span>span:first-child]:overflow-hidden breeze:[&>span>span:first-child]:text-ellipsis",
|
|
2105
2514
|
container: "breeze:min-inline-size-0 breeze:inline-size-full",
|
|
@@ -2130,7 +2539,7 @@ var $ = {
|
|
|
2130
2539
|
state: {},
|
|
2131
2540
|
variant: {}
|
|
2132
2541
|
};
|
|
2133
|
-
function
|
|
2542
|
+
function Jn(e) {
|
|
2134
2543
|
let t = [], n = /* @__PURE__ */ new Map();
|
|
2135
2544
|
return e.forEach((e) => {
|
|
2136
2545
|
if (!e.section) {
|
|
@@ -2155,48 +2564,48 @@ function xn(e) {
|
|
|
2155
2564
|
}
|
|
2156
2565
|
}), t;
|
|
2157
2566
|
}
|
|
2158
|
-
function
|
|
2159
|
-
return /* @__PURE__ */ m(
|
|
2567
|
+
function Yn() {
|
|
2568
|
+
return /* @__PURE__ */ m(G, {
|
|
2160
2569
|
blockSize: "1lh",
|
|
2161
2570
|
inlineSize: "min(100%, 8em)"
|
|
2162
2571
|
});
|
|
2163
2572
|
}
|
|
2164
|
-
var
|
|
2573
|
+
var Xn = [
|
|
2165
2574
|
"first",
|
|
2166
2575
|
"second",
|
|
2167
2576
|
"third"
|
|
2168
2577
|
];
|
|
2169
|
-
function
|
|
2578
|
+
function Zn() {
|
|
2170
2579
|
return /* @__PURE__ */ m("div", {
|
|
2171
|
-
className:
|
|
2172
|
-
children:
|
|
2173
|
-
className:
|
|
2580
|
+
className: Q.base.skeletonRows,
|
|
2581
|
+
children: Xn.map((e) => /* @__PURE__ */ h("div", {
|
|
2582
|
+
className: Q.base.loadingRow,
|
|
2174
2583
|
children: [
|
|
2175
2584
|
/* @__PURE__ */ h("div", {
|
|
2176
|
-
className:
|
|
2177
|
-
children: [/* @__PURE__ */ m(
|
|
2585
|
+
className: Q.base.loadingLeading,
|
|
2586
|
+
children: [/* @__PURE__ */ m(G, {
|
|
2178
2587
|
blockSize: "1lh",
|
|
2179
2588
|
inlineSize: "min(100%, 9em)"
|
|
2180
|
-
}), /* @__PURE__ */ m(
|
|
2589
|
+
}), /* @__PURE__ */ m(G, {
|
|
2181
2590
|
blockSize: "1lh",
|
|
2182
2591
|
inlineSize: "min(100%, 14em)"
|
|
2183
2592
|
})]
|
|
2184
2593
|
}),
|
|
2185
2594
|
/* @__PURE__ */ m("div", {
|
|
2186
|
-
className:
|
|
2595
|
+
className: Q.base.metadata,
|
|
2187
2596
|
children: /* @__PURE__ */ m("div", {
|
|
2188
|
-
className:
|
|
2189
|
-
children: /* @__PURE__ */ m(
|
|
2597
|
+
className: Q.base.loadingPlaceholder,
|
|
2598
|
+
children: /* @__PURE__ */ m(G, {
|
|
2190
2599
|
blockSize: "1lh",
|
|
2191
2600
|
inlineSize: "min(100%, 7em)"
|
|
2192
2601
|
})
|
|
2193
2602
|
})
|
|
2194
2603
|
}),
|
|
2195
2604
|
/* @__PURE__ */ m("div", {
|
|
2196
|
-
className:
|
|
2605
|
+
className: Q.base.value,
|
|
2197
2606
|
children: /* @__PURE__ */ m("div", {
|
|
2198
|
-
className:
|
|
2199
|
-
children: /* @__PURE__ */ m(
|
|
2607
|
+
className: Q.base.loadingPlaceholder,
|
|
2608
|
+
children: /* @__PURE__ */ m(G, {
|
|
2200
2609
|
blockSize: "1lh",
|
|
2201
2610
|
inlineSize: "min(100%, 5em)"
|
|
2202
2611
|
})
|
|
@@ -2206,73 +2615,73 @@ function wn() {
|
|
|
2206
2615
|
}, e))
|
|
2207
2616
|
});
|
|
2208
2617
|
}
|
|
2209
|
-
function
|
|
2618
|
+
function Qn({ descriptor: e }) {
|
|
2210
2619
|
let { metadata: t } = e;
|
|
2211
2620
|
return t ? e.loading ? /* @__PURE__ */ m("div", {
|
|
2212
|
-
className:
|
|
2213
|
-
children: /* @__PURE__ */ m(
|
|
2214
|
-
}) : t.format === "date" ? /* @__PURE__ */ m(
|
|
2621
|
+
className: Q.base.loadingPlaceholder,
|
|
2622
|
+
children: /* @__PURE__ */ m(Yn, {})
|
|
2623
|
+
}) : t.format === "date" ? /* @__PURE__ */ m(Mt, {
|
|
2215
2624
|
element: "span",
|
|
2216
2625
|
format: "date",
|
|
2217
2626
|
dateStyle: "medium",
|
|
2218
2627
|
tone: "secondary",
|
|
2219
2628
|
value: t.value,
|
|
2220
2629
|
variant: "caption"
|
|
2221
|
-
}) : /* @__PURE__ */ m(
|
|
2630
|
+
}) : /* @__PURE__ */ m(Mt, {
|
|
2222
2631
|
element: "span",
|
|
2223
2632
|
tone: "secondary",
|
|
2224
2633
|
variant: "caption",
|
|
2225
2634
|
children: t.value
|
|
2226
2635
|
}) : null;
|
|
2227
2636
|
}
|
|
2228
|
-
function
|
|
2637
|
+
function $n({ descriptor: e }) {
|
|
2229
2638
|
let { value: t } = e;
|
|
2230
2639
|
return t ? e.loading ? /* @__PURE__ */ m("div", {
|
|
2231
|
-
className: t.format === "currency" ?
|
|
2232
|
-
children: t.format === "currency" ? /* @__PURE__ */ m(
|
|
2640
|
+
className: t.format === "currency" ? Q.base.loadingMoneyPlaceholder : Q.base.loadingPlaceholder,
|
|
2641
|
+
children: t.format === "currency" ? /* @__PURE__ */ m(G, {
|
|
2233
2642
|
blockSize: "1lh",
|
|
2234
2643
|
inlineSize: "min(100%, 4em)"
|
|
2235
|
-
}) : /* @__PURE__ */ m(
|
|
2236
|
-
}) : t.format === "currency" ? /* @__PURE__ */ m(
|
|
2644
|
+
}) : /* @__PURE__ */ m(Yn, {})
|
|
2645
|
+
}) : t.format === "currency" ? /* @__PURE__ */ m(Mt, {
|
|
2237
2646
|
element: "span",
|
|
2238
2647
|
format: "currency",
|
|
2239
2648
|
currency: t.currency,
|
|
2240
2649
|
tone: "secondary",
|
|
2241
2650
|
value: t.value,
|
|
2242
2651
|
variant: "money"
|
|
2243
|
-
}) : /* @__PURE__ */ m(
|
|
2652
|
+
}) : /* @__PURE__ */ m(Mt, {
|
|
2244
2653
|
element: "span",
|
|
2245
2654
|
tone: "secondary",
|
|
2246
2655
|
variant: "body",
|
|
2247
2656
|
children: t.value
|
|
2248
2657
|
}) : null;
|
|
2249
2658
|
}
|
|
2250
|
-
function
|
|
2659
|
+
function er({ descriptor: e }) {
|
|
2251
2660
|
return /* @__PURE__ */ h(p, { children: [
|
|
2252
2661
|
/* @__PURE__ */ h("div", {
|
|
2253
|
-
className:
|
|
2662
|
+
className: Q.base.leading,
|
|
2254
2663
|
children: [/* @__PURE__ */ h("div", {
|
|
2255
|
-
className:
|
|
2664
|
+
className: Q.base.primary,
|
|
2256
2665
|
children: [e.icon && /* @__PURE__ */ m("span", {
|
|
2257
2666
|
"aria-hidden": "true",
|
|
2258
|
-
className:
|
|
2259
|
-
children: /* @__PURE__ */ m(
|
|
2667
|
+
className: Q.base.icon,
|
|
2668
|
+
children: /* @__PURE__ */ m(U, {
|
|
2260
2669
|
name: e.icon,
|
|
2261
2670
|
size: "sm"
|
|
2262
2671
|
})
|
|
2263
2672
|
}), /* @__PURE__ */ h("span", {
|
|
2264
|
-
className:
|
|
2673
|
+
className: Q.base.content,
|
|
2265
2674
|
children: [/* @__PURE__ */ m("span", {
|
|
2266
|
-
className:
|
|
2675
|
+
className: Q.base.label,
|
|
2267
2676
|
children: e.label
|
|
2268
2677
|
}), e.description && /* @__PURE__ */ m("span", {
|
|
2269
|
-
className:
|
|
2678
|
+
className: Q.base.description,
|
|
2270
2679
|
children: e.description
|
|
2271
2680
|
})]
|
|
2272
2681
|
})]
|
|
2273
2682
|
}), e.badge && /* @__PURE__ */ m("span", {
|
|
2274
|
-
className:
|
|
2275
|
-
children: /* @__PURE__ */ m(
|
|
2683
|
+
className: Q.base.badge,
|
|
2684
|
+
children: /* @__PURE__ */ m(It, {
|
|
2276
2685
|
"aria-label": e.badge["aria-label"],
|
|
2277
2686
|
variant: e.badge.variant,
|
|
2278
2687
|
children: e.badge.children
|
|
@@ -2280,61 +2689,61 @@ function Dn({ descriptor: e }) {
|
|
|
2280
2689
|
})]
|
|
2281
2690
|
}),
|
|
2282
2691
|
e.metadata && /* @__PURE__ */ m("div", {
|
|
2283
|
-
className:
|
|
2284
|
-
children: /* @__PURE__ */ m(
|
|
2692
|
+
className: Q.base.metadata,
|
|
2693
|
+
children: /* @__PURE__ */ m(Qn, { descriptor: e })
|
|
2285
2694
|
}),
|
|
2286
2695
|
e.value && /* @__PURE__ */ m("div", {
|
|
2287
|
-
className:
|
|
2288
|
-
children: /* @__PURE__ */ m(
|
|
2696
|
+
className: Q.base.value,
|
|
2697
|
+
children: /* @__PURE__ */ m($n, { descriptor: e })
|
|
2289
2698
|
})
|
|
2290
2699
|
] });
|
|
2291
2700
|
}
|
|
2292
|
-
function
|
|
2293
|
-
return /* @__PURE__ */ m(
|
|
2294
|
-
className:
|
|
2701
|
+
function tr(e, t) {
|
|
2702
|
+
return /* @__PURE__ */ m(Ie, {
|
|
2703
|
+
className: Q.base.item,
|
|
2295
2704
|
id: `row:${e.id}`,
|
|
2296
2705
|
isDisabled: e.disabled,
|
|
2297
2706
|
onAction: () => t(e),
|
|
2298
2707
|
textValue: e.label,
|
|
2299
|
-
children: /* @__PURE__ */ m(
|
|
2708
|
+
children: /* @__PURE__ */ m(er, { descriptor: e })
|
|
2300
2709
|
}, `row:${e.id}`);
|
|
2301
2710
|
}
|
|
2302
|
-
function
|
|
2303
|
-
let { getMessageLocale: o, messages: s } =
|
|
2711
|
+
function nr({ "aria-label": e, getItem: t, items: n, loading: r = !1, loadMore: i, onAction: a }) {
|
|
2712
|
+
let { getMessageLocale: o, messages: s } = H(), c = Jn(n.map(t)), l = i?.loading ?? !1, u = r || l, d = "";
|
|
2304
2713
|
return u ? d = s.loading : n.length === 0 && (d = s.noItemsToDisplay), /* @__PURE__ */ h("div", {
|
|
2305
|
-
className:
|
|
2714
|
+
className: Q.base.container,
|
|
2306
2715
|
children: [
|
|
2307
|
-
/* @__PURE__ */ m(
|
|
2716
|
+
/* @__PURE__ */ m(Pe, {
|
|
2308
2717
|
"aria-busy": r || void 0,
|
|
2309
2718
|
"aria-label": e,
|
|
2310
|
-
className:
|
|
2311
|
-
renderEmptyState: () => u ? /* @__PURE__ */ m(
|
|
2312
|
-
className:
|
|
2719
|
+
className: Q.base.grid,
|
|
2720
|
+
renderEmptyState: () => u ? /* @__PURE__ */ m(Zn, {}) : /* @__PURE__ */ m("div", {
|
|
2721
|
+
className: Q.base.emptyMessage,
|
|
2313
2722
|
lang: o("noItemsToDisplay"),
|
|
2314
2723
|
children: s.noItemsToDisplay
|
|
2315
2724
|
}),
|
|
2316
2725
|
selectionMode: "none",
|
|
2317
|
-
children: c.map((e) => e.kind === "row" ?
|
|
2318
|
-
className:
|
|
2726
|
+
children: c.map((e) => e.kind === "row" ? tr(e.descriptor, a) : /* @__PURE__ */ h(Le, {
|
|
2727
|
+
className: Q.base.section,
|
|
2319
2728
|
id: `section:${e.group.id}`,
|
|
2320
|
-
children: [/* @__PURE__ */ m(
|
|
2321
|
-
className:
|
|
2729
|
+
children: [/* @__PURE__ */ m(Fe, {
|
|
2730
|
+
className: Q.base.header,
|
|
2322
2731
|
children: /* @__PURE__ */ m("span", {
|
|
2323
|
-
className:
|
|
2732
|
+
className: Q.base.headerLabel,
|
|
2324
2733
|
children: e.group.label
|
|
2325
2734
|
})
|
|
2326
|
-
}), e.group.items.map((e) =>
|
|
2735
|
+
}), e.group.items.map((e) => tr(e, a))]
|
|
2327
2736
|
}, `section:${e.group.id}`))
|
|
2328
2737
|
}),
|
|
2329
2738
|
/* @__PURE__ */ m("output", {
|
|
2330
2739
|
"aria-live": "polite",
|
|
2331
|
-
className:
|
|
2740
|
+
className: Q.base.loadingStatus,
|
|
2332
2741
|
lang: o(u ? "loading" : "noItemsToDisplay"),
|
|
2333
2742
|
children: d
|
|
2334
2743
|
}),
|
|
2335
2744
|
i && /* @__PURE__ */ m("div", {
|
|
2336
|
-
className:
|
|
2337
|
-
children: /* @__PURE__ */ m(
|
|
2745
|
+
className: Q.base.loadMore,
|
|
2746
|
+
children: /* @__PURE__ */ m(Rt, {
|
|
2338
2747
|
loading: l,
|
|
2339
2748
|
onAction: i.onAction,
|
|
2340
2749
|
variant: "quiet",
|
|
@@ -2346,139 +2755,139 @@ function kn({ "aria-label": e, getItem: t, items: n, loading: r = !1, loadMore:
|
|
|
2346
2755
|
}
|
|
2347
2756
|
//#endregion
|
|
2348
2757
|
//#region src/primitives/Select/Select.tsx
|
|
2349
|
-
var
|
|
2758
|
+
var rr = {
|
|
2350
2759
|
base: { trigger: "breeze:flex breeze:min-block-breeze-md breeze:any-pointer-coarse:min-block-breeze-tap breeze:min-inline-size-0 breeze:inline-size-full breeze:items-center breeze:justify-between breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:ps-breeze-3 breeze:pe-breeze-3 breeze:py-breeze-2 breeze:font-breeze-sans breeze:text-breeze-sm breeze:text-breeze-ink breeze:outline-offset-2 breeze:data-[hovered]:border-breeze-brand breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[invalid]:border-breeze-danger breeze:disabled:cursor-not-allowed breeze:disabled:bg-breeze-sunken breeze:disabled:opacity-60" },
|
|
2351
2760
|
compound: {},
|
|
2352
2761
|
size: {},
|
|
2353
2762
|
state: { readOnlyTrigger: "breeze:cursor-default breeze:bg-breeze-sunken" },
|
|
2354
2763
|
variant: {}
|
|
2355
2764
|
};
|
|
2356
|
-
function
|
|
2357
|
-
return /* @__PURE__ */ m(
|
|
2765
|
+
function ir({ items: e }) {
|
|
2766
|
+
return /* @__PURE__ */ m(xe, {
|
|
2358
2767
|
className: X.base.listBox,
|
|
2359
2768
|
items: e,
|
|
2360
|
-
children: (e) => /* @__PURE__ */ m(
|
|
2769
|
+
children: (e) => /* @__PURE__ */ m(Se, {
|
|
2361
2770
|
className: X.base.item,
|
|
2362
2771
|
id: e.descriptor.id,
|
|
2363
2772
|
isDisabled: e.descriptor.disabled,
|
|
2364
2773
|
textValue: e.descriptor.label,
|
|
2365
2774
|
value: e,
|
|
2366
|
-
children: ({ isSelected: t }) => /* @__PURE__ */ m(
|
|
2775
|
+
children: ({ isSelected: t }) => /* @__PURE__ */ m(sn, {
|
|
2367
2776
|
descriptor: e.descriptor,
|
|
2368
2777
|
isSelected: t
|
|
2369
2778
|
})
|
|
2370
2779
|
})
|
|
2371
2780
|
});
|
|
2372
2781
|
}
|
|
2373
|
-
function
|
|
2374
|
-
let
|
|
2375
|
-
return !
|
|
2782
|
+
function ar({ form: e, interactionDisabled: t, name: n, readOnly: i }) {
|
|
2783
|
+
let a = r(ze);
|
|
2784
|
+
return !i || t || !n || a === null ? null : /* @__PURE__ */ m("input", {
|
|
2376
2785
|
form: e,
|
|
2377
2786
|
name: n,
|
|
2378
2787
|
type: "hidden",
|
|
2379
|
-
value:
|
|
2788
|
+
value: a.value === null ? "" : String(a.value)
|
|
2380
2789
|
});
|
|
2381
2790
|
}
|
|
2382
|
-
function
|
|
2383
|
-
let
|
|
2384
|
-
return
|
|
2385
|
-
s &&
|
|
2386
|
-
}, [s,
|
|
2791
|
+
function or({ disabled: e, items: t, readOnly: n, triggerRef: a }) {
|
|
2792
|
+
let o = r(ze), s = e || n || t.length === 0, c = !s && (o?.isOpen ?? !1);
|
|
2793
|
+
return i(() => {
|
|
2794
|
+
s && o?.isOpen && o.setOpen(!1);
|
|
2795
|
+
}, [s, o]), /* @__PURE__ */ m(on, {
|
|
2387
2796
|
className: X.base.popover,
|
|
2388
2797
|
isOpen: c,
|
|
2389
|
-
onOpenChange: (e) =>
|
|
2390
|
-
triggerRef:
|
|
2391
|
-
children: /* @__PURE__ */ m(
|
|
2798
|
+
onOpenChange: (e) => o?.setOpen(e),
|
|
2799
|
+
triggerRef: a,
|
|
2800
|
+
children: /* @__PURE__ */ m(ir, { items: t })
|
|
2392
2801
|
});
|
|
2393
2802
|
}
|
|
2394
|
-
function
|
|
2395
|
-
let { messages:
|
|
2803
|
+
function sr({ autoComplete: e, autoFocus: n, defaultValue: r, description: i, disabled: o = !1, error: l, form: u, getItem: d, id: f, items: p, label: g, loading: _ = !1, name: v, onChange: y, placeholder: b, readOnly: x = !1, required: S = !1, value: C }) {
|
|
2804
|
+
let { messages: w } = H(), T = i?.trim() || void 0, E = l?.trim() || void 0, D = o || _, O = !_ && E !== void 0, k = a(), A = f ?? `${k}-control`, j = c(null), ee = s(() => p.map((e) => ({
|
|
2396
2805
|
descriptor: d(e),
|
|
2397
2806
|
item: e
|
|
2398
|
-
})), [d, p]),
|
|
2399
|
-
|
|
2400
|
-
let te =
|
|
2401
|
-
return /* @__PURE__ */ h(
|
|
2402
|
-
"aria-label":
|
|
2807
|
+
})), [d, p]), M;
|
|
2808
|
+
M = C === void 0 ? void 0 : C === null ? null : d(C).id;
|
|
2809
|
+
let te = r == null ? null : d(r).id;
|
|
2810
|
+
return /* @__PURE__ */ h(Re, {
|
|
2811
|
+
"aria-label": _ ? g : void 0,
|
|
2403
2812
|
autoComplete: e,
|
|
2404
|
-
autoFocus:
|
|
2405
|
-
className:
|
|
2813
|
+
autoFocus: n,
|
|
2814
|
+
className: q.base.root,
|
|
2406
2815
|
defaultValue: te,
|
|
2407
|
-
form:
|
|
2408
|
-
id:
|
|
2409
|
-
isDisabled:
|
|
2410
|
-
isInvalid:
|
|
2411
|
-
isRequired:
|
|
2412
|
-
name:
|
|
2816
|
+
form: u,
|
|
2817
|
+
id: A,
|
|
2818
|
+
isDisabled: D || x,
|
|
2819
|
+
isInvalid: O,
|
|
2820
|
+
isRequired: S,
|
|
2821
|
+
name: v,
|
|
2413
2822
|
onChange: (e) => {
|
|
2414
|
-
if (
|
|
2415
|
-
let t = e === null ? void 0 :
|
|
2416
|
-
|
|
2823
|
+
if (x) return;
|
|
2824
|
+
let t = e === null ? void 0 : ee.find(({ descriptor: t }) => t.id === String(e));
|
|
2825
|
+
y?.(t?.item ?? null);
|
|
2417
2826
|
},
|
|
2418
|
-
placeholder:
|
|
2827
|
+
placeholder: b,
|
|
2419
2828
|
validationBehavior: "aria",
|
|
2420
|
-
value:
|
|
2829
|
+
value: M,
|
|
2421
2830
|
children: [
|
|
2422
|
-
/* @__PURE__ */ m(
|
|
2423
|
-
htmlFor:
|
|
2424
|
-
label:
|
|
2425
|
-
loading:
|
|
2426
|
-
onClick: () =>
|
|
2831
|
+
/* @__PURE__ */ m(Gt, {
|
|
2832
|
+
htmlFor: A,
|
|
2833
|
+
label: g,
|
|
2834
|
+
loading: _,
|
|
2835
|
+
onClick: () => j.current?.focus()
|
|
2427
2836
|
}),
|
|
2428
2837
|
/* @__PURE__ */ h("div", {
|
|
2429
|
-
className:
|
|
2430
|
-
children: [/* @__PURE__ */ h(
|
|
2431
|
-
className:
|
|
2432
|
-
isDisabled:
|
|
2433
|
-
ref:
|
|
2434
|
-
render: (e) =>
|
|
2838
|
+
className: q.base.control,
|
|
2839
|
+
children: [/* @__PURE__ */ h(R, {
|
|
2840
|
+
className: J(rr.base.trigger, x && rr.state.readOnlyTrigger, _ && "breeze:!opacity-0"),
|
|
2841
|
+
isDisabled: D,
|
|
2842
|
+
ref: j,
|
|
2843
|
+
render: (e) => t("button", {
|
|
2435
2844
|
...e,
|
|
2436
|
-
"aria-busy":
|
|
2437
|
-
"aria-disabled":
|
|
2438
|
-
"aria-invalid":
|
|
2439
|
-
"data-invalid":
|
|
2845
|
+
"aria-busy": _ || void 0,
|
|
2846
|
+
"aria-disabled": x || void 0,
|
|
2847
|
+
"aria-invalid": O || void 0,
|
|
2848
|
+
"data-invalid": O || void 0,
|
|
2440
2849
|
type: "button"
|
|
2441
2850
|
}),
|
|
2442
|
-
children: [/* @__PURE__ */ m(
|
|
2443
|
-
className:
|
|
2444
|
-
children: ({ isPlaceholder: e, selectedText: t }) => e ?
|
|
2445
|
-
}), /* @__PURE__ */ m(
|
|
2851
|
+
children: [/* @__PURE__ */ m(Be, {
|
|
2852
|
+
className: J(X.base.content, "breeze:text-start"),
|
|
2853
|
+
children: ({ isPlaceholder: e, selectedText: t }) => e ? b ?? "" : t
|
|
2854
|
+
}), /* @__PURE__ */ m(U, {
|
|
2446
2855
|
name: "expand",
|
|
2447
2856
|
size: "sm"
|
|
2448
2857
|
})]
|
|
2449
|
-
}),
|
|
2450
|
-
className:
|
|
2451
|
-
children: /* @__PURE__ */ m(
|
|
2858
|
+
}), _ && /* @__PURE__ */ m("span", {
|
|
2859
|
+
className: q.base.skeleton,
|
|
2860
|
+
children: /* @__PURE__ */ m(G, {
|
|
2452
2861
|
blockSize: "100%",
|
|
2453
2862
|
inlineSize: "100%",
|
|
2454
|
-
label:
|
|
2863
|
+
label: w.loading,
|
|
2455
2864
|
shape: "rectangle"
|
|
2456
2865
|
})
|
|
2457
2866
|
})]
|
|
2458
2867
|
}),
|
|
2459
|
-
/* @__PURE__ */ m(
|
|
2460
|
-
disabled:
|
|
2461
|
-
items:
|
|
2462
|
-
readOnly:
|
|
2463
|
-
triggerRef:
|
|
2868
|
+
/* @__PURE__ */ m(or, {
|
|
2869
|
+
disabled: D,
|
|
2870
|
+
items: ee,
|
|
2871
|
+
readOnly: x,
|
|
2872
|
+
triggerRef: j
|
|
2464
2873
|
}),
|
|
2465
|
-
/* @__PURE__ */ m(
|
|
2466
|
-
form:
|
|
2467
|
-
interactionDisabled:
|
|
2468
|
-
name:
|
|
2469
|
-
readOnly:
|
|
2874
|
+
/* @__PURE__ */ m(ar, {
|
|
2875
|
+
form: u,
|
|
2876
|
+
interactionDisabled: D,
|
|
2877
|
+
name: v,
|
|
2878
|
+
readOnly: x
|
|
2470
2879
|
}),
|
|
2471
|
-
/* @__PURE__ */ m(
|
|
2472
|
-
description:
|
|
2473
|
-
error:
|
|
2474
|
-
loading:
|
|
2880
|
+
/* @__PURE__ */ m(Kt, {
|
|
2881
|
+
description: T,
|
|
2882
|
+
error: E,
|
|
2883
|
+
loading: _
|
|
2475
2884
|
})
|
|
2476
2885
|
]
|
|
2477
2886
|
});
|
|
2478
2887
|
}
|
|
2479
2888
|
//#endregion
|
|
2480
2889
|
//#region src/primitives/Separator/Separator.tsx
|
|
2481
|
-
var
|
|
2890
|
+
var cr = {
|
|
2482
2891
|
base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
|
|
2483
2892
|
compound: {},
|
|
2484
2893
|
size: {},
|
|
@@ -2488,54 +2897,18 @@ var Fn = {
|
|
|
2488
2897
|
vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
|
|
2489
2898
|
}
|
|
2490
2899
|
};
|
|
2491
|
-
function
|
|
2900
|
+
function lr({ orientation: e = "horizontal" }) {
|
|
2492
2901
|
return /* @__PURE__ */ m("hr", {
|
|
2493
2902
|
"aria-orientation": e,
|
|
2494
|
-
className: [
|
|
2903
|
+
className: [cr.base.separator, cr.variant[e]].join(" ")
|
|
2495
2904
|
});
|
|
2496
2905
|
}
|
|
2497
2906
|
//#endregion
|
|
2498
|
-
//#region src/primitives/Stack/Stack.tsx
|
|
2499
|
-
var Ln = {
|
|
2500
|
-
base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
|
|
2501
|
-
compound: {},
|
|
2502
|
-
size: {
|
|
2503
|
-
0: "breeze:gap-0",
|
|
2504
|
-
1: "breeze:gap-breeze-1",
|
|
2505
|
-
2: "breeze:gap-breeze-2",
|
|
2506
|
-
3: "breeze:gap-breeze-3",
|
|
2507
|
-
4: "breeze:gap-breeze-4",
|
|
2508
|
-
5: "breeze:gap-breeze-5",
|
|
2509
|
-
6: "breeze:gap-breeze-6",
|
|
2510
|
-
7: "breeze:gap-breeze-7",
|
|
2511
|
-
8: "breeze:gap-breeze-8"
|
|
2512
|
-
},
|
|
2513
|
-
state: {},
|
|
2514
|
-
variant: {
|
|
2515
|
-
center: "breeze:items-center",
|
|
2516
|
-
end: "breeze:items-end",
|
|
2517
|
-
start: "breeze:items-start",
|
|
2518
|
-
stretch: "breeze:items-stretch"
|
|
2519
|
-
}
|
|
2520
|
-
};
|
|
2521
|
-
function Rn({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
|
|
2522
|
-
let { accessibleLabel: o, role: s } = st(e, n);
|
|
2523
|
-
return r(n, {
|
|
2524
|
-
"aria-label": o,
|
|
2525
|
-
className: [
|
|
2526
|
-
Ln.base.stack,
|
|
2527
|
-
Ln.variant[a],
|
|
2528
|
-
Ln.size[i]
|
|
2529
|
-
].join(" "),
|
|
2530
|
-
role: s
|
|
2531
|
-
}, t);
|
|
2532
|
-
}
|
|
2533
|
-
//#endregion
|
|
2534
2907
|
//#region src/primitives/TextField/TextField.tsx
|
|
2535
|
-
function
|
|
2536
|
-
let { messages: b } =
|
|
2537
|
-
return /* @__PURE__ */ h(
|
|
2538
|
-
className:
|
|
2908
|
+
function ur({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, disabled: i = !1, error: a, form: o, id: s, label: c, loading: l = !1, name: u, onChange: d, placeholder: f, readOnly: p = !1, ref: g, required: _ = !1, type: v = "text", value: y }) {
|
|
2909
|
+
let { messages: b } = H(), x = r?.trim() || void 0, S = a?.trim() || void 0, C = i || l;
|
|
2910
|
+
return /* @__PURE__ */ h(Ve, {
|
|
2911
|
+
className: q.base.root,
|
|
2539
2912
|
defaultValue: n,
|
|
2540
2913
|
"aria-label": l ? c : void 0,
|
|
2541
2914
|
id: s,
|
|
@@ -2549,23 +2922,23 @@ function zn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
|
|
|
2549
2922
|
validationBehavior: "aria",
|
|
2550
2923
|
value: y,
|
|
2551
2924
|
children: [
|
|
2552
|
-
/* @__PURE__ */ m(
|
|
2925
|
+
/* @__PURE__ */ m(Gt, {
|
|
2553
2926
|
label: c,
|
|
2554
2927
|
loading: l
|
|
2555
2928
|
}),
|
|
2556
2929
|
/* @__PURE__ */ h("span", {
|
|
2557
|
-
className:
|
|
2558
|
-
children: [/* @__PURE__ */ m(
|
|
2930
|
+
className: q.base.control,
|
|
2931
|
+
children: [/* @__PURE__ */ m(be, {
|
|
2559
2932
|
"aria-busy": l || void 0,
|
|
2560
|
-
className: q
|
|
2933
|
+
className: J(q.base.input, l && q.state.loadingInput),
|
|
2561
2934
|
autoComplete: e,
|
|
2562
2935
|
autoFocus: t,
|
|
2563
2936
|
form: o,
|
|
2564
2937
|
placeholder: f,
|
|
2565
2938
|
ref: g
|
|
2566
2939
|
}), l && /* @__PURE__ */ m("span", {
|
|
2567
|
-
className:
|
|
2568
|
-
children: /* @__PURE__ */ m(
|
|
2940
|
+
className: q.base.skeleton,
|
|
2941
|
+
children: /* @__PURE__ */ m(G, {
|
|
2569
2942
|
blockSize: "100%",
|
|
2570
2943
|
inlineSize: "100%",
|
|
2571
2944
|
label: b.loading,
|
|
@@ -2573,7 +2946,7 @@ function zn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
|
|
|
2573
2946
|
})
|
|
2574
2947
|
})]
|
|
2575
2948
|
}),
|
|
2576
|
-
/* @__PURE__ */ m(
|
|
2949
|
+
/* @__PURE__ */ m(Kt, {
|
|
2577
2950
|
description: x,
|
|
2578
2951
|
error: S,
|
|
2579
2952
|
loading: l
|
|
@@ -2583,48 +2956,48 @@ function zn({ autoComplete: e, autoFocus: t, defaultValue: n, description: r, di
|
|
|
2583
2956
|
}
|
|
2584
2957
|
//#endregion
|
|
2585
2958
|
//#region src/primitives/Toast/Toast.tsx
|
|
2586
|
-
var
|
|
2587
|
-
function
|
|
2959
|
+
var dr = 2600, fr = "BreezeProvider toastLimit must be a positive integer.", pr = "Toast components must be rendered within BreezeProvider.";
|
|
2960
|
+
function mr(e) {
|
|
2588
2961
|
return e.isIntersecting && e.intersectionRatio >= 1;
|
|
2589
2962
|
}
|
|
2590
|
-
function
|
|
2963
|
+
function hr(e, t, n, r) {
|
|
2591
2964
|
let i = Number(e.target.dataset.breezeToastId);
|
|
2592
|
-
t.has(i) && (
|
|
2593
|
-
}
|
|
2594
|
-
var
|
|
2595
|
-
function
|
|
2596
|
-
|
|
2597
|
-
let t =
|
|
2598
|
-
return
|
|
2599
|
-
if (!t || typeof document < "u" && document.hidden ||
|
|
2600
|
-
let
|
|
2601
|
-
|
|
2965
|
+
t.has(i) && (mr(e) ? n(i) : r(i));
|
|
2966
|
+
}
|
|
2967
|
+
var gr = e(null), _r = e(!0), vr = e(null);
|
|
2968
|
+
function yr({ children: e }) {
|
|
2969
|
+
H();
|
|
2970
|
+
let t = r(_r), n = r(vr), [a, o] = l(() => n?.message ?? null);
|
|
2971
|
+
return i(() => {
|
|
2972
|
+
if (!t || typeof document < "u" && document.hidden || a === e) return;
|
|
2973
|
+
let r = setTimeout(() => {
|
|
2974
|
+
o(e), n?.remember(e);
|
|
2602
2975
|
}, 0);
|
|
2603
|
-
return () => clearTimeout(
|
|
2976
|
+
return () => clearTimeout(r);
|
|
2604
2977
|
}, [
|
|
2605
2978
|
e,
|
|
2606
2979
|
n,
|
|
2607
2980
|
t,
|
|
2608
|
-
|
|
2981
|
+
a
|
|
2609
2982
|
]), /* @__PURE__ */ h("div", {
|
|
2610
2983
|
"aria-atomic": "true",
|
|
2611
|
-
"aria-label":
|
|
2984
|
+
"aria-label": a ?? void 0,
|
|
2612
2985
|
"aria-live": "polite",
|
|
2613
2986
|
className: "breeze-toast",
|
|
2614
2987
|
role: "status",
|
|
2615
|
-
children: [/* @__PURE__ */ m(
|
|
2988
|
+
children: [/* @__PURE__ */ m(U, {
|
|
2616
2989
|
name: "check",
|
|
2617
2990
|
size: "sm"
|
|
2618
|
-
}), /* @__PURE__ */ m("span", { children:
|
|
2991
|
+
}), /* @__PURE__ */ m("span", { children: a })]
|
|
2619
2992
|
});
|
|
2620
2993
|
}
|
|
2621
|
-
function
|
|
2622
|
-
let
|
|
2623
|
-
if (!Number.isInteger(t) || t < 1) throw RangeError(
|
|
2624
|
-
let b =
|
|
2994
|
+
function br({ children: e, limit: t }) {
|
|
2995
|
+
let r = nn(), a = Ge(), s = c(null), [u, d] = l(() => typeof document > "u" || !document.hidden), [f, p] = l([]), g = c(0), _ = c(/* @__PURE__ */ new Map()), v = c(/* @__PURE__ */ new Set()), y = c(/* @__PURE__ */ new Map());
|
|
2996
|
+
if (!Number.isInteger(t) || t < 1) throw RangeError(fr);
|
|
2997
|
+
let b = n((e, t) => {
|
|
2625
2998
|
let n = y.current.get(e);
|
|
2626
2999
|
n !== void 0 && (n.message = t);
|
|
2627
|
-
}, []), x =
|
|
3000
|
+
}, []), x = n((e) => {
|
|
2628
3001
|
let t = g.current;
|
|
2629
3002
|
g.current += 1, y.current.set(t, {
|
|
2630
3003
|
message: null,
|
|
@@ -2633,29 +3006,29 @@ function Yn({ children: e, limit: t }) {
|
|
|
2633
3006
|
id: t,
|
|
2634
3007
|
message: e
|
|
2635
3008
|
}]);
|
|
2636
|
-
}, [b]), S =
|
|
3009
|
+
}, [b]), S = n((e) => {
|
|
2637
3010
|
_.current.delete(e), v.current.delete(e), y.current.delete(e), p((t) => t.filter((t) => t.id !== e));
|
|
2638
|
-
}, []), C =
|
|
3011
|
+
}, []), C = n(() => {
|
|
2639
3012
|
Array.from(_.current.values()).forEach(({ handle: e }) => {
|
|
2640
3013
|
e !== null && clearTimeout(e);
|
|
2641
3014
|
}), _.current.clear();
|
|
2642
|
-
}, []), w =
|
|
3015
|
+
}, []), w = n((e, t = Date.now()) => {
|
|
2643
3016
|
let n = _.current.get(e);
|
|
2644
3017
|
n?.handle === null || n?.startedAt === null || n === void 0 || (n.remaining = Math.max(0, n.remaining - Math.max(0, t - n.startedAt)), clearTimeout(n.handle), n.handle = null, n.startedAt = null, n.remaining === 0 && S(e));
|
|
2645
|
-
}, [S]), T =
|
|
3018
|
+
}, [S]), T = n(() => {
|
|
2646
3019
|
let e = Date.now();
|
|
2647
3020
|
Array.from(_.current.keys()).forEach((t) => {
|
|
2648
3021
|
w(t, e);
|
|
2649
3022
|
});
|
|
2650
|
-
}, [w]), E =
|
|
3023
|
+
}, [w]), E = n((e) => {
|
|
2651
3024
|
let t = _.current.get(e);
|
|
2652
3025
|
t?.handle !== null && t?.handle !== void 0 && clearTimeout(t.handle), _.current.delete(e);
|
|
2653
|
-
}, []), D =
|
|
3026
|
+
}, []), D = n((e) => {
|
|
2654
3027
|
let t = _.current.get(e);
|
|
2655
|
-
if (!
|
|
3028
|
+
if (!u || typeof document < "u" && document.hidden || t !== void 0 && t.handle !== null) return;
|
|
2656
3029
|
let n = t ?? {
|
|
2657
3030
|
handle: null,
|
|
2658
|
-
remaining:
|
|
3031
|
+
remaining: dr,
|
|
2659
3032
|
startedAt: null
|
|
2660
3033
|
};
|
|
2661
3034
|
if (n.remaining <= 0) {
|
|
@@ -2663,14 +3036,14 @@ function Yn({ children: e, limit: t }) {
|
|
|
2663
3036
|
return;
|
|
2664
3037
|
}
|
|
2665
3038
|
n.startedAt = Date.now(), n.handle = setTimeout(() => S(e), n.remaining), _.current.set(e, n);
|
|
2666
|
-
}, [S,
|
|
2667
|
-
|
|
3039
|
+
}, [S, u]);
|
|
3040
|
+
i(() => {
|
|
2668
3041
|
let e = () => {
|
|
2669
3042
|
let e = !document.hidden;
|
|
2670
|
-
e || T(),
|
|
3043
|
+
e || T(), d(e);
|
|
2671
3044
|
};
|
|
2672
3045
|
return document.addEventListener("visibilitychange", e), e(), () => document.removeEventListener("visibilitychange", e);
|
|
2673
|
-
}, [T]),
|
|
3046
|
+
}, [T]), o(() => {
|
|
2674
3047
|
let e = f.slice(0, t), n = new Set(e.map(({ id: e }) => e)), r = new Set(f.map(({ id: e }) => e));
|
|
2675
3048
|
e.forEach(({ id: e }) => v.current.add(e)), Array.from(_.current.keys()).forEach((e) => {
|
|
2676
3049
|
n.has(e) || (r.has(e) ? w(e) : E(e));
|
|
@@ -2680,71 +3053,71 @@ function Yn({ children: e, limit: t }) {
|
|
|
2680
3053
|
w,
|
|
2681
3054
|
f,
|
|
2682
3055
|
E
|
|
2683
|
-
]),
|
|
2684
|
-
let e = f.slice(0, t),
|
|
2685
|
-
if (
|
|
3056
|
+
]), i(() => {
|
|
3057
|
+
let e = f.slice(0, t), n = new Set(e.map(({ id: e }) => e)), i = s.current;
|
|
3058
|
+
if (r === null || i === null || !u) return;
|
|
2686
3059
|
if (typeof IntersectionObserver > "u") {
|
|
2687
3060
|
e.forEach((e) => D(e.id));
|
|
2688
3061
|
return;
|
|
2689
3062
|
}
|
|
2690
|
-
let
|
|
2691
|
-
|
|
2692
|
-
e.forEach((e) =>
|
|
3063
|
+
let a, o = setTimeout(() => {
|
|
3064
|
+
a = new IntersectionObserver((e) => {
|
|
3065
|
+
e.forEach((e) => hr(e, n, D, w));
|
|
2693
3066
|
}, { threshold: 1 }), Array.from(i.children).forEach((e) => {
|
|
2694
|
-
e instanceof HTMLElement && e.dataset.breezeToastId !== void 0 && !e.hidden &&
|
|
3067
|
+
e instanceof HTMLElement && e.dataset.breezeToastId !== void 0 && !e.hidden && a?.observe(e);
|
|
2695
3068
|
});
|
|
2696
3069
|
}, 0);
|
|
2697
3070
|
return () => {
|
|
2698
|
-
clearTimeout(
|
|
3071
|
+
clearTimeout(o), a?.disconnect();
|
|
2699
3072
|
};
|
|
2700
3073
|
}, [
|
|
2701
|
-
|
|
2702
|
-
|
|
3074
|
+
r,
|
|
3075
|
+
u,
|
|
2703
3076
|
t,
|
|
2704
3077
|
w,
|
|
2705
3078
|
f,
|
|
2706
3079
|
E,
|
|
2707
3080
|
D
|
|
2708
|
-
]),
|
|
3081
|
+
]), i(() => C, [C]);
|
|
2709
3082
|
let O = f.slice(0, t), k = new Set(O.map(({ id: e }) => e)), A = f.filter(({ id: e }) => k.has(e) || v.current.has(e));
|
|
2710
|
-
return /* @__PURE__ */ m(
|
|
2711
|
-
value:
|
|
2712
|
-
children: /* @__PURE__ */ h(
|
|
3083
|
+
return /* @__PURE__ */ m(_r, {
|
|
3084
|
+
value: u,
|
|
3085
|
+
children: /* @__PURE__ */ h(gr, {
|
|
2713
3086
|
value: x,
|
|
2714
|
-
children: [e,
|
|
2715
|
-
ref:
|
|
3087
|
+
children: [e, r && He(/* @__PURE__ */ m("div", {
|
|
3088
|
+
ref: s,
|
|
2716
3089
|
className: "breeze-toast-region",
|
|
2717
3090
|
"data-breeze-toast-region": "",
|
|
2718
3091
|
"data-live-announcer": "",
|
|
2719
3092
|
"data-react-aria-top-layer": "",
|
|
2720
|
-
style: { zIndex:
|
|
3093
|
+
style: { zIndex: a },
|
|
2721
3094
|
children: A.map(({ id: e, message: t }) => {
|
|
2722
3095
|
let n = !k.has(e);
|
|
2723
3096
|
return /* @__PURE__ */ m("div", {
|
|
2724
3097
|
"aria-hidden": n ? "true" : void 0,
|
|
2725
3098
|
"data-breeze-toast-id": e,
|
|
2726
3099
|
hidden: n,
|
|
2727
|
-
children: /* @__PURE__ */ m(
|
|
3100
|
+
children: /* @__PURE__ */ m(vr, {
|
|
2728
3101
|
value: y.current.get(e) ?? null,
|
|
2729
|
-
children: /* @__PURE__ */ m(
|
|
2730
|
-
value:
|
|
2731
|
-
children: /* @__PURE__ */ m(
|
|
3102
|
+
children: /* @__PURE__ */ m(_r, {
|
|
3103
|
+
value: u && !n,
|
|
3104
|
+
children: /* @__PURE__ */ m(yr, { children: t })
|
|
2732
3105
|
})
|
|
2733
3106
|
})
|
|
2734
3107
|
}, e);
|
|
2735
3108
|
})
|
|
2736
|
-
}),
|
|
3109
|
+
}), r)]
|
|
2737
3110
|
})
|
|
2738
3111
|
});
|
|
2739
3112
|
}
|
|
2740
|
-
function
|
|
2741
|
-
let e =
|
|
2742
|
-
if (e === null) throw Error(
|
|
3113
|
+
function xr() {
|
|
3114
|
+
let e = r(gr);
|
|
3115
|
+
if (e === null) throw Error(pr);
|
|
2743
3116
|
return e;
|
|
2744
3117
|
}
|
|
2745
3118
|
//#endregion
|
|
2746
3119
|
//#region src/primitives/Toggle/Toggle.tsx
|
|
2747
|
-
var
|
|
3120
|
+
var Sr = {
|
|
2748
3121
|
base: { toggle: "breeze:inline-grid breeze:items-center breeze:justify-center breeze:rounded-breeze-ctl breeze:border breeze:border-solid breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:font-breeze-sans breeze:font-semibold breeze:text-breeze-ink breeze:cursor-pointer breeze:select-none breeze:outline-offset-2 breeze:data-[hovered]:bg-breeze-sunken breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:data-[disabled]:cursor-not-allowed breeze:data-[disabled]:opacity-60 breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap" },
|
|
2749
3122
|
compound: {},
|
|
2750
3123
|
size: {
|
|
@@ -2755,15 +3128,15 @@ var Zn = {
|
|
|
2755
3128
|
state: { pressed: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
2756
3129
|
variant: {}
|
|
2757
3130
|
};
|
|
2758
|
-
function
|
|
2759
|
-
return /* @__PURE__ */ m(
|
|
3131
|
+
function Cr({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, children: r, defaultPressed: i, disabled: a = !1, id: o, loading: s = !1, onChange: c, pressed: l, ref: u, size: d = "md" }) {
|
|
3132
|
+
return /* @__PURE__ */ m(Xt, {
|
|
2760
3133
|
"aria-describedby": e,
|
|
2761
3134
|
"aria-label": t,
|
|
2762
3135
|
"aria-labelledby": n,
|
|
2763
3136
|
className: [
|
|
2764
|
-
|
|
2765
|
-
|
|
2766
|
-
|
|
3137
|
+
Sr.base.toggle,
|
|
3138
|
+
Sr.size[d],
|
|
3139
|
+
Sr.state.pressed
|
|
2767
3140
|
].join(" "),
|
|
2768
3141
|
defaultPressed: i,
|
|
2769
3142
|
disabled: a,
|
|
@@ -2777,7 +3150,7 @@ function Qn({ "aria-describedby": e, "aria-label": t, "aria-labelledby": n, chil
|
|
|
2777
3150
|
}
|
|
2778
3151
|
//#endregion
|
|
2779
3152
|
//#region src/primitives/ToggleGroup/ToggleGroup.tsx
|
|
2780
|
-
var
|
|
3153
|
+
var wr = {
|
|
2781
3154
|
base: {
|
|
2782
3155
|
description: "breeze:text-breeze-2xs breeze:font-normal breeze:leading-breeze-snug breeze:text-breeze-ink-3",
|
|
2783
3156
|
group: "breeze:inline-flex breeze:items-center breeze:gap-breeze-1 breeze:rounded-breeze-ctl breeze:bg-breeze-sunken breeze:p-breeze-1 breeze:font-breeze-sans",
|
|
@@ -2795,52 +3168,52 @@ var $n = {
|
|
|
2795
3168
|
state: { selected: "breeze:data-[selected]:border-breeze-line-strong breeze:data-[selected]:bg-breeze-surface breeze:data-[selected]:text-breeze-ink breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
|
|
2796
3169
|
variant: {}
|
|
2797
3170
|
};
|
|
2798
|
-
function
|
|
2799
|
-
let { getMessageLocale: f, messages: g } =
|
|
3171
|
+
function Tr({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabled: r = !1, getItem: i, id: a, items: o, loading: s = !1, onChange: c, selected: u, size: d = "md" }) {
|
|
3172
|
+
let { getMessageLocale: f, messages: g } = H(), [_, v] = l(() => n == null ? null : i(n).id), y = o.map((e) => ({
|
|
2800
3173
|
descriptor: i(e),
|
|
2801
3174
|
item: e
|
|
2802
3175
|
})), b = _;
|
|
2803
|
-
return
|
|
3176
|
+
return u !== void 0 && (b = u === null ? null : i(u).id), /* @__PURE__ */ h(p, { children: [
|
|
2804
3177
|
/* @__PURE__ */ h("fieldset", {
|
|
2805
3178
|
"aria-describedby": e,
|
|
2806
3179
|
"aria-busy": s || void 0,
|
|
2807
|
-
className: `${
|
|
3180
|
+
className: `${wr.base.group} breeze:border-0 breeze:m-0 breeze:min-inline-size-0`,
|
|
2808
3181
|
disabled: r,
|
|
2809
3182
|
id: a,
|
|
2810
3183
|
children: [/* @__PURE__ */ m("legend", {
|
|
2811
3184
|
className: "breeze:sr-only",
|
|
2812
3185
|
children: t
|
|
2813
|
-
}), y.map(({ descriptor: e, item: t }) => /* @__PURE__ */ m(
|
|
3186
|
+
}), y.map(({ descriptor: e, item: t }) => /* @__PURE__ */ m(Xt, {
|
|
2814
3187
|
announceLoading: !1,
|
|
2815
3188
|
className: [
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
3189
|
+
wr.base.item,
|
|
3190
|
+
wr.size[d],
|
|
3191
|
+
wr.state.selected
|
|
2819
3192
|
].join(" "),
|
|
2820
3193
|
disabled: r || e.disabled === !0,
|
|
2821
3194
|
loading: s,
|
|
2822
3195
|
onChange: (n) => {
|
|
2823
|
-
|
|
3196
|
+
u === void 0 && v(n ? e.id : null), c?.(n ? t : null);
|
|
2824
3197
|
},
|
|
2825
3198
|
pressed: b === e.id,
|
|
2826
3199
|
children: /* @__PURE__ */ h("span", {
|
|
2827
|
-
className:
|
|
3200
|
+
className: wr.base.optionDetails,
|
|
2828
3201
|
children: [
|
|
2829
|
-
e.icon && /* @__PURE__ */ m(
|
|
3202
|
+
e.icon && /* @__PURE__ */ m(U, {
|
|
2830
3203
|
name: e.icon,
|
|
2831
3204
|
size: "sm"
|
|
2832
3205
|
}),
|
|
2833
3206
|
/* @__PURE__ */ h("span", {
|
|
2834
|
-
className:
|
|
3207
|
+
className: wr.base.optionContent,
|
|
2835
3208
|
children: [/* @__PURE__ */ m("span", {
|
|
2836
|
-
className:
|
|
3209
|
+
className: wr.base.label,
|
|
2837
3210
|
children: e.label
|
|
2838
3211
|
}), e.description && /* @__PURE__ */ m("span", {
|
|
2839
|
-
className:
|
|
3212
|
+
className: wr.base.description,
|
|
2840
3213
|
children: e.description
|
|
2841
3214
|
})]
|
|
2842
3215
|
}),
|
|
2843
|
-
e.badge && /* @__PURE__ */ m(
|
|
3216
|
+
e.badge && /* @__PURE__ */ m(It, {
|
|
2844
3217
|
"aria-label": e.badge["aria-label"],
|
|
2845
3218
|
variant: e.badge.variant,
|
|
2846
3219
|
children: e.badge.children
|
|
@@ -2851,7 +3224,7 @@ function er({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabl
|
|
|
2851
3224
|
}),
|
|
2852
3225
|
s && /* @__PURE__ */ m("span", {
|
|
2853
3226
|
className: "breeze:sr-only",
|
|
2854
|
-
children: /* @__PURE__ */ m(
|
|
3227
|
+
children: /* @__PURE__ */ m(G, { label: g.loading })
|
|
2855
3228
|
}),
|
|
2856
3229
|
/* @__PURE__ */ m("output", {
|
|
2857
3230
|
"aria-live": "polite",
|
|
@@ -2863,7 +3236,7 @@ function er({ "aria-describedby": e, "aria-label": t, defaultSelected: n, disabl
|
|
|
2863
3236
|
}
|
|
2864
3237
|
//#endregion
|
|
2865
3238
|
//#region src/provider/en-GB.ts
|
|
2866
|
-
var
|
|
3239
|
+
var $ = {
|
|
2867
3240
|
appearance: "Appearance",
|
|
2868
3241
|
appearanceAutomatic: "Auto",
|
|
2869
3242
|
appearanceDark: "Dark",
|
|
@@ -2871,16 +3244,18 @@ var tr = {
|
|
|
2871
3244
|
close: "Close",
|
|
2872
3245
|
loading: "Loading",
|
|
2873
3246
|
noItemsToDisplay: "No items to display.",
|
|
3247
|
+
primaryNavigation: "Primary navigation",
|
|
2874
3248
|
required: "Required",
|
|
2875
|
-
selectDate: "Select a date"
|
|
3249
|
+
selectDate: "Select a date",
|
|
3250
|
+
skipToMain: "Skip to main content"
|
|
2876
3251
|
};
|
|
2877
3252
|
//#endregion
|
|
2878
3253
|
//#region src/provider/BreezeProvider.tsx
|
|
2879
|
-
function
|
|
3254
|
+
function Er(e, t) {
|
|
2880
3255
|
return e === "automatic" ? t ? "dark" : "light" : e;
|
|
2881
3256
|
}
|
|
2882
|
-
function
|
|
2883
|
-
let { direction: t, locale: n } =
|
|
3257
|
+
function Dr({ children: e }) {
|
|
3258
|
+
let { direction: t, locale: n } = Ee();
|
|
2884
3259
|
return /* @__PURE__ */ m("div", {
|
|
2885
3260
|
"data-breeze-root": "",
|
|
2886
3261
|
dir: t,
|
|
@@ -2888,64 +3263,68 @@ function rr({ children: e }) {
|
|
|
2888
3263
|
children: e
|
|
2889
3264
|
});
|
|
2890
3265
|
}
|
|
2891
|
-
function
|
|
2892
|
-
let [
|
|
2893
|
-
|
|
2894
|
-
if (!
|
|
2895
|
-
|
|
3266
|
+
function Or({ appearance: e, children: t, defaultAppearance: r = "automatic", locale: a, messages: c, onAppearanceChange: u, portalContainer: d, router: f, toastLimit: p = 3 }) {
|
|
3267
|
+
let [h] = l(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [g, _] = l(() => h?.matches ?? !1), [v, y] = l(r), b = e ?? v, x = Er(b, g);
|
|
3268
|
+
i(() => {
|
|
3269
|
+
if (!h) return;
|
|
3270
|
+
_(h.matches);
|
|
2896
3271
|
let e = (e) => {
|
|
2897
|
-
|
|
3272
|
+
_(e.matches);
|
|
2898
3273
|
};
|
|
2899
|
-
return
|
|
2900
|
-
}, [
|
|
3274
|
+
return h.addEventListener("change", e), () => h.removeEventListener("change", e);
|
|
3275
|
+
}, [h]), o(() => {
|
|
2901
3276
|
let { documentElement: e } = document, t = e.dataset.theme, n = e.style.colorScheme;
|
|
2902
|
-
return e.dataset.theme =
|
|
3277
|
+
return e.dataset.theme = x, e.style.colorScheme = x, () => {
|
|
2903
3278
|
t === void 0 ? delete e.dataset.theme : e.dataset.theme = t, e.style.colorScheme = n;
|
|
2904
3279
|
};
|
|
2905
|
-
}, [
|
|
2906
|
-
let
|
|
2907
|
-
e === void 0 &&
|
|
2908
|
-
}, [e,
|
|
2909
|
-
return /* @__PURE__ */ m(
|
|
2910
|
-
locale:
|
|
2911
|
-
children: /* @__PURE__ */ m(
|
|
2912
|
-
value:
|
|
2913
|
-
appearance:
|
|
2914
|
-
getMessageLocale:
|
|
2915
|
-
locale:
|
|
3280
|
+
}, [x]);
|
|
3281
|
+
let S = n((t) => {
|
|
3282
|
+
e === void 0 && y(t), u?.(t);
|
|
3283
|
+
}, [e, u]), C = n((e) => c?.[e] === void 0 ? "en-GB" : a, [a, c]);
|
|
3284
|
+
return /* @__PURE__ */ m(Te, {
|
|
3285
|
+
locale: a,
|
|
3286
|
+
children: /* @__PURE__ */ m(Je, {
|
|
3287
|
+
value: s(() => ({
|
|
3288
|
+
appearance: b,
|
|
3289
|
+
getMessageLocale: C,
|
|
3290
|
+
locale: a,
|
|
2916
3291
|
messages: {
|
|
2917
|
-
appearance:
|
|
2918
|
-
appearanceAutomatic:
|
|
2919
|
-
appearanceDark:
|
|
2920
|
-
appearanceLight:
|
|
2921
|
-
close:
|
|
2922
|
-
loading:
|
|
2923
|
-
noItemsToDisplay:
|
|
2924
|
-
|
|
2925
|
-
|
|
3292
|
+
appearance: c?.appearance ?? $.appearance,
|
|
3293
|
+
appearanceAutomatic: c?.appearanceAutomatic ?? $.appearanceAutomatic,
|
|
3294
|
+
appearanceDark: c?.appearanceDark ?? $.appearanceDark,
|
|
3295
|
+
appearanceLight: c?.appearanceLight ?? $.appearanceLight,
|
|
3296
|
+
close: c?.close ?? $.close,
|
|
3297
|
+
loading: c?.loading ?? $.loading,
|
|
3298
|
+
noItemsToDisplay: c?.noItemsToDisplay ?? $.noItemsToDisplay,
|
|
3299
|
+
primaryNavigation: c?.primaryNavigation ?? $.primaryNavigation,
|
|
3300
|
+
required: c?.required ?? $.required,
|
|
3301
|
+
selectDate: c?.selectDate ?? $.selectDate,
|
|
3302
|
+
skipToMain: c?.skipToMain ?? $.skipToMain
|
|
2926
3303
|
},
|
|
2927
|
-
resolvedAppearance:
|
|
2928
|
-
|
|
3304
|
+
resolvedAppearance: x,
|
|
3305
|
+
router: f,
|
|
3306
|
+
setAppearance: S
|
|
2929
3307
|
}), [
|
|
2930
|
-
y,
|
|
2931
|
-
S,
|
|
2932
|
-
r,
|
|
2933
|
-
a,
|
|
2934
3308
|
b,
|
|
2935
|
-
|
|
3309
|
+
C,
|
|
3310
|
+
a,
|
|
3311
|
+
c,
|
|
3312
|
+
x,
|
|
3313
|
+
f,
|
|
3314
|
+
S
|
|
2936
3315
|
]),
|
|
2937
|
-
children: /* @__PURE__ */ m(
|
|
2938
|
-
locale:
|
|
2939
|
-
portalContainer:
|
|
2940
|
-
children: /* @__PURE__ */ m(
|
|
2941
|
-
limit:
|
|
2942
|
-
children: /* @__PURE__ */ m(
|
|
3316
|
+
children: /* @__PURE__ */ m(tn, {
|
|
3317
|
+
locale: a,
|
|
3318
|
+
portalContainer: d,
|
|
3319
|
+
children: /* @__PURE__ */ m(br, {
|
|
3320
|
+
limit: p,
|
|
3321
|
+
children: /* @__PURE__ */ m(Dr, { children: t })
|
|
2943
3322
|
})
|
|
2944
3323
|
})
|
|
2945
3324
|
})
|
|
2946
3325
|
});
|
|
2947
3326
|
}
|
|
2948
3327
|
//#endregion
|
|
2949
|
-
export {
|
|
3328
|
+
export { dt as AppearanceControl, bt as ApplicationShell, It as Badge, Or as BreezeProvider, Rt as Button, Ht as Calendar, Wt as Card, Jt as Checkbox, Qt as Chip, _n as ComboBox, yn as Container, Tn as DatePicker, jn as Dialog, Mn as Drawer, Pn as Grid, U as Icon, In as IconTile, Rn as Inline, Bn as Link, Wn as Menu, Kn as NumberField, Pt as PageHeader, qn as Popover, nr as RowList, sr as Select, lr as Separator, G as Skeleton, vt as SkipLink, Ct as Stack, ur as TextField, yr as Toast, Cr as Toggle, Tr as ToggleGroup, Mt as Typography, Et as VisuallyHidden, at as startViewTransition, xr as useToast, st as useViewTransitionParticipant };
|
|
2950
3329
|
|
|
2951
3330
|
//# sourceMappingURL=index.js.map
|