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