@superxd-studio/adptr 0.5.0

package/chunks/ui-9DyNsYXY.js

@@ -0,0 +1,967 @@
+import { C as e, D as t, O as n, a as r, d as i, n as a, p as o, u as s } from "./callout-DKMHSnjc.js";
+import { t as c } from "./text-field-BLtoaZFn.js";
+import { createContext as l, useContext as u, useEffect as d, useId as f, useLayoutEffect as p, useRef as m, useState as h, useSyncExternalStore as g } from "react";
+import { Autocomplete as _, Breadcrumb as v, Breadcrumbs as y, Button as b, Cell as ee, Checkbox as te, CheckboxGroup as ne, Column as re, DateField as ie, DateInput as ae, DateSegment as oe, Dialog as x, DialogTrigger as S, Disclosure as se, DisclosureGroup as ce, DisclosurePanel as le, FieldError as C, Form as ue, Heading as w, I18nProvider as de, Input as T, Label as E, Link as fe, ListBox as D, ListBoxItem as O, Menu as k, MenuItem as A, MenuTrigger as pe, Modal as j, ModalOverlay as M, Popover as N, ProgressBar as me, Radio as he, RadioGroup as ge, Row as _e, SearchField as P, Select as F, SelectValue as I, SelectionIndicator as ve, Separator as ye, Slider as be, SliderOutput as xe, SliderThumb as Se, SliderTrack as Ce, Switch as we, Tab as Te, TabList as Ee, TabPanel as De, Table as Oe, TableBody as ke, TableHeader as Ae, Tabs as je, Text as L, TimeField as Me, ToggleButton as R, ToggleButtonGroup as Ne, Tooltip as Pe, TooltipTrigger as Fe, UNSTABLE_Toast as Ie, UNSTABLE_ToastContent as Le, UNSTABLE_ToastQueue as Re, UNSTABLE_ToastRegion as ze, useFilter as z } from "react-aria-components";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { parseDate as Be, parseTime as U } from "@internationalized/date";
+//#region src/components/ui/portal-theme.tsx
+function W({ children: e }) {
+	let t = m(null), [n, r] = h({
+		className: "sxd",
+		style: {}
+	}), i = () => {
+		if (!t.current) return;
+		let e = getComputedStyle(t.current), n = {};
+		for (let t = 0; t < e.length; t++) {
+			let r = e.item(t);
+			r.startsWith("--") && (n[r] = e.getPropertyValue(r));
+		}
+		r({
+			className: t.current.closest(".dark") ? "sxd dark" : "sxd",
+			style: n
+		});
+	};
+	return /* @__PURE__ */ V("div", {
+		ref: t,
+		className: "contents",
+		onPointerDownCapture: i,
+		onFocusCapture: i,
+		children: e(n)
+	});
+}
+//#endregion
+//#region src/components/ui/copy.ts
+var G = {
+	choose: "Choose an option",
+	empty: "No options available.",
+	close: "Close",
+	previous: "Previous page",
+	next: "Next page",
+	page: (e, t) => `Page ${e} of ${t}`,
+	sort: (e) => `Sort by ${e}`,
+	noRows: "No rows to show.",
+	dismiss: "Dismiss notification",
+	notifications: "Notifications"
+}, K = "flex min-w-0 flex-col gap-2", q = "type-caption font-normal text-fg-subtle";
+function J({ label: e, description: t, className: r, ...i }) {
+	let a = f();
+	return /* @__PURE__ */ V(te, {
+		...i,
+		"aria-describedby": t ? `${a}-hint` : i["aria-describedby"],
+		className: n("group inline-flex min-h-control-md cursor-pointer items-start gap-3 rounded-control py-2 outline-none data-disabled:cursor-default data-disabled:opacity-50 data-focus-visible:focus-ring", typeof r == "string" && r),
+		children: ({ isSelected: r, isIndeterminate: i }) => /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("span", {
+			"aria-hidden": "true",
+			className: "mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-cell border border-line-input bg-surface transition-[background-color,border-color,scale] duration-(--duration-settle) ease-settle group-data-indeterminate:border-brand group-data-indeterminate:bg-brand group-data-indeterminate:text-on-brand group-data-pressed:scale-(--press-depth) group-data-pressed:duration-(--duration-snap) group-data-pressed:ease-snap group-data-selected:border-brand group-data-selected:bg-brand group-data-selected:text-on-brand",
+			children: i ? /* @__PURE__ */ V("span", { children: "−" }) : /* @__PURE__ */ V(s, { className: n("size-3.5 transition-[scale] duration-(--duration-settle) ease-settle", r ? "scale-100" : "scale-0") })
+		}), /* @__PURE__ */ H("span", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ V("span", {
+				className: "block type-label text-fg-emphasis",
+				children: e
+			}), t ? /* @__PURE__ */ V("span", {
+				id: `${a}-hint`,
+				className: n("mt-1 block", q),
+				children: t
+			}) : null]
+		})] })
+	});
+}
+function Ve({ label: e, description: t, error: r, options: i, className: a, ...o }) {
+	return /* @__PURE__ */ H(ne, {
+		...o,
+		isInvalid: !!r || o.isInvalid,
+		className: n(K, typeof a == "string" && a),
+		children: [
+			/* @__PURE__ */ V(E, {
+				className: "type-label text-fg-emphasis",
+				children: e
+			}),
+			i.map((e) => /* @__PURE__ */ V(J, {
+				value: e.id,
+				label: e.label,
+				description: e.description,
+				isDisabled: e.isDisabled
+			}, e.id)),
+			t && /* @__PURE__ */ V(L, {
+				slot: "description",
+				className: q,
+				children: t
+			}),
+			/* @__PURE__ */ V(C, {
+				className: "type-caption text-error",
+				children: r
+			})
+		]
+	});
+}
+function He({ label: e, description: t, error: r, options: i, className: a, ...o }) {
+	return /* @__PURE__ */ H(ge, {
+		...o,
+		isInvalid: !!r || o.isInvalid,
+		className: n(K, typeof a == "string" && a),
+		children: [
+			/* @__PURE__ */ V(E, {
+				className: "type-label text-fg-emphasis",
+				children: e
+			}),
+			i.map((e) => /* @__PURE__ */ H(he, {
+				value: e.id,
+				isDisabled: e.isDisabled,
+				className: "group flex min-h-control-md cursor-pointer items-start gap-3 rounded-control py-2 outline-none data-disabled:opacity-50 data-focus-visible:focus-ring",
+				children: [/* @__PURE__ */ V("span", {
+					"aria-hidden": "true",
+					className: "mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-pill border border-line-input bg-surface transition-[border-color,scale] duration-(--duration-settle) ease-settle group-data-pressed:scale-(--press-depth) group-data-pressed:duration-(--duration-snap) group-data-selected:border-brand",
+					children: /* @__PURE__ */ V("span", { className: "size-2.5 scale-0 rounded-pill bg-brand transition-[scale] duration-(--duration-settle) ease-settle group-data-selected:scale-100" })
+				}), /* @__PURE__ */ H("span", { children: [/* @__PURE__ */ V("span", {
+					className: "block type-label text-fg-emphasis",
+					children: e.label
+				}), e.description && /* @__PURE__ */ V(L, {
+					slot: "description",
+					className: n("mt-1 block", q),
+					children: e.description
+				})] })]
+			}, e.id)),
+			t && /* @__PURE__ */ V(L, {
+				slot: "description",
+				className: q,
+				children: t
+			}),
+			/* @__PURE__ */ V(C, {
+				className: "type-caption text-error",
+				children: r
+			})
+		]
+	});
+}
+function Ue({ label: e, description: t, error: r, options: o, className: c, placeholder: l = G.choose, ...u }) {
+	return /* @__PURE__ */ V(W, { children: (d) => /* @__PURE__ */ H(F, {
+		...u,
+		placeholder: l,
+		isInvalid: !!r || u.isInvalid,
+		disabledKeys: o.filter((e) => e.isDisabled).map((e) => e.id),
+		className: n(K, typeof c == "string" && c),
+		children: [
+			/* @__PURE__ */ V(E, {
+				className: "type-label text-fg-emphasis",
+				children: e
+			}),
+			/* @__PURE__ */ H(a, {
+				className: "group/trigger w-full justify-between text-left whitespace-normal",
+				children: [/* @__PURE__ */ V(I, {
+					className: "min-w-0 break-words data-placeholder:text-fg-subtle",
+					children: ({ isPlaceholder: e, selectedText: t, defaultChildren: n }) => e ? n : t
+				}), /* @__PURE__ */ V(i, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
+			}),
+			t && /* @__PURE__ */ V(L, {
+				slot: "description",
+				className: q,
+				children: t
+			}),
+			/* @__PURE__ */ V(C, {
+				className: "type-caption text-error",
+				children: r
+			}),
+			/* @__PURE__ */ V(N, {
+				style: d.style,
+				placement: "bottom start",
+				className: n(d.className, "z-50 w-(--trigger-width) max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) rounded-surface border border-line-subtle bg-surface p-1 text-fg shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out"),
+				children: /* @__PURE__ */ V(D, {
+					items: o,
+					className: "max-h-72 overflow-y-auto outline-none",
+					renderEmptyState: () => /* @__PURE__ */ V("p", {
+						className: "p-3 type-body text-fg-subtle",
+						children: G.empty
+					}),
+					children: (e) => /* @__PURE__ */ H(O, {
+						id: e.id,
+						textValue: e.label,
+						className: "group flex cursor-pointer items-center gap-3 rounded-cell p-3 outline-none data-disabled:opacity-50 data-focused:bg-surface-subtle data-selected:bg-surface-muted",
+						children: [/* @__PURE__ */ H("span", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ V(L, {
+								slot: "label",
+								className: "block type-label",
+								children: e.label
+							}), e.description && /* @__PURE__ */ V(L, {
+								slot: "description",
+								className: n("mt-1 block", q),
+								children: e.description
+							})]
+						}), /* @__PURE__ */ V(s, { className: "invisible group-data-selected:visible" })]
+					})
+				})
+			})
+		]
+	}) });
+}
+function We({ label: e, className: t, ...r }) {
+	return /* @__PURE__ */ H(be, {
+		...r,
+		className: n("flex w-full min-w-0 flex-col gap-3 data-disabled:opacity-50", typeof t == "string" && t),
+		children: [/* @__PURE__ */ H("div", {
+			className: "flex justify-between gap-4",
+			children: [/* @__PURE__ */ V(E, {
+				className: "type-label text-fg-emphasis",
+				children: e
+			}), /* @__PURE__ */ V(xe, { className: "type-caption text-fg-subtle numeric" })]
+		}), /* @__PURE__ */ V(Ce, {
+			className: "relative h-6 w-full rounded-control bg-surface-subtle",
+			children: ({ state: t }) => /* @__PURE__ */ V(B, { children: t.values.map((t, n) => /* @__PURE__ */ V(Se, {
+				index: n,
+				"aria-label": Array.isArray(r.value) || Array.isArray(r.defaultValue) ? `${typeof e == "string" ? e : "Value"} ${n + 1}` : void 0,
+				className: "top-1/2 size-6 origin-top-left rounded-pill border border-line-emphasis bg-surface shadow-control transition-[scale,border-color] duration-(--duration-settle) ease-settle outline-none data-dragging:scale-110 data-dragging:border-brand data-focus-visible:focus-ring"
+			}, n)) })
+		})]
+	});
+}
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ V(R, {
+		...t,
+		className: n(r({ size: "sm" }), "data-selected:border-brand data-selected:bg-brand data-selected:text-on-brand", typeof e == "string" && e)
+	});
+}
+var Y = l(void 0);
+function Ke(e) {
+	let t = u(Y);
+	return /* @__PURE__ */ V(c, {
+		...e,
+		validationBehavior: e.validationBehavior ?? t ?? "aria"
+	});
+}
+function qe({ className: e, children: t, validationBehavior: r = "native", ...i }) {
+	return /* @__PURE__ */ V(ue, {
+		...i,
+		validationBehavior: r,
+		className: n("flex min-w-0 flex-col gap-4", typeof e == "string" && e),
+		children: /* @__PURE__ */ V(Y.Provider, {
+			value: r,
+			children: t
+		})
+	});
+}
+//#endregion
+//#region src/components/ui/navigation.tsx
+function Je({ label: e, items: t, onAction: r, isDisabled: o = !1 }) {
+	return /* @__PURE__ */ V(W, { children: (s) => /* @__PURE__ */ H(pe, { children: [/* @__PURE__ */ H(a, {
+		isDisabled: o,
+		className: "group/trigger",
+		children: [e, /* @__PURE__ */ V(i, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-aria-expanded/trigger:rotate-180 motion-reduce:transition-none" })]
+	}), /* @__PURE__ */ V(N, {
+		style: s.style,
+		className: n(s.className, "z-50 max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) rounded-surface border border-line-subtle bg-surface p-1 text-fg shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out"),
+		children: /* @__PURE__ */ V(k, {
+			"aria-label": e,
+			items: t,
+			disabledKeys: t.filter((e) => e.isDisabled).map((e) => e.id),
+			onAction: (e) => r(String(e)),
+			className: "max-w-80 min-w-48 outline-none",
+			children: (e) => /* @__PURE__ */ H(A, {
+				id: e.id,
+				textValue: e.label,
+				className: n("cursor-pointer rounded-cell px-3 py-2 outline-none data-disabled:opacity-50 data-focused:bg-surface-subtle", e.isDestructive ? "text-error" : "text-fg-emphasis"),
+				children: [/* @__PURE__ */ V(L, {
+					slot: "label",
+					className: "block type-label",
+					children: e.label
+				}), e.description && /* @__PURE__ */ V(L, {
+					slot: "description",
+					className: "mt-1 block type-caption text-fg-subtle",
+					children: e.description
+				})]
+			})
+		})
+	})] }) });
+}
+function Ye({ label: e, items: t, className: r, ...o }) {
+	return /* @__PURE__ */ V(ce, {
+		...o,
+		"aria-label": e,
+		className: n("w-full min-w-0 divide-y divide-line-subtle", typeof r == "string" && r),
+		children: t.map((e) => /* @__PURE__ */ H(se, {
+			id: e.id,
+			"data-accordion-item": e.id,
+			isDisabled: e.isDisabled,
+			className: "group min-w-0 py-1",
+			children: [/* @__PURE__ */ V(w, { children: /* @__PURE__ */ H(a, {
+				slot: "trigger",
+				variant: "ghost",
+				className: "h-auto min-h-control-md w-full justify-between px-control-md-x py-3 text-left whitespace-normal",
+				children: [/* @__PURE__ */ V("span", {
+					className: "min-w-0 flex-1 break-words",
+					children: e.title
+				}), /* @__PURE__ */ V(i, { className: "transition-[rotate] duration-(--duration-settle) ease-settle group-data-expanded:rotate-180 motion-reduce:transition-none" })]
+			}) }), /* @__PURE__ */ V(le, {
+				className: "min-w-0 type-body text-fg",
+				children: /* @__PURE__ */ V("div", {
+					className: "animate-reveal-in px-control-md-x pt-3 pb-4",
+					children: e.content
+				})
+			})]
+		}, e.id))
+	});
+}
+function Xe({ label: e, items: t, className: r, ...i }) {
+	return /* @__PURE__ */ H(je, {
+		...i,
+		className: n("w-full min-w-0", typeof r == "string" && r),
+		children: [/* @__PURE__ */ V(Ee, {
+			"aria-label": e,
+			className: "flex flex-wrap gap-1 border-b border-line-subtle",
+			children: t.map((e) => /* @__PURE__ */ H(Te, {
+				id: e.id,
+				isDisabled: e.isDisabled,
+				className: "relative cursor-pointer rounded-t-control border-b-2 border-transparent px-3 py-2 type-label text-fg-subtle transition-colors duration-(--duration-snap) ease-snap outline-none data-disabled:opacity-50 data-focus-visible:focus-ring data-hovered:text-fg-emphasis data-selected:text-fg-emphasis",
+				children: [e.label, /* @__PURE__ */ V(ve, { className: "absolute inset-x-0 -bottom-0.5 h-0.5 bg-brand transition-[translate,width] duration-(--duration-settle) ease-settle" })]
+			}, e.id))
+		}), t.map((e) => /* @__PURE__ */ V(De, {
+			id: e.id,
+			className: "min-w-0 py-4 outline-none data-focus-visible:focus-ring",
+			children: e.content
+		}, e.id))]
+	});
+}
+function Ze({ children: e, content: t, ...r }) {
+	return /* @__PURE__ */ V(W, { children: (i) => /* @__PURE__ */ H(Fe, {
+		...r,
+		children: [e, /* @__PURE__ */ V(Pe, {
+			style: i.style,
+			placement: "top",
+			className: n(i.className, "z-50 max-w-64 origin-(--trigger-anchor-point) rounded-control border border-line-subtle bg-surface px-3 py-2 type-caption text-fg-emphasis shadow-popover data-entering:animate-pop-in data-exiting:animate-pop-out"),
+			children: t
+		})]
+	}) });
+}
+function Qe({ title: e, children: r, isOpen: i, onOpenChange: o, isDismissDisabled: s = !1, trigger: c }) {
+	return /* @__PURE__ */ V(W, { children: (l) => /* @__PURE__ */ H(S, {
+		isOpen: i,
+		onOpenChange: o,
+		children: [c, /* @__PURE__ */ V(M, {
+			style: l.style,
+			isDismissable: !s,
+			isKeyboardDismissDisabled: s,
+			className: n(l.className, "fixed inset-0 z-50 flex items-center justify-center bg-overlay p-4 data-entering:animate-fade-in data-exiting:animate-fade-out"),
+			children: /* @__PURE__ */ V(j, {
+				className: "max-h-[calc(100dvh-2rem)] w-full max-w-lg overflow-y-auto rounded-surface border border-line-subtle bg-surface p-6 text-fg shadow-dialog data-entering:animate-dialog-settle data-exiting:animate-pop-out",
+				children: /* @__PURE__ */ V(x, {
+					className: "min-w-0 outline-none",
+					children: ({ close: n }) => /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("div", {
+						className: "mb-4 flex items-start justify-between gap-4",
+						children: [/* @__PURE__ */ V(w, {
+							slot: "title",
+							className: "type-heading text-fg-emphasis",
+							children: e
+						}), /* @__PURE__ */ V(a, {
+							variant: "ghost",
+							size: "icon-sm",
+							"aria-label": G.close,
+							isDisabled: s,
+							onPress: n,
+							children: /* @__PURE__ */ V(t, {})
+						})]
+					}), r] })
+				})
+			})
+		})]
+	}) });
+}
+function $e({ label: e, page: t, total: n, onChange: r, isDisabled: i = !1 }) {
+	let s = Math.max(1, Math.floor(Number.isFinite(n) ? n : 1)), c = Math.min(s, Math.max(1, Math.floor(Number.isFinite(t) ? t : 1)));
+	return /* @__PURE__ */ H("nav", {
+		"aria-label": e,
+		className: "flex flex-wrap items-center justify-between gap-3",
+		children: [
+			/* @__PURE__ */ H(a, {
+				size: "sm",
+				"aria-label": G.previous,
+				isDisabled: i || c === 1,
+				onPress: () => r(c - 1),
+				children: [/* @__PURE__ */ V(o, { className: "rotate-180" }), G.previous]
+			}),
+			/* @__PURE__ */ V("span", {
+				"aria-current": "page",
+				className: "type-caption text-fg-subtle numeric",
+				children: G.page(c, s)
+			}),
+			/* @__PURE__ */ H(a, {
+				size: "sm",
+				"aria-label": G.next,
+				isDisabled: i || c === s,
+				onPress: () => r(c + 1),
+				children: [G.next, /* @__PURE__ */ V(o, {})]
+			})
+		]
+	});
+}
+function et({ label: e, items: t }) {
+	return /* @__PURE__ */ V(y, {
+		"aria-label": e,
+		className: "flex flex-wrap items-center gap-2 type-caption text-fg-subtle",
+		children: t.map((e, n) => /* @__PURE__ */ H(v, {
+			className: "inline-flex items-center gap-2",
+			children: [/* @__PURE__ */ V(fe, {
+				href: e.href,
+				className: "rounded-cell outline-none data-focus-visible:focus-ring data-hovered:underline",
+				children: e.label
+			}), n < t.length - 1 && /* @__PURE__ */ V(o, { className: "size-3" })]
+		}, e.id))
+	});
+}
+//#endregion
+//#region src/components/ui/display.tsx
+function tt({ children: e, className: t, ...r }) {
+	return /* @__PURE__ */ V("section", {
+		...r,
+		className: n("min-w-0 rounded-surface border border-line-subtle bg-surface p-6 text-fg shadow-surface", t),
+		children: e
+	});
+}
+var nt = {
+	neutral: "bg-surface-subtle text-fg-subtle",
+	info: "bg-info-subtle text-info",
+	success: "bg-success-subtle text-success",
+	attention: "bg-attention-subtle text-attention",
+	error: "bg-error-subtle text-error"
+};
+function rt({ children: e, tone: t = "neutral" }) {
+	return /* @__PURE__ */ V("span", {
+		className: n("inline-flex max-w-full items-center gap-1.5 rounded-cell px-2 py-1 type-caption", nt[t]),
+		children: e
+	});
+}
+function it({ label: e, className: t, ...r }) {
+	return /* @__PURE__ */ V(me, {
+		...r,
+		"aria-label": e,
+		className: n("flex w-full min-w-0 flex-col gap-2", typeof t == "string" && t),
+		children: ({ percentage: t, valueText: r, isIndeterminate: i }) => /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("div", {
+			className: "flex items-center justify-between gap-3",
+			children: [/* @__PURE__ */ V("span", {
+				className: "type-label",
+				children: e
+			}), !i && /* @__PURE__ */ V("span", {
+				className: "type-caption text-fg-subtle numeric",
+				children: r
+			})]
+		}), /* @__PURE__ */ V("div", {
+			className: "h-2 overflow-hidden rounded-pill bg-surface-subtle",
+			children: /* @__PURE__ */ V("div", {
+				style: { width: i ? "100%" : `${t}%` },
+				className: n("h-full rounded-pill bg-brand transition-[width] duration-(--duration-base) motion-reduce:transition-none", i && "animate-pulse-soft motion-reduce:animate-none")
+			})
+		})] })
+	});
+}
+function at({ className: e, ...t }) {
+	return /* @__PURE__ */ V(ye, {
+		...t,
+		className: n("border-0 bg-line-subtle", t.orientation === "vertical" ? "h-6 w-px" : "h-px w-full", typeof e == "string" && e)
+	});
+}
+function ot({ ratio: e = 16 / 9, children: t, className: r }) {
+	return /* @__PURE__ */ V("div", {
+		style: { aspectRatio: Number.isFinite(e) && e > 0 ? e : 1 },
+		className: n("relative w-full min-w-0 overflow-hidden rounded-surface", r),
+		children: t
+	});
+}
+function st({ children: e }) {
+	return /* @__PURE__ */ V("kbd", {
+		className: "inline-flex rounded-cell border border-line-subtle bg-surface-muted px-1.5 py-0.5 font-mono type-caption text-fg-subtle",
+		children: e
+	});
+}
+function X(e, t) {
+	if (!t) return [...e];
+	let n = new Intl.Collator(void 0, {
+		numeric: !0,
+		sensitivity: "base"
+	});
+	return [...e].sort((e, r) => {
+		let i = e.values[String(t.column)] ?? "", a = r.values[String(t.column)] ?? "", o = typeof i == "number" && typeof a == "number" ? i - a : n.compare(String(i), String(a));
+		return t.direction === "descending" ? -o : o;
+	});
+}
+function ct({ label: e, columns: t, rows: n, empty: r = G.noRows, selectionMode: i = "none", selectedKeys: a, onSelectionChange: o }) {
+	let [s, c] = h();
+	return /* @__PURE__ */ V("div", {
+		className: "max-w-full overflow-x-auto rounded-surface border border-line-subtle bg-surface",
+		children: /* @__PURE__ */ H(Oe, {
+			"aria-label": e,
+			sortDescriptor: s,
+			onSortChange: c,
+			selectionMode: i,
+			selectedKeys: a,
+			onSelectionChange: o,
+			className: "w-full outline-none",
+			children: [/* @__PURE__ */ V(Ae, {
+				columns: t,
+				children: (e) => /* @__PURE__ */ V(re, {
+					id: e.id,
+					isRowHeader: e.isRowHeader ?? e === t[0],
+					allowsSorting: e.sortable,
+					className: "border-b border-line-subtle bg-surface-muted p-3 text-left type-label text-fg-emphasis outline-none data-focus-visible:focus-ring",
+					children: ({ sortDirection: t }) => /* @__PURE__ */ H("span", {
+						className: "inline-flex items-center gap-2",
+						children: [e.label, e.sortable && /* @__PURE__ */ V("span", {
+							"aria-hidden": "true",
+							children: t === "ascending" ? "↑" : t === "descending" ? "↓" : "↕"
+						})]
+					})
+				})
+			}), /* @__PURE__ */ V(ke, {
+				items: X(n, s),
+				renderEmptyState: () => /* @__PURE__ */ V("p", {
+					className: "p-6 type-body text-fg-subtle",
+					children: r
+				}),
+				children: (e) => /* @__PURE__ */ V(_e, {
+					id: e.id,
+					columns: t,
+					className: "border-b border-line-subtle outline-none last:border-b-0 data-focus-visible:focus-ring data-selected:bg-surface-subtle",
+					children: (t) => /* @__PURE__ */ V(ee, {
+						className: "max-w-80 p-3 type-body break-words text-fg outline-none data-focus-visible:focus-ring",
+						children: e.values[t.id] ?? ""
+					})
+				})
+			})]
+		})
+	});
+}
+function lt() {
+	return new Re({ maxVisibleToasts: 3 });
+}
+function ut({ queue: e, label: n = G.notifications }) {
+	return /* @__PURE__ */ V(ze, {
+		queue: e,
+		"aria-label": n,
+		className: "fixed right-4 bottom-4 z-50 flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-3 outline-none",
+		children: ({ toast: e }) => /* @__PURE__ */ V(Ie, {
+			toast: e,
+			className: "rounded-surface border border-line-subtle bg-surface p-4 text-fg shadow-popover outline-none data-entering:animate-toast-in data-exiting:animate-fade-out data-focus-visible:focus-ring",
+			children: /* @__PURE__ */ H(Le, { children: [/* @__PURE__ */ H("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ V(L, {
+					slot: "title",
+					className: "type-label text-fg-emphasis",
+					children: e.content.title
+				}), /* @__PURE__ */ V(a, {
+					slot: "close",
+					size: "icon-sm",
+					variant: "ghost",
+					"aria-label": G.dismiss,
+					children: /* @__PURE__ */ V(t, {})
+				})]
+			}), e.content.description && /* @__PURE__ */ V(L, {
+				slot: "description",
+				className: "mt-2 block type-body text-fg-subtle",
+				children: e.content.description
+			})] })
+		})
+	});
+}
+//#endregion
+//#region src/components/switch.tsx
+function dt({ label: e, description: t, className: r, ...i }) {
+	let a = f();
+	return /* @__PURE__ */ H(we, {
+		...i,
+		"aria-labelledby": `${a}-label`,
+		"aria-describedby": t ? `${a}-description` : i["aria-describedby"],
+		className: n("group inline-flex min-h-control-md cursor-pointer items-center gap-3 rounded-control outline-none data-disabled:cursor-default data-focus-visible:focus-ring", typeof r == "string" ? r : void 0),
+		children: [/* @__PURE__ */ V("span", {
+			"aria-hidden": "true",
+			className: "flex h-6 w-10 shrink-0 items-center rounded-pill border border-line-input bg-surface-subtle p-0.5 transition-colors duration-(--duration-snap) ease-snap [corner-shape:var(--corner-shape,round)] group-data-disabled:opacity-50 group-data-selected:border-brand group-data-selected:bg-brand",
+			children: /* @__PURE__ */ V("span", { className: "size-4 origin-left rounded-pill bg-fg-subtle transition-[translate,scale] duration-(--duration-settle) ease-settle [corner-shape:var(--corner-shape,round)] group-data-pressed:scale-x-125 group-data-pressed:duration-(--duration-snap) group-data-pressed:ease-snap group-data-selected:origin-right group-data-selected:translate-x-4 group-data-selected:bg-on-brand motion-reduce:transition-none" })
+		}), /* @__PURE__ */ H("span", {
+			className: "flex min-w-0 flex-col gap-1",
+			children: [/* @__PURE__ */ V("span", {
+				id: `${a}-label`,
+				className: "type-label text-fg-emphasis group-data-disabled:text-fg-muted",
+				children: e
+			}), t ? /* @__PURE__ */ V("span", {
+				id: `${a}-description`,
+				className: "type-caption text-fg-subtle",
+				children: t
+			}) : null]
+		})]
+	});
+}
+//#endregion
+//#region src/components/search-picker.tsx
+function ft({ label: t, items: r, value: a, onChange: o, trigger: c, searchPlaceholder: l = "Search", emptyMessage: u = "Nothing matches that search.", triggerClassName: d }) {
+	let { contains: f } = z({ sensitivity: "base" });
+	return /* @__PURE__ */ H(S, { children: [/* @__PURE__ */ H(b, {
+		"aria-label": t,
+		className: n("inline-flex cursor-pointer items-center gap-1.5 rounded-cell text-left transition-colors duration-(--duration-fast) outline-none data-focus-visible:focus-ring data-hovered:text-fg-emphasis", d),
+		children: [c, /* @__PURE__ */ V(i, { className: "size-3.5 text-fg-subtle" })]
+	}), /* @__PURE__ */ V(N, {
+		placement: "bottom start",
+		offset: 6,
+		className: "w-72 origin-(--trigger-anchor-point) overflow-hidden rounded-surface border border-line-subtle bg-surface shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out",
+		children: /* @__PURE__ */ V(x, {
+			"aria-label": t,
+			className: "outline-none",
+			children: ({ close: n }) => /* @__PURE__ */ H(_, {
+				filter: (e, t) => f(e, t),
+				children: [/* @__PURE__ */ V(P, {
+					"aria-label": `Search ${t.toLowerCase()}`,
+					autoFocus: !0,
+					className: "border-b border-line-subtle",
+					children: /* @__PURE__ */ H("div", {
+						className: "flex items-center gap-2 px-3",
+						children: [/* @__PURE__ */ V(e, { className: "text-fg-subtle" }), /* @__PURE__ */ V(T, {
+							placeholder: l,
+							className: "h-10 w-full bg-transparent text-sm text-fg-emphasis outline-none placeholder:text-fg-subtle [&::-webkit-search-cancel-button]:hidden"
+						})]
+					})
+				}), /* @__PURE__ */ V(D, {
+					"aria-label": t,
+					items: r,
+					selectionMode: "single",
+					selectedKeys: [a],
+					onSelectionChange: (e) => {
+						let [t] = [...e];
+						t !== void 0 && (o(String(t)), n());
+					},
+					renderEmptyState: () => /* @__PURE__ */ V("p", {
+						className: "px-3 py-6 text-center type-body text-fg-subtle",
+						children: u
+					}),
+					className: "max-h-72 overflow-y-auto p-1 outline-none",
+					children: (e) => /* @__PURE__ */ H(O, {
+						id: e.id,
+						textValue: [
+							e.label,
+							e.detail,
+							e.keywords
+						].filter(Boolean).join(" "),
+						className: "group flex cursor-pointer items-center gap-2 rounded-cell px-2 py-1.5 type-body text-fg outline-none data-focused:bg-surface-subtle data-focused:text-fg-emphasis data-selected:text-fg-emphasis",
+						children: [
+							/* @__PURE__ */ V("span", {
+								className: "min-w-0 flex-1 truncate",
+								children: e.label
+							}),
+							e.detail ? /* @__PURE__ */ V("span", {
+								className: "shrink-0 type-caption font-normal text-fg-subtle numeric",
+								children: e.detail
+							}) : null,
+							/* @__PURE__ */ V(s, { className: "invisible size-3.5 text-fg-emphasis group-data-selected:visible" })
+						]
+					})
+				})]
+			})
+		})
+	})] });
+}
+//#endregion
+//#region src/components/segmented-control.tsx
+function pt(e, t) {
+	let n = m(null), r = m(null), i = m(e);
+	return p(() => {
+		let a = i.current;
+		i.current = e;
+		let o = r.current, s = n.current?.children[t.indexOf(a)];
+		if (a === e || !o || !s || typeof o.animate != "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+		let c = s.getBoundingClientRect(), l = o.getBoundingClientRect(), u = getComputedStyle(o);
+		o.animate([{
+			translate: `${c.left - l.left}px ${c.top - l.top}px`,
+			width: `${c.width}px`,
+			height: `${c.height}px`
+		}, {
+			translate: "0 0",
+			width: `${l.width}px`,
+			height: `${l.height}px`
+		}], {
+			duration: parseFloat(u.getPropertyValue("--duration-settle")) || 0,
+			easing: u.getPropertyValue("--ease-settle").trim() || "ease-out"
+		});
+	}, [e, t]), {
+		group: n,
+		mark: r
+	};
+}
+function mt({ label: e, options: t, value: r, onChange: i, size: a = "sm", className: o }) {
+	let { group: s, mark: c } = pt(r, t.map((e) => e.id));
+	return /* @__PURE__ */ V(Ne, {
+		ref: s,
+		"aria-label": e,
+		selectionMode: "single",
+		disallowEmptySelection: !0,
+		selectedKeys: [r],
+		onSelectionChange: (e) => {
+			let [t] = [...e];
+			t !== void 0 && t !== r && i(String(t));
+		},
+		className: n("inline-flex max-w-full shrink-0 flex-wrap items-center gap-0.5 rounded-control bg-surface-subtle p-0.5", o),
+		children: t.map((e) => /* @__PURE__ */ H(R, {
+			id: e.id,
+			"aria-label": e["aria-label"],
+			isDisabled: e.isDisabled,
+			className: n("relative inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-[calc(var(--radius-control)-2px)] text-fg transition-colors duration-(--duration-snap) ease-snap outline-none squircle", "data-disabled:cursor-not-allowed data-disabled:text-fg-muted data-focus-visible:focus-ring data-hovered:text-fg-emphasis data-selected:text-fg-emphasis", a === "sm" ? "h-control-sm min-w-control-sm px-control-sm-x type-caption" : "h-control-md min-w-control-md px-control-md-x type-label"),
+			children: [e.id === r ? /* @__PURE__ */ V("span", {
+				ref: c,
+				"aria-hidden": "true",
+				className: "absolute inset-0 rounded-[calc(var(--radius-control)-2px)] border border-line-subtle bg-surface shadow-control squircle"
+			}) : null, /* @__PURE__ */ H("span", {
+				className: "relative inline-flex items-center gap-1.5",
+				children: [e.icon, e.label]
+			})]
+		}, e.id))
+	});
+}
+//#endregion
+//#region src/components/avatar.tsx
+var ht = {
+	sm: "size-avatar-sm text-avatar-sm",
+	md: "size-avatar-md text-xs",
+	lg: "size-avatar-lg text-sm"
+};
+function gt(e) {
+	let t = e.trim().split(/\s+/);
+	return ((t[0]?.[0] ?? "") + (t.length > 1 ? t[t.length - 1]?.[0] ?? "" : "")).toUpperCase();
+}
+function _t({ name: e, src: t, size: r = "md", className: i }) {
+	let [a, o] = h(!1), s = t && !a;
+	return /* @__PURE__ */ V("span", {
+		className: n("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-pill bg-surface-emphasis font-semibold text-fg-emphasis select-none", ht[r], i),
+		children: s ? /* @__PURE__ */ V("img", {
+			src: t,
+			alt: e,
+			className: "size-full object-cover",
+			onError: () => o(!0)
+		}) : /* @__PURE__ */ V("span", {
+			role: "img",
+			"aria-label": e,
+			children: gt(e)
+		})
+	});
+}
+//#endregion
+//#region src/components/skeleton.tsx
+function vt({ className: e }) {
+	return /* @__PURE__ */ V("span", {
+		"aria-hidden": "true",
+		className: n("block animate-pulse-soft rounded-cell bg-surface-subtle", e)
+	});
+}
+//#endregion
+//#region src/components/scroll-area.tsx
+function yt({ children: e, className: t, label: r, scrollTo: i }) {
+	let a = m(null), [o, s] = h({
+		top: !1,
+		bottom: !1
+	});
+	d(() => {
+		let e = a.current;
+		if (!e) return;
+		let t = () => s({
+			top: e.scrollTop > 1,
+			bottom: e.scrollTop + e.clientHeight < e.scrollHeight - 1
+		}), n = new ResizeObserver(t);
+		n.observe(e);
+		for (let t of e.children) n.observe(t);
+		return e.addEventListener("scroll", t, { passive: !0 }), () => {
+			n.disconnect(), e.removeEventListener("scroll", t);
+		};
+	}, []), d(() => {
+		i !== void 0 && a.current && (a.current.scrollTop = i);
+	}, [i]);
+	let c = "1.5rem", l = `linear-gradient(to bottom, ${o.top ? "transparent" : "black"} 0, black ${o.top ? c : "0"}, black calc(100% - ${o.bottom ? c : "0px"}), ${o.bottom ? "transparent" : "black"} 100%)`;
+	return /* @__PURE__ */ V("div", {
+		ref: a,
+		tabIndex: o.top || o.bottom ? 0 : void 0,
+		role: o.top || o.bottom ? "region" : void 0,
+		"aria-label": o.top || o.bottom ? r : void 0,
+		className: n("overflow-y-auto overscroll-contain rounded-[2px]", t),
+		style: {
+			maskImage: l,
+			WebkitMaskImage: l
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/components/responsive-overlay.tsx
+var Z = "(max-width: 639px)", Q = "(min-width: 960px)", bt = "flex min-h-0 flex-col overflow-hidden bg-surface text-fg shadow-dialog";
+function xt(e) {
+	let t = [window.matchMedia(Z), window.matchMedia(Q)];
+	return t.forEach((t) => t.addEventListener("change", e)), () => t.forEach((t) => t.removeEventListener("change", e));
+}
+function St() {
+	return window.matchMedia(Z).matches ? "drawer" : window.matchMedia(Q).matches ? "side" : "below";
+}
+function Ct({ isOpen: e, onOpenChange: t, triggerRef: r, "aria-label": i, isDismissDisabled: a = !1, children: o, className: s }) {
+	let c = g(xt, St, () => "side"), l = /* @__PURE__ */ V(x, {
+		"aria-label": i,
+		className: "flex min-h-0 flex-1 flex-col outline-none",
+		children: o
+	}), u = bt;
+	return c === "drawer" ? /* @__PURE__ */ V(M, {
+		isOpen: e,
+		onOpenChange: t,
+		isDismissable: !a,
+		isKeyboardDismissDisabled: a,
+		className: "fixed inset-0 z-50 flex items-end justify-center bg-overlay data-entering:animate-fade-in data-exiting:animate-fade-out",
+		children: /* @__PURE__ */ V(j, {
+			"data-presentation": "drawer",
+			className: n(u, "max-h-[calc(100dvh-1rem)] w-full rounded-t-surface pb-[env(safe-area-inset-bottom)] data-entering:animate-drawer-settle data-exiting:animate-drawer-out", s),
+			children: l
+		})
+	}) : /* @__PURE__ */ V(N, {
+		isOpen: e,
+		onOpenChange: t,
+		triggerRef: r,
+		placement: c === "side" ? "right" : "bottom start",
+		isKeyboardDismissDisabled: a,
+		shouldCloseOnInteractOutside: () => !a,
+		"data-presentation": "popover",
+		className: n(u, "z-50 max-h-[min(48rem,calc(100dvh-2rem))] w-96 max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) rounded-surface border border-line shadow-popover data-entering:animate-pop-in data-exiting:animate-pop-out", s),
+		children: l
+	});
+}
+//#endregion
+//#region src/components/date-time-field.tsx
+function wt({ label: e, value: t, onChange: r, error: i, isDisabled: a, kind: o, className: s }) {
+	let c = /* @__PURE__ */ H(B, { children: [
+		/* @__PURE__ */ V(E, {
+			className: "type-label text-fg-emphasis",
+			children: e
+		}),
+		/* @__PURE__ */ V(ae, {
+			className: "flex h-control-md items-center rounded-control border border-line-input bg-surface px-control-md-x type-body text-fg-emphasis shadow-control outline-none data-disabled:bg-surface-muted data-disabled:text-fg-muted data-focus-within:border-brand data-focus-within:ring-2 data-focus-within:ring-brand/15 data-invalid:border-error",
+			children: (e) => /* @__PURE__ */ V(oe, {
+				segment: e,
+				className: "rounded-cell px-0.5 numeric outline-none data-focused:bg-brand data-focused:text-on-brand data-placeholder:text-fg-subtle"
+			})
+		}),
+		/* @__PURE__ */ V(C, {
+			className: "type-caption text-error",
+			children: i
+		})
+	] }), l = {
+		isInvalid: !!i,
+		isDisabled: a,
+		isRequired: !0,
+		validationBehavior: "aria",
+		className: n("flex min-w-0 flex-col gap-1.5", s)
+	};
+	return /* @__PURE__ */ V(de, {
+		locale: "en-AU",
+		children: o === "date" ? /* @__PURE__ */ V(ie, {
+			...l,
+			value: t ? Be(t) : null,
+			onChange: (e) => r(e?.toString() ?? ""),
+			children: c
+		}) : /* @__PURE__ */ V(Me, {
+			...l,
+			hourCycle: 24,
+			granularity: "minute",
+			value: t ? U(t) : null,
+			onChange: (e) => r(e ? e.toString().slice(0, 5) : ""),
+			children: c
+		})
+	});
+}
+//#endregion
+//#region src/components/scenario-picker/copy.ts
+var $ = {
+	label: "Scenario",
+	search: "Search scenarios",
+	empty: "No matching scenarios."
+};
+//#endregion
+//#region src/components/scenario-picker/index.tsx
+function Tt({ label: t, value: r, onChange: o, options: c, isDisabled: l = !1 }) {
+	let u = m(null), [d, f] = h(!1), [p, g] = h(!1), { contains: v } = z({ sensitivity: "base" }), y = c.find((e) => e.id === r), b = /* @__PURE__ */ V(D, {
+		items: c,
+		className: "p-1 outline-none",
+		renderEmptyState: () => /* @__PURE__ */ V("p", {
+			className: "px-3 py-5 type-body text-fg-subtle",
+			children: $.empty
+		}),
+		children: (e) => /* @__PURE__ */ H(O, {
+			id: e.id,
+			textValue: `${e.label} ${e.description}`,
+			isDisabled: e.isDisabled,
+			className: "group flex cursor-pointer items-start gap-3 rounded-cell px-3 py-2.5 text-fg-emphasis outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-focus-visible:focus-ring data-focused:bg-surface-subtle",
+			children: [/* @__PURE__ */ H("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [/* @__PURE__ */ V(L, {
+					slot: "label",
+					className: "type-label",
+					children: e.label
+				}), /* @__PURE__ */ V(L, {
+					slot: "description",
+					className: "type-caption font-normal text-fg-subtle",
+					children: e.description
+				})]
+			}), /* @__PURE__ */ V(s, { className: "invisible mt-0.5 size-4 shrink-0 group-data-selected:visible" })]
+		})
+	});
+	return /* @__PURE__ */ H(F, {
+		ref: u,
+		"aria-label": t,
+		value: r,
+		onChange: (e) => {
+			let t = c.find((t) => t.id === e);
+			t && t.id !== r && !t.isDisabled && o(t.id);
+		},
+		isOpen: d,
+		onOpenChange: (e) => {
+			e && g(!!u.current?.closest(".dark")), f(e);
+		},
+		isDisabled: l,
+		className: "max-w-full min-w-0 self-start",
+		children: [/* @__PURE__ */ H(a, {
+			size: "sm",
+			"aria-label": t,
+			className: "max-w-full min-w-0 justify-between",
+			children: [
+				/* @__PURE__ */ H("span", {
+					className: "font-normal text-fg-subtle",
+					children: [$.label, ":"]
+				}),
+				/* @__PURE__ */ V(I, {
+					className: "min-w-0 truncate",
+					children: y?.label
+				}),
+				/* @__PURE__ */ V(i, { className: "size-3.5 shrink-0 text-fg-subtle" })
+			]
+		}), /* @__PURE__ */ V(N, {
+			placement: "bottom start",
+			offset: 6,
+			className: n("z-50 w-80 max-w-[calc(100vw-2rem)] origin-(--trigger-anchor-point) overflow-hidden rounded-surface border border-line-subtle bg-surface text-fg shadow-popover outline-none data-entering:animate-pop-in data-exiting:animate-pop-out", p && "dark"),
+			children: /* @__PURE__ */ V("div", {
+				onKeyDownCapture: (e) => {
+					e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), f(!1));
+				},
+				children: c.length > 6 ? /* @__PURE__ */ H(_, {
+					filter: v,
+					children: [/* @__PURE__ */ V(P, {
+						"aria-label": $.search,
+						autoFocus: !0,
+						className: "border-b border-line-subtle",
+						children: /* @__PURE__ */ H("div", {
+							className: "flex items-center gap-2 px-3",
+							children: [/* @__PURE__ */ V(e, { className: "size-4 shrink-0 text-fg-subtle" }), /* @__PURE__ */ V(T, {
+								placeholder: $.search,
+								className: "h-control-md w-full min-w-0 bg-transparent type-body text-fg-emphasis outline-none placeholder:text-fg-subtle [&::-webkit-search-cancel-button]:hidden"
+							})]
+						})
+					}), /* @__PURE__ */ V("div", {
+						role: "region",
+						"aria-label": t,
+						tabIndex: 0,
+						className: "max-h-[min(24rem,60dvh)] overflow-y-auto outline-none focus-visible:focus-ring",
+						children: b
+					})]
+				}) : /* @__PURE__ */ V("div", {
+					className: "max-h-[min(24rem,60dvh)] overflow-y-auto",
+					children: b
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { He as A, Qe as C, J as D, Ze as E, G as F, We as M, Ke as N, Ve as O, Ge as P, Je as S, Xe as T, ut as _, vt as a, Ye as b, ft as c, rt as d, tt as f, at as g, it as h, yt as i, Ue as j, qe as k, dt as l, st as m, wt as n, _t as o, ct as p, Ct as r, mt as s, Tt as t, ot as u, lt as v, $e as w, et as x, X as y };