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