@tensor_1/react 2.39.0 → 2.40.0

package/dist/index.cjs

@@ -4141,19 +4141,33 @@ function RelatedLinks({ title, items, className, ...props }) {
 }
 
 // src/components/ToggleRow.tsx
+var import_react29 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function ToggleRow({ label, description, checked, onCheckedChange, disabled, accessibleLabel, className, ...props }) {
+  const id = (0, import_react29.useId)();
+  const switchId = `${id}-switch`;
+  const descriptionId = `${id}-description`;
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cx("uix-toggle-row", className), ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uix-toggle-row__copy", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uix-toggle-row__label", children: label }),
-      description != null && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uix-toggle-row__description", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uix-toggle-row__label", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { htmlFor: switchId, children: label }) }),
+      description != null && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uix-toggle-row__description", id: descriptionId, children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Switch, { checked, disabled, "aria-label": accessibleLabel, onChange: (event) => onCheckedChange(event.currentTarget.checked) })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      Switch,
+      {
+        id: switchId,
+        checked,
+        disabled,
+        ...accessibleLabel ? { "aria-label": accessibleLabel } : {},
+        ...description != null ? { "aria-describedby": descriptionId } : {},
+        onChange: (event) => onCheckedChange(event.currentTarget.checked)
+      }
+    )
   ] });
 }
 
 // src/components/CollapsibleSection.tsx
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/components/CollapsibleParts.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -4171,9 +4185,9 @@ function CollapsibleSummary({ title, summary, headingLevel, titleId, summaryRef
 }
 
 // src/components/CollapsibleSectionState.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var useIsomorphicLayoutEffect5 = typeof document !== "undefined" ? import_react29.useLayoutEffect : import_react29.useEffect;
+var useIsomorphicLayoutEffect5 = typeof document !== "undefined" ? import_react30.useLayoutEffect : import_react30.useEffect;
 var STORAGE_PREFIX = "uix:collapsible:";
 var storageOf = (kind) => kind === "local" ? window.localStorage : window.sessionStorage;
 var readStored = (kind, key) => {
@@ -4206,15 +4220,15 @@ function CollapsibleSectionState({
   onToggle,
   ...props
 }) {
-  const ref = (0, import_react29.useRef)(null);
-  const summaryRef = (0, import_react29.useRef)(null);
-  const titleId = (0, import_react29.useId)();
+  const ref = (0, import_react30.useRef)(null);
+  const summaryRef = (0, import_react30.useRef)(null);
+  const titleId = (0, import_react30.useId)();
   const initial = open ?? defaultOpen ?? false;
-  const [isOpen2, setIsOpen] = (0, import_react29.useState)(initial);
-  const [hasOpened, setHasOpened] = (0, import_react29.useState)(initial);
-  const lastOpen = (0, import_react29.useRef)(open);
-  const lastRequest = (0, import_react29.useRef)(openRequest ? void 0 : openRequest);
-  (0, import_react29.useEffect)(() => {
+  const [isOpen2, setIsOpen] = (0, import_react30.useState)(initial);
+  const [hasOpened, setHasOpened] = (0, import_react30.useState)(initial);
+  const lastOpen = (0, import_react30.useRef)(open);
+  const lastRequest = (0, import_react30.useRef)(openRequest ? void 0 : openRequest);
+  (0, import_react30.useEffect)(() => {
     if (!persistKey) return;
     const stored = readStored(persistStorage, persistKey);
     if (stored !== void 0) {
@@ -4222,14 +4236,14 @@ function CollapsibleSectionState({
       if (stored) setHasOpened(true);
     }
   }, [persistKey, persistStorage]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (open === lastOpen.current) return;
     lastOpen.current = open;
     if (open === void 0) return;
     setIsOpen(open);
     if (open) setHasOpened(true);
   }, [open]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (openRequest === void 0 || openRequest === lastRequest.current) return;
     lastRequest.current = openRequest;
     setIsOpen(true);
@@ -4240,7 +4254,7 @@ function CollapsibleSectionState({
       summaryRef.current?.focus({ preventScroll: true });
     });
   }, [openRequest, persistKey, persistStorage]);
-  const renderedOpen = (0, import_react29.useRef)(isOpen2);
+  const renderedOpen = (0, import_react30.useRef)(isOpen2);
   useIsomorphicLayoutEffect5(() => {
     renderedOpen.current = isOpen2;
   }, [isOpen2]);
@@ -4265,7 +4279,7 @@ function CollapsibleSectionState({
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function CollapsibleSection(props) {
   const { title, summary, children, className, lazy, persistKey, persistStorage, openRequest, open, defaultOpen, compact, headingLevel, ...rest } = props;
-  const titleId = (0, import_react30.useId)();
+  const titleId = (0, import_react31.useId)();
   if (lazy || persistKey !== void 0 || openRequest !== void 0) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CollapsibleSectionState, { ...props });
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("details", { className: collapsibleClass(compact, className), ...rest, open: open ?? defaultOpen, children: [
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CollapsibleSummary, { title, summary, headingLevel, titleId }),
@@ -4274,7 +4288,7 @@ function CollapsibleSection(props) {
 }
 
 // src/components/ListRoving.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/roving.ts
 function syncRovingStop(all, stop, next) {
@@ -4294,18 +4308,18 @@ function rovingStep(all, from, key) {
 // src/components/ListRoving.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function RovingList({ children, className, onKeyDown, onFocus, ...props }) {
-  const ref = (0, import_react31.useRef)(null);
-  const stop = (0, import_react31.useRef)({ node: null, index: 0 });
+  const ref = (0, import_react32.useRef)(null);
+  const stop = (0, import_react32.useRef)({ node: null, index: 0 });
   const items = () => Array.from(ref.current?.querySelectorAll(".uix-list__item") ?? []).filter((element) => element.closest(".uix-list") === ref.current);
   const sync = (next) => {
     const all = items();
     for (const element of all) if (!element.hasAttribute("role")) element.setAttribute("role", "listitem");
     stop.current = syncRovingStop(all, stop.current, next);
   };
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     sync();
   });
-  (0, import_react31.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     const list = ref.current;
     if (!list || typeof MutationObserver === "undefined") return;
     const observer = new MutationObserver(() => sync());
@@ -4357,11 +4371,11 @@ function ListItem({ title, meta, trail, leading, children, className, ...props }
 }
 
 // src/components/DescriptionList.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function DescriptionList({ items, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("dl", { className: cx("uix-dl", className), ...props, children: [
-    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react32.Fragment, { children: [
+    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react33.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("dt", { ...item.termProps, children: item.term }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("dd", { ...item.descriptionProps, children: item.description })
     ] }, item.id ?? i)),
@@ -4376,9 +4390,9 @@ function DescriptionItem({ term, children, termProps, descriptionProps }) {
 }
 
 // src/components/Tabs.tsx
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
-var TabsCtx = (0, import_react33.createContext)({});
+var TabsCtx = (0, import_react34.createContext)({});
 var Chevron2 = ({ d }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d }) });
 var inlineOffset = (el, rtl) => rtl ? -el.scrollLeft : el.scrollLeft;
 function Tabs({
@@ -4392,15 +4406,15 @@ function Tabs({
   onKeyDown: onKeyDownProp,
   ...listProps
 }) {
-  const baseId = (0, import_react33.useId)();
-  const listRef = (0, import_react33.useRef)(null);
-  const contextValue = (0, import_react33.useMemo)(() => ({ value, onChange, baseId }), [value, onChange, baseId]);
+  const baseId = (0, import_react34.useId)();
+  const listRef = (0, import_react34.useRef)(null);
+  const contextValue = (0, import_react34.useMemo)(() => ({ value, onChange, baseId }), [value, onChange, baseId]);
   const scroll = overflow === "scroll";
-  const [hidden, setHidden] = (0, import_react33.useState)({ start: false, end: false });
-  const kids = import_react33.Children.toArray(children);
-  const panels = kids.filter((k) => (0, import_react33.isValidElement)(k) && k.type === TabPanel);
-  const tabs = kids.filter((k) => !((0, import_react33.isValidElement)(k) && k.type === TabPanel));
-  (0, import_react33.useEffect)(() => {
+  const [hidden, setHidden] = (0, import_react34.useState)({ start: false, end: false });
+  const kids = import_react34.Children.toArray(children);
+  const panels = kids.filter((k) => (0, import_react34.isValidElement)(k) && k.type === TabPanel);
+  const tabs = kids.filter((k) => !((0, import_react34.isValidElement)(k) && k.type === TabPanel));
+  (0, import_react34.useEffect)(() => {
     const list2 = listRef.current;
     if (!list2) return;
     const all = Array.from(list2.querySelectorAll('[role="tab"]'));
@@ -4408,7 +4422,7 @@ function Tabs({
     const active = enabled.find((t) => t.getAttribute("aria-selected") === "true") ?? enabled[0];
     for (const t of all) t.tabIndex = t === active ? 0 : -1;
   });
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const list2 = listRef.current;
     if (!scroll || !list2) return;
     const measure = () => {
@@ -4429,7 +4443,7 @@ function Tabs({
       observer.disconnect();
     };
   });
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const list2 = listRef.current;
     const tab = list2?.querySelector('[role="tab"][aria-selected="true"]');
     if (!scroll || !list2 || !tab) return;
@@ -4522,7 +4536,7 @@ function Tabs({
   ] });
 }
 function Tab({ value, children, disabled, className, onClick, ...props }) {
-  const ctx = (0, import_react33.useContext)(TabsCtx);
+  const ctx = (0, import_react34.useContext)(TabsCtx);
   const selected = ctx.value === value;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "button",
@@ -4544,7 +4558,7 @@ function Tab({ value, children, disabled, className, onClick, ...props }) {
   );
 }
 function TabPanel({ value, children, keepMounted, ...props }) {
-  const ctx = (0, import_react33.useContext)(TabsCtx);
+  const ctx = (0, import_react34.useContext)(TabsCtx);
   const selected = ctx.value === value;
   if (!selected && !keepMounted) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -4562,7 +4576,7 @@ function TabPanel({ value, children, keepMounted, ...props }) {
 }
 
 // src/components/AppShell.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function AppShell({
   nav,
@@ -4583,7 +4597,7 @@ function AppShell({
   const skipToContentLabel = skipToContentLabelProp ?? uixLabels.appShell?.skipToContent ?? "Skip to content";
   const exitFocusLabel = exitFocusLabelProp ?? uixLabels.appShell?.exitFocus ?? "Esc \xB7 Exit focus";
   const navState = nav ?? (collapsed ? "rail" : "full");
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (!focus || !onExitFocus) return;
     const onKey = (e) => {
       if (e.key === "Escape") onExitFocus();
@@ -4611,7 +4625,7 @@ function AppShell({
 }
 
 // src/components/Sidebar.tsx
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var ChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { className: "uix-navgroup__chevron", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M2 4l4 4 4-4" }) });
 function Sidebar({ collapsed, nav, onToggle, brand, toggleIcon, children, expandLabel: expandLabelProp, collapseLabel: collapseLabelProp, className, ...props }) {
@@ -4677,12 +4691,12 @@ function NavItem({ icon, badge, active, as: Tag = "a", description, children, cl
   );
 }
 function NavGroup({ icon, label, children, defaultExpanded = true, expanded: controlledExpanded, onExpandedChange }) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react35.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react36.useState)(defaultExpanded);
   const expanded = controlledExpanded ?? internalExpanded;
-  const panelId = (0, import_react35.useId)();
-  const triggerRef = (0, import_react35.useRef)(null);
-  const panelRef = (0, import_react35.useRef)(null);
-  (0, import_react35.useEffect)(() => {
+  const panelId = (0, import_react36.useId)();
+  const triggerRef = (0, import_react36.useRef)(null);
+  const panelRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
     panelRef.current?.toggleAttribute("inert", !expanded);
     if (!expanded && panelRef.current?.contains(document.activeElement)) triggerRef.current?.focus();
   }, [expanded]);
@@ -4761,7 +4775,7 @@ function StarButton({
 }
 
 // src/components/CopyButton.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 
 // src/copy-model.ts
 async function copyText(value, clipboard = globalThis.navigator?.clipboard) {
@@ -4783,11 +4797,11 @@ var CopyGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { vi
 ] });
 var CheckGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
 function CopyButton({ value, label, copiedLabel, failedLabel, className }) {
-  const [outcome, setOutcome] = (0, import_react36.useState)("idle");
+  const [outcome, setOutcome] = (0, import_react37.useState)("idle");
   const copied = outcome === "copied";
-  const timer = (0, import_react36.useRef)(void 0);
-  const mounted = (0, import_react36.useRef)(true);
-  (0, import_react36.useEffect)(() => {
+  const timer = (0, import_react37.useRef)(void 0);
+  const mounted = (0, import_react37.useRef)(true);
+  (0, import_react37.useEffect)(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -4822,7 +4836,7 @@ function CopyButton({ value, label, copiedLabel, failedLabel, className }) {
 }
 
 // src/components/NavFavourites.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var ChevronDownIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   "svg",
@@ -4885,14 +4899,14 @@ function NavFavourites({
   emptyReason,
   className
 }) {
-  const regionId = (0, import_react37.useId)();
-  const headerRef = (0, import_react37.useRef)(null);
-  const regionRef = (0, import_react37.useRef)(null);
-  const [announcement, setAnnouncement] = (0, import_react37.useState)("");
-  const focusAfterRef = (0, import_react37.useRef)(null);
-  const triggerRefs = (0, import_react37.useRef)(/* @__PURE__ */ new Map());
-  const order = (0, import_react37.useMemo)(() => items.map((item) => item.id), [items]);
-  (0, import_react37.useEffect)(() => {
+  const regionId = (0, import_react38.useId)();
+  const headerRef = (0, import_react38.useRef)(null);
+  const regionRef = (0, import_react38.useRef)(null);
+  const [announcement, setAnnouncement] = (0, import_react38.useState)("");
+  const focusAfterRef = (0, import_react38.useRef)(null);
+  const triggerRefs = (0, import_react38.useRef)(/* @__PURE__ */ new Map());
+  const order = (0, import_react38.useMemo)(() => items.map((item) => item.id), [items]);
+  (0, import_react38.useEffect)(() => {
     const id = focusAfterRef.current;
     if (!id) return;
     focusAfterRef.current = null;
@@ -4909,7 +4923,7 @@ function NavFavourites({
     }
     onToggleCollapsed?.();
   };
-  const move = (0, import_react37.useCallback)((id, dir) => {
+  const move = (0, import_react38.useCallback)((id, dir) => {
     const idx = order.indexOf(id);
     const next = idx + dir;
     if (idx < 0 || next < 0 || next >= order.length) return;
@@ -4922,13 +4936,13 @@ function NavFavourites({
     if (moved) setAnnouncement(`${moved.label} moved to position ${next + 1} of ${order.length}`);
     onReorder(reordered);
   }, [onReorder, order]);
-  const remove = (0, import_react37.useCallback)((id) => {
+  const remove = (0, import_react38.useCallback)((id) => {
     const idx = order.indexOf(id);
     const neighbour = order[idx + 1] ?? order[idx - 1] ?? null;
     focusAfterRef.current = neighbour;
     onRemove(id);
   }, [onRemove, order]);
-  const registerTrigger = (0, import_react37.useCallback)((id, element) => {
+  const registerTrigger = (0, import_react38.useCallback)((id, element) => {
     if (element) triggerRefs.current.set(id, element);
     else triggerRefs.current.delete(id);
   }, []);
@@ -4980,7 +4994,7 @@ function NavFavourites({
     )
   ] });
 }
-var FavouriteRow = (0, import_react37.memo)(function FavouriteRow2({
+var FavouriteRow = (0, import_react38.memo)(function FavouriteRow2({
   item,
   isFirst,
   isLast,
@@ -4989,17 +5003,17 @@ var FavouriteRow = (0, import_react37.memo)(function FavouriteRow2({
   onRemove,
   registerTrigger
 }) {
-  const [open, setOpen] = (0, import_react37.useState)(false);
-  const menuId = (0, import_react37.useId)();
-  const triggerRef = (0, import_react37.useRef)(null);
-  const itemRefs = (0, import_react37.useRef)([]);
+  const [open, setOpen] = (0, import_react38.useState)(false);
+  const menuId = (0, import_react38.useId)();
+  const triggerRef = (0, import_react38.useRef)(null);
+  const itemRefs = (0, import_react38.useRef)([]);
   const optionsTemplate = labels.options ?? "{label} favourite options";
   const actions = [
     ...isFirst ? [] : [{ label: labels.moveUp, onSelect: () => onMove(item.id, -1) }],
     ...isLast ? [] : [{ label: labels.moveDown, onSelect: () => onMove(item.id, 1) }],
     { label: labels.remove.replace("{label}", item.label), onSelect: () => onRemove(item.id) }
   ];
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (open) itemRefs.current[0]?.focus();
   }, [open]);
   const closeAndReturnFocus = () => {
@@ -5109,7 +5123,7 @@ var FavouriteRow = (0, import_react37.memo)(function FavouriteRow2({
 });
 
 // src/components/FileUpload.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/file-model.ts
 var UNITS = ["B", "KB", "MB", "GB", "TB"];
@@ -5235,11 +5249,11 @@ function FileUpload({
 }) {
   const labels = { ...DEFAULT_FILE_UPLOAD_LABELS, ...useUixLabels().fileUpload, ...labelOverrides };
   const sizeText = (bytes) => formatSize ? formatSize(bytes, locale) : formatFileSize(bytes, locale, { base: sizeBase });
-  const id = (0, import_react38.useId)();
-  const inputRef = (0, import_react38.useRef)(null);
-  const [over, setOver] = (0, import_react38.useState)(false);
-  const [messages, setMessages] = (0, import_react38.useState)([]);
-  const [announce, setAnnounce] = (0, import_react38.useState)("");
+  const id = (0, import_react39.useId)();
+  const inputRef = (0, import_react39.useRef)(null);
+  const [over, setOver] = (0, import_react39.useState)(false);
+  const [messages, setMessages] = (0, import_react39.useState)([]);
+  const [announce, setAnnounce] = (0, import_react39.useState)("");
   const take = (list) => {
     if (!list || disabled) return;
     const files = Array.from(list);
@@ -5409,7 +5423,7 @@ function AttachmentList({ label, className, children, ...props }) {
 }
 
 // src/components/Alert.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/components/AlertDismiss.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -5420,7 +5434,7 @@ function AlertDismissButton({ label, onDismiss }) {
 
 // src/components/Alert.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
-var Alert = (0, import_react39.forwardRef)(function Alert2({ tone, title, icon, children, actions, onDismiss, dismissLabel, className, ...props }, ref) {
+var Alert = (0, import_react40.forwardRef)(function Alert2({ tone, title, icon, children, actions, onDismiss, dismissLabel, className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
@@ -5467,7 +5481,7 @@ function LiveIndicator({ state = "live", children, className, ...props }) {
 }
 
 // src/components/Toast.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 
 // src/toast-store.ts
 var DEFAULT_DURATION = {
@@ -5577,14 +5591,14 @@ var toast = createToastApi(createToastStore());
 
 // src/components/Toast.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var ToasterContext = (0, import_react40.createContext)(null);
+var ToasterContext = (0, import_react41.createContext)(null);
 function Toast({ title, message, tone, icon, action, onClose, leaving, dismissLabel: dismissLabelProp, className, ...props }) {
   const uixLabels = useUixLabels();
   const dismissLabel = dismissLabelProp ?? uixLabels.toast?.dismiss ?? "Dismiss";
   const assertive = tone === "danger";
-  const toaster = (0, import_react40.useContext)(ToasterContext);
-  const bodyRef = (0, import_react40.useRef)(null);
-  (0, import_react40.useEffect)(() => {
+  const toaster = (0, import_react41.useContext)(ToasterContext);
+  const bodyRef = (0, import_react41.useRef)(null);
+  (0, import_react41.useEffect)(() => {
     if (assertive || !toaster) return;
     const text = bodyRef.current?.textContent?.trim();
     if (text) toaster.announce(text);
@@ -5679,8 +5693,8 @@ function StoreToast({ record, store }) {
   );
 }
 function useToastTimers(store, visible, paused) {
-  const timers = (0, import_react40.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react40.useEffect)(() => {
+  const timers = (0, import_react41.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react41.useEffect)(() => {
     const now = Date.now();
     const map = timers.current;
     const live = new Map(visible.filter((r) => !r.leaving && r.duration != null).map((r) => [r.id, r]));
@@ -5710,7 +5724,7 @@ function useToastTimers(store, visible, paused) {
       }
     }
   });
-  (0, import_react40.useEffect)(() => () => {
+  (0, import_react41.useEffect)(() => () => {
     for (const timer of timers.current.values()) if (timer.handle != null) clearTimeout(timer.handle);
     timers.current.clear();
   }, []);
@@ -5718,23 +5732,23 @@ function useToastTimers(store, visible, paused) {
 function Toaster({ children, regionLabel: regionLabelProp, store = toast.store, limit = 3, position = "bottom-end", className, onMouseEnter, onMouseLeave, onFocus, onBlur, onKeyDown, ...props }) {
   const uixLabels = useUixLabels();
   const regionLabel = regionLabelProp ?? uixLabels.toaster?.region ?? "Notifications";
-  const [announced, setAnnounced] = (0, import_react40.useState)("");
-  const clearTimer = (0, import_react40.useRef)(null);
-  const announce = (0, import_react40.useCallback)((text) => {
+  const [announced, setAnnounced] = (0, import_react41.useState)("");
+  const clearTimer = (0, import_react41.useRef)(null);
+  const announce = (0, import_react41.useCallback)((text) => {
     setAnnounced((cur) => cur ? `${cur} ${text}` : text);
     if (clearTimer.current != null) clearTimeout(clearTimer.current);
     clearTimer.current = window.setTimeout(() => setAnnounced(""), 3e3);
   }, []);
-  (0, import_react40.useEffect)(() => () => {
+  (0, import_react41.useEffect)(() => () => {
     if (clearTimer.current != null) clearTimeout(clearTimer.current);
   }, []);
-  const ctx = (0, import_react40.useMemo)(() => ({ announce }), [announce]);
-  const records = (0, import_react40.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
-  const visible = (0, import_react40.useMemo)(() => records.slice(-Math.max(1, limit)), [records, limit]);
-  const [hovered, setHovered] = (0, import_react40.useState)(false);
-  const [focused, setFocused] = (0, import_react40.useState)(false);
-  const [hidden, setHidden] = (0, import_react40.useState)(false);
-  (0, import_react40.useEffect)(() => {
+  const ctx = (0, import_react41.useMemo)(() => ({ announce }), [announce]);
+  const records = (0, import_react41.useSyncExternalStore)(store.subscribe, store.getSnapshot, store.getSnapshot);
+  const visible = (0, import_react41.useMemo)(() => records.slice(-Math.max(1, limit)), [records, limit]);
+  const [hovered, setHovered] = (0, import_react41.useState)(false);
+  const [focused, setFocused] = (0, import_react41.useState)(false);
+  const [hidden, setHidden] = (0, import_react41.useState)(false);
+  (0, import_react41.useEffect)(() => {
     const sync = () => setHidden(document.visibilityState === "hidden");
     sync();
     document.addEventListener("visibilitychange", sync);
@@ -5785,9 +5799,9 @@ function Toaster({ children, regionLabel: regionLabelProp, store = toast.store,
 }
 
 // src/components/Table.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var TableWrap = (0, import_react41.forwardRef)(function TableWrap2({ announcement, children, className, ...props }, ref) {
+var TableWrap = (0, import_react42.forwardRef)(function TableWrap2({ announcement, children, className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ref, className: cx("uix-table-wrap", className), ...props, children: [
     announcement != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { role: "status", className: "uix-visually-hidden", children: announcement }),
     children
@@ -5894,7 +5908,7 @@ function Highlighted({ text, query }) {
 }
 
 // src/components/Pagination.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function getPageNumbers(page, total) {
   if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
@@ -5936,7 +5950,7 @@ function Pagination({
   const labels = { ...DEFAULT_PAGINATION_LABELS, ...labelOverrides };
   const render = ({ key, content, label, current, disabled, href, onClick }) => {
     if (href != null && !disabled) {
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react42.Fragment, { children: renderUixLink(renderLink, {
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react43.Fragment, { children: renderUixLink(renderLink, {
         href,
         className: "uix-pagination__btn",
         "aria-label": label,
@@ -6023,11 +6037,11 @@ function Meter({ value = 0, tone, label, toneLabels, className, ...props }) {
 }
 
 // src/components/Stat.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var Chevron3 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "uix-stat__chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "m6 9 6 6 6-6" }) }) });
-var Stat = (0, import_react43.forwardRef)(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, trendLabels, haspopup = "dialog", href, current, renderLink, className, onClick, onKeyDown, pending = false, ...props }, ref) {
-  const id = (0, import_react43.useId)();
+var Stat = (0, import_react44.forwardRef)(function Stat2({ label, value, icon, meta, trend, tone = "neutral", size = "hero", onActivate, activateLabel, expanded, trendLabels, haspopup = "dialog", href, current, renderLink, className, onClick, onKeyDown, pending = false, ...props }, ref) {
+  const id = (0, import_react44.useId)();
   const interactive = onActivate != null;
   const linked = !interactive && href != null;
   const classes = cx(
@@ -6290,7 +6304,7 @@ function predictionBand(fit, xs, level = 0.8) {
 }
 
 // src/components/Chip.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/components/ChipRemove.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
@@ -6302,7 +6316,7 @@ function ChipRemoveButton({ label, text, disabled, onRemove }) {
 
 // src/components/Chip.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var Chip = (0, import_react44.forwardRef)(function Chip2({
+var Chip = (0, import_react45.forwardRef)(function Chip2({
   children,
   icon,
   count: count2,
@@ -6392,7 +6406,7 @@ function ChipGroup({ label, children, className, ...props }) {
 }
 
 // src/components/Kbd.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function Kbd({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("kbd", { className: cx("uix-kbd", className), ...props, children });
@@ -6417,8 +6431,8 @@ var detectPlatform = () => {
   return /mac|iphone|ipad|ipod/i.test(nav.userAgentData?.platform ?? navigator.platform ?? "") ? "mac" : "other";
 };
 function KbdCombo({ keys, platform, keyLabels, className, ...props }) {
-  const [detected, setDetected] = (0, import_react45.useState)("other");
-  (0, import_react45.useEffect)(() => {
+  const [detected, setDetected] = (0, import_react46.useState)("other");
+  (0, import_react46.useEffect)(() => {
     if (!platform) setDetected(detectPlatform());
   }, [platform]);
   const active = platform ?? detected;
@@ -6433,7 +6447,7 @@ function KbdCombo({ keys, platform, keyLabels, className, ...props }) {
 }
 
 // src/components/Steps.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var DEFAULT_STEP_STATE_LABELS = {
   complete: "Completed",
@@ -6446,9 +6460,9 @@ var CSS_STATE = { complete: "done", current: "active", upcoming: void 0, waiting
 var Check = () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: 2.25, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M3.5 8.5l3 3 6-7" }) });
 function Steps({ orientation = "horizontal", progress = true, headingLevel, label, stateLabels, className, children, ...props }) {
   const labels = { ...DEFAULT_STEP_STATE_LABELS, ...stateLabels };
-  const steps = import_react46.Children.toArray(children).filter(import_react46.isValidElement);
+  const steps = import_react47.Children.toArray(children).filter(import_react47.isValidElement);
   const direction = progress ? orientation : "vertical";
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ol", { "aria-label": label, className: cx("uix-steps", "uix-steps--list", `uix-steps--${direction}`, !progress && "uix-steps--sections", className), ...props, children: steps.map((step, index) => (0, import_react46.cloneElement)(step, { index, last: index === steps.length - 1, stateLabels: labels, progress, headingLevel })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("ol", { "aria-label": label, className: cx("uix-steps", "uix-steps--list", `uix-steps--${direction}`, !progress && "uix-steps--sections", className), ...props, children: steps.map((step, index) => (0, import_react47.cloneElement)(step, { index, last: index === steps.length - 1, stateLabels: labels, progress, headingLevel })) });
 }
 function Step({
   title,
@@ -6467,7 +6481,7 @@ function Step({
   className,
   ...props
 }) {
-  const titleId = (0, import_react46.useId)();
+  const titleId = (0, import_react47.useId)();
   const glyph = marker ?? (!progress ? index + 1 : state === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Check, {}) : state === "error" ? "!" : index + 1);
   const Title = headingLevel ? `h${headingLevel}` : "span";
   const name = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
@@ -6500,14 +6514,14 @@ function Step({
 }
 
 // src/components/Tooltip.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function Tooltip({ label, content, placement = "top", className, children, ...props }) {
-  const triggerRef = (0, import_react47.useRef)(null);
-  const bubbleRef = (0, import_react47.useRef)(null);
-  const closeTimer = (0, import_react47.useRef)(null);
-  const [open, setOpen] = (0, import_react47.useState)(false);
-  const id = (0, import_react47.useId)();
+  const triggerRef = (0, import_react48.useRef)(null);
+  const bubbleRef = (0, import_react48.useRef)(null);
+  const closeTimer = (0, import_react48.useRef)(null);
+  const [open, setOpen] = (0, import_react48.useState)(false);
+  const id = (0, import_react48.useId)();
   useAnchoredPosition(triggerRef, bubbleRef, { open, placement, offset: 6 });
   const cancelClose = () => {
     if (closeTimer.current != null) {
@@ -6541,7 +6555,7 @@ function Tooltip({ label, content, placement = "top", className, children, ...pr
     cancelClose();
     closeTimer.current = window.setTimeout(hide, 100);
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") hide();
@@ -6549,7 +6563,7 @@ function Tooltip({ label, content, placement = "top", className, children, ...pr
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  (0, import_react47.useEffect)(() => () => {
+  (0, import_react48.useEffect)(() => () => {
     if (closeTimer.current != null) clearTimeout(closeTimer.current);
     const b = bubbleRef.current;
     if (b && b.matches(":popover-open")) {
@@ -6560,8 +6574,8 @@ function Tooltip({ label, content, placement = "top", className, children, ...pr
     }
   }, []);
   const bubbleAttr = { popover: "manual" };
-  const single = (0, import_react47.isValidElement)(children);
-  const child = single ? (0, import_react47.cloneElement)(children, {
+  const single = (0, import_react48.isValidElement)(children);
+  const child = single ? (0, import_react48.cloneElement)(children, {
     "aria-describedby": [children.props["aria-describedby"], id].filter(Boolean).join(" ")
   }) : children;
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
@@ -6663,7 +6677,7 @@ function LoadingState({ rows = 3, density = "comfortable", label, className, ...
 }
 
 // src/components/RelativeTime.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/relative-time-model.ts
 function parseDateValue(value) {
@@ -6726,12 +6740,12 @@ function RelativeTime({
 }) {
   const interval = refreshInterval === false ? 0 : Math.max(0, refreshInterval);
   const fixedNow = now == null ? void 0 : new Date(now).getTime();
-  const subscribe = (0, import_react48.useCallback)((listener) => fixedNow == null ? subscribeRelativeClock(interval, listener) : () => {
+  const subscribe = (0, import_react49.useCallback)((listener) => fixedNow == null ? subscribeRelativeClock(interval, listener) : () => {
   }, [fixedNow, interval]);
-  const getSnapshot = (0, import_react48.useCallback)(() => fixedNow ?? readRelativeClock(interval), [fixedNow, interval]);
-  const getServerSnapshot = (0, import_react48.useCallback)(() => fixedNow ?? Date.now(), [fixedNow]);
-  const clock = (0, import_react48.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
-  const date = (0, import_react48.useMemo)(() => parseDateValue(value), [value]);
+  const getSnapshot = (0, import_react49.useCallback)(() => fixedNow ?? readRelativeClock(interval), [fixedNow, interval]);
+  const getServerSnapshot = (0, import_react49.useCallback)(() => fixedNow ?? Date.now(), [fixedNow]);
+  const clock = (0, import_react49.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  const date = (0, import_react49.useMemo)(() => parseDateValue(value), [value]);
   if (!date) return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("time", { "data-invalid": "true", suppressHydrationWarning: true, ...props, children: invalidLabel });
   const current = new Date(clock);
   const content = formatter ? formatter({ date, now: current, locale, timeZone }) : (() => {
@@ -6838,14 +6852,15 @@ function Comment({
 }) {
   const system = variant === "system";
   const byline = author ?? (system ? systemLabel : void 0);
+  const bare = avatar === false;
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
-      className: cx("uix-comment", system && "uix-comment--system", className),
+      className: cx("uix-comment", system && "uix-comment--system", bare && "uix-comment--bare", className),
       "data-variant": system ? "system" : void 0,
       ...props,
       children: [
-        avatar ?? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "aria-hidden": "true" }),
+        bare ? null : avatar ?? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { "aria-hidden": "true" }),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "uix-comment__body", children: [
           (byline != null || meta != null) && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "uix-comment__meta", children: [
             byline != null && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "uix-comment__author", children: byline }),
@@ -6882,13 +6897,13 @@ function SaveStatus({ state, labels, onRetry, className, ...props }) {
 }
 
 // src/components/Composer.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function Composer({ children, className, label = "Add a comment", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react49.Children.map(children, (child) => {
-    if (!(0, import_react49.isValidElement)(child) || child.type !== "textarea") return child;
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cx("uix-composer", className), ...props, children: import_react50.Children.map(children, (child) => {
+    if (!(0, import_react50.isValidElement)(child) || child.type !== "textarea") return child;
     const p = child.props;
-    return p["aria-label"] || p["aria-labelledby"] || p.id ? child : (0, import_react49.cloneElement)(child, { "aria-label": label });
+    return p["aria-label"] || p["aria-labelledby"] || p.id ? child : (0, import_react50.cloneElement)(child, { "aria-label": label });
   }) });
 }
 function ComposerBar({ children, className, ...props }) {
@@ -6896,14 +6911,14 @@ function ComposerBar({ children, className, ...props }) {
 }
 
 // src/components/Segmented.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var SegmentedCtx = (0, import_react50.createContext)({});
+var SegmentedCtx = (0, import_react51.createContext)({});
 var OPTION = ".uix-segmented__option";
 function Segmented({ value, onChange, selection = "toggle", children, className, onKeyDown, ...props }) {
-  const ref = (0, import_react50.useRef)(null);
-  const contextValue = (0, import_react50.useMemo)(() => ({ value, onChange, selection }), [value, onChange, selection]);
-  (0, import_react50.useEffect)(() => {
+  const ref = (0, import_react51.useRef)(null);
+  const contextValue = (0, import_react51.useMemo)(() => ({ value, onChange, selection }), [value, onChange, selection]);
+  (0, import_react51.useEffect)(() => {
     const group = ref.current;
     if (!group) return;
     const all = Array.from(group.querySelectorAll(OPTION));
@@ -6960,7 +6975,7 @@ function SegmentedOption({
   onClick,
   ...props
 }) {
-  const ctx = (0, import_react50.useContext)(SegmentedCtx);
+  const ctx = (0, import_react51.useContext)(SegmentedCtx);
   const selected = ctx.value === value;
   const radio = ctx.selection === "radio";
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
@@ -6983,7 +6998,7 @@ function SegmentedOption({
 }
 
 // src/components/TableControls.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 
 // src/components/EditorIcons.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -7059,11 +7074,11 @@ var isPopoverOpen2 = (el) => {
   }
 };
 function ColumnRowMenu({ label, actions, triggerRef }) {
-  const [open, setOpen] = (0, import_react51.useState)(false);
-  const menuId = (0, import_react51.useId)();
-  const button = (0, import_react51.useRef)(null);
-  const items = (0, import_react51.useRef)([]);
-  const wasOpenAtPress = (0, import_react51.useRef)(false);
+  const [open, setOpen] = (0, import_react52.useState)(false);
+  const menuId = (0, import_react52.useId)();
+  const button = (0, import_react52.useRef)(null);
+  const items = (0, import_react52.useRef)([]);
+  const wasOpenAtPress = (0, import_react52.useRef)(false);
   const enabled = () => items.current.filter((el) => !!el && !el.disabled);
   const close = (returnFocus) => {
     const el = document.getElementById(menuId);
@@ -7071,7 +7086,7 @@ function ColumnRowMenu({ label, actions, triggerRef }) {
     setOpen(false);
     if (returnFocus) button.current?.focus();
   };
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!open) return;
     const el = document.getElementById(menuId);
     if (el && typeof el.showPopover === "function" && !isPopoverOpen2(el)) {
@@ -7174,25 +7189,25 @@ function ViewMenu({
   footer,
   className
 }) {
-  const baseId = (0, import_react51.useId)();
+  const baseId = (0, import_react52.useId)();
   const densityLabelId = `${baseId}-density`;
   const zebraLabelId = `${baseId}-zebra`;
   const freezeLabelId = `${baseId}-freeze`;
   const columnsLabelId = `${baseId}-columns`;
   const labels = { ...VIEW_MENU_COLUMN_LABELS, ...columnLabels };
   const list = columns ?? [];
-  const [draft, setDraft] = (0, import_react51.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react51.useState)("");
-  const dragStart = (0, import_react51.useRef)(null);
-  const listRef = (0, import_react51.useRef)(null);
-  const triggers = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
-  const refocus = (0, import_react51.useRef)(null);
+  const [draft, setDraft] = (0, import_react52.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react52.useState)("");
+  const dragStart = (0, import_react52.useRef)(null);
+  const listRef = (0, import_react52.useRef)(null);
+  const triggers = (0, import_react52.useRef)(/* @__PURE__ */ new Map());
+  const refocus = (0, import_react52.useRef)(null);
   const orderKey = JSON.stringify(list.map((column) => column.id));
-  (0, import_react51.useEffect)(() => setDraft(null), [orderKey]);
+  (0, import_react52.useEffect)(() => setDraft(null), [orderKey]);
   const order = draft ?? list.map((column) => column.id);
   const byId = new Map(list.map((column) => [column.id, column]));
   const ordered = order.map((id) => byId.get(id)).filter((column) => !!column);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const target = refocus.current;
     refocus.current = null;
     if (!target) return;
@@ -7314,7 +7329,7 @@ function ViewMenu({
   ] });
 }
 function FilterPopover({ label, type = "text", value, onValueChange, options, applyLabel, clearLabel, onApply, onClear, placeholder }) {
-  const controlId = (0, import_react51.useId)();
+  const controlId = (0, import_react52.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-filter-popover", children: [
     /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "uix-field", children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("label", { className: "uix-field__label", htmlFor: controlId, children: label }),
@@ -7337,11 +7352,11 @@ function dropIndex(rows, dragged, clientY) {
   return index;
 }
 function useRowDrag(rowSelector, handlers) {
-  const [dragging, setDragging] = (0, import_react51.useState)(null);
-  const drag = (0, import_react51.useRef)(null);
-  const latest = (0, import_react51.useRef)(handlers);
+  const [dragging, setDragging] = (0, import_react52.useState)(null);
+  const drag = (0, import_react52.useRef)(null);
+  const latest = (0, import_react52.useRef)(handlers);
   latest.current = handlers;
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!dragging) return;
     const move = (event) => {
       const current = drag.current;
@@ -7381,13 +7396,13 @@ function placeId(ids, id, index) {
   return next;
 }
 function SavedViewMenu({ items, sections, onSelect, onPinChange, pinLabel, unpinLabel, onReorder, reorderLabel, emptyLabel, actions, footer }) {
-  const baseId = (0, import_react51.useId)();
+  const baseId = (0, import_react52.useId)();
   const groups = sections ?? [{ id: void 0, items: items ?? [] }];
-  const [draft, setDraft] = (0, import_react51.useState)(null);
-  const dragStart = (0, import_react51.useRef)(null);
-  const dragGroup = (0, import_react51.useRef)(void 0);
+  const [draft, setDraft] = (0, import_react52.useState)(null);
+  const dragStart = (0, import_react52.useRef)(null);
+  const dragGroup = (0, import_react52.useRef)(void 0);
   const orderKey = JSON.stringify(groups.map((group) => [group.id, group.items.map((item) => item.id)]));
-  (0, import_react51.useEffect)(() => setDraft(null), [orderKey]);
+  (0, import_react52.useEffect)(() => setDraft(null), [orderKey]);
   const orderOf = (group) => draft && draft.group === group.id ? draft.ids : group.items.map((item) => item.id);
   const move = (group, id, delta) => {
     const current = orderOf(group);
@@ -7464,7 +7479,7 @@ function SavedViewMenu({ items, sections, onSelect, onPinChange, pinLabel, unpin
 }
 
 // src/components/FilterEditor.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 
 // src/filter-model.ts
 var DEFAULT_FILTER_SUMMARY_LABELS = {
@@ -7608,7 +7623,7 @@ function FilterEditor({ field, value: valueProp, onValueChange, onApply, onClear
     ...labelOverrides,
     operators: { ...DEFAULT_FILTER_EDITOR_LABELS.operators, ...provided?.operators, ...labelOverrides?.operators }
   };
-  const id = (0, import_react52.useId)();
+  const id = (0, import_react53.useId)();
   const value = valueProp?.kind === field.kind ? valueProp : emptyFilterValue(field.kind);
   let body = null;
   switch (value.kind) {
@@ -7674,9 +7689,9 @@ function FilterEditor({ field, value: valueProp, onValueChange, onApply, onClear
   ] });
 }
 function EnumBody({ field, value, onChange, labels, threshold }) {
-  const [query, setQuery] = (0, import_react52.useState)("");
+  const [query, setQuery] = (0, import_react53.useState)("");
   const options = field.options ?? [];
-  const shown = (0, import_react52.useMemo)(() => {
+  const shown = (0, import_react53.useMemo)(() => {
     const q = foldForSearch(query.trim()).text;
     return q ? options.filter((o) => foldForSearch(o.label).text.includes(q)) : options;
   }, [options, query]);
@@ -7696,11 +7711,11 @@ function EnumBody({ field, value, onChange, labels, threshold }) {
   ] });
 }
 function ReferenceBody({ field, value, onChange, labels, delay }) {
-  const [query, setQuery] = (0, import_react52.useState)("");
-  const [state, setState] = (0, import_react52.useState)({ status: "idle", results: [] });
-  const [attempt, setAttempt] = (0, import_react52.useState)(0);
-  const latest = (0, import_react52.useRef)(0);
-  (0, import_react52.useEffect)(() => {
+  const [query, setQuery] = (0, import_react53.useState)("");
+  const [state, setState] = (0, import_react53.useState)({ status: "idle", results: [] });
+  const [attempt, setAttempt] = (0, import_react53.useState)(0);
+  const latest = (0, import_react53.useRef)(0);
+  (0, import_react53.useEffect)(() => {
     if (!field.onSearch) return;
     const run = ++latest.current;
     const timer = window.setTimeout(() => {
@@ -7753,10 +7768,10 @@ function TimelineItem({ node, meta, children, className, ...props }) {
 }
 
 // src/components/Pipeline.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function Pipeline({ detailed = false, children, className, tabIndex, ...props }) {
-  const stages = detailed ? import_react53.Children.map(children, (child) => (0, import_react53.isValidElement)(child) && child.type === PipelineStage ? (0, import_react53.cloneElement)(child, { detailed: child.props.detailed ?? true }) : child) : children;
+  const stages = detailed ? import_react54.Children.map(children, (child) => (0, import_react54.isValidElement)(child) && child.type === PipelineStage ? (0, import_react54.cloneElement)(child, { detailed: child.props.detailed ?? true }) : child) : children;
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "ol",
     {
@@ -7872,10 +7887,10 @@ function Note({ tone, icon, children, className, ...props }) {
 }
 
 // src/components/Menu.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
-var MenuContext = (0, import_react54.createContext)(null);
-var MenuRadioContext = (0, import_react54.createContext)(null);
+var MenuContext = (0, import_react55.createContext)(null);
+var MenuRadioContext = (0, import_react55.createContext)(null);
 var ITEM = '[role^="menuitem"]:not([aria-disabled="true"])';
 var itemAttributes = (rest) => {
   const out = {};
@@ -7883,14 +7898,14 @@ var itemAttributes = (rest) => {
   return out;
 };
 function Menu({ trigger, children, open: controlledOpen, defaultOpen = false, onOpenChange, label, placement = "bottom-start", className }) {
-  const id = (0, import_react54.useId)();
+  const id = (0, import_react55.useId)();
   const menuId = `${id}-menu`;
   const triggerId = `${id}-trigger`;
-  const triggerRef = (0, import_react54.useRef)(null);
-  const [internalOpen, setInternalOpen] = (0, import_react54.useState)(defaultOpen);
+  const triggerRef = (0, import_react55.useRef)(null);
+  const [internalOpen, setInternalOpen] = (0, import_react55.useState)(defaultOpen);
   const open = controlledOpen ?? internalOpen;
-  const focusOnOpen = (0, import_react54.useRef)("first");
-  const typeahead2 = (0, import_react54.useRef)({ text: "", at: 0 });
+  const focusOnOpen = (0, import_react55.useRef)("first");
+  const typeahead2 = (0, import_react55.useRef)({ text: "", at: 0 });
   const setOpen = (next) => {
     if (controlledOpen === void 0) setInternalOpen(next);
     onOpenChange?.(next);
@@ -7901,7 +7916,7 @@ function Menu({ trigger, children, open: controlledOpen, defaultOpen = false, on
     setOpen(false);
     if (refocus) triggerRef.current?.focus();
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     const el = menu();
     if (!el) return;
     const shown = () => {
@@ -7961,8 +7976,8 @@ function Menu({ trigger, children, open: controlledOpen, defaultOpen = false, on
       order.find((item) => (item.textContent ?? "").trim().toLowerCase().startsWith(typeahead2.current.text))?.focus();
     }
   };
-  const triggerProps = (0, import_react54.isValidElement)(trigger) ? trigger.props : {};
-  const triggerElement = (0, import_react54.isValidElement)(trigger) ? (0, import_react54.cloneElement)(trigger, {
+  const triggerProps = (0, import_react55.isValidElement)(trigger) ? trigger.props : {};
+  const triggerElement = (0, import_react55.isValidElement)(trigger) ? (0, import_react55.cloneElement)(trigger, {
     ref: (node) => {
       triggerRef.current = node;
     },
@@ -8016,7 +8031,7 @@ function Menu({ trigger, children, open: controlledOpen, defaultOpen = false, on
   ] });
 }
 function MenuItem({ children, onSelect, href, renderLink, icon, shortcut, tone = "default", disabled, className, ...rest }) {
-  const menu = (0, import_react54.useContext)(MenuContext);
+  const menu = (0, import_react55.useContext)(MenuContext);
   const classes = cx("uix-menu__item", tone === "danger" && "uix-menu__item--danger", className);
   const attributes = itemAttributes(rest);
   const body = /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
@@ -8057,7 +8072,7 @@ function CheckableItem({
   className,
   ...rest
 }) {
-  const menu = (0, import_react54.useContext)(MenuContext);
+  const menu = (0, import_react55.useContext)(MenuContext);
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "button",
     {
@@ -8091,14 +8106,14 @@ function CheckableItem({
   );
 }
 function MenuRadioGroup({ value, onValueChange, label, "aria-label": ariaLabel, children }) {
-  const id = (0, import_react54.useId)();
+  const id = (0, import_react55.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MenuRadioContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { role: "group", "aria-labelledby": label != null ? id : void 0, "aria-label": label != null ? void 0 : ariaLabel, children: [
     label != null && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { id, className: "uix-menu__label", children: label }),
     children
   ] }) });
 }
 function MenuItemRadio({ value, checked, onSelect, closeOnSelect = true, ...rest }) {
-  const group = (0, import_react54.useContext)(MenuRadioContext);
+  const group = (0, import_react55.useContext)(MenuRadioContext);
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     CheckableItem,
     {
@@ -8126,7 +8141,7 @@ function MenuItemCheckbox({ checked, onCheckedChange, closeOnSelect = false, ...
   );
 }
 function MenuGroup({ label, children }) {
-  const id = (0, import_react54.useId)();
+  const id = (0, import_react55.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { role: "group", "aria-labelledby": id, children: [
     /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { id, className: "uix-menu__label", children: label }),
     children
@@ -8137,33 +8152,33 @@ function MenuSeparator() {
 }
 
 // src/components/CommandPalette.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
-var CmdkContext = (0, import_react55.createContext)(null);
+var CmdkContext = (0, import_react56.createContext)(null);
 function CommandPalette({ inputProps, children, inputLabel: inputLabelProp, resultsLabel, className, ...props }) {
   const uixLabels = useUixLabels();
   const inputLabel = inputLabelProp ?? uixLabels.commandPalette?.input ?? "Command palette";
   const resultsOne = uixLabels.commandPalette?.resultsOne ?? "{count} result";
   const resultsMany = uixLabels.commandPalette?.resultsMany ?? "{count} results";
   const resultsText = (count3) => resultsLabel?.(count3) ?? fillLabel(count3 === 1 ? resultsOne : resultsMany, { count: count3 });
-  const resultsTextRef = (0, import_react55.useRef)(resultsText);
+  const resultsTextRef = (0, import_react56.useRef)(resultsText);
   resultsTextRef.current = resultsText;
-  const listId = (0, import_react55.useId)();
-  const [activeId, setActiveId] = (0, import_react55.useState)(null);
-  const [count2, setCount] = (0, import_react55.useState)(0);
-  const [announced, setAnnounced] = (0, import_react55.useState)("");
-  const setActive = (0, import_react55.useCallback)((id, active) => {
+  const listId = (0, import_react56.useId)();
+  const [activeId, setActiveId] = (0, import_react56.useState)(null);
+  const [count2, setCount] = (0, import_react56.useState)(0);
+  const [announced, setAnnounced] = (0, import_react56.useState)("");
+  const setActive = (0, import_react56.useCallback)((id, active) => {
     setActiveId((cur) => active ? id : cur === id ? null : cur);
   }, []);
-  const registerItem = (0, import_react55.useCallback)(() => {
+  const registerItem = (0, import_react56.useCallback)(() => {
     setCount((c) => c + 1);
     return () => setCount((c) => c - 1);
   }, []);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     const t = window.setTimeout(() => setAnnounced(resultsTextRef.current(count2)), 150);
     return () => clearTimeout(t);
   }, [count2]);
-  const ctx = (0, import_react55.useMemo)(() => ({ listId, setActive, registerItem }), [listId, setActive, registerItem]);
+  const ctx = (0, import_react56.useMemo)(() => ({ listId, setActive, registerItem }), [listId, setActive, registerItem]);
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CmdkContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cx("uix-cmdk", className), ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "input",
@@ -8183,18 +8198,18 @@ function CommandPalette({ inputProps, children, inputLabel: inputLabelProp, resu
   ] }) });
 }
 function CommandGroup({ label, children }) {
-  const labelId = (0, import_react55.useId)();
+  const labelId = (0, import_react56.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { role: "group", "aria-labelledby": label != null ? labelId : void 0, children: [
     label != null && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "uix-cmdk__group", id: labelId, children: label }),
     children
   ] });
 }
 function CommandItem({ icon, shortcut, active, children, className, id, ...props }) {
-  const ctx = (0, import_react55.useContext)(CmdkContext);
-  const autoId = (0, import_react55.useId)();
+  const ctx = (0, import_react56.useContext)(CmdkContext);
+  const autoId = (0, import_react56.useId)();
   const itemId = id ?? autoId;
-  (0, import_react55.useEffect)(() => ctx?.registerItem(), [ctx]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => ctx?.registerItem(), [ctx]);
+  (0, import_react56.useEffect)(() => {
     if (!ctx || !active) return;
     ctx.setActive(itemId, true);
     return () => ctx.setActive(itemId, false);
@@ -8218,16 +8233,16 @@ function CommandItem({ icon, shortcut, active, children, className, id, ...props
 }
 
 // src/components/Inbox.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function Inbox({ view, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: cx("uix-inbox", className), "data-view": view, ...props, children });
 }
-var InboxListCtx = (0, import_react56.createContext)({});
+var InboxListCtx = (0, import_react57.createContext)({});
 function InboxList({ children, listLabel = "Inbox", className, ...props }) {
-  const listRef = (0, import_react56.useRef)(null);
-  const [activeId, setActiveId] = (0, import_react56.useState)(void 0);
-  const ctx = (0, import_react56.useMemo)(() => ({ activeId }), [activeId]);
+  const listRef = (0, import_react57.useRef)(null);
+  const [activeId, setActiveId] = (0, import_react57.useState)(void 0);
+  const ctx = (0, import_react57.useMemo)(() => ({ activeId }), [activeId]);
   const onKeyDown = (e) => {
     const opts = Array.from(listRef.current?.querySelectorAll('[role="option"]') ?? []);
     if (opts.length === 0) return;
@@ -8288,9 +8303,9 @@ function InboxItem({
   id,
   ...props
 }) {
-  const autoId = (0, import_react56.useId)();
+  const autoId = (0, import_react57.useId)();
   const itemId = id ?? autoId;
-  const { activeId } = (0, import_react56.useContext)(InboxListCtx);
+  const { activeId } = (0, import_react57.useContext)(InboxListCtx);
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "div",
     {
@@ -8315,7 +8330,7 @@ function InboxDetail({ children, className, ...props }) {
 }
 
 // src/components/Kanban.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function Kanban({ announcement, children, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cx("uix-kanban", className), ...props, children: [
@@ -8324,7 +8339,7 @@ function Kanban({ announcement, children, className, ...props }) {
   ] });
 }
 function KanbanColumn({ title, count: count2, children, className, ...props }) {
-  const headId = (0, import_react57.useId)();
+  const headId = (0, import_react58.useId)();
   const hasHead = title != null || count2 != null;
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: cx("uix-kanban__col", className), ...props, children: [
     hasHead && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "uix-kanban__head", id: headId, children: [
@@ -8368,7 +8383,7 @@ function KanbanCard({ title, meta, children, className, onMove, onKeyDown, ...pr
 }
 
 // src/components/Tree.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/tree-model.ts
 function flattenTree(nodes, expanded, level = 1) {
@@ -8522,22 +8537,22 @@ function Tree({
   className,
   ...props
 }) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react58.useState)(defaultExpanded ?? /* @__PURE__ */ new Set());
+  const [internalExpanded, setInternalExpanded] = (0, import_react59.useState)(defaultExpanded ?? /* @__PURE__ */ new Set());
   const expanded = controlledExpanded ?? internalExpanded;
-  const rootRef = (0, import_react58.useRef)(null);
-  const [focusedId, setFocusedId] = (0, import_react58.useState)(void 0);
+  const rootRef = (0, import_react59.useRef)(null);
+  const [focusedId, setFocusedId] = (0, import_react59.useState)(void 0);
   const selectable = selected !== void 0 || onSelectProp != null;
   const rowToggles = toggleOnRowClick ?? !selectable;
   const labels = { ...DEFAULT_TREE_LABELS, ...useUixLabels().tree, ...labelOverrides };
-  const treeId = (0, import_react58.useId)();
-  const [loaded, setLoaded] = (0, import_react58.useState)(() => /* @__PURE__ */ new Map());
-  const [failed, setFailed] = (0, import_react58.useState)(() => /* @__PURE__ */ new Set());
-  const [loading, setLoading] = (0, import_react58.useState)(() => /* @__PURE__ */ new Set());
-  const inFlight = (0, import_react58.useRef)(/* @__PURE__ */ new Set());
-  const loadRef = (0, import_react58.useRef)(loadChildren);
+  const treeId = (0, import_react59.useId)();
+  const [loaded, setLoaded] = (0, import_react59.useState)(() => /* @__PURE__ */ new Map());
+  const [failed, setFailed] = (0, import_react59.useState)(() => /* @__PURE__ */ new Set());
+  const [loading, setLoading] = (0, import_react59.useState)(() => /* @__PURE__ */ new Set());
+  const inFlight = (0, import_react59.useRef)(/* @__PURE__ */ new Set());
+  const loadRef = (0, import_react59.useRef)(loadChildren);
   loadRef.current = loadChildren;
-  const refocus = (0, import_react58.useRef)(null);
-  const nodes = (0, import_react58.useMemo)(() => {
+  const refocus = (0, import_react59.useRef)(null);
+  const nodes = (0, import_react59.useMemo)(() => {
     const row = (parent, kind) => ({
       id: parent.id + (kind === "error" ? FAILED : LOADING),
       typeaheadLabel: "",
@@ -8560,7 +8575,7 @@ function Tree({
       return !!n.hasChildren || !!n.children?.some(lazy);
     }) ? decorate(nodesProp) : nodesProp;
   }, [nodesProp, loaded, failed, loadChildren, labels.error, labels.retry, labels.loading]);
-  const load = (0, import_react58.useCallback)((node) => {
+  const load = (0, import_react59.useCallback)((node) => {
     const run = loadRef.current;
     if (!run || inFlight.current.has(node.id)) return;
     inFlight.current.add(node.id);
@@ -8587,7 +8602,7 @@ function Tree({
       () => settle2(() => setFailed((prev) => new Set(prev).add(node.id)), node.id + FAILED)
     );
   }, []);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!loadChildren) return;
     const visit = (list) => {
       for (const node of list) {
@@ -8598,7 +8613,7 @@ function Tree({
     };
     visit(nodesProp);
   }, [nodesProp, expanded, loaded, failed, loadChildren, load]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     const id = refocus.current;
     if (id == null) return;
     refocus.current = null;
@@ -8631,7 +8646,7 @@ function Tree({
     load(parent);
   };
   const onSelect = selectable || loadChildren ? handleSelect : void 0;
-  const handleToggle = (0, import_react58.useCallback)((id) => {
+  const handleToggle = (0, import_react59.useCallback)((id) => {
     if (!controlledExpanded) {
       setInternalExpanded((prev) => {
         const next = new Set(prev);
@@ -8642,7 +8657,7 @@ function Tree({
     }
     onToggle?.(id);
   }, [controlledExpanded, onToggle]);
-  const flat = (0, import_react58.useMemo)(() => flattenTree(nodes, expanded), [nodes, expanded]);
+  const flat = (0, import_react59.useMemo)(() => flattenTree(nodes, expanded), [nodes, expanded]);
   const useVirtual = virtualize ?? shouldVirtualize(flat.length);
   const tabbableId = focusedId ?? selected ?? nodes[0]?.id;
   if (useVirtual) {
@@ -8761,14 +8776,14 @@ function VirtualTreeView({
   className,
   ...props
 }) {
-  const scrollRef = (0, import_react58.useRef)(null);
-  const [scrollTop, setScrollTop] = (0, import_react58.useState)(0);
-  const pendingFocus = (0, import_react58.useRef)(false);
-  const hadFocus = (0, import_react58.useRef)(false);
+  const scrollRef = (0, import_react59.useRef)(null);
+  const [scrollTop, setScrollTop] = (0, import_react59.useState)(0);
+  const pendingFocus = (0, import_react59.useRef)(false);
+  const hadFocus = (0, import_react59.useRef)(false);
   const win = virtualWindow(scrollTop, maxHeight, rowHeight, flat.length);
   const rows = flat.slice(win.start, win.end);
   const windowHasTabbable = tabbableId != null && rows.some((f) => f.node.id === tabbableId);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!pendingFocus.current || focusedId == null) return;
     const el = scrollRef.current?.querySelector(`[role="treeitem"][data-id="${CSS.escape(focusedId)}"]`);
     if (el) {
@@ -8776,7 +8791,7 @@ function VirtualTreeView({
       pendingFocus.current = false;
     }
   }, [focusedId, win.start, win.end]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!hadFocus.current || pendingFocus.current) return;
     const active = document.activeElement;
     if (active === document.body || active == null) scrollRef.current?.focus({ preventScroll: true });
@@ -9457,7 +9472,7 @@ function RuleBuilder({
 }
 
 // src/components/BuilderCanvas.tsx
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var DEFAULT_BUILDER_CANVAS_LABELS = {
   region: "Builder canvas",
@@ -9497,13 +9512,13 @@ function BuilderCanvas({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_BUILDER_CANVAS_LABELS, ...labelOverrides };
-  const [internalSelectedId, setInternalSelectedId] = (0, import_react59.useState)();
-  const [draggedId, setDraggedId] = (0, import_react59.useState)();
-  const propertyHeadingRef = (0, import_react59.useRef)(null);
-  const shouldFocusProperties = (0, import_react59.useRef)(false);
+  const [internalSelectedId, setInternalSelectedId] = (0, import_react60.useState)();
+  const [draggedId, setDraggedId] = (0, import_react60.useState)();
+  const propertyHeadingRef = (0, import_react60.useRef)(null);
+  const shouldFocusProperties = (0, import_react60.useRef)(false);
   const selectedId = controlledSelectedId ?? internalSelectedId;
   const selected = items.find((item) => item.id === selectedId);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (shouldFocusProperties.current && selected) {
       propertyHeadingRef.current?.focus();
       shouldFocusProperties.current = false;
@@ -9591,7 +9606,7 @@ function BuilderCanvas({
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 
 // src/calendar-model.ts
 function fromDateKey(value) {
@@ -10019,14 +10034,14 @@ function proposeMove(span, delta, timeZone) {
 }
 
 // src/components/SchedulingAgenda.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 
 // src/hooks/usePrinting.ts
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_dom = require("react-dom");
 function usePrinting(enabled = true) {
-  const [printing, setPrinting] = (0, import_react60.useState)(false);
-  (0, import_react60.useEffect)(() => {
+  const [printing, setPrinting] = (0, import_react61.useState)(false);
+  (0, import_react61.useEffect)(() => {
     if (!enabled || typeof window === "undefined") return void 0;
     const set = (next) => {
       (0, import_react_dom.flushSync)(() => setPrinting(next));
@@ -10101,11 +10116,11 @@ function AgendaBody({
       if ((group.continuesCount ?? 0) > 0) flatRows.push({ kind: "continues", key: `c-${groupKey}`, group });
     });
   }
-  const [narrow, setNarrow] = (0, import_react61.useState)(false);
+  const [narrow, setNarrow] = (0, import_react62.useState)(false);
   const printing = usePrinting(flat);
   const virtual = useVirtualRows(flatRows, { rowHeight: narrow ? AGENDA_NARROW_ROW : AGENDA_VIRTUAL_ROW, threshold: 0, estimatedViewportHeight: AGENDA_VIRTUAL_VIEWPORT, enabled: !printing });
   const scroller = virtual.containerRef;
-  (0, import_react61.useLayoutEffect)(() => {
+  (0, import_react62.useLayoutEffect)(() => {
     const box = scroller.current;
     if (!box) return;
     const measure = () => setNarrow(box.clientWidth > 0 && box.clientWidth <= AGENDA_NARROW_WIDTH);
@@ -10114,8 +10129,8 @@ function AgendaBody({
     observer.observe(box);
     return () => observer.disconnect();
   }, [scroller]);
-  const grouped = (0, import_react61.useRef)(null);
-  (0, import_react61.useLayoutEffect)(() => {
+  const grouped = (0, import_react62.useRef)(null);
+  (0, import_react62.useLayoutEffect)(() => {
     const box = grouped.current;
     if (!box) return;
     const observer = new ResizeObserver((entries) => {
@@ -10127,7 +10142,7 @@ function AgendaBody({
     box.querySelectorAll(":scope > section > .uix-scheduling-calendar__agenda-head").forEach((head) => observer.observe(head));
     return () => observer.disconnect();
   }, [groups]);
-  const stop = (0, import_react61.useRef)({ node: null, index: 0 });
+  const stop = (0, import_react62.useRef)({ node: null, index: 0 });
   const container = () => flat ? scroller.current : grouped.current;
   const controls = () => Array.from(container()?.querySelectorAll("button") ?? []);
   const focusStop = (target) => {
@@ -10152,7 +10167,7 @@ function AgendaBody({
   const scrollToRow = (box, index) => {
     box.scrollTop = Math.max(0, index * rowHeight - (box.clientHeight - rowHeight) / 2);
   };
-  const landing = (0, import_react61.useRef)(null);
+  const landing = (0, import_react62.useRef)(null);
   const land = () => {
     const wanted = landing.current;
     if (!wanted) return;
@@ -10173,7 +10188,7 @@ function AgendaBody({
       scrollToRow(box, index);
     }
   };
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     const all = controls();
     stop.current = syncRovingStop(all, stop.current);
     const box = flat ? scroller.current : null;
@@ -10229,7 +10244,7 @@ function AgendaBody({
     overlay.scopeLabel && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "uix-scheduling-calendar__window-scope", children: overlay.scopeLabel })
   ] }) });
   const heading = (group, withNotes) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "uix-scheduling-calendar__agenda-head", children: [
-    (0, import_react61.createElement)(`h${headingLevel}`, { className: "uix-scheduling-calendar__agenda-heading" }, group.heading ?? dateText(group.date, "day")),
+    (0, import_react62.createElement)(`h${headingLevel}`, { className: "uix-scheduling-calendar__agenda-heading" }, group.heading ?? dateText(group.date, "day")),
     withNotes && group.annotations && group.annotations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("ul", { className: "uix-scheduling-calendar__agenda-notes", children: uniqueKeys(group.annotations.map((overlay) => overlay.id)).map((key, at) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("li", { children: note(group.annotations[at]) }, key)) })
   ] });
   const timeText = (entry, date) => {
@@ -10299,7 +10314,7 @@ function AgendaBody({
 }
 
 // src/components/SchedulingTimeGrid.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var HOUR_MS2 = 36e5;
 var MINUTES_PER_HOUR = 60;
@@ -10313,7 +10328,7 @@ function uniqueById(items) {
   const seen = /* @__PURE__ */ new Set();
   return items.filter((item) => seen.has(item.id) ? false : (seen.add(item.id), true));
 }
-var GridItem = (0, import_react62.memo)(function GridItem2({ entry, segment, column, alone, name, status, movable, hintId, timeZone, continuesFrom, markers, renderEntry, renderMarker: renderMarker2, handlers }) {
+var GridItem = (0, import_react63.memo)(function GridItem2({ entry, segment, column, alone, name, status, movable, hintId, timeZone, continuesFrom, markers, renderEntry, renderMarker: renderMarker2, handlers }) {
   const lines = linesFor(segment);
   const continuation = segment.part === "continuation";
   const style = vars({
@@ -10398,20 +10413,20 @@ function SchedulingTimeGrid({
   emptyNote,
   nothingToShow
 }) {
-  const rootRef = (0, import_react62.useRef)(null);
-  const hintId = (0, import_react62.useId)();
-  const [widthCap, setWidthCap] = (0, import_react62.useState)(Infinity);
-  const [ghost, setGhost] = (0, import_react62.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react62.useState)("");
-  const [activeDay, setActiveDay] = (0, import_react62.useState)(days[0]);
-  const enteredFrom = (0, import_react62.useRef)(null);
+  const rootRef = (0, import_react63.useRef)(null);
+  const hintId = (0, import_react63.useId)();
+  const [widthCap, setWidthCap] = (0, import_react63.useState)(Infinity);
+  const [ghost, setGhost] = (0, import_react63.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react63.useState)("");
+  const [activeDay, setActiveDay] = (0, import_react63.useState)(days[0]);
+  const enteredFrom = (0, import_react63.useRef)(null);
   const tabStop = days.includes(activeDay) ? activeDay : days[0];
   const moving = canMove && onProposeMove !== void 0;
   const step = Number.isFinite(givenStep) && givenStep > 0 ? givenStep : DEFAULT_STEP;
-  const laneOptions = (0, import_react62.useMemo)(() => ({ crossMidnightMinutes: topLaneCrossMidnightMinutes }), [topLaneCrossMidnightMinutes]);
-  const entries = (0, import_react62.useMemo)(() => uniqueById(givenEntries), [givenEntries]);
-  const overlays = (0, import_react62.useMemo)(() => uniqueById(givenOverlays), [givenOverlays]);
-  (0, import_react62.useEffect)(() => {
+  const laneOptions = (0, import_react63.useMemo)(() => ({ crossMidnightMinutes: topLaneCrossMidnightMinutes }), [topLaneCrossMidnightMinutes]);
+  const entries = (0, import_react63.useMemo)(() => uniqueById(givenEntries), [givenEntries]);
+  const overlays = (0, import_react63.useMemo)(() => uniqueById(givenOverlays), [givenOverlays]);
+  (0, import_react63.useEffect)(() => {
     const root = rootRef.current;
     if (!root || typeof ResizeObserver === "undefined") return void 0;
     const column = root.querySelector("[data-tg-column]");
@@ -10436,17 +10451,17 @@ function SchedulingTimeGrid({
     };
   }, [days]);
   const lanes = Math.max(1, Math.min(maxLanes, widthCap));
-  const entryById = (0, import_react62.useMemo)(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
-  const overlayById = (0, import_react62.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, overlay])), [overlays]);
-  const columns = (0, import_react62.useMemo)(() => days.map((date) => layoutTimeGridDay(entries, date, timeZone, { ...laneOptions, maxLanes: lanes })), [days, entries, timeZone, laneOptions, lanes]);
-  const slots = (0, import_react62.useMemo)(() => days.map((date) => zonedHourSlots(date, timeZone)), [days, timeZone]);
-  const top = (0, import_react62.useMemo)(() => layoutDaySpans(entries.filter((entry) => placesInTopLane(entry, timeZone, laneOptions)), days, { timeZone, laneCap: Math.max(0, topLaneCap) }), [entries, days, timeZone, laneOptions, topLaneCap]);
-  const drawable = (0, import_react62.useMemo)(() => overlays.filter((overlay) => new Date(overlay.end).getTime() >= new Date(overlay.start).getTime()), [overlays]);
-  const strip = (0, import_react62.useMemo)(() => layoutDaySpans(drawable, days, { timeZone, laneCap: Math.max(0, windowLaneCap) }), [drawable, days, timeZone, windowLaneCap]);
-  const shades = (0, import_react62.useMemo)(() => layoutDaySpans(drawable.filter((overlay) => overlay.global), days, { timeZone }).placed, [drawable, days, timeZone]);
+  const entryById = (0, import_react63.useMemo)(() => new Map(entries.map((entry) => [entry.id, entry])), [entries]);
+  const overlayById = (0, import_react63.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, overlay])), [overlays]);
+  const columns = (0, import_react63.useMemo)(() => days.map((date) => layoutTimeGridDay(entries, date, timeZone, { ...laneOptions, maxLanes: lanes })), [days, entries, timeZone, laneOptions, lanes]);
+  const slots = (0, import_react63.useMemo)(() => days.map((date) => zonedHourSlots(date, timeZone)), [days, timeZone]);
+  const top = (0, import_react63.useMemo)(() => layoutDaySpans(entries.filter((entry) => placesInTopLane(entry, timeZone, laneOptions)), days, { timeZone, laneCap: Math.max(0, topLaneCap) }), [entries, days, timeZone, laneOptions, topLaneCap]);
+  const drawable = (0, import_react63.useMemo)(() => overlays.filter((overlay) => new Date(overlay.end).getTime() >= new Date(overlay.start).getTime()), [overlays]);
+  const strip = (0, import_react63.useMemo)(() => layoutDaySpans(drawable, days, { timeZone, laneCap: Math.max(0, windowLaneCap) }), [drawable, days, timeZone, windowLaneCap]);
+  const shades = (0, import_react63.useMemo)(() => layoutDaySpans(drawable.filter((overlay) => overlay.global), days, { timeZone }).placed, [drawable, days, timeZone]);
   const lanesIn = (placed) => placed.reduce((max, span) => Math.max(max, span.lane + 1), 0);
   const maxHours = Math.max(...columns.map((column) => column.dayHours));
-  const gutterIndex = (0, import_react62.useMemo)(() => {
+  const gutterIndex = (0, import_react63.useMemo)(() => {
     const signatures = slots.map(slotSignature);
     const count2 = /* @__PURE__ */ new Map();
     for (const signature of signatures) count2.set(signature, (count2.get(signature) ?? 0) + 1);
@@ -10471,15 +10486,15 @@ function SchedulingTimeGrid({
     slot.instant.getTime()
   ));
   const movable = (entry) => moving && entry.movable !== false;
-  const live = (0, import_react62.useRef)({ ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable });
+  const live = (0, import_react63.useRef)({ ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable });
   live.current = { ghost, entryById, timeZone, step, onProposeMove, onSelectEntry, labels, formatInstant, days, columns, movable };
-  const dragRef = (0, import_react62.useRef)(null);
-  const suppressClick = (0, import_react62.useRef)(false);
-  const refocus = (0, import_react62.useRef)(null);
-  (0, import_react62.useEffect)(() => {
+  const dragRef = (0, import_react63.useRef)(null);
+  const suppressClick = (0, import_react63.useRef)(false);
+  const refocus = (0, import_react63.useRef)(null);
+  (0, import_react63.useEffect)(() => {
     if (ghost && !entryById.has(ghost.id)) setGhost(null);
   }, [ghost, entryById]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     const id = refocus.current;
     const root = rootRef.current;
     if (!id || !root) return;
@@ -10496,7 +10511,7 @@ function SchedulingTimeGrid({
       }
     }
   });
-  const send = (0, import_react62.useCallback)((id, delta) => {
+  const send = (0, import_react63.useCallback)((id, delta) => {
     const state = live.current;
     const entry = state.entryById.get(id);
     if (!entry || !state.onProposeMove || !state.movable(entry) || delta.days === 0 && delta.minutes === 0) {
@@ -10511,7 +10526,7 @@ function SchedulingTimeGrid({
       result.then(clear, clear);
     } else setGhost(null);
   }, []);
-  const handlers = (0, import_react62.useMemo)(() => ({
+  const handlers = (0, import_react63.useMemo)(() => ({
     click: (entry) => {
       live.current.onSelectEntry?.(entry);
     },
@@ -10634,7 +10649,7 @@ function SchedulingTimeGrid({
       };
     }
   }), [send]);
-  (0, import_react62.useEffect)(() => () => {
+  (0, import_react63.useEffect)(() => () => {
     dragRef.current?.stop();
     dragRef.current = null;
   }, []);
@@ -11047,27 +11062,27 @@ function SchedulingCalendar({
   };
   const stateLabel = labels.states;
   const viewLabel = { month: labels.viewMonth, week: labels.viewWeek, day: labels.viewDay, agenda: labels.viewAgenda };
-  const [internalView, setInternalView] = (0, import_react63.useState)("month");
+  const [internalView, setInternalView] = (0, import_react64.useState)("month");
   const view = controlledView ?? internalView;
-  const [activeDate, setActiveDate] = (0, import_react63.useState)(anchorDate);
-  const [expandedDates, setExpandedDates] = (0, import_react63.useState)(() => /* @__PURE__ */ new Set());
+  const [activeDate, setActiveDate] = (0, import_react64.useState)(anchorDate);
+  const [expandedDates, setExpandedDates] = (0, import_react64.useState)(() => /* @__PURE__ */ new Set());
   const dateText = (date, part) => formatDate?.(date, part) ?? cachedDateTimeFormat(locale, INTL_PARTS[part]).format(utcDate(date));
   const formatInstant = (instant) => formatInstantProp?.(instant) ?? `${dateText(zonedDateKey(instant, timeZone), "day")} ${zonedTimeOfDay(instant, timeZone)}`;
-  const gridRef = (0, import_react63.useRef)(null);
+  const gridRef = (0, import_react64.useRef)(null);
   const picksGiven = dayEntries !== void 0;
   const controlled = picksGiven || dayInfo !== void 0;
   const countsOnly = monthDensity === "counts" && view === "month";
   const fixed = controlled || maxEntriesPerDay !== void 0 && onShowMore !== void 0 || countsOnly;
   const windowCap = Math.max(0, windowLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
   const spanCap = Math.max(0, spanLaneCap ?? (fixed ? DEFAULT_LANE_CAP2 : Infinity));
-  const visibleEntries = (0, import_react63.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
-  const monthDays = (0, import_react63.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
+  const visibleEntries = (0, import_react64.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
+  const monthDays = (0, import_react64.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate), weekStartsOn), [anchorDate, weekStartsOn]);
   const weekday = (utcDate(anchorDate).getUTCDay() - weekStartsOn + 7) % 7;
   const weekStart = addCalendarDays(anchorDate, -weekday);
-  const weekDays = (0, import_react63.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
-  const days = (0, import_react63.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : view === "day" ? [anchorDate] : weekDays, [view, monthDays, weekDays, anchorDate]);
+  const weekDays = (0, import_react64.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
+  const days = (0, import_react64.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : view === "day" ? [anchorDate] : weekDays, [view, monthDays, weekDays, anchorDate]);
   const timeGridView = view === "day" || view === "week" && timeGrid;
-  const { singles, multiDay, coverage } = (0, import_react63.useMemo)(() => {
+  const { singles, multiDay, coverage } = (0, import_react64.useMemo)(() => {
     const byDay = /* @__PURE__ */ new Map();
     const spans = [];
     const every = [];
@@ -11082,9 +11097,9 @@ function SchedulingCalendar({
     }
     return { singles: byDay, multiDay: spans, coverage: every };
   }, [visibleEntries, timeZone]);
-  const entryById = (0, import_react63.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
-  const overlayById = (0, import_react63.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
-  const layout = (0, import_react63.useMemo)(() => {
+  const entryById = (0, import_react64.useMemo)(() => new Map([...multiDay].reverse().map(({ entry }) => [entry.id, entry])), [multiDay]);
+  const overlayById = (0, import_react64.useMemo)(() => new Map([...overlays].reverse().map((overlay) => [overlay.id, overlay])), [overlays]);
+  const layout = (0, import_react64.useMemo)(() => {
     if (spanLayout) return spanLayout;
     if (view === "agenda" || timeGridView) return { placed: [], hiddenByRow: {}, firstHiddenDayByRow: {} };
     const inputs = [];
@@ -11102,7 +11117,7 @@ function SchedulingCalendar({
     }
     return layoutMonthSpans(inputs, days, { timeZone, laneCap: { window: windowCap, item: spanCap } });
   }, [spanLayout, view, timeGridView, overlays, multiDay, days, timeZone, windowCap, spanCap, countsOnly]);
-  const placedByRow = (0, import_react63.useMemo)(() => {
+  const placedByRow = (0, import_react64.useMemo)(() => {
     const rows = /* @__PURE__ */ new Map();
     for (const placed of layout.placed) {
       const row = rows.get(placed.weekRow);
@@ -11113,7 +11128,7 @@ function SchedulingCalendar({
   }, [layout]);
   const lanesUsed = (row, group) => (placedByRow.get(row) ?? []).reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
   const lanesUsedAnywhere = (group) => layout.placed.reduce((max, placed) => placed.group === group ? Math.max(max, placed.lane + 1) : max, 0);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (view !== "agenda" && !days.includes(activeDate)) setActiveDate(days[0]);
   }, [activeDate, days, view]);
   const setView = (next) => {
@@ -11129,7 +11144,7 @@ function SchedulingCalendar({
     setActiveDate(date);
     requestAnimationFrame(() => gridRef.current?.querySelector(`[data-calendar-date="${date}"]`)?.focus());
   };
-  const enteredFrom = (0, import_react63.useRef)(null);
+  const enteredFrom = (0, import_react64.useRef)(null);
   const cellOf = (date) => gridRef.current?.querySelector(`[data-calendar-date="${date}"]`)?.closest(".uix-scheduling-calendar__day") ?? null;
   const dayRing = (date) => {
     const cell = cellOf(date);
@@ -11199,10 +11214,10 @@ function SchedulingCalendar({
     const date = dayOfItem(item);
     if (date && dayRing(date).includes(item)) setActiveDate(date);
   };
-  const flatAgendaRef = (0, import_react63.useRef)(null);
-  const flatAgendaStop = (0, import_react63.useRef)({ node: null, index: 0 });
+  const flatAgendaRef = (0, import_react64.useRef)(null);
+  const flatAgendaStop = (0, import_react64.useRef)({ node: null, index: 0 });
   const flatAgendaRows = () => Array.from(flatAgendaRef.current?.querySelectorAll(":scope > ol > li > button") ?? []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     flatAgendaStop.current = syncRovingStop(flatAgendaRows(), flatAgendaStop.current);
   });
   const onFlatAgendaFocus = (event) => {
@@ -11444,7 +11459,7 @@ function SchedulingCalendar({
 }
 
 // src/components/SchedulingTimeline.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 
 // src/scheduling-timeline-model.ts
 var HOUR = 36e5;
@@ -11672,7 +11687,7 @@ var DEFAULT_UNITS = { row: 36, pad: 16, head: 40 };
 var ESTIMATED_VIEWPORT = 720;
 var OVERSCAN_ROWS = 4;
 var BAR_MIN_FALLBACK = 1.5 * 16;
-var useIsomorphicLayoutEffect6 = typeof document !== "undefined" ? import_react64.useLayoutEffect : import_react64.useEffect;
+var useIsomorphicLayoutEffect6 = typeof document !== "undefined" ? import_react65.useLayoutEffect : import_react65.useEffect;
 var sameExtent = (a, b) => a.subRows === b.subRows && a.lanes === b.lanes && a.heads === b.heads;
 var IN_LANE = { scope: "lane", labelTops: ["0%"] };
 var vars2 = (values) => values;
@@ -11738,29 +11753,29 @@ function SchedulingTimeline({
     overlays: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.overlays, ...uixLabels.schedulingTimeline?.overlays, ...labelOverrides?.overlays },
     statuses: { ...DEFAULT_SCHEDULING_TIMELINE_LABELS.statuses, ...uixLabels.schedulingTimeline?.statuses, ...labelOverrides?.statuses }
   };
-  const id = (0, import_react64.useId)();
+  const id = (0, import_react65.useId)();
   const hintId = `${id}-hint`;
   const step = stepProp !== void 0 && Number.isFinite(stepProp) && stepProp > 0 ? stepProp : defaultTimelineStep(scale);
-  const rootRef = (0, import_react64.useRef)(null);
-  const [scroller, setScroller] = (0, import_react64.useState)(null);
-  const [layerTrack, setLayerTrack] = (0, import_react64.useState)(null);
-  const probeRef = (0, import_react64.useRef)(null);
-  const bodyRef = (0, import_react64.useRef)(null);
-  const barMinRef = (0, import_react64.useRef)(null);
-  const [barShare, setBarShare] = (0, import_react64.useState)(0);
-  const barShareRef = (0, import_react64.useRef)(0);
-  const anchorRef = (0, import_react64.useRef)(null);
-  const [anchorKey, setAnchorKey] = (0, import_react64.useState)(null);
-  const [focusRowKey, setFocusRowKey] = (0, import_react64.useState)(null);
-  const [activeId, setActiveId] = (0, import_react64.useState)();
-  const [focusRequest, setFocusRequest] = (0, import_react64.useState)(null);
-  const [stepDrag, setStepDrag] = (0, import_react64.useState)(null);
-  const [ghost, setGhost] = (0, import_react64.useState)(null);
-  const [announcement, setAnnouncement] = (0, import_react64.useState)("");
-  const [selfCollapsed, setSelfCollapsed] = (0, import_react64.useState)({});
-  const [units, setUnits] = (0, import_react64.useState)(DEFAULT_UNITS);
-  const [view, setView] = (0, import_react64.useState)({ top: 0, height: ESTIMATED_VIEWPORT });
-  const measureViewRef = (0, import_react64.useRef)(null);
+  const rootRef = (0, import_react65.useRef)(null);
+  const [scroller, setScroller] = (0, import_react65.useState)(null);
+  const [layerTrack, setLayerTrack] = (0, import_react65.useState)(null);
+  const probeRef = (0, import_react65.useRef)(null);
+  const bodyRef = (0, import_react65.useRef)(null);
+  const barMinRef = (0, import_react65.useRef)(null);
+  const [barShare, setBarShare] = (0, import_react65.useState)(0);
+  const barShareRef = (0, import_react65.useRef)(0);
+  const anchorRef = (0, import_react65.useRef)(null);
+  const [anchorKey, setAnchorKey] = (0, import_react65.useState)(null);
+  const [focusRowKey, setFocusRowKey] = (0, import_react65.useState)(null);
+  const [activeId, setActiveId] = (0, import_react65.useState)();
+  const [focusRequest, setFocusRequest] = (0, import_react65.useState)(null);
+  const [stepDrag, setStepDrag] = (0, import_react65.useState)(null);
+  const [ghost, setGhost] = (0, import_react65.useState)(null);
+  const [announcement, setAnnouncement] = (0, import_react65.useState)("");
+  const [selfCollapsed, setSelfCollapsed] = (0, import_react65.useState)({});
+  const [units, setUnits] = (0, import_react65.useState)(DEFAULT_UNITS);
+  const [view, setView] = (0, import_react65.useState)({ top: 0, height: ESTIMATED_VIEWPORT });
+  const measureViewRef = (0, import_react65.useRef)(null);
   const proposing = onProposeMove !== void 0;
   const stepping = !proposing && onMoveItem !== void 0;
   const resizing = onResizeItem !== void 0;
@@ -11775,8 +11790,8 @@ function SchedulingTimeline({
     return offset ? `${text} ${offset}` : text;
   };
   const fmtTick = (at) => formatTick?.(new Date(at), scale) ?? cachedDateTimeFormat(locale, { timeZone, ...TICK_FORMAT[scale] }).format(new Date(at));
-  const ticks = (0, import_react64.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
-  const minorTicks = (0, import_react64.useMemo)(
+  const ticks = (0, import_react65.useMemo)(() => timelineTicks(range, scale, timeZone, weekStartsOn), [range.start, range.end, scale, timeZone, weekStartsOn]);
+  const minorTicks = (0, import_react65.useMemo)(
     () => scale === "day" && subTicks && subTicks.length > 0 ? timelineSubTicks(range, subTicks, timeZone) : [],
     [range.start, range.end, scale, timeZone, subTicks]
     // eslint-disable-line react-hooks/exhaustive-deps
@@ -11805,7 +11820,7 @@ function SchedulingTimeline({
   const minSpan = Math.max(0, (Date.parse(range.end) - Date.parse(range.start)) * barShare) || 0;
   const isCollapsed = (group) => onToggleGroup ? !!group.collapsed : selfCollapsed[group.id] ?? !!group.collapsed;
   const collapsedSignature = groups?.map((group) => isCollapsed(group) ? "1" : "0").join("") ?? "";
-  const itemsByLane = (0, import_react64.useMemo)(() => {
+  const itemsByLane = (0, import_react65.useMemo)(() => {
     const byLane = /* @__PURE__ */ new Map();
     for (const item of items) {
       const list = byLane.get(item.laneId);
@@ -11814,7 +11829,7 @@ function SchedulingTimeline({
     }
     return byLane;
   }, [items]);
-  const rows = (0, import_react64.useMemo)(() => {
+  const rows = (0, import_react65.useMemo)(() => {
     const laneRow = (lane, laneIndex, groupIndex) => {
       const placed = layoutLane(itemsByLane.get(lane.id) ?? EMPTY_ITEMS, range, { flagOverlaps, minSpan });
       return { kind: "lane", key: `lane-${laneIndex}`, lane, laneIndex, groupIndex, placed, keys: uniqueKeys2(placed.map((p) => p.item.id)), subRows: placed.reduce((max, p) => Math.max(max, p.row + 1), 1) };
@@ -11846,8 +11861,8 @@ function SchedulingTimeline({
     });
     return list;
   }, [lanes, groups, collapsedSignature, itemsByLane, range.start, range.end, flagOverlaps, minSpan]);
-  const laneRows = (0, import_react64.useMemo)(() => rows.filter((row) => row.kind === "lane"), [rows]);
-  const { ordered, rowOfItem } = (0, import_react64.useMemo)(() => {
+  const laneRows = (0, import_react65.useMemo)(() => rows.filter((row) => row.kind === "lane"), [rows]);
+  const { ordered, rowOfItem } = (0, import_react65.useMemo)(() => {
     const ids = [];
     const rowOf = /* @__PURE__ */ new Map();
     rows.forEach((row, rowIndex) => {
@@ -11859,13 +11874,13 @@ function SchedulingTimeline({
     });
     return { ordered: ids, rowOfItem: rowOf };
   }, [rows]);
-  const nothingToShow = (0, import_react64.useMemo)(() => {
+  const nothingToShow = (0, import_react65.useMemo)(() => {
     if (ordered.length > 0) return false;
     const laneIds = new Set(lanes.map((lane) => lane.id));
     return !items.some((item) => laneIds.has(item.laneId) && placeSpan(item, range) !== null);
   }, [ordered, lanes, items, range.start, range.end]);
   const focusId = activeId !== void 0 && rowOfItem.has(activeId) ? activeId : ordered[0];
-  const strips = (0, import_react64.useMemo)(() => {
+  const strips = (0, import_react65.useMemo)(() => {
     const set = /* @__PURE__ */ new Set();
     const shown = overlays.filter((overlay) => placeSpan(overlay, range) !== null).map(lanesOf);
     if (shown.length === 0) return set;
@@ -11875,12 +11890,12 @@ function SchedulingTimeline({
     });
     return set;
   }, [rows, overlays, range.start, range.end]);
-  const extents = (0, import_react64.useMemo)(() => timelineRowExtents(rows.map((row, index) => row.kind === "head" ? { kind: "head", subRows: strips.has(index) ? 1 : 0 } : { kind: "lane", subRows: row.subRows })), [rows, strips]);
+  const extents = (0, import_react65.useMemo)(() => timelineRowExtents(rows.map((row, index) => row.kind === "head" ? { kind: "head", subRows: strips.has(index) ? 1 : 0 } : { kind: "lane", subRows: row.subRows })), [rows, strips]);
   const windowed = lanes.length + (groups?.length ?? 0) > virtualizeAbove;
   const printing = usePrinting(windowed);
   const virtual = windowed && !printing;
   const fixed = windowed || groups !== void 0 || overlays.some((overlay) => overlay.laneIds !== void 0) || markers.some((marker) => marker.laneIds !== void 0);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (!virtual || !scroller) return void 0;
     let frame = 0;
     const measure = () => {
@@ -11920,12 +11935,12 @@ function SchedulingTimeline({
     };
   }, [virtual, scroller]);
   const px = (extent) => extent.subRows * units.row + extent.lanes * units.pad + extent.heads * units.head;
-  const offsets = (0, import_react64.useMemo)(() => virtual ? extents.map(px) : [], [virtual, extents, units]);
+  const offsets = (0, import_react65.useMemo)(() => virtual ? extents.map(px) : [], [virtual, extents, units]);
   const overscan = OVERSCAN_ROWS * units.row;
   const pinned = focusId === void 0 ? -1 : rowOfItem.get(focusId) ?? -1;
-  const focusedRow = (0, import_react64.useMemo)(() => focusRowKey === null ? -1 : rows.findIndex((row) => row.key === focusRowKey), [rows, focusRowKey]);
-  const anchorRow = (0, import_react64.useMemo)(() => anchorKey === null ? -1 : rows.findIndex((row) => row.key === anchorKey), [rows, anchorKey]);
-  const { mounted, windowStart } = (0, import_react64.useMemo)(() => {
+  const focusedRow = (0, import_react65.useMemo)(() => focusRowKey === null ? -1 : rows.findIndex((row) => row.key === focusRowKey), [rows, focusRowKey]);
+  const anchorRow = (0, import_react65.useMemo)(() => anchorKey === null ? -1 : rows.findIndex((row) => row.key === anchorKey), [rows, anchorKey]);
+  const { mounted, windowStart } = (0, import_react65.useMemo)(() => {
     if (!virtual) return { mounted: rows.map((_, index) => index), windowStart: 0 };
     const window_ = timelineWindow(offsets, view.top, view.top + view.height, { overscan });
     const list = [];
@@ -11973,10 +11988,10 @@ function SchedulingTimeline({
     setActiveId(itemId);
     setFocusRequest({ id: itemId });
   };
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (focusRequest) findBar(focusRequest.id)?.focus();
   }, [focusRequest]);
-  const itemById = (0, import_react64.useMemo)(() => {
+  const itemById = (0, import_react65.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const row of laneRows) for (const p of row.placed) if (!map.has(p.item.id)) map.set(p.item.id, p.item);
     return map;
@@ -11986,15 +12001,15 @@ function SchedulingTimeline({
     const steps = Math.round(ms / step);
     return { days: steps * stepDelta.days, minutes: steps * stepDelta.minutes };
   };
-  const live = (0, import_react64.useRef)({ itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant });
+  const live = (0, import_react65.useRef)({ itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant });
   live.current = { itemById, timeZone, range, step, onProposeMove, canMove, deltaFor, labels, fmtInstant };
-  const dragRef = (0, import_react64.useRef)(null);
-  const suppressClick = (0, import_react64.useRef)(false);
-  const refocus = (0, import_react64.useRef)(null);
-  (0, import_react64.useEffect)(() => {
+  const dragRef = (0, import_react65.useRef)(null);
+  const suppressClick = (0, import_react65.useRef)(false);
+  const refocus = (0, import_react65.useRef)(null);
+  (0, import_react65.useEffect)(() => {
     if (ghost && !itemById.has(ghost.id)) setGhost(null);
   }, [ghost, itemById]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const wanted = refocus.current;
     if (!wanted || !rootRef.current) return;
     const active = document.activeElement;
@@ -12005,11 +12020,11 @@ function SchedulingTimeline({
     }
     findBar(wanted)?.focus();
   });
-  (0, import_react64.useEffect)(() => () => {
+  (0, import_react65.useEffect)(() => () => {
     dragRef.current?.stop();
     dragRef.current = null;
   }, []);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (proposing) return;
     dragRef.current?.stop();
     dragRef.current = null;
@@ -12490,7 +12505,7 @@ function SchedulingTimeline({
 }
 
 // src/components/DateRangePicker.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 
 // src/date-field-model.ts
 var pad = (n, width = 2) => String(n).padStart(width, "0");
@@ -12564,7 +12579,7 @@ function timeZoneName(timeZone, date, locale) {
 }
 
 // src/components/DateFieldParts.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var localDateKey = (now = /* @__PURE__ */ new Date()) => `${now.getFullYear().toString().padStart(4, "0")}-${(now.getMonth() + 1).toString().padStart(2, "0")}-${now.getDate().toString().padStart(2, "0")}`;
 var utc = (date) => /* @__PURE__ */ new Date(`${date}T00:00:00Z`);
@@ -12582,15 +12597,15 @@ var isOpen = (el) => {
   }
 };
 function useFieldPopover(popoverId, restoreFocus, onOpenChange) {
-  const [open, setOpen] = (0, import_react65.useState)(false);
-  const pointerWasOpen = (0, import_react65.useRef)(null);
-  const restoreRef = (0, import_react65.useRef)(restoreFocus);
+  const [open, setOpen] = (0, import_react66.useState)(false);
+  const pointerWasOpen = (0, import_react66.useRef)(null);
+  const restoreRef = (0, import_react66.useRef)(restoreFocus);
   restoreRef.current = restoreFocus;
-  const onOpenChangeRef = (0, import_react65.useRef)(onOpenChange);
+  const onOpenChangeRef = (0, import_react66.useRef)(onOpenChange);
   onOpenChangeRef.current = onOpenChange;
-  const skipRestore = (0, import_react65.useRef)(false);
+  const skipRestore = (0, import_react66.useRef)(false);
   const popoverEl = () => typeof document === "undefined" ? null : document.getElementById(popoverId);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const el = popoverEl();
     if (!el) return;
     const onToggle = (event) => {
@@ -12674,14 +12689,14 @@ function MonthCalendar({
   autoFocus = false
 }) {
   const clamp3 = (date) => min && date < min ? min : max && date > max ? max : date;
-  const [active, setActive] = (0, import_react65.useState)(() => clamp3(initialDate));
-  const gridRef = (0, import_react65.useRef)(null);
-  const pendingFocus = (0, import_react65.useRef)(autoFocus);
+  const [active, setActive] = (0, import_react66.useState)(() => clamp3(initialDate));
+  const gridRef = (0, import_react66.useRef)(null);
+  const pendingFocus = (0, import_react66.useRef)(autoFocus);
   const month = startOfMonth(active);
-  const days = (0, import_react65.useMemo)(() => buildMonthGrid(month, weekStartsOn).filter((day) => day.inMonth), [month, weekStartsOn]);
+  const days = (0, import_react66.useMemo)(() => buildMonthGrid(month, weekStartsOn).filter((day) => day.inMonth), [month, weekStartsOn]);
   const blanks = (utc(month).getUTCDay() - weekStartsOn + 7) % 7;
-  const weekdays = (0, import_react65.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
-  (0, import_react65.useEffect)(() => {
+  const weekdays = (0, import_react66.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
+  (0, import_react66.useEffect)(() => {
     if (!pendingFocus.current) return;
     pendingFocus.current = false;
     gridRef.current?.querySelector(`[data-date="${active}"]`)?.focus({ preventScroll: true });
@@ -12788,27 +12803,27 @@ function RangeCalendar({
   weekStartsOn = 1,
   autoFocus = false
 }) {
-  const id = (0, import_react66.useId)();
-  const weekdays = (0, import_react66.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
-  const [internalMonth, setInternalMonth] = (0, import_react66.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
+  const id = (0, import_react67.useId)();
+  const weekdays = (0, import_react67.useMemo)(() => weekdayNames(locale, weekStartsOn), [locale, weekStartsOn]);
+  const [internalMonth, setInternalMonth] = (0, import_react67.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
-  const [activeDate, setActiveDate] = (0, import_react66.useState)(value.end ?? value.start ?? visibleMonth);
-  const rootRef = (0, import_react66.useRef)(null);
-  const pendingFocus = (0, import_react66.useRef)(autoFocus);
+  const [activeDate, setActiveDate] = (0, import_react67.useState)(value.end ?? value.start ?? visibleMonth);
+  const rootRef = (0, import_react67.useRef)(null);
+  const pendingFocus = (0, import_react67.useRef)(autoFocus);
   const count2 = Math.max(1, Math.min(3, months));
-  const calendars = (0, import_react66.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
+  const calendars = (0, import_react67.useMemo)(() => Array.from({ length: count2 }, (_, index) => {
     const month = startOfMonth(addCalendarMonths(visibleMonth, index));
     return { month, days: buildMonthGrid(month).filter((day) => day.inMonth) };
   }), [visibleMonth, count2]);
   const todayDate = today === void 0 ? localDateKey() : today;
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     const first = calendars[0]?.days[0]?.date;
     const finalDays = calendars[calendars.length - 1]?.days;
     const last = finalDays?.[finalDays.length - 1]?.date;
     if (first && last && (activeDate < first || activeDate > last)) setActiveDate(first);
   }, [activeDate, calendars]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (!pendingFocus.current) return;
     rootRef.current?.querySelector(`[data-date="${activeDate}"]`)?.focus({ preventScroll: autoFocus });
     pendingFocus.current = false;
@@ -12912,15 +12927,15 @@ function DateRangeField(props) {
     "aria-describedby": ariaDescribedBy,
     "aria-invalid": ariaInvalid
   } = props;
-  const uid = (0, import_react66.useId)();
+  const uid = (0, import_react67.useId)();
   const id = idProp ?? `${uid}-trigger`;
   const popoverId = `${uid}-months`;
   const valueId = `${uid}-value`;
-  const anchorRef = (0, import_react66.useRef)(null);
-  const triggerRef = (0, import_react66.useRef)(null);
+  const anchorRef = (0, import_react67.useRef)(null);
+  const triggerRef = (0, import_react67.useRef)(null);
   const { open, hide, triggerProps } = useFieldPopover(popoverId, () => triggerRef.current?.focus({ preventScroll: true }), onOpenChange);
-  const [labelled, setLabelled] = (0, import_react66.useState)(false);
-  (0, import_react66.useEffect)(() => {
+  const [labelled, setLabelled] = (0, import_react67.useState)(false);
+  (0, import_react67.useEffect)(() => {
     setLabelled((triggerRef.current?.labels?.length ?? 0) > 0);
   }, [id]);
   const format = (date) => formatDate?.(date) ?? formatDateKey(date, locale);
@@ -12991,7 +13006,7 @@ function DateRangeField(props) {
 }
 
 // src/components/DatePicker.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var DEFAULT_DATE_PICKER_LABELS = {
   open: "Choose date",
@@ -13003,7 +13018,7 @@ var DEFAULT_DATE_PICKER_LABELS = {
   notADate: "That is not a date.",
   unavailable: "That date is not available."
 };
-var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
+var DatePicker = (0, import_react68.forwardRef)(function DatePicker2({
   value,
   onValueChange,
   min,
@@ -13034,18 +13049,18 @@ var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
   className,
   style
 }, forwardedRef) {
-  const uid = (0, import_react67.useId)();
+  const uid = (0, import_react68.useId)();
   const id = idProp ?? `${uid}-input`;
   const popoverId = `${uid}-calendar`;
   const errorId = `${uid}-error`;
   const labels = { ...DEFAULT_DATE_PICKER_LABELS, ...useUixLabels().datePicker, ...labelOverrides };
-  const anchorRef = (0, import_react67.useRef)(null);
-  const inputRef = (0, import_react67.useRef)(null);
-  (0, import_react67.useImperativeHandle)(forwardedRef, () => inputRef.current);
+  const anchorRef = (0, import_react68.useRef)(null);
+  const inputRef = (0, import_react68.useRef)(null);
+  (0, import_react68.useImperativeHandle)(forwardedRef, () => inputRef.current);
   const format = (date) => formatDate?.(date) ?? formatDateKey(date, locale);
-  const [text, setText] = (0, import_react67.useState)(() => value ? format(value) : "");
-  const [problem, setProblemState] = (0, import_react67.useState)(null);
-  const reported = (0, import_react67.useRef)(null);
+  const [text, setText] = (0, import_react68.useState)(() => value ? format(value) : "");
+  const [problem, setProblemState] = (0, import_react68.useState)(null);
+  const reported = (0, import_react68.useRef)(null);
   const setProblem = (next) => {
     if (next !== reported.current) {
       reported.current = next;
@@ -13053,7 +13068,7 @@ var DatePicker = (0, import_react67.forwardRef)(function DatePicker2({
     }
     setProblemState(next);
   };
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     setText(value ? format(value) : "");
     setProblem(null);
   }, [value, locale]);
@@ -13203,7 +13218,7 @@ var DEFAULT_DATE_TIME_PICKER_LABELS = {
   timeOf: "{label}, time",
   timeZone: "Time zone: {zone}"
 };
-var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
+var DateTimePicker = (0, import_react68.forwardRef)(function DateTimePicker2({
   value,
   onValueChange,
   timeZone,
@@ -13227,19 +13242,19 @@ var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
   style,
   ...dateProps
 }, forwardedRef) {
-  const uid = (0, import_react67.useId)();
+  const uid = (0, import_react68.useId)();
   const id = idProp ?? `${uid}-date`;
   const zoneId = `${uid}-zone`;
   const labels = { ...DEFAULT_DATE_TIME_PICKER_LABELS, ...useUixLabels().dateTimePicker, ...labelOverrides };
   const { date, time } = splitDateTime(value);
-  const dateRef = (0, import_react67.useRef)(null);
-  (0, import_react67.useImperativeHandle)(forwardedRef, () => dateRef.current);
-  const [pendingTime, setPendingTime] = (0, import_react67.useState)("");
+  const dateRef = (0, import_react68.useRef)(null);
+  (0, import_react68.useImperativeHandle)(forwardedRef, () => dateRef.current);
+  const [pendingTime, setPendingTime] = (0, import_react68.useState)("");
   const shownTime = date ? time : pendingTime;
-  const [fieldLabel, setFieldLabel] = (0, import_react67.useState)("");
-  const [viewerZone, setViewerZone] = (0, import_react67.useState)(null);
+  const [fieldLabel, setFieldLabel] = (0, import_react68.useState)("");
+  const [viewerZone, setViewerZone] = (0, import_react68.useState)(null);
   const grouped = !!ariaLabel || !!ariaLabelledBy;
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!grouped) setFieldLabel(dateRef.current?.labels?.[0]?.textContent?.trim() ?? "");
     if (!timeZone) {
       try {
@@ -13318,7 +13333,7 @@ var DateTimePicker = (0, import_react67.forwardRef)(function DateTimePicker2({
 });
 
 // src/components/RelationshipGraph.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 
 // src/relationship-graph-model.ts
 function boundRelationshipGraph(nodes, edges, maxNodes = 40) {
@@ -13799,7 +13814,7 @@ function layeredNeighbor(layout, currentId, key) {
 }
 
 // src/components/RelationshipGraphLayered.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 
 // src/components/RelationshipGraphList.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
@@ -13886,11 +13901,11 @@ function LayeredRelationshipGraph({
   focusId,
   onFocusChange
 }) {
-  const hintId = (0, import_react68.useId)();
-  const bounded = (0, import_react68.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const [localExpanded, setLocalExpanded] = (0, import_react68.useState)(EMPTY_IDS2);
+  const hintId = (0, import_react69.useId)();
+  const bounded = (0, import_react69.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const [localExpanded, setLocalExpanded] = (0, import_react69.useState)(EMPTY_IDS2);
   const expanded = expandedClusterIds ?? localExpanded;
-  const layout = (0, import_react68.useMemo)(
+  const layout = (0, import_react69.useMemo)(
     () => layoutLayeredGraph(bounded.nodes, bounded.edges, {
       ...rootId !== void 0 ? { rootId } : {},
       ...clusterThreshold !== void 0 ? { clusterThreshold } : {},
@@ -13899,29 +13914,29 @@ function LayeredRelationshipGraph({
     }),
     [bounded, rootId, clusterThreshold, expanded, density]
   );
-  const itemById = (0, import_react68.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
-  const viewportRef = (0, import_react68.useRef)(null);
-  const itemRefs = (0, import_react68.useRef)(/* @__PURE__ */ new Map());
-  const [size, setSize] = (0, import_react68.useState)({ width: 0, height: 0 });
-  const [view, setView] = (0, import_react68.useState)({ x: 0, y: 0, zoom: 1 });
-  const [animate, setAnimate] = (0, import_react68.useState)(false);
-  const [localFocus, setLocalFocus] = (0, import_react68.useState)(void 0);
-  const [hoverId, setHoverId] = (0, import_react68.useState)(void 0);
-  const viewRef = (0, import_react68.useRef)(view);
+  const itemById = (0, import_react69.useMemo)(() => new Map(layout.items.map((item) => [item.id, item])), [layout]);
+  const viewportRef = (0, import_react69.useRef)(null);
+  const itemRefs = (0, import_react69.useRef)(/* @__PURE__ */ new Map());
+  const [size, setSize] = (0, import_react69.useState)({ width: 0, height: 0 });
+  const [view, setView] = (0, import_react69.useState)({ x: 0, y: 0, zoom: 1 });
+  const [animate, setAnimate] = (0, import_react69.useState)(false);
+  const [localFocus, setLocalFocus] = (0, import_react69.useState)(void 0);
+  const [hoverId, setHoverId] = (0, import_react69.useState)(void 0);
+  const viewRef = (0, import_react69.useRef)(view);
   viewRef.current = view;
-  const layoutRef = (0, import_react68.useRef)(layout);
+  const layoutRef = (0, import_react69.useRef)(layout);
   layoutRef.current = layout;
-  const pendingFocus = (0, import_react68.useRef)(void 0);
-  const initialisedFor = (0, import_react68.useRef)(void 0);
+  const pendingFocus = (0, import_react69.useRef)(void 0);
+  const initialisedFor = (0, import_react69.useRef)(void 0);
   const rootItemId = layout.rootId !== void 0 ? layout.itemOf[layout.rootId] : layout.items[0]?.id;
   const requestedFocus = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : localFocus;
   const focusedId = requestedFocus !== void 0 && itemById.has(requestedFocus) ? requestedFocus : rootItemId;
   const selectedItemId = selectedId !== void 0 ? layout.itemOf[selectedId] : void 0;
-  const activeIds = (0, import_react68.useMemo)(
+  const activeIds = (0, import_react69.useMemo)(
     () => new Set([hoverId, selectedItemId].filter((id) => id !== void 0)),
     [hoverId, selectedItemId]
   );
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const measure = () => setSize({ width: element.clientWidth, height: element.clientHeight });
@@ -13931,18 +13946,18 @@ function LayeredRelationshipGraph({
     observer.observe(element);
     return () => observer.disconnect();
   }, []);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (size.width === 0) return;
     const key = `${layout.rootId ?? ""}`;
     if (initialisedFor.current === key) return;
     initialisedFor.current = key;
     setView(initialView(layout, size));
   }, [layout, size]);
-  const moveView = (0, import_react68.useCallback)((next, smooth) => {
+  const moveView = (0, import_react69.useCallback)((next, smooth) => {
     setAnimate(smooth);
     setView(next);
   }, []);
-  const ensureVisible = (0, import_react68.useCallback)((id, smooth) => {
+  const ensureVisible = (0, import_react69.useCallback)((id, smooth) => {
     const element = viewportRef.current;
     const item = layoutRef.current.items.find((candidate) => candidate.id === id);
     if (!element || !item) return;
@@ -13961,7 +13976,7 @@ function LayeredRelationshipGraph({
     else if (bottom > heightPx - FOCUS_MARGIN) nextY -= bottom - (heightPx - FOCUS_MARGIN);
     if (nextX !== x || nextY !== y) moveView({ x: nextX, y: nextY, zoom }, smooth);
   }, [moveView]);
-  const focusItem = (0, import_react68.useCallback)((id) => {
+  const focusItem = (0, import_react69.useCallback)((id) => {
     setLocalFocus(id);
     onFocusChange?.(id);
     requestAnimationFrame(() => {
@@ -13969,7 +13984,7 @@ function LayeredRelationshipGraph({
       ensureVisible(id, true);
     });
   }, [ensureVisible, onFocusChange]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const wanted = pendingFocus.current;
     if (wanted !== void 0 && itemById.has(wanted)) {
       pendingFocus.current = void 0;
@@ -13979,8 +13994,8 @@ function LayeredRelationshipGraph({
   const controlledTarget = focusId !== void 0 ? layout.itemOf[focusId] ?? focusId : void 0;
   const controlledPresent = controlledTarget !== void 0 && itemById.has(controlledTarget);
   const controlledKey = `${controlledTarget ?? ""}|${controlledPresent}`;
-  const lastControlledKey = (0, import_react68.useRef)(controlledKey);
-  (0, import_react68.useEffect)(() => {
+  const lastControlledKey = (0, import_react69.useRef)(controlledKey);
+  (0, import_react69.useEffect)(() => {
     if (lastControlledKey.current === controlledKey) return;
     lastControlledKey.current = controlledKey;
     if (!controlledPresent || controlledTarget === void 0) return;
@@ -13989,7 +14004,7 @@ function LayeredRelationshipGraph({
       ensureVisible(controlledTarget, true);
     });
   }, [controlledKey, controlledTarget, controlledPresent, ensureVisible]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const element = viewportRef.current;
     if (!element) return;
     const onWheel = (event) => {
@@ -14007,8 +14022,8 @@ function LayeredRelationshipGraph({
     element.addEventListener("wheel", onWheel, { passive: false });
     return () => element.removeEventListener("wheel", onWheel);
   }, []);
-  const pointers = (0, import_react68.useRef)(/* @__PURE__ */ new Map());
-  const pinchDistance = (0, import_react68.useRef)(void 0);
+  const pointers = (0, import_react69.useRef)(/* @__PURE__ */ new Map());
+  const pinchDistance = (0, import_react69.useRef)(void 0);
   const onPointerDown = (event) => {
     if (event.target.closest("button")) return;
     event.currentTarget.setPointerCapture?.(event.pointerId);
@@ -14309,7 +14324,7 @@ function radialViewBox(nodes) {
   return `${round(minX)} ${round(minY)} ${width} ${height}`;
 }
 function RelationshipGraph(props) {
-  const labels = (0, import_react69.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
+  const labels = (0, import_react70.useMemo)(() => ({ ...DEFAULT_RELATIONSHIP_GRAPH_LABELS, ...props.labels }), [props.labels]);
   const stateClass = cx("uix-relationship-graph uix-relationship-graph--state", props.className);
   if (props.loading) return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: stateClass, role: "status", children: labels.loading });
   if (props.error) {
@@ -14343,17 +14358,17 @@ function RadialRelationshipGraph({
   labels,
   showList = true
 }) {
-  const bounded = (0, import_react69.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const positioned = (0, import_react69.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
-  const typeColor = (0, import_react69.useMemo)(
+  const bounded = (0, import_react70.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const positioned = (0, import_react70.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const typeColor = (0, import_react70.useMemo)(
     () => new Map(legend.map((item, index) => [item.id, `var(--uix-chart-${index % 8 + 1})`])),
     [legend]
   );
-  const positionedById = (0, import_react69.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
-  const [zoom, setZoom] = (0, import_react69.useState)(1);
-  const [pan, setPan] = (0, import_react69.useState)({ x: 0, y: 0 });
-  const [focusedId, setFocusedId] = (0, import_react69.useState)(selectedId ?? positioned[0]?.id);
-  const svgRef = (0, import_react69.useRef)(null);
+  const positionedById = (0, import_react70.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
+  const [zoom, setZoom] = (0, import_react70.useState)(1);
+  const [pan, setPan] = (0, import_react70.useState)({ x: 0, y: 0 });
+  const [focusedId, setFocusedId] = (0, import_react70.useState)(selectedId ?? positioned[0]?.id);
+  const svgRef = (0, import_react70.useRef)(null);
   const select = (id) => {
     const node = bounded.nodes.find((item) => item.id === id);
     if (node) onSelect?.(node);
@@ -14424,7 +14439,7 @@ function RadialRelationshipGraph({
 }
 
 // src/components/MatchReview.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var DEFAULT_MATCH_REVIEW_LABELS = {
   region: "Match review",
@@ -14487,11 +14502,11 @@ function MatchReview({
   const plural = (n, one, many) => fillLabel(n === 1 ? one : many, { count: n });
   const decisionLabel = { accepted: labels.decisionAccepted, dismissed: labels.decisionDismissed, split: labels.decisionSplit, other: labels.decisionOther };
   const actionLabel = { accept: labels.accept, dismiss: labels.dismiss, split: labels.split, "pick-other": labels.pickOther };
-  const [internalSelection, setInternalSelection] = (0, import_react70.useState)(/* @__PURE__ */ new Set());
-  const [announcement, setAnnouncement] = (0, import_react70.useState)("");
-  const [bulkPending, setBulkPending] = (0, import_react70.useState)(false);
+  const [internalSelection, setInternalSelection] = (0, import_react71.useState)(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react71.useState)("");
+  const [bulkPending, setBulkPending] = (0, import_react71.useState)(false);
   const selection = selectedIds ?? internalSelection;
-  const pending = (0, import_react70.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const pending = (0, import_react71.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
   const setSelection = (next) => {
     if (selectedIds === void 0) setInternalSelection(next);
     onSelectionChange?.(next);
@@ -14580,7 +14595,7 @@ function MatchReview({
 }
 
 // src/components/MetricInput.tsx
-var import_react71 = require("react");
+var import_react72 = require("react");
 
 // src/metric-model.ts
 function decimals(value) {
@@ -14624,11 +14639,11 @@ function MetricInput({
   className,
   id: providedId
 }) {
-  const generatedId = (0, import_react71.useId)();
+  const generatedId = (0, import_react72.useId)();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
-  const [text, setText] = (0, import_react71.useState)(() => format(value));
-  (0, import_react71.useEffect)(() => setText(format(value)), [value, format]);
+  const [text, setText] = (0, import_react72.useState)(() => format(value));
+  (0, import_react72.useEffect)(() => setText(format(value)), [value, format]);
   const commit = (input) => {
     const parsed = parse(input);
     if (input.trim() === "" || parsed !== null) {
@@ -14737,7 +14752,7 @@ function LicensePositionBar({
 }
 
 // src/components/BrandProfiles.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/color-model.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -14806,7 +14821,7 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 }
 
 // src/components/ColorPicker.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var DEFAULT_COLOR_PICKER_LABELS = {
   trigger: "{label}: {color}",
@@ -14838,17 +14853,17 @@ function ColorPicker({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_COLOR_PICKER_LABELS, ...labelOverrides };
-  const id = (0, import_react72.useId)();
-  const triggerRef = (0, import_react72.useRef)(null);
-  const dialogRef = (0, import_react72.useRef)(null);
-  const [open, setOpen] = (0, import_react72.useState)(false);
+  const id = (0, import_react73.useId)();
+  const triggerRef = (0, import_react73.useRef)(null);
+  const dialogRef = (0, import_react73.useRef)(null);
+  const [open, setOpen] = (0, import_react73.useState)(false);
   const normalized = normalizeHex(value) ?? "#000000";
-  const [hexText, setHexText] = (0, import_react72.useState)(normalized);
-  const hsv = (0, import_react72.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
+  const [hexText, setHexText] = (0, import_react73.useState)(normalized);
+  const hsv = (0, import_react73.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
   const ratio = contrastRatio(normalized, foreground) ?? 0;
   const passes = ratio >= minimumContrast;
-  (0, import_react72.useEffect)(() => setHexText(normalized), [normalized]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => setHexText(normalized), [normalized]);
+  (0, import_react73.useEffect)(() => {
     if (!open) return;
     const dialog = dialogRef.current;
     dialog?.querySelector("input,button")?.focus();
@@ -15068,7 +15083,7 @@ function BrandProfileEditor({
   labels: labelOverrides
 }) {
   const labels = { ...DEFAULT_BRAND_PROFILE_EDITOR_LABELS, ...labelOverrides };
-  const [announcement, setAnnouncement] = (0, import_react73.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react74.useState)("");
   const update = (patch) => onChange({ ...value, ...patch });
   const apply = () => {
     if (applyTarget !== null) applyBrandProfile(value, applyTarget);
@@ -15140,7 +15155,7 @@ function BrandProfileEditor({
 var BrandProfiles = BrandProfileEditor;
 
 // src/components/DiffViewer.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 
 // src/diff-model.ts
 function isJsonObject(value) {
@@ -15236,9 +15251,9 @@ function DiffViewer({
   const labels = { ...DEFAULT_DIFF_VIEWER_LABELS, ...labelOverrides };
   const resolutionLabel = { accept: labels.resolutionAccept, skip: labels.resolutionSkip, pending: labels.resolutionPending };
   const buttonSize = controlSize === "md" ? void 0 : `uix-btn--${controlSize}`;
-  const id = (0, import_react74.useId)();
-  const entries = (0, import_react74.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
-  const [internalResolutions, setInternalResolutions] = (0, import_react74.useState)({});
+  const id = (0, import_react75.useId)();
+  const entries = (0, import_react75.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
+  const [internalResolutions, setInternalResolutions] = (0, import_react75.useState)({});
   const resolutions = controlledResolutions ?? internalResolutions;
   const summary = summarizeDiff(entries, resolutions);
   const resolve = (path, resolution) => {
@@ -15301,7 +15316,7 @@ function DiffViewer({
 }
 
 // src/components/TextDiff.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 
 // src/text-diff-model.ts
 var WORD_TOKENS = /\s+|[\p{L}\p{M}\p{N}_]+|[^\s\p{L}\p{M}\p{N}_]/gu;
@@ -15580,7 +15595,7 @@ function Marked({ segments, side, labels, whole }) {
       ": "
     ] }),
     segment.text
-  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react75.Fragment, { children: segment.text }, i)) });
+  ] }, i) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react76.Fragment, { children: segment.text }, i)) });
 }
 function Cell({ line, side, kind, labels }) {
   if (!line) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__cell", "data-side": side, "data-empty": "", "aria-hidden": "true" });
@@ -15592,9 +15607,9 @@ function Cell({ line, side, kind, labels }) {
   ] });
 }
 function Rows({ rows, view, labels, focusFirst }) {
-  const [open, setOpen] = (0, import_react75.useState)(() => /* @__PURE__ */ new Set());
-  const first = (0, import_react75.useRef)(null);
-  (0, import_react75.useEffect)(() => {
+  const [open, setOpen] = (0, import_react76.useState)(() => /* @__PURE__ */ new Set());
+  const first = (0, import_react76.useRef)(null);
+  (0, import_react76.useEffect)(() => {
     if (focusFirst) first.current?.focus();
   }, [focusFirst]);
   const firstProps = (index) => focusFirst && index === 0 ? { ref: first, tabIndex: -1 } : {};
@@ -15607,7 +15622,7 @@ function Rows({ rows, view, labels, focusFirst }) {
     const after = row.kind === "delete" ? void 0 : row.after;
     if (view === "unified") {
       if (row.kind === "equal") return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__row", "data-kind": "equal", ...firstProps(index), children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: after, side: "after", kind: "equal", labels }) }, index);
-      return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_react75.Fragment, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_react76.Fragment, { children: [
         before && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__row", "data-kind": "delete", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: before, side: "before", kind: row.kind, labels }) }),
         after && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__row", "data-kind": "insert", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Cell, { line: after, side: "after", kind: row.kind, labels }) })
       ] }, index);
@@ -15636,8 +15651,8 @@ function TextDiff({
 }) {
   const uixLabels = useUixLabels();
   const labels = { ...DEFAULT_TEXT_DIFF_LABELS, ...uixLabels.textDiff, ...labelOverrides };
-  const result = (0, import_react75.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
-  const rows = (0, import_react75.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
+  const result = (0, import_react76.useMemo)(() => diffText(before, after, { granularity, maxTokens, maxEdits }), [before, after, granularity, maxTokens, maxEdits]);
+  const rows = (0, import_react76.useMemo)(() => granularity === "line" && result.status === "ok" ? textDiffRows(result, { context }) : [], [result, granularity, context]);
   const heads = /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "uix-text-diff__heads", "aria-hidden": view === "unified" || void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "uix-text-diff__head", "data-side": "before", children: [
       view === "unified" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { "aria-hidden": "true", children: "\u2212 " }),
@@ -15655,7 +15670,7 @@ function TextDiff({
   else {
     const prose = (side2) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "uix-text-diff__prose", "data-side": side2, children: result.ops.map((op, i) => {
       const text = op.tokens.join("");
-      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react75.Fragment, { children: text }, i);
+      if (op.type === "equal") return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react76.Fragment, { children: text }, i);
       if (op.type === "delete" && side2 === "after") return null;
       if (op.type === "insert" && side2 === "before") return null;
       return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Marked, { segments: [{ text, changed: true }], side: op.type === "delete" ? "before" : "after", labels }, i);