@tensor_1/react 2.13.0 → 2.15.0

package/dist/index.cjs

@@ -22,19 +22,24 @@ var src_exports = {};
 __export(src_exports, {
   Alert: () => Alert,
   AppShell: () => AppShell,
+  AsyncOperationStatus: () => AsyncOperationStatus,
   Avatar: () => Avatar,
   AvatarGroup: () => AvatarGroup,
   BrandProfileEditor: () => BrandProfileEditor,
   BrandProfiles: () => BrandProfiles,
+  Breadcrumbs: () => Breadcrumbs,
   BuilderCanvas: () => BuilderCanvas,
   BulkBar: () => BulkBar,
   Button: () => Button,
   ButtonGroup: () => ButtonGroup,
   Card: () => Card,
+  CardLink: () => CardLink,
   CellStrong: () => CellStrong,
   CellSub: () => CellSub,
   Checkbox: () => Checkbox,
+  CollapsibleSection: () => CollapsibleSection,
   ColorPicker: () => ColorPicker,
+  Combobox: () => Combobox,
   CommandGroup: () => CommandGroup,
   CommandItem: () => CommandItem,
   CommandPalette: () => CommandPalette,
@@ -42,12 +47,14 @@ __export(src_exports, {
   Comments: () => Comments,
   Composer: () => Composer,
   ComposerBar: () => ComposerBar,
+  ConfirmDialog: () => ConfirmDialog,
   ContentList: () => ContentList,
   ContentListItem: () => ContentListItem,
   DateRangePicker: () => DateRangePicker,
   DescriptionItem: () => DescriptionItem,
   DescriptionList: () => DescriptionList,
   DetailLayout: () => DetailLayout,
+  DetailPage: () => DetailPage,
   DiffViewer: () => DiffViewer,
   Drawer: () => Drawer,
   EmptyState: () => EmptyState,
@@ -58,6 +65,9 @@ __export(src_exports, {
   FeaturedRundownItem: () => FeaturedRundownItem,
   FeaturedStage: () => FeaturedStage,
   Field: () => Field,
+  FilterPopover: () => FilterPopover,
+  FilteredEmptyState: () => FilteredEmptyState,
+  ForbiddenState: () => ForbiddenState,
   Highlighted: () => Highlighted,
   Inbox: () => Inbox,
   InboxDetail: () => InboxDetail,
@@ -82,6 +92,7 @@ __export(src_exports, {
   NavGroup: () => NavGroup,
   NavItem: () => NavItem,
   NewsLead: () => NewsLead,
+  NotFoundState: () => NotFoundState,
   Note: () => Note,
   NoticeQueue: () => NoticeQueue,
   PageHeader: () => PageHeader,
@@ -90,14 +101,18 @@ __export(src_exports, {
   Peek: () => Peek,
   Popover: () => Popover,
   Progress: () => Progress,
+  PromptDialog: () => PromptDialog,
   Prose: () => Prose,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
+  RelatedLinks: () => RelatedLinks,
   RelationshipGraph: () => RelationshipGraph,
+  RelativeTime: () => RelativeTime,
   ResourceGrid: () => ResourceGrid,
   RowAction: () => RowAction,
   RowActions: () => RowActions,
   RuleBuilder: () => RuleBuilder,
+  SavedViewMenu: () => SavedViewMenu,
   SchedulingCalendar: () => SchedulingCalendar,
   SectionHead: () => SectionHead,
   Segmented: () => Segmented,
@@ -125,10 +140,12 @@ __export(src_exports, {
   TimelineItem: () => TimelineItem,
   Toast: () => Toast,
   Toaster: () => Toaster,
+  ToggleRow: () => ToggleRow,
   Tooltip: () => Tooltip,
   Tr: () => Tr,
   Tree: () => Tree,
   UserChip: () => UserChip,
+  ViewMenu: () => ViewMenu,
   addCalendarDays: () => addCalendarDays,
   addCalendarMonths: () => addCalendarMonths,
   appendRuleNode: () => appendRuleNode,
@@ -143,6 +160,7 @@ __export(src_exports, {
   contrastRatio: () => contrastRatio,
   cx: () => cx,
   enumerateDateSpan: () => enumerateDateSpan,
+  filterComboboxOptions: () => filterComboboxOptions,
   findRuleNodeDepth: () => findRuleNodeDepth,
   flattenTree: () => flattenTree,
   hexToRgb: () => hexToRgb,
@@ -161,9 +179,11 @@ __export(src_exports, {
   multiSort: () => multiSort,
   nextSortDir: () => nextSortDir,
   normalizeHex: () => normalizeHex,
+  parseDateValue: () => parseDateValue,
   parseMetricValue: () => parseMetricValue,
   parseView: () => parseView,
   relationshipNeighbors: () => relationshipNeighbors,
+  relativeTimeValue: () => relativeTimeValue,
   removeRuleNode: () => removeRuleNode,
   reorder: () => reorder,
   restoreBrandProfile: () => restoreBrandProfile,
@@ -761,11 +781,138 @@ function InputGroup({ children, leadingIcon, trailingIcon, className }) {
   );
 }
 
-// src/components/Textarea.tsx
+// src/components/Combobox.tsx
 var import_react7 = require("react");
+
+// src/combobox-model.ts
+function filterComboboxOptions(options, query) {
+  const needle = query.trim().toLocaleLowerCase();
+  if (!needle) return [...options];
+  return options.filter(
+    (option) => [option.label, option.value, ...option.keywords ?? []].some((part) => part.toLocaleLowerCase().includes(needle))
+  );
+}
+
+// src/components/Combobox.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Textarea = (0, import_react7.forwardRef)(
-  ({ invalid, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+function Combobox({
+  options,
+  value,
+  defaultValue,
+  onValueChange,
+  label,
+  placeholder,
+  emptyLabel,
+  name,
+  disabled,
+  className,
+  ...props
+}) {
+  const generatedId = (0, import_react7.useId)();
+  const listboxId = `${generatedId}-listbox`;
+  const rootRef = (0, import_react7.useRef)(null);
+  const [internalValue, setInternalValue] = (0, import_react7.useState)(defaultValue ?? "");
+  const selectedValue = value ?? internalValue;
+  const selected = options.find((option) => option.value === selectedValue);
+  const [query, setQuery] = (0, import_react7.useState)(selected?.label ?? "");
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const [activeIndex, setActiveIndex] = (0, import_react7.useState)(0);
+  const filtered = (0, import_react7.useMemo)(() => filterComboboxOptions(options, open ? query : ""), [open, options, query]);
+  const activeOption = filtered[activeIndex];
+  (0, import_react7.useEffect)(() => {
+    if (!open) setQuery(options.find((option) => option.value === selectedValue)?.label ?? "");
+  }, [open, options, selectedValue]);
+  const select = (option) => {
+    if (option.disabled) return;
+    if (value == null) setInternalValue(option.value);
+    setQuery(option.label);
+    setOpen(false);
+    onValueChange?.(option.value, option);
+  };
+  const move = (step) => {
+    if (!filtered.length) return;
+    let next = activeIndex;
+    for (let attempts = 0; attempts < filtered.length; attempts += 1) {
+      next = (next + step + filtered.length) % filtered.length;
+      if (!filtered[next]?.disabled) break;
+    }
+    setActiveIndex(next);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      if (!open) setOpen(true);
+      else move(event.key === "ArrowDown" ? 1 : -1);
+    } else if (event.key === "Enter" && open && activeOption) {
+      event.preventDefault();
+      select(activeOption);
+    } else if (event.key === "Escape") {
+      setOpen(false);
+      setQuery(selected?.label ?? "");
+    }
+  };
+  const handleBlur = (event) => {
+    if (!rootRef.current?.contains(event.relatedTarget)) {
+      setOpen(false);
+      setQuery(options.find((option) => option.value === selectedValue)?.label ?? "");
+    }
+  };
+  const handleChange = (event) => {
+    setQuery(event.target.value);
+    setActiveIndex(0);
+    setOpen(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref: rootRef, className: cx("uix-combobox", className), onBlur: handleBlur, ...props, children: [
+    name && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "hidden", name, value: selectedValue }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "input",
+      {
+        className: "uix-input",
+        role: "combobox",
+        "aria-label": label,
+        "aria-autocomplete": "list",
+        "aria-expanded": open,
+        "aria-controls": listboxId,
+        "aria-activedescendant": open && activeOption ? `${listboxId}-${activeIndex}` : void 0,
+        value: query,
+        placeholder,
+        disabled,
+        onChange: handleChange,
+        onFocus: () => {
+          setQuery("");
+          setOpen(true);
+          setActiveIndex(Math.max(0, options.findIndex((option) => option.value === selectedValue)));
+        },
+        onKeyDown: handleKeyDown
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("ul", { id: listboxId, className: "uix-listbox uix-combobox__listbox", role: "listbox", children: [
+      filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: "uix-listbox__empty", children: emptyLabel }),
+      filtered.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "li",
+        {
+          id: `${listboxId}-${index}`,
+          className: "uix-listbox__option",
+          role: "option",
+          "aria-selected": option.value === selectedValue,
+          "aria-disabled": option.disabled || void 0,
+          "data-active": index === activeIndex || void 0,
+          onMouseDown: (event) => event.preventDefault(),
+          onMouseEnter: () => setActiveIndex(index),
+          onClick: () => select(option),
+          children: option.label
+        },
+        option.value
+      ))
+    ] })
+  ] });
+}
+
+// src/components/Textarea.tsx
+var import_react8 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Textarea = (0, import_react8.forwardRef)(
+  ({ invalid, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "textarea",
     {
       ref,
@@ -778,10 +925,10 @@ var Textarea = (0, import_react7.forwardRef)(
 Textarea.displayName = "Textarea";
 
 // src/components/Select.tsx
-var import_react8 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Select = (0, import_react8.forwardRef)(
-  ({ size = "md", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var import_react9 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Select = (0, import_react9.forwardRef)(
+  ({ size = "md", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "select",
     {
       ref,
@@ -793,19 +940,19 @@ var Select = (0, import_react8.forwardRef)(
 Select.displayName = "Select";
 
 // src/components/Checkbox.tsx
-var import_react9 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polyline", { points: "1.5,6 4.5,9 10.5,3" }) });
-var IndeterminateIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "2", y: "5", width: "8", height: "2", rx: "1", fill: "currentColor" }) });
-var Checkbox = (0, import_react9.forwardRef)(
+var import_react10 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CheckIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "1.5,6 4.5,9 10.5,3" }) });
+var IndeterminateIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "2", y: "5", width: "8", height: "2", rx: "1", fill: "currentColor" }) });
+var Checkbox = (0, import_react10.forwardRef)(
   ({ label, indeterminate, className, ...props }, forwardedRef) => {
-    const innerRef = (0, import_react9.useRef)(null);
-    (0, import_react9.useEffect)(() => {
+    const innerRef = (0, import_react10.useRef)(null);
+    (0, import_react10.useEffect)(() => {
       const el = innerRef.current;
       if (el) el.indeterminate = !!indeterminate;
     }, [indeterminate]);
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: cx("uix-checkbox", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: cx("uix-checkbox", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "input",
         {
           type: "checkbox",
@@ -817,7 +964,7 @@ var Checkbox = (0, import_react9.forwardRef)(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "uix-checkbox__box", children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IndeterminateIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uix-checkbox__box", children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IndeterminateIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, {}) }),
       label
     ] });
   }
@@ -825,93 +972,144 @@ var Checkbox = (0, import_react9.forwardRef)(
 Checkbox.displayName = "Checkbox";
 
 // src/components/Radio.tsx
-var import_react10 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Radio = (0, import_react10.forwardRef)(
-  ({ label, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: cx("uix-radio", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "radio", ref, ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uix-radio__dot" }),
+var import_react11 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Radio = (0, import_react11.forwardRef)(
+  ({ label, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: cx("uix-radio", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "radio", ref, ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "uix-radio__dot" }),
     label
   ] })
 );
 Radio.displayName = "Radio";
 function RadioGroup({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cx("uix-radio-group", className), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cx("uix-radio-group", className), children });
 }
 
 // src/components/Switch.tsx
-var import_react11 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Switch = (0, import_react11.forwardRef)(
-  ({ label, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: cx("uix-switch", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", role: "switch", ref, ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "uix-switch__track" }),
+var import_react12 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Switch = (0, import_react12.forwardRef)(
+  ({ label, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: cx("uix-switch", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", role: "switch", ref, ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "uix-switch__track" }),
     label
   ] })
 );
 Switch.displayName = "Switch";
 
 // src/components/Field.tsx
-var import_react12 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Field({ label, hint, error, success, required, children, className, htmlFor }) {
-  const uid = (0, import_react12.useId)();
+  const uid = (0, import_react13.useId)();
   const msgId = `${uid}-msg`;
   const describedBy = error || success || hint ? msgId : void 0;
-  const control = (0, import_react12.isValidElement)(children) ? (0, import_react12.cloneElement)(children, {
+  const control = (0, import_react13.isValidElement)(children) ? (0, import_react13.cloneElement)(children, {
     "aria-describedby": [children.props["aria-describedby"], describedBy].filter(Boolean).join(" ") || void 0,
     "aria-invalid": error ? true : children.props["aria-invalid"]
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cx("uix-field", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "uix-field__label", htmlFor, "data-required": required || void 0, children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cx("uix-field", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "uix-field__label", htmlFor, "data-required": required || void 0, children: label }),
     control,
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "uix-field__msg", id: msgId, children: error ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "uix-field__error", role: "alert", children: error }) : success ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "uix-field__success", children: success }) : hint ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "uix-field__hint", children: hint }) : null })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "uix-field__msg", id: msgId, children: error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "uix-field__error", role: "alert", children: error }) : success ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "uix-field__success", children: success }) : hint ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "uix-field__hint", children: hint }) : null })
   ] });
 }
 
 // src/components/Modal.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) });
-function Modal({ open, onClose, title, children, footer, className, style }) {
+var import_react14 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+function Modal({ open, onClose, title, children, footer, className, style, closeLabel = "Close dialog", role = "dialog" }) {
   const ref = useDialog(open);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("dialog", { ref, className: cx("uix-dialog", className), style, onClose, children: [
-    (title != null || onClose) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "uix-dialog__header", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "uix-dialog__title", children: title }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { className: "uix-dialog__close", onClick: onClose, "aria-label": "Close dialog", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CloseIcon, {}) })
+  const titleId = (0, import_react14.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("dialog", { ref, className: cx("uix-dialog", className), style, onClose, role, "aria-labelledby": title != null ? titleId : void 0, children: [
+    (title != null || onClose) && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "uix-dialog__header", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { id: titleId, className: "uix-dialog__title", children: title }),
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "uix-dialog__close", onClick: onClose, "aria-label": closeLabel, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseIcon, {}) })
     ] }),
-    children != null && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "uix-dialog__body", children }),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "uix-dialog__footer", children: footer })
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uix-dialog__body", children }),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uix-dialog__footer", children: footer })
   ] });
 }
 
+// src/components/Dialogs.tsx
+var import_react15 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, closeLabel, onConfirm, onCancel, pending, destructive }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Modal,
+    {
+      open,
+      onClose: onCancel,
+      title,
+      closeLabel,
+      role: "alertdialog",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", onClick: onCancel, disabled: pending, children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", variant: destructive ? "danger" : "primary", onClick: () => void onConfirm(), loading: pending, children: confirmLabel })
+      ] }),
+      children: description
+    }
+  );
+}
+function PromptDialog({ open, title, description, inputLabel, defaultValue = "", placeholder, submitLabel, cancelLabel, closeLabel, onSubmit, onCancel, validate, pending }) {
+  const inputId = (0, import_react15.useId)();
+  const errorId = `${inputId}-error`;
+  const [value, setValue] = (0, import_react15.useState)(defaultValue);
+  const [error, setError] = (0, import_react15.useState)();
+  (0, import_react15.useEffect)(() => {
+    if (open) {
+      setValue(defaultValue);
+      setError(void 0);
+    }
+  }, [defaultValue, open]);
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    const issue = validate?.(value);
+    setError(issue);
+    if (issue == null) void onSubmit(value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Modal, { open, onClose: onCancel, title, closeLabel, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { className: "uix-prompt", onSubmit: handleSubmit, children: [
+    description != null && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "uix-label", htmlFor: inputId, children: inputLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Input, { id: inputId, value, placeholder, "aria-describedby": error ? errorId : void 0, invalid: error != null, onChange: (event) => setValue(event.currentTarget.value), autoFocus: true }),
+    error != null && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id: errorId, className: "uix-field__error", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uix-dialog__footer uix-prompt__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "button", onClick: onCancel, disabled: pending, children: cancelLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Button, { type: "submit", variant: "primary", loading: pending, children: submitLabel })
+    ] })
+  ] }) });
+}
+
 // src/components/Drawer.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var CloseIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) });
 function Drawer({ open, onClose, title, children, footer, className }) {
   const ref = useDialog(open);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("dialog", { ref, className: cx("uix-drawer", className), onClose, children: [
-    (title != null || onClose) && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "uix-drawer__header", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { fontWeight: 600, fontSize: "var(--uix-text-h3)" }, children: title }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("dialog", { ref, className: cx("uix-drawer", className), onClose, children: [
+    (title != null || onClose) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "uix-drawer__header", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { fontWeight: 600, fontSize: "var(--uix-text-h3)" }, children: title }),
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "button",
         {
           style: { marginLeft: "auto", border: 0, background: "transparent", color: "var(--uix-text-muted)", cursor: "pointer", width: 30, height: 30, display: "grid", placeItems: "center", borderRadius: "var(--uix-radius-sm)" },
           onClick: onClose,
           "aria-label": "Close drawer",
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseIcon2, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon2, {})
         }
       )
     ] }),
-    children != null && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uix-drawer__body", children }),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "uix-drawer__footer", children: footer })
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "uix-drawer__body", children }),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "uix-drawer__footer", children: footer })
   ] });
 }
 
 // src/components/Peek.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CloseIcon3 = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) });
-var ChevronUp = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M2 8l4-4 4 4" }) });
-var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M2 4l4 4 4-4" }) });
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var CloseIcon3 = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+var ChevronUp = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M2 8l4-4 4 4" }) });
+var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M2 4l4 4 4-4" }) });
 function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, className }) {
   const ref = useDialog(open);
   const hasNav = onNavPrev != null || onNavNext != null;
@@ -922,109 +1120,190 @@ function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hi
     const outside = e.clientX < r.left || e.clientX > r.right || e.clientY < r.top || e.clientY > r.bottom;
     if (outside) onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("dialog", { ref, className: cx("uix-peek", className), onClose, onClick: onBackdropClick, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uix-peek__header", children: [
-      hasNav && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uix-peek__nav", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "uix-peek__navbtn", onClick: onNavPrev, disabled: !onNavPrev, "aria-label": "Previous record", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronUp, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "uix-peek__navbtn", onClick: onNavNext, disabled: !onNavNext, "aria-label": "Next record", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronDown, {}) })
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dialog", { ref, className: cx("uix-peek", className), onClose, onClick: onBackdropClick, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "uix-peek__header", children: [
+      hasNav && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "uix-peek__nav", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__navbtn", onClick: onNavPrev, disabled: !onNavPrev, "aria-label": "Previous record", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronUp, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__navbtn", onClick: onNavNext, disabled: !onNavNext, "aria-label": "Next record", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronDown, {}) })
       ] }),
-      title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "uix-peek__title", children: title }),
-      hint && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "uix-peek__hint", children: hint }),
-      onClose && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "uix-peek__close", onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseIcon3, {}) })
+      title && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "uix-peek__title", children: title }),
+      hint && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "uix-peek__hint", children: hint }),
+      onClose && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "uix-peek__close", onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon3, {}) })
     ] }),
-    children != null && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "uix-peek__body", children }),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "uix-peek__footer", children: footer })
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "uix-peek__body", children }),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "uix-peek__footer", children: footer })
   ] });
 }
 
 // src/components/Card.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Card({ title, subtitle, headerAction, footer, children, className, ...props }) {
   const hasHeader = title != null || subtitle != null || headerAction != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cx("uix-card", className), ...props, children: [
-    hasHeader && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "uix-card__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { flex: 1 }, children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "uix-card__title", children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "uix-card__subtitle", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cx("uix-card", className), ...props, children: [
+    hasHeader && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "uix-card__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { flex: 1 }, children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__title", children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__subtitle", children: subtitle })
+      ] }),
+      headerAction
+    ] }),
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__body", children }),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__footer", children: footer })
+  ] });
+}
+function CardLink({ title, subtitle, headerAction, footer, children, className, ...props }) {
+  const hasHeader = title != null || subtitle != null || headerAction != null;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { className: cx("uix-card", "uix-card--interactive", className), ...props, children: [
+    hasHeader && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "uix-card__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { flex: 1 }, children: [
+        title != null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__title", children: title }),
+        subtitle != null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__subtitle", children: subtitle })
       ] }),
       headerAction
     ] }),
-    children != null && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "uix-card__body", children }),
-    footer != null && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "uix-card__footer", children: footer })
+    children != null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__body", children }),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-card__footer", children: footer })
   ] });
 }
 
+// src/components/Breadcrumbs.tsx
+var import_react16 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Breadcrumbs({ items, label, separator = "/", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { "aria-label": label, className, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ol", { className: "uix-breadcrumbs", children: items.map((item, index) => {
+    const current = item.current ?? index === items.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react16.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { className: "uix-breadcrumbs__sep", "aria-hidden": "true", children: separator }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: item.href && !current ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("a", { href: item.href, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-current": current ? "page" : void 0, children: item.label }) })
+    ] }, item.id ?? `${item.href ?? "current"}-${index}`);
+  }) }) });
+}
+
 // src/components/PageHeader.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function PageHeader({ eyebrow, title, subtitle, actions, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { className: cx("uix-page-header", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "uix-page-header__titles", children: [
-      eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "uix-page-header__eyebrow", children: eyebrow }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h1", { className: "uix-page-header__title", children: title }),
-      subtitle != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "uix-page-header__subtitle", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: cx("uix-page-header", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "uix-page-header__titles", children: [
+      eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "uix-page-header__eyebrow", children: eyebrow }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h1", { className: "uix-page-header__title", children: title }),
+      subtitle != null && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "uix-page-header__subtitle", children: subtitle })
     ] }),
-    actions != null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "uix-page-header__actions", children: actions })
+    actions != null && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "uix-page-header__actions", children: actions })
   ] });
 }
 
 // src/components/DetailLayout.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function DetailLayout({ side, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cx("uix-detail", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-detail__main", children }),
-    side != null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "uix-detail__side", children: side })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cx("uix-detail", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "uix-detail__main", children }),
+    side != null && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "uix-detail__side", children: side })
+  ] });
+}
+
+// src/components/DetailPage.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function DetailPage({ back, eyebrow, title, subtitle, actions, tabs, metrics, side, children, tabsLabel, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: cx("uix-detail-page", className), ...props, children: [
+    back && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { className: "uix-link uix-link--quiet uix-detail-page__back", href: back.href, children: back.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PageHeader, { eyebrow, title, subtitle, actions }),
+    metrics && metrics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dl", { className: "uix-detail-page__metrics", children: metrics.map((metric) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dt", { children: metric.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("dd", { children: metric.value })
+    ] }, metric.id)) }),
+    tabs && tabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("nav", { className: "uix-tabs", "aria-label": tabsLabel, children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", { className: "uix-tab", "aria-current": tab.active ? "page" : void 0, href: tab.href, children: tab.label }, tab.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DetailLayout, { side, children })
+  ] });
+}
+
+// src/components/RelatedLinks.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function RelatedLinks({ title, items, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: cx("uix-related-links", className), ...props, children: [
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "uix-related-links__title", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ul", { className: "uix-related-links__list", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { className: "uix-link uix-link--quiet", href: item.href, children: item.label }),
+      item.meta != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: item.meta })
+    ] }, item.id)) })
+  ] });
+}
+
+// src/components/ToggleRow.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function ToggleRow({ label, description, checked, onCheckedChange, disabled, accessibleLabel, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cx("uix-toggle-row", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uix-toggle-row__copy", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uix-toggle-row__label", children: label }),
+      description != null && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uix-toggle-row__description", children: description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Switch, { checked, disabled, "aria-label": accessibleLabel, onChange: (event) => onCheckedChange(event.currentTarget.checked) })
+  ] });
+}
+
+// src/components/CollapsibleSection.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function CollapsibleSection({ title, summary, children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("details", { className: cx("uix-collapsible", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("summary", { className: "uix-collapsible__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "uix-collapsible__title", children: title }),
+        summary != null && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "uix-collapsible__meta", children: summary })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "uix-collapsible__chevron", "aria-hidden": "true", children: "\u2304" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "uix-collapsible__body", children })
   ] });
 }
 
 // src/components/List.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function List({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cx("uix-list", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cx("uix-list", className), ...props, children });
 }
 function ListItem({ title, meta, trail, leading, children, className, ...props }) {
   const hasTitleBlock = title != null || meta != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cx("uix-list__item", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cx("uix-list__item", className), ...props, children: [
     leading,
-    hasTitleBlock && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { minWidth: 0 }, children: [
-      title != null && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uix-list__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uix-list__meta", children: meta })
+    hasTitleBlock && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { minWidth: 0 }, children: [
+      title != null && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "uix-list__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "uix-list__meta", children: meta })
     ] }),
     children,
-    trail != null && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uix-list__trail", children: trail })
+    trail != null && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "uix-list__trail", children: trail })
   ] });
 }
 
 // src/components/DescriptionList.tsx
-var import_react13 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function DescriptionList({ items, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("dl", { className: cx("uix-dl", className), ...props, children: [
-    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react13.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: item.term }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { children: item.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("dl", { className: cx("uix-dl", className), ...props, children: [
+    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dt", { children: item.term }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dd", { children: item.description })
     ] }, item.id ?? i)),
     children
   ] });
 }
 function DescriptionItem({ term, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dt", { children: term }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("dd", { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dt", { children: term }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dd", { children })
   ] });
 }
 
 // src/components/Tabs.tsx
-var import_react14 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var TabsCtx = (0, import_react14.createContext)({});
+var import_react18 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var TabsCtx = (0, import_react18.createContext)({});
 function Tabs({ variant = "line", value, onChange, children, className }) {
-  const contextValue = (0, import_react14.useMemo)(() => ({ value, onChange }), [value, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TabsCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { role: "tablist", className: cx("uix-tabs", `uix-tabs--${variant}`, className), children }) });
+  const contextValue = (0, import_react18.useMemo)(() => ({ value, onChange }), [value, onChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TabsCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { role: "tablist", className: cx("uix-tabs", `uix-tabs--${variant}`, className), children }) });
 }
 function Tab({ value, children, disabled, className, onClick, ...props }) {
-  const ctx = (0, import_react14.useContext)(TabsCtx);
+  const ctx = (0, import_react18.useContext)(TabsCtx);
   const selected = ctx.value === value;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "button",
     {
       role: "tab",
@@ -1042,8 +1321,8 @@ function Tab({ value, children, disabled, className, onClick, ...props }) {
 }
 
 // src/components/AppShell.tsx
-var import_react15 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function AppShell({
   nav,
   collapsed,
@@ -1057,7 +1336,7 @@ function AppShell({
   ...props
 }) {
   const navState = nav ?? (collapsed ? "rail" : "full");
-  (0, import_react15.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!focus || !onExitFocus) return;
     const onKey = (e) => {
       if (e.key === "Escape") onExitFocus();
@@ -1065,7 +1344,7 @@ function AppShell({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [focus, onExitFocus]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       className: cx("uix-shell", className),
@@ -1074,100 +1353,118 @@ function AppShell({
       "data-focus": focus || void 0,
       ...props,
       children: [
-        sidebar && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "uix-shell__sidebar", children: sidebar }),
-        topbar && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "uix-shell__topbar", children: topbar }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("main", { className: cx("uix-shell__main", mainBleed && "uix-shell__main--bleed"), children }),
-        focus && onExitFocus && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "uix-shell__focus-exit", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: onExitFocus, children: "Esc \xB7 Exit focus" }) })
+        sidebar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uix-shell__sidebar", children: sidebar }),
+        topbar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uix-shell__topbar", children: topbar }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("main", { className: cx("uix-shell__main", mainBleed && "uix-shell__main--bleed"), children }),
+        focus && onExitFocus && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "uix-shell__focus-exit", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: onExitFocus, children: "Esc \xB7 Exit focus" }) })
       ]
     }
   );
 }
 
 // src/components/Sidebar.tsx
-var import_react16 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime19.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_runtime19.jsx)("path", { d: "M2 4l4 4 4-4" }) });
-function Sidebar({ collapsed, onToggle, brand, toggleIcon, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav", { className: cx("uix-sidebar", className), "data-collapsed": collapsed || void 0, ...props, children: [
-    (brand != null || onToggle) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "uix-sidebar__head", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uix-sidebar__brand", children: brand }),
-      onToggle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { className: "uix-sidebar__toggle", onClick: onToggle, "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar", children: toggleIcon ?? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { x: "3", y: "4", width: "12", height: "1.5", rx: ".75" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { x: "3", y: "8.25", width: "8", height: "1.5", rx: ".75" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { x: "3", y: "12.5", width: "12", height: "1.5", rx: ".75" })
+var import_react20 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var ChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)("path", { d: "M2 4l4 4 4-4" }) });
+function Sidebar({ collapsed, nav, onToggle, brand, toggleIcon, children, expandLabel = "Expand sidebar", collapseLabel = "Collapse sidebar", className, ...props }) {
+  const isCollapsed = collapsed ?? nav === "rail";
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("nav", { className: cx("uix-sidebar", className), "data-collapsed": isCollapsed || void 0, "data-nav": nav, ...props, children: [
+    (brand != null || onToggle) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "uix-sidebar__head", children: [
+      brand && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "uix-sidebar__brand", children: brand }),
+      onToggle && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", className: "uix-sidebar__toggle", onClick: onToggle, "aria-label": isCollapsed ? expandLabel : collapseLabel, children: toggleIcon ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "3", y: "4", width: "12", height: "1.5", rx: ".75" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "3", y: "8.25", width: "8", height: "1.5", rx: ".75" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "3", y: "12.5", width: "12", height: "1.5", rx: ".75" })
       ] }) })
     ] }),
     children
   ] });
 }
 function SidebarSection({ label, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uix-sidebar__eyebrow", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "uix-sidebar__eyebrow", children: label }),
     children
   ] });
 }
 function NavItem({ icon, badge, active, as: Tag = "a", children, className, ...props }) {
   if (Tag === "button") {
     const { href: _href, ...btnProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "button",
       {
+        type: "button",
         className: cx("uix-navitem", className),
         "aria-current": active ? "page" : void 0,
         ...btnProps,
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__icon", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__label", children }),
-          badge != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__badge", children: badge })
+          icon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__label", children }),
+          badge != null && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__badge", children: badge })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "a",
     {
       className: cx("uix-navitem", className),
       "aria-current": active ? "page" : void 0,
       ...props,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__label", children }),
-        badge != null && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__badge", children: badge })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__label", children }),
+        badge != null && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__badge", children: badge })
       ]
     }
   );
 }
-function NavGroup({ icon, label, children, defaultExpanded = true }) {
-  const [expanded, setExpanded] = (0, import_react16.useState)(defaultExpanded);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "uix-navgroup", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+function NavGroup({ icon, label, children, defaultExpanded = true, expanded: controlledExpanded, onExpandedChange }) {
+  const [internalExpanded, setInternalExpanded] = (0, import_react20.useState)(defaultExpanded);
+  const expanded = controlledExpanded ?? internalExpanded;
+  const panelId = (0, import_react20.useId)();
+  const triggerRef = (0, import_react20.useRef)(null);
+  const panelRef = (0, import_react20.useRef)(null);
+  (0, import_react20.useEffect)(() => {
+    panelRef.current?.toggleAttribute("inert", !expanded);
+    if (!expanded && panelRef.current?.contains(document.activeElement)) triggerRef.current?.focus();
+  }, [expanded]);
+  const setExpanded = (next) => {
+    if (!next && panelRef.current?.contains(document.activeElement)) triggerRef.current?.focus();
+    if (controlledExpanded == null) setInternalExpanded(next);
+    onExpandedChange?.(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "uix-navgroup", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "button",
       {
+        ref: triggerRef,
+        type: "button",
         className: "uix-navitem uix-navgroup__trigger",
         "aria-expanded": expanded,
-        onClick: () => setExpanded((v) => !v),
+        "aria-controls": panelId,
+        onClick: () => setExpanded(!expanded),
         children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__icon", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__label", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronIcon, {})
+          icon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChevronIcon, {})
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "uix-navgroup__panel", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: panelRef, id: panelId, className: "uix-navgroup__panel", "aria-hidden": !expanded, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children }) })
   ] });
 }
 function SubNavItem({ active, as: Tag = "a", children, className, ...props }) {
   const cls = cx("uix-navitem uix-subitem", className);
   if (Tag === "button") {
     const { href: _href, ...btnProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { className: cls, "aria-current": active ? "page" : void 0, ...btnProps, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__label", children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", className: cls, "aria-current": active ? "page" : void 0, ...btnProps, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__label", children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("a", { className: cls, "aria-current": active ? "page" : void 0, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "uix-navitem__label", children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("a", { className: cls, "aria-current": active ? "page" : void 0, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-navitem__label", children }) });
 }
 
 // src/components/StarButton.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var StarGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var StarGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "svg",
   {
     viewBox: "0 0 24 24",
@@ -1177,7 +1474,7 @@ var StarGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M11.5 2.7a.6.6 0 0 1 1 0l2.4 5 5.4.8a.6.6 0 0 1 .3 1l-3.9 3.8.9 5.4a.6.6 0 0 1-.8.6L12 17l-4.8 2.5a.6.6 0 0 1-.8-.6l.9-5.4L3.4 9.5a.6.6 0 0 1 .3-1l5.4-.8z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { d: "M11.5 2.7a.6.6 0 0 1 1 0l2.4 5 5.4.8a.6.6 0 0 1 .3 1l-3.9 3.8.9 5.4a.6.6 0 0 1-.8.6L12 17l-4.8 2.5a.6.6 0 0 1-.8-.6l.9-5.4L3.4 9.5a.6.6 0 0 1 .3-1l5.4-.8z" })
   }
 );
 function StarButton({
@@ -1187,7 +1484,7 @@ function StarButton({
   onToggle,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "button",
     {
       type: "button",
@@ -1200,15 +1497,15 @@ function StarButton({
         e.stopPropagation();
         onToggle(!pinned);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StarGlyph, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StarGlyph, {})
     }
   );
 }
 
 // src/components/NavFavourites.tsx
-var import_react17 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var import_react21 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   "svg",
   {
     width: "12",
@@ -1221,10 +1518,10 @@ var ChevronDownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     strokeLinejoin: "round",
     "aria-hidden": "true",
     className: "uix-favourites__chevron",
-    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "m6 9 6 6 6-6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "m6 9 6 6 6-6" })
   }
 );
-var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   "svg",
   {
     width: "12",
@@ -1237,10 +1534,10 @@ var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     strokeLinejoin: "round",
     "aria-hidden": "true",
     className: "uix-favourites__chevron",
-    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "m9 18 6-6-6-6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "m9 18 6-6-6-6" })
   }
 );
-var MoreIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+var MoreIcon = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   "svg",
   {
     width: "14",
@@ -1253,9 +1550,9 @@ var MoreIcon = () => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     strokeLinejoin: "round",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("circle", { cx: "12", cy: "5", r: "1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("circle", { cx: "12", cy: "19", r: "1" })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("circle", { cx: "12", cy: "5", r: "1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("circle", { cx: "12", cy: "19", r: "1" })
     ]
   }
 );
@@ -1269,13 +1566,13 @@ function NavFavourites({
   emptyReason,
   className
 }) {
-  const regionId = (0, import_react17.useId)();
-  const headerRef = (0, import_react17.useRef)(null);
-  const regionRef = (0, import_react17.useRef)(null);
-  const focusAfterRef = (0, import_react17.useRef)(null);
-  const triggerRefs = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
-  const order = (0, import_react17.useMemo)(() => items.map((item) => item.id), [items]);
-  (0, import_react17.useEffect)(() => {
+  const regionId = (0, import_react21.useId)();
+  const headerRef = (0, import_react21.useRef)(null);
+  const regionRef = (0, import_react21.useRef)(null);
+  const focusAfterRef = (0, import_react21.useRef)(null);
+  const triggerRefs = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
+  const order = (0, import_react21.useMemo)(() => items.map((item) => item.id), [items]);
+  (0, import_react21.useEffect)(() => {
     const id = focusAfterRef.current;
     if (!id) return;
     focusAfterRef.current = null;
@@ -1292,7 +1589,7 @@ function NavFavourites({
     }
     onToggleCollapsed?.();
   };
-  const move = (0, import_react17.useCallback)((id, dir) => {
+  const move = (0, import_react21.useCallback)((id, dir) => {
     const idx = order.indexOf(id);
     const next = idx + dir;
     if (idx < 0 || next < 0 || next >= order.length) return;
@@ -1303,18 +1600,18 @@ function NavFavourites({
     focusAfterRef.current = id;
     onReorder(reordered);
   }, [onReorder, order]);
-  const remove = (0, import_react17.useCallback)((id) => {
+  const remove = (0, import_react21.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_react17.useCallback)((id, element) => {
+  const registerTrigger = (0, import_react21.useCallback)((id, element) => {
     if (element) triggerRefs.current.set(id, element);
     else triggerRefs.current.delete(id);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cx("uix-favourites", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cx("uix-favourites", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "button",
       {
         ref: headerRef,
@@ -1324,26 +1621,26 @@ function NavFavourites({
         onClick: handleToggle,
         className: "uix-favourites__heading uix-text-eyebrow",
         children: [
-          collapsed ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDownIcon, {}),
+          collapsed ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChevronDownIcon, {}),
           labels.heading
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "ul",
       {
         ref: regionRef,
         id: regionId,
         hidden: collapsed,
         className: "uix-favourites__list",
-        children: items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        children: items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "li",
           {
             className: "uix-favourites__empty uix-text-meta",
             "data-empty-reason": emptyReason,
             children: labels.empty
           }
-        ) : items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        ) : items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           FavouriteRow,
           {
             item,
@@ -1360,7 +1657,7 @@ function NavFavourites({
     )
   ] });
 }
-var FavouriteRow = (0, import_react17.memo)(function FavouriteRow2({
+var FavouriteRow = (0, import_react21.memo)(function FavouriteRow2({
   item,
   isFirst,
   isLast,
@@ -1369,17 +1666,17 @@ var FavouriteRow = (0, import_react17.memo)(function FavouriteRow2({
   onRemove,
   registerTrigger
 }) {
-  const [open, setOpen] = (0, import_react17.useState)(false);
-  const menuId = (0, import_react17.useId)();
-  const triggerRef = (0, import_react17.useRef)(null);
-  const itemRefs = (0, import_react17.useRef)([]);
+  const [open, setOpen] = (0, import_react21.useState)(false);
+  const menuId = (0, import_react21.useId)();
+  const triggerRef = (0, import_react21.useRef)(null);
+  const itemRefs = (0, import_react21.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_react17.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (open) itemRefs.current[0]?.focus();
   }, [open]);
   const closeAndReturnFocus = () => {
@@ -1414,14 +1711,14 @@ var FavouriteRow = (0, import_react17.memo)(function FavouriteRow2({
   };
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: keyboard accelerators on the row; the focusable controls inside carry their own semantics.
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "li",
       {
         className: "uix-favourites__row",
         onKeyDown: onRowKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "uix-favourites__link", children: item.link }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uix-favourites__link", children: item.link }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "button",
             {
               ref: (el) => {
@@ -1435,11 +1732,11 @@ var FavouriteRow = (0, import_react17.memo)(function FavouriteRow2({
               "aria-label": optionsTemplate.replace("{label}", item.label),
               onClick: () => setOpen((v) => !v),
               className: "uix-favourites__menu-trigger",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MoreIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MoreIcon, {})
             }
           ),
-          open ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          open ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "div",
               {
                 "aria-hidden": "true",
@@ -1448,14 +1745,14 @@ var FavouriteRow = (0, import_react17.memo)(function FavouriteRow2({
                 className: "uix-favourites__backdrop"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "ul",
               {
                 id: menuId,
                 role: "menu",
                 onKeyDown: onMenuKeyDown,
                 className: "uix-favourites__menu",
-                children: actions.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                children: actions.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { role: "presentation", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "button",
                   {
                     ref: (el) => {
@@ -1482,21 +1779,21 @@ var FavouriteRow = (0, import_react17.memo)(function FavouriteRow2({
 });
 
 // src/components/Alert.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Alert({ tone, title, icon, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cx("uix-alert", tone && tone !== "neutral" && `uix-alert--${tone}`, className), ...props, children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "uix-alert__icon", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "uix-alert__title", children: title }),
-      children && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "uix-alert__body", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cx("uix-alert", tone && tone !== "neutral" && `uix-alert--${tone}`, className), ...props, children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uix-alert__icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uix-alert__title", children: title }),
+      children && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "uix-alert__body", children })
     ] })
   ] });
 }
 
 // src/components/Spinner.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Spinner({ size = "md", accent, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "span",
     {
       className: cx("uix-spinner", accent && "uix-spinner--accent", size === "lg" && "uix-spinner--lg", className),
@@ -1508,10 +1805,10 @@ function Spinner({ size = "md", accent, className, ...props }) {
 }
 
 // src/components/Toast.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Toast({ title, message, tone, icon, onClose, leaving, className, ...props }) {
   const assertive = tone === "danger";
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       className: cx("uix-toast", tone && `uix-toast--${tone}`, className),
@@ -1520,25 +1817,25 @@ function Toast({ title, message, tone, icon, onClose, leaving, className, ...pro
       "aria-live": assertive ? "assertive" : "polite",
       ...props,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uix-toast__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "uix-toast__body", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uix-toast__title", children: title }),
-          message && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "uix-toast__msg", children: message })
+        icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "uix-toast__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "uix-toast__body", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "uix-toast__title", children: title }),
+          message && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "uix-toast__msg", children: message })
         ] }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { className: "uix-toast__close", onClick: onClose, "aria-label": "Dismiss", children: "\xD7" })
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("button", { className: "uix-toast__close", onClick: onClose, "aria-label": "Dismiss", children: "\xD7" })
       ]
     }
   );
 }
 function Toaster({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cx("uix-toaster", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cx("uix-toaster", className), ...props, children });
 }
 
 // src/components/Table.tsx
-var import_react18 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var TableWrap = (0, import_react18.forwardRef)(function TableWrap2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, className: cx("uix-table-wrap", className), ...props, children });
+var import_react22 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var TableWrap = (0, import_react22.forwardRef)(function TableWrap2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref, className: cx("uix-table-wrap", className), ...props, children });
 });
 function Table({
   density = "standard",
@@ -1551,7 +1848,7 @@ function Table({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "table",
     {
       className: cx(
@@ -1570,7 +1867,7 @@ function Table({
   );
 }
 function Th({ sortable, sortDirection, sortOrder, onSort, className, children, onClick, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "th",
     {
       className,
@@ -1584,10 +1881,10 @@ function Th({ sortable, sortDirection, sortOrder, onSort, className, children, o
   );
 }
 function Td({ pinned, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className, "data-pinned": pinned || void 0, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className, "data-pinned": pinned || void 0, ...props, children });
 }
 function Tr({ selected, pinned, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "tr",
     {
       className,
@@ -1599,23 +1896,23 @@ function Tr({ selected, pinned, className, children, ...props }) {
   );
 }
 function BulkBar({ count, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cx("uix-bulkbar", className), role: "toolbar", "aria-label": "Bulk actions", ...props, children: [
-    count != null && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "uix-bulkbar__count", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cx("uix-bulkbar", className), role: "toolbar", "aria-label": "Bulk actions", ...props, children: [
+    count != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "uix-bulkbar__count", children: [
       count,
       " selected"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "uix-bulkbar__spacer" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "uix-bulkbar__spacer" }),
     children
   ] });
 }
 function RowActions({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: cx("uix-table__actions", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: cx("uix-table__actions", className), ...props, children });
 }
 function RowAction({ children, className, type = "button", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type, className: cx("uix-rowact", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { type, className: cx("uix-rowact", className), ...props, children });
 }
 function ExpandToggle({ expanded, className, type = "button", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "button",
     {
       type,
@@ -1623,27 +1920,27 @@ function ExpandToggle({ expanded, className, type = "button", ...props }) {
       "aria-expanded": expanded,
       "aria-label": expanded ? "Collapse row" : "Expand row",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { d: "M6 4l4 4-4 4" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M6 4l4 4-4 4" }) })
     }
   );
 }
 function CellStrong({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cx("uix-cell-strong", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: cx("uix-cell-strong", className), ...props, children });
 }
 function CellSub({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cx("uix-cell-sub", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: cx("uix-cell-sub", className), ...props, children });
 }
 function Mark({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("mark", { className: cx("uix-mark", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("mark", { className: cx("uix-mark", className), ...props, children });
 }
 function Highlighted({ text, query }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: highlightSegments(text, query).map(
-    (seg, i) => seg.match ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("mark", { className: "uix-mark", children: seg.text }, i) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: seg.text }, i)
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: highlightSegments(text, query).map(
+    (seg, i) => seg.match ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("mark", { className: "uix-mark", children: seg.text }, i) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: seg.text }, i)
   ) });
 }
 
 // src/components/Pagination.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function getPageNumbers(page, total) {
   if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
   const pages = [1];
@@ -1657,8 +1954,8 @@ function getPageNumbers(page, total) {
 }
 function Pagination({ page, pageCount, onChange, className, ...props }) {
   const pages = getPageNumbers(page, pageCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("nav", { "aria-label": "Pagination", className: cx("uix-pagination", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("nav", { "aria-label": "Pagination", className: cx("uix-pagination", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "button",
       {
         className: "uix-pagination__btn",
@@ -1669,7 +1966,7 @@ function Pagination({ page, pageCount, onChange, className, ...props }) {
       }
     ),
     pages.map(
-      (p, i) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "uix-pagination__ellipsis", children: "\u2026" }, `e${i}`) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      (p, i) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uix-pagination__ellipsis", children: "\u2026" }, `e${i}`) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "button",
         {
           className: "uix-pagination__btn",
@@ -1680,7 +1977,7 @@ function Pagination({ page, pageCount, onChange, className, ...props }) {
         p
       )
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "button",
       {
         className: "uix-pagination__btn",
@@ -1694,15 +1991,15 @@ function Pagination({ page, pageCount, onChange, className, ...props }) {
 }
 
 // src/components/StatusPill.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function StatusPill({ tone = "neutral", treatment = "filled", dot, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "span",
     {
       className: cx("uix-pill", `uix-pill--${tone}`, treatment === "outline" && "uix-pill--outline", className),
       ...props,
       children: [
-        dot && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "uix-pill__dot", "aria-hidden": "true" }),
+        dot && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uix-pill__dot", "aria-hidden": "true" }),
         children
       ]
     }
@@ -1710,10 +2007,10 @@ function StatusPill({ tone = "neutral", treatment = "filled", dot, children, cla
 }
 
 // src/components/Progress.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Progress({ value = 0, max = 100, indeterminate, className, ...props }) {
   const pct = Math.max(0, Math.min(100, value / (max || 100) * 100));
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       role: "progressbar",
@@ -1722,16 +2019,16 @@ function Progress({ value = 0, max = 100, indeterminate, className, ...props })
       "aria-valuenow": indeterminate ? void 0 : value,
       className: cx("uix-progress", indeterminate && "uix-progress--indeterminate", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "uix-progress__bar", style: indeterminate ? void 0 : { width: `${pct}%` } })
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "uix-progress__bar", style: indeterminate ? void 0 : { width: `${pct}%` } })
     }
   );
 }
 
 // src/components/Meter.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Meter({ value = 0, tone, className, ...props }) {
   const pct = Math.max(0, Math.min(100, value));
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       role: "meter",
@@ -1740,7 +2037,7 @@ function Meter({ value = 0, tone, className, ...props }) {
       "aria-valuemax": 100,
       className: cx("uix-meter", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "div",
         {
           className: "uix-meter__fill",
@@ -1753,29 +2050,29 @@ function Meter({ value = 0, tone, className, ...props }) {
 }
 
 // src/components/Stat.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Stat({ label, value, icon, meta, trend, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cx("uix-stat", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uix-stat__label", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cx("uix-stat", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uix-stat__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: label }),
       icon
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "uix-stat__value", children: value }),
-    (meta != null || trend != null) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "uix-stat__meta", children: [
-      trend != null && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: cx("uix-stat__trend", `uix-stat__trend--${trend.direction}`), children: trend.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "uix-stat__value", children: value }),
+    (meta != null || trend != null) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "uix-stat__meta", children: [
+      trend != null && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: cx("uix-stat__trend", `uix-stat__trend--${trend.direction}`), children: trend.label }),
       meta
     ] })
   ] });
 }
 
 // src/components/Tooltip.tsx
-var import_react19 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Tooltip({ label, placement = "top", className, children, ...props }) {
-  const triggerRef = (0, import_react19.useRef)(null);
-  const bubbleRef = (0, import_react19.useRef)(null);
-  const [open, setOpen] = (0, import_react19.useState)(false);
-  const id = (0, import_react19.useId)();
+  const triggerRef = (0, import_react23.useRef)(null);
+  const bubbleRef = (0, import_react23.useRef)(null);
+  const [open, setOpen] = (0, import_react23.useState)(false);
+  const id = (0, import_react23.useId)();
   useAnchoredPosition(triggerRef, bubbleRef, { open, placement, offset: 6 });
   const show = () => {
     const b = bubbleRef.current;
@@ -1797,7 +2094,7 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     }
     setOpen(false);
   };
-  (0, import_react19.useEffect)(() => () => {
+  (0, import_react23.useEffect)(() => () => {
     const b = bubbleRef.current;
     if (b && b.matches(":popover-open")) {
       try {
@@ -1807,7 +2104,7 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     }
   }, []);
   const bubbleAttr = { popover: "manual" };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "span",
     {
       ref: triggerRef,
@@ -1823,33 +2120,52 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { ref: bubbleRef, id, role: "tooltip", className: "uix-tooltip__bubble", ...bubbleAttr, children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { ref: bubbleRef, id, role: "tooltip", className: "uix-tooltip__bubble", ...bubbleAttr, children: label })
       ]
     }
   );
 }
 
 // src/components/States.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-function EmptyState({ icon, title, children, action, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cx("uix-empty", className), ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uix-empty__icon", children: icon }),
-    title != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uix-empty__title", children: title }),
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function EmptyState({ icon, title, children, action, variant = "section", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cx("uix-empty", `uix-empty--${variant}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__icon", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__title", children: title }),
     children,
     action
   ] });
 }
-function ErrorState({ icon, title, detail, action, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cx("uix-empty", "uix-empty--danger", className), role: "alert", ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uix-empty__icon uix-empty__icon--danger", children: icon }),
-    title != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "uix-empty__title", children: title }),
-    detail != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { children: detail }),
+function ErrorState({ icon, title, detail, action, variant = "section", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cx("uix-empty", "uix-empty--danger", `uix-empty--${variant}`, className), role: "alert", ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__icon uix-empty__icon--danger", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__title", children: title }),
+    detail != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: detail }),
     action
   ] });
 }
+function ForbiddenState({ icon, title, detail, action, variant = "section", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cx("uix-empty", "uix-empty--warning", `uix-empty--${variant}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__icon uix-empty__icon--warning", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__title", children: title }),
+    detail != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: detail }),
+    action
+  ] });
+}
+function NotFoundState({ icon, title, detail, action, variant = "section", className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cx("uix-empty", `uix-empty--${variant}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__icon", children: icon }),
+    title != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-empty__title", children: title }),
+    detail != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: detail }),
+    action
+  ] });
+}
+function FilteredEmptyState(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EmptyState, { "data-filtered": "true", ...props });
+}
 function Skeleton({ variant = "block", width, height, className, style, ...props }) {
   const dims = { width, height, ...style };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       className: cx(
@@ -1863,53 +2179,156 @@ function Skeleton({ variant = "block", width, height, className, style, ...props
     }
   );
 }
-function LoadingState({ rows = 3, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cx("uix-stack", className), role: "status", "aria-busy": "true", ...props, children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Skeleton, { variant: "text", width: `${92 - i % 3 * 14}%` }, i)) });
+function LoadingState({ rows = 3, density = "comfortable", label, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cx("uix-stack", density === "compact" && "uix-stack--compact", className), role: "status", "aria-busy": "true", "aria-label": label, ...props, children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Skeleton, { variant: "text", width: `${92 - i % 3 * 14}%` }, i)) });
+}
+
+// src/components/RelativeTime.tsx
+var import_react24 = require("react");
+
+// src/relative-time-model.ts
+function parseDateValue(value) {
+  const date = value instanceof Date ? new Date(value.getTime()) : new Date(value);
+  return Number.isNaN(date.getTime()) ? null : date;
+}
+function relativeTimeValue(date, now) {
+  const seconds = (date.getTime() - now.getTime()) / 1e3;
+  const absolute = Math.abs(seconds);
+  if (absolute < 60) return { value: Math.round(seconds), unit: "second" };
+  if (absolute < 3600) return { value: Math.round(seconds / 60), unit: "minute" };
+  if (absolute < 86400) return { value: Math.round(seconds / 3600), unit: "hour" };
+  return { value: Math.round(seconds / 86400), unit: "day" };
+}
+
+// src/relative-time-clock.ts
+var clocks = /* @__PURE__ */ new Map();
+var getClock = (interval) => {
+  let clock = clocks.get(interval);
+  if (!clock) {
+    clock = { now: Date.now(), listeners: /* @__PURE__ */ new Set() };
+    clocks.set(interval, clock);
+  }
+  return clock;
+};
+var readRelativeClock = (interval) => getClock(interval).now;
+function subscribeRelativeClock(interval, listener) {
+  if (interval <= 0 || typeof window === "undefined") return () => {
+  };
+  const clock = getClock(interval);
+  clock.listeners.add(listener);
+  if (!clock.timer) {
+    clock.timer = window.setInterval(() => {
+      clock.now = Date.now();
+      clock.listeners.forEach((notify) => notify());
+    }, interval);
+  }
+  return () => {
+    clock.listeners.delete(listener);
+    if (clock.listeners.size === 0 && clock.timer) {
+      window.clearInterval(clock.timer);
+      clock.timer = void 0;
+    }
+  };
+}
+
+// src/components/RelativeTime.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function RelativeTime({
+  value,
+  now,
+  locale,
+  timeZone,
+  numeric = "auto",
+  invalidLabel = "\u2014",
+  refreshInterval = 3e4,
+  formatter,
+  title,
+  ...props
+}) {
+  const interval = refreshInterval === false ? 0 : Math.max(0, refreshInterval);
+  const fixedNow = now == null ? void 0 : new Date(now).getTime();
+  const subscribe = (0, import_react24.useCallback)((listener) => fixedNow == null ? subscribeRelativeClock(interval, listener) : () => {
+  }, [fixedNow, interval]);
+  const getSnapshot = (0, import_react24.useCallback)(() => fixedNow ?? readRelativeClock(interval), [fixedNow, interval]);
+  const getServerSnapshot = (0, import_react24.useCallback)(() => fixedNow ?? Date.now(), [fixedNow]);
+  const clock = (0, import_react24.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  const date = (0, import_react24.useMemo)(() => parseDateValue(value), [value]);
+  if (!date) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("time", { "data-invalid": "true", suppressHydrationWarning: true, ...props, children: invalidLabel });
+  const current = new Date(clock);
+  const content = formatter ? formatter({ date, now: current, locale, timeZone }) : (() => {
+    const relative = relativeTimeValue(date, current);
+    if (relative.unit === "day" && Math.abs(relative.value) >= 7) {
+      return new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeZone }).format(date);
+    }
+    return new Intl.RelativeTimeFormat(locale, { numeric }).format(relative.value, relative.unit);
+  })();
+  const absolute = new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short", timeZone }).format(date);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("time", { dateTime: date.toISOString(), title: title ?? absolute, suppressHydrationWarning: true, ...props, children: content });
+}
+
+// src/components/AsyncOperationStatus.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var tones = {
+  queued: "neutral",
+  running: "info",
+  complete: "success",
+  failed: "danger"
+};
+function AsyncOperationStatus({ state, title, statusLabel, description, progress, progressLabel, action, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cx("uix-operation", className), role: state === "failed" ? "alert" : "status", "aria-live": "polite", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "uix-operation__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("strong", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StatusPill, { tone: tones[state], children: statusLabel })
+    ] }),
+    description != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "uix-operation__description", children: description }),
+    progress != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Progress, { value: progress, "aria-label": progressLabel }),
+    action != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "uix-operation__action", children: action })
+  ] });
 }
 
 // src/components/Label.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Label({ color, dot, children, className, style, ...props }) {
   const merged = color ? { "--label-color": color, ...style } : style;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: cx("uix-label", className), style: merged, ...props, children: [
-    dot && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "uix-label__dot", "aria-hidden": "true" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: cx("uix-label", className), style: merged, ...props, children: [
+    dot && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "uix-label__dot", "aria-hidden": "true" }),
     children
   ] });
 }
 
 // src/components/Avatar.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Avatar({ size = "md", src, alt, children, status, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: cx("uix-avatar", size !== "md" && `uix-avatar--${size}`, className), ...props, children: [
-    src ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src, alt: alt ?? "" }) : children,
-    status && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uix-avatar__status" })
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: cx("uix-avatar", size !== "md" && `uix-avatar--${size}`, className), ...props, children: [
+    src ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("img", { src, alt: alt ?? "" }) : children,
+    status && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "uix-avatar__status" })
   ] });
 }
 function AvatarGroup({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: cx("uix-avatar-group", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: cx("uix-avatar-group", className), ...props, children });
 }
 function UserChip({ avatar, name, sub, className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: cx("uix-user-chip", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: cx("uix-user-chip", className), ...props, children: [
     avatar,
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
-      name != null && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uix-user-chip__name", children: name }),
-      sub != null && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "uix-user-chip__sub", style: { display: "block" }, children: sub })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { children: [
+      name != null && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "uix-user-chip__name", children: name }),
+      sub != null && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "uix-user-chip__sub", style: { display: "block" }, children: sub })
     ] }),
     children
   ] });
 }
 
 // src/components/Comments.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Comments({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cx("uix-comments", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: cx("uix-comments", className), ...props, children });
 }
 function Comment({ avatar, author, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cx("uix-comment", className), ...props, children: [
-    avatar ?? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uix-comment__body", children: [
-      (author != null || meta != null) && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "uix-comment__meta", children: [
-        author != null && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "uix-comment__author", children: author }),
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cx("uix-comment", className), ...props, children: [
+    avatar ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uix-comment__body", children: [
+      (author != null || meta != null) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "uix-comment__meta", children: [
+        author != null && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-comment__author", children: author }),
         author != null && meta != null ? " \xB7 " : null,
         meta
       ] }),
@@ -1919,21 +2338,21 @@ function Comment({ avatar, author, meta, children, className, ...props }) {
 }
 
 // src/components/Composer.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function Composer({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cx("uix-composer", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cx("uix-composer", className), ...props, children });
 }
 function ComposerBar({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cx("uix-composer__bar", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cx("uix-composer__bar", className), ...props, children });
 }
 
 // src/components/Segmented.tsx
-var import_react20 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var SegmentedCtx = (0, import_react20.createContext)({});
+var import_react25 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var SegmentedCtx = (0, import_react25.createContext)({});
 function Segmented({ value, onChange, children, className, ...props }) {
-  const contextValue = (0, import_react20.useMemo)(() => ({ value, onChange }), [value, onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SegmentedCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { role: "group", className: cx("uix-segmented", className), ...props, children }) });
+  const contextValue = (0, import_react25.useMemo)(() => ({ value, onChange }), [value, onChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SegmentedCtx.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { role: "group", className: cx("uix-segmented", className), ...props, children }) });
 }
 function SegmentedOption({
   value,
@@ -1942,9 +2361,9 @@ function SegmentedOption({
   onClick,
   ...props
 }) {
-  const ctx = (0, import_react20.useContext)(SegmentedCtx);
+  const ctx = (0, import_react25.useContext)(SegmentedCtx);
   const selected = ctx.value === value;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "button",
     {
       type: "button",
@@ -1960,39 +2379,91 @@ function SegmentedOption({
   );
 }
 
+// src/components/TableControls.tsx
+var import_react26 = require("react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function ViewMenu({ density, densityLabel, densityOptions, onDensityChange, zebra, freeze, columns, columnsLabel, onColumnVisibilityChange }) {
+  const densityLabelId = (0, import_react26.useId)();
+  const zebraLabelId = (0, import_react26.useId)();
+  const freezeLabelId = (0, import_react26.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-view-menu", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-view-menu__group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { id: densityLabelId, className: "uix-view-menu__label", children: densityLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Segmented, { value: density, onChange: onDensityChange, "aria-labelledby": densityLabelId, children: densityOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SegmentedOption, { value: option.value, children: option.label }, option.value)) })
+    ] }),
+    (zebra || freeze) && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-view-menu__group", children: [
+      zebra && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-view-menu__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { id: zebraLabelId, children: zebra.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Switch, { checked: zebra.checked, "aria-labelledby": zebraLabelId, onChange: (event) => zebra.onChange(event.currentTarget.checked) })
+      ] }),
+      freeze && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-view-menu__row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { id: freezeLabelId, children: freeze.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Switch, { checked: freeze.checked, "aria-labelledby": freezeLabelId, onChange: (event) => freeze.onChange(event.currentTarget.checked) })
+      ] })
+    ] }),
+    columns && columns.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-view-menu__group", children: [
+      columnsLabel != null && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uix-view-menu__label", children: columnsLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uix-view-menu__cols", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Checkbox, { label: column.label, checked: column.visible, disabled: column.disabled, onChange: (event) => onColumnVisibilityChange?.(column.id, event.currentTarget.checked) }, column.id)) })
+    ] })
+  ] });
+}
+function FilterPopover({ label, type = "text", value, onValueChange, options, applyLabel, clearLabel, onApply, onClear, placeholder }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-filter-popover", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { className: "uix-label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: label }),
+      type === "select" || type === "enum" || type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("select", { className: "uix-select", value, onChange: (event) => onValueChange(event.currentTarget.value), children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("option", { value: option.value, children: option.label }, option.value)) }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Input, { type, value, placeholder, onChange: (event) => onValueChange(event.currentTarget.value) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-filter-popover__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { type: "button", onClick: onClear, children: clearLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { type: "button", variant: "primary", onClick: onApply, children: applyLabel })
+    ] })
+  ] });
+}
+function SavedViewMenu({ items, onSelect, onPinChange, pinLabel, unpinLabel, emptyLabel, actions, footer }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("ul", { className: "uix-menu uix-saved-views", children: [
+    items.length === 0 && emptyLabel != null && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { className: "uix-menu__label", children: emptyLabel }),
+    items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("li", { className: "uix-saved-views__row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { type: "button", className: "uix-menu__item", "data-active": item.active || void 0, onClick: () => onSelect(item.id), children: item.label }),
+      onPinChange && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { type: "button", className: "uix-saved-views__pin", "aria-label": item.pinned ? unpinLabel : pinLabel, "data-on": item.pinned || void 0, onClick: () => onPinChange(item.id, !item.pinned), children: "\u2605" }),
+      actions?.(item)
+    ] }, item.id)),
+    footer != null && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { className: "uix-saved-views__footer", children: footer })
+  ] });
+}
+
 // src/components/Timeline.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Timeline({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cx("uix-timeline", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cx("uix-timeline", className), ...props, children });
 }
 function TimelineItem({ node, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cx("uix-timeline__item", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "uix-timeline__rail", children: [
-      node ?? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uix-timeline__node" }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "uix-timeline__line" })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cx("uix-timeline__item", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uix-timeline__rail", children: [
+      node ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "uix-timeline__node" }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "uix-timeline__line" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "uix-timeline__body", children: [
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "uix-timeline__meta", children: meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uix-timeline__body", children: [
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uix-timeline__meta", children: meta }),
       children
     ] })
   ] });
 }
 
 // src/components/Prose.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Prose({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cx("uix-prose", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cx("uix-prose", className), ...props, children });
 }
 function Note({ tone, icon, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cx("uix-note", tone && `uix-note--${tone}`, className), ...props, children: [
-    icon != null && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-note__icon", children: icon }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "uix-note__body", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cx("uix-note", tone && `uix-note--${tone}`, className), ...props, children: [
+    icon != null && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uix-note__icon", children: icon }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uix-note__body", children })
   ] });
 }
 
 // src/components/Popover.tsx
-var import_react21 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_react27 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function Popover({
   popover = "auto",
   anchor,
@@ -2002,15 +2473,15 @@ function Popover({
   children,
   ...props
 }) {
-  const ref = (0, import_react21.useRef)(null);
-  const [open, setOpen] = (0, import_react21.useState)(false);
+  const ref = (0, import_react27.useRef)(null);
+  const [open, setOpen] = (0, import_react27.useState)(false);
   const popoverAttr = { popover };
   const reposition = useAnchoredPosition(anchor ?? null, ref, {
     open: open && !!anchor,
     placement,
     offset
   });
-  (0, import_react21.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     const el = ref.current;
     if (!el || !anchor) return;
     const sync = () => {
@@ -2021,38 +2492,38 @@ function Popover({
     el.addEventListener("toggle", sync);
     return () => el.removeEventListener("toggle", sync);
   }, [anchor, reposition]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, className: cx("uix-popover", className), ...popoverAttr, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ref, className: cx("uix-popover", className), ...popoverAttr, ...props, children });
 }
 
 // src/components/CommandPalette.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function CommandPalette({ inputProps, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cx("uix-cmdk", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", { className: "uix-cmdk__input", ...inputProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "uix-cmdk__list", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx("uix-cmdk", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("input", { className: "uix-cmdk__input", ...inputProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-cmdk__list", children })
   ] });
 }
 function CommandGroup({ label, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-    label != null && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "uix-cmdk__group", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    label != null && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-cmdk__group", children: label }),
     children
   ] });
 }
 function CommandItem({ icon, shortcut, active, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cx("uix-cmdk__item", className), "data-active": active || void 0, ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx("uix-cmdk__item", className), "data-active": active || void 0, ...props, children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children }),
     shortcut
   ] });
 }
 
 // src/components/Inbox.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Inbox({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cx("uix-inbox", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx("uix-inbox", className), ...props, children });
 }
 function InboxList({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cx("uix-inbox__list", className), role: "listbox", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx("uix-inbox__list", className), role: "listbox", ...props, children });
 }
 function InboxItem({
   subject,
@@ -2064,7 +2535,7 @@ function InboxItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       role: "option",
@@ -2074,41 +2545,41 @@ function InboxItem({
       ...props,
       children: [
         leading,
-        subject != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uix-inbox__subject", children: subject }),
-        preview != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "uix-inbox__preview", children: preview }),
+        subject != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-inbox__subject", children: subject }),
+        preview != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "uix-inbox__preview", children: preview }),
         children
       ]
     }
   );
 }
 function InboxDetail({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cx("uix-inbox__detail", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cx("uix-inbox__detail", className), ...props, children });
 }
 
 // src/components/Kanban.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Kanban({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cx("uix-kanban", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cx("uix-kanban", className), ...props, children });
 }
 function KanbanColumn({ title, count, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: cx("uix-kanban__col", className), ...props, children: [
-    (title != null || count != null) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "uix-kanban__head", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cx("uix-kanban__col", className), ...props, children: [
+    (title != null || count != null) && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uix-kanban__head", children: [
       title,
-      count != null && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "uix-kanban__count", children: count })
+      count != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "uix-kanban__count", children: count })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uix-kanban__body", children })
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-kanban__body", children })
   ] });
 }
 function KanbanCard({ title, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: cx("uix-kanban__card", className), ...props, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uix-kanban__card-title", children: title }),
-    meta && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "uix-kanban__card-meta", children: meta }),
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cx("uix-kanban__card", className), ...props, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-kanban__card-title", children: title }),
+    meta && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "uix-kanban__card-meta", children: meta }),
     children
   ] });
 }
 
 // src/components/Tree.tsx
-var import_react22 = require("react");
+var import_react28 = require("react");
 
 // src/tree-model.ts
 function flattenTree(nodes, expanded, level = 1) {
@@ -2158,12 +2629,12 @@ function treeNav(flat, currentId, key) {
 }
 
 // src/components/Tree.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "M2 4l4 4 4-4" }) });
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var ChevronIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M2 4l4 4 4-4" }) });
 function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle, onSelect, onFocusNode, level = 1 }) {
   const hasChildren = Array.isArray(node.children) && node.children.length > 0;
   const isExpanded = expanded.has(node.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "li",
     {
       role: "treeitem",
@@ -2183,12 +2654,12 @@ function TreeNode({ node, expanded, selected, selectable, tabbableId, onToggle,
         onFocusNode(node.id);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "uix-tree__row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-tree__toggle", children: hasChildren && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ChevronIcon2, {}) }),
-          node.icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", children: node.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-tree__label", children: node.label })
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uix-tree__row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uix-tree__toggle", children: hasChildren && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronIcon2, {}) }),
+          node.icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": "true", children: node.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uix-tree__label", children: node.label })
         ] }),
-        hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { role: "group", className: "uix-tree__group", children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("ul", { role: "group", className: "uix-tree__group", children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           TreeNode,
           {
             node: child,
@@ -2220,12 +2691,12 @@ function Tree({
   className,
   ...props
 }) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react22.useState)(defaultExpanded ?? /* @__PURE__ */ new Set());
+  const [internalExpanded, setInternalExpanded] = (0, import_react28.useState)(defaultExpanded ?? /* @__PURE__ */ new Set());
   const expanded = controlledExpanded ?? internalExpanded;
-  const rootRef = (0, import_react22.useRef)(null);
-  const [focusedId, setFocusedId] = (0, import_react22.useState)(void 0);
+  const rootRef = (0, import_react28.useRef)(null);
+  const [focusedId, setFocusedId] = (0, import_react28.useState)(void 0);
   const selectable = selected !== void 0 || onSelect != null;
-  const handleToggle = (0, import_react22.useCallback)((id) => {
+  const handleToggle = (0, import_react28.useCallback)((id) => {
     if (!controlledExpanded) {
       setInternalExpanded((prev) => {
         const next = new Set(prev);
@@ -2236,11 +2707,11 @@ function Tree({
     }
     onToggle?.(id);
   }, [controlledExpanded, onToggle]);
-  const flat = (0, import_react22.useMemo)(() => flattenTree(nodes, expanded), [nodes, expanded]);
+  const flat = (0, import_react28.useMemo)(() => flattenTree(nodes, expanded), [nodes, expanded]);
   const useVirtual = virtualize ?? shouldVirtualize(flat.length);
   const tabbableId = focusedId ?? selected ?? nodes[0]?.id;
   if (useVirtual) {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       VirtualTreeView,
       {
         flat,
@@ -2310,7 +2781,7 @@ function Tree({
         break;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { ref: rootRef, className: cx("uix-tree", className), role: "tree", onKeyDown, ...props, children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("ul", { ref: rootRef, className: cx("uix-tree", className), role: "tree", onKeyDown, ...props, children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     TreeNode,
     {
       node,
@@ -2340,12 +2811,12 @@ function VirtualTreeView({
   className,
   ...props
 }) {
-  const scrollRef = (0, import_react22.useRef)(null);
-  const [scrollTop, setScrollTop] = (0, import_react22.useState)(0);
-  const pendingFocus = (0, import_react22.useRef)(false);
+  const scrollRef = (0, import_react28.useRef)(null);
+  const [scrollTop, setScrollTop] = (0, import_react28.useState)(0);
+  const pendingFocus = (0, import_react28.useRef)(false);
   const win = virtualWindow(scrollTop, maxHeight, rowHeight, flat.length);
   const rows = flat.slice(win.start, win.end);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!pendingFocus.current || focusedId == null) return;
     const el = scrollRef.current?.querySelector(`[role="treeitem"][data-id="${CSS.escape(focusedId)}"]`);
     if (el) {
@@ -2382,7 +2853,7 @@ function VirtualTreeView({
     }
     if (act.focusId !== void 0) moveTo(act.focusId);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "ul",
     {
       ref: scrollRef,
@@ -2393,10 +2864,10 @@ function VirtualTreeView({
       onKeyDown,
       ...props,
       children: [
-        win.padTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { "aria-hidden": "true", style: { height: win.padTop } }),
+        win.padTop > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("li", { "aria-hidden": "true", style: { height: win.padTop } }),
         rows.map((f) => {
           const rowStyle = { height: rowHeight, paddingLeft: `calc(${f.level - 1} * var(--uix-space-5))` };
-          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "li",
             {
               role: "treeitem",
@@ -2417,23 +2888,23 @@ function VirtualTreeView({
                 onSelect?.(f.node.id);
                 setFocusedId(f.node.id);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "uix-tree__row", style: rowStyle, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-tree__toggle", children: f.hasChildren && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ChevronIcon2, {}) }),
-                f.node.icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { "aria-hidden": "true", children: f.node.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "uix-tree__label", children: f.node.label })
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uix-tree__row", style: rowStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uix-tree__toggle", children: f.hasChildren && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronIcon2, {}) }),
+                f.node.icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": "true", children: f.node.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uix-tree__label", children: f.node.label })
               ] })
             },
             f.node.id
           );
         }),
-        win.padBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { "aria-hidden": "true", style: { height: win.padBottom } })
+        win.padBottom > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("li", { "aria-hidden": "true", style: { height: win.padBottom } })
       ]
     }
   );
 }
 
 // src/components/EditorialHome.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function PageIntro({
   kicker,
   title,
@@ -2446,39 +2917,39 @@ function PageIntro({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-page-kicker", children: kicker }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h1", { className: "uix-page-title", children: title }),
-      lede != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-page-lede", children: lede })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("section", { className: cx("uix-page-intro", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+      kicker != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-page-kicker", children: kicker }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h1", { className: "uix-page-title", children: title }),
+      lede != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-page-lede", children: lede })
     ] }),
-    search != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
+    search != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+      searchLabel != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-intro-search__label", children: searchLabel }),
       search
     ] }),
-    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
+    shortcuts != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uix-shortcut-grid", "aria-label": shortcutsLabel, children: shortcuts }),
     children
   ] });
 }
 function SectionHead({ title, titleId, action, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "uix-section-title", id: titleId, children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("uix-section-head", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h2", { className: "uix-section-title", id: titleId, children: title }),
     action
   ] });
 }
 function NoticeQueue({ icon, title, summary, meta, position, actions, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("section", { className: cx("uix-notice", className), ...props, children: [
     icon,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "uix-notice__copy", children: [
-        title != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("strong", { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-notice__content", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("p", { className: "uix-notice__copy", children: [
+        title != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("strong", { children: title }),
         title != null && summary != null && " ",
         summary
       ] }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-notice__meta", children: meta })
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-notice__meta", children: meta })
     ] }),
-    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uix-notice__actions", children: [
-      position != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-notice__position", children: position }),
+    (position != null || actions != null) && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-notice__actions", children: [
+      position != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-notice__position", children: position }),
       actions
     ] })
   ] });
@@ -2496,8 +2967,8 @@ function FeaturedStage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("article", { className: cx("uix-featured__stage", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "div",
       {
         className: "uix-featured__visual",
@@ -2507,32 +2978,32 @@ function FeaturedStage({
         children: visual
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
-      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "uix-featured__eyebrow", children: [
-        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-featured__now", children: ordinal }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-featured__content", "aria-live": "polite", children: [
+      (eyebrow != null || ordinal != null) && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("p", { className: "uix-featured__eyebrow", children: [
+        ordinal != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-featured__now", children: ordinal }),
         eyebrow
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
-      description != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-featured__description", children: description }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-featured__meta", children: meta }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h2", { className: "uix-featured__title", id: titleId, children: title }),
+      description != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-featured__description", children: description }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-featured__meta", children: meta }),
       action
     ] })
   ] });
 }
 function FeaturedRundown({ eyebrow, title, titleId, meta, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uix-rundown__head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("aside", { className: cx("uix-rundown", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-rundown__head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+        eyebrow != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-rundown__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h2", { className: "uix-rundown__title", id: titleId, children: title })
       ] }),
       meta
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "uix-rundown__items", children })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "uix-rundown__items", children })
   ] });
 }
 function FeaturedRundownItem({ number, topic, title, selected = false, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "button",
     {
       type: "button",
@@ -2541,63 +3012,63 @@ function FeaturedRundownItem({ number, topic, title, selected = false, className
       "data-selected": selected ? "true" : "false",
       ...props,
       children: [
-        number != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-rundown__number", children: number }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { children: [
-          topic != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-rundown__topic", children: topic }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-rundown__item-title", children: title })
+        number != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-rundown__number", children: number }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { children: [
+          topic != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-rundown__topic", children: topic }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-rundown__item-title", children: title })
         ] })
       ]
     }
   );
 }
 function NewsLead({ meta, title, summary, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h3", { className: "uix-news-lead__title", children: title }),
-    summary != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-news-lead__summary", children: summary })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("article", { className: cx("uix-news-lead", className), ...props, children: [
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-news-lead__meta", children: meta }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h3", { className: "uix-news-lead__title", children: title }),
+    summary != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-news-lead__summary", children: summary })
   ] });
 }
 function ContentList({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ul", { className: cx("uix-content-list", className), ...props, children });
 }
 function ContentListItem({ title, meta, trailing, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-content-list__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-content-list__meta", children: meta })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("li", { className: cx("uix-content-list__item", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-content-list__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-content-list__meta", children: meta })
     ] }),
     trailing
   ] });
 }
 function ResourceGrid({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: cx("uix-resource-grid", className), ...props, children });
 }
 function StatLine({ items, children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
-    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uix-stat-line__item", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-stat-line__label", children: item.label })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("uix-stat-line", className), ...props, children: [
+    items?.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-stat-line__item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-stat-line__value", children: item.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-stat-line__label", children: item.label })
     ] }, item.id ?? i)),
     children
   ] });
 }
 function EventRow({ month, day, title, meta, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "uix-event-date", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-event-date__month", children: month }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-event-date__day", children: day })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("uix-event-row", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-event-date", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-event-date__month", children: month }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-event-date__day", children: day })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-event-row__title", children: title }),
-      meta != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "uix-event-row__meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-event-row__title", children: title }),
+      meta != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "uix-event-row__meta", children: meta })
     ] })
   ] });
 }
 function StatusRow({ indicator, name, meta, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("uix-status-row", className), ...props, children: [
     indicator,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-status-row__name", children: name }),
-    meta != null && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "uix-list-meta", children: meta })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-status-row__name", children: name }),
+    meta != null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-list-meta", children: meta })
   ] });
 }
 
@@ -2694,7 +3165,7 @@ function summarizeRule(value, labels = {}) {
 }
 
 // src/components/RuleBuilder.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var ruleId = 0;
 var nextId = (prefix) => `${prefix}-${Date.now().toString(36)}-${(++ruleId).toString(36)}`;
 function defaultCondition(fields, operators) {
@@ -2710,21 +3181,21 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
     combinator: "and",
     conditions: [defaultCondition(fields, operators)]
   }, maxDepth));
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: depth === 1 ? "When" : "Group" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("label", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("fieldset", { className: "uix-rule-builder__group", "data-depth": depth, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("legend", { className: "uix-rule-builder__group-heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: depth === 1 ? "When" : "Group" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { children: [
         "Match",
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("select", { className: "uix-select uix-select--sm", value: group.combinator, disabled, onChange: (event) => updateNode(group.id, (node) => ({ ...node, combinator: event.currentTarget.value })), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "and", children: "all (AND)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: "or", children: "any (OR)" })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("select", { className: "uix-select uix-select--sm", value: group.combinator, disabled, onChange: (event) => updateNode(group.id, (node) => ({ ...node, combinator: event.currentTarget.value })), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("option", { value: "and", children: "all (AND)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("option", { value: "or", children: "any (OR)" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "uix-rule-builder__nested", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels } }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RowControls, { label: "group", first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
-    ] }, node.id) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-rule-builder__rows", children: group.conditions.map((node, index) => isRuleGroup(node) ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uix-rule-builder__nested", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(RuleGroupEditor, { ...{ group: node, depth: depth + 1, root, fields, operators, maxDepth, disabled, onRootChange, labels } }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(RowControls, { label: "group", first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
+    ] }, node.id) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       ConditionRow,
       {
         condition: node,
@@ -2732,13 +3203,13 @@ function RuleGroupEditor({ group, depth, root, fields, operators, maxDepth, disa
         operators,
         disabled,
         onChange: (condition) => updateNode(node.id, () => condition),
-        controls: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RowControls, { label: "condition", first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
+        controls: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(RowControls, { label: "condition", first: index === 0, last: index === group.conditions.length - 1, disabled, onUp: () => onRootChange(moveRuleNode(root, node.id, -1)), onDown: () => onRootChange(moveRuleNode(root, node.id, 1)), onRemove: () => onRootChange(removeRuleNode(root, node.id)) })
       },
       node.id
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "uix-rule-builder__add", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: disabled || fields.length === 0 || operators.length === 0, children: labels.addCondition }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: disabled || depth >= maxDepth, children: labels.addGroup })
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uix-rule-builder__add", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: addCondition, disabled: disabled || fields.length === 0 || operators.length === 0, children: labels.addCondition }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: addGroup, disabled: disabled || depth >= maxDepth, children: labels.addGroup })
     ] })
   ] });
 }
@@ -2751,24 +3222,24 @@ function ConditionRow({ condition, fields, operators, disabled, onChange, contro
     const nextOperator = operators.find((item) => nextField?.operators?.includes(item.id)) ?? availableOperators[0] ?? operators[0];
     onChange({ ...condition, field: id, operator: nextOperator?.id ?? "" });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "uix-rule-builder__condition", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "uix-visually-hidden", children: "Field" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: item.id, children: item.label }, item.id)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uix-rule-builder__condition", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "uix-visually-hidden", children: "Field" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("select", { className: "uix-select", value: condition.field, onChange: (event) => setField(event.currentTarget.value), disabled, children: fields.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("label", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "uix-visually-hidden", children: "Operator" }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("select", { className: "uix-select", value: condition.operator, onChange: (event) => onChange({ ...condition, operator: event.currentTarget.value }), disabled, children: availableOperators.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: item.id, children: item.label }, item.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "uix-visually-hidden", children: "Operator" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("select", { className: "uix-select", value: condition.operator, onChange: (event) => onChange({ ...condition, operator: event.currentTarget.value }), disabled, children: availableOperators.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("option", { value: item.id, children: item.label }, item.id)) })
     ] }),
-    operator?.requiresValue !== false && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("input", { className: "uix-input", value: typeof condition.value === "string" || typeof condition.value === "number" ? condition.value : condition.value == null ? "" : JSON.stringify(condition.value), onChange: (event) => onChange({ ...condition, value: event.currentTarget.value }), disabled, "aria-label": `Value for ${field?.label ?? "condition"}` }) }),
+    operator?.requiresValue !== false && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-rule-builder__value", children: field?.renderValueEditor?.({ condition, onChange: (value) => onChange({ ...condition, value }), disabled }) ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("input", { className: "uix-input", value: typeof condition.value === "string" || typeof condition.value === "number" ? condition.value : condition.value == null ? "" : JSON.stringify(condition.value), onChange: (event) => onChange({ ...condition, value: event.currentTarget.value }), disabled, "aria-label": `Value for ${field?.label ?? "condition"}` }) }),
     controls
   ] });
 }
 function RowControls({ label, first, last, disabled, onUp, onDown, onRemove }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onUp, disabled: disabled || first, "aria-label": `Move ${label} up`, children: "Up" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onDown, disabled: disabled || last, "aria-label": `Move ${label} down`, children: "Down" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onRemove, disabled, "aria-label": `Remove ${label}`, children: "Remove" })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "uix-rule-builder__row-actions", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onUp, disabled: disabled || first, "aria-label": `Move ${label} up`, children: "Up" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onDown, disabled: disabled || last, "aria-label": `Move ${label} down`, children: "Down" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: onRemove, disabled, "aria-label": `Remove ${label}`, children: "Remove" })
   ] });
 }
 function RuleBuilder({
@@ -2789,9 +3260,9 @@ function RuleBuilder({
   const fieldLabels = Object.fromEntries(fields.map((field) => [field.id, field.label]));
   const operatorLabels = Object.fromEntries(operators.map((operator) => [operator.id, operator.label]));
   const actionLabels = Object.fromEntries(actions.map((action) => [action.id, action.label]));
-  if (readOnly) return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": "Rule summary", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { children: summarizeRule(value, { fields: fieldLabels, operators: operatorLabels, actions: actionLabels }) }),
-    issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("p", { className: "uix-rule-builder__invalid", children: [
+  if (readOnly) return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: cx("uix-rule-builder uix-rule-builder--summary", className), "aria-label": "Rule summary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { children: summarizeRule(value, { fields: fieldLabels, operators: operatorLabels, actions: actionLabels }) }),
+    issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "uix-rule-builder__invalid", children: [
       "Rule has ",
       issues.length,
       " validation issue",
@@ -2800,16 +3271,16 @@ function RuleBuilder({
     ] })
   ] });
   const updateActions = (next) => onChange({ ...value, then: next });
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("section", { className: cx("uix-rule-builder", className), "aria-label": "Rule builder", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RuleGroupEditor, { group: value.when, depth: 1, root: value.when, fields, operators, maxDepth, disabled: readOnly, onRootChange: (when) => onChange({ ...value, when }), labels: { addCondition: addConditionLabel, addGroup: addGroupLabel } }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("legend", { children: "Then" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: cx("uix-rule-builder", className), "aria-label": "Rule builder", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(RuleGroupEditor, { group: value.when, depth: 1, root: value.when, fields, operators, maxDepth, disabled: readOnly, onRootChange: (when) => onChange({ ...value, when }), labels: { addCondition: addConditionLabel, addGroup: addGroupLabel } }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("fieldset", { className: "uix-rule-builder__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("legend", { children: "Then" }),
       value.then.map((action, index) => {
         const definition = actions.find((item) => item.id === action.type);
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "uix-rule-builder__action", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("select", { className: "uix-select", value: action.type, onChange: (event) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, type: event.currentTarget.value } : item)), "aria-label": "Action type", children: actions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: item.id, children: item.label }, item.id)) }),
+        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uix-rule-builder__action", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("select", { className: "uix-select", value: action.type, onChange: (event) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, type: event.currentTarget.value } : item)), "aria-label": "Action type", children: actions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("option", { value: item.id, children: item.label }, item.id)) }),
           definition?.renderParameters?.(action, (parameters) => updateActions(value.then.map((item) => item.id === action.id ? { ...item, parameters } : item)), false),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             RowControls,
             {
               label: "action",
@@ -2831,22 +3302,22 @@ function RuleBuilder({
           )
         ] }, action.id);
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: actions.length === 0, onClick: () => updateActions([...value.then, { id: nextId("action"), type: actions[0]?.id ?? "", parameters: {} }]), children: addActionLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: actions.length === 0, onClick: () => updateActions([...value.then, { id: nextId("action"), type: actions[0]?.id ?? "", parameters: {} }]), children: addActionLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: "Rule is valid." }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("strong", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-rule-builder__validation", "aria-live": "polite", children: issues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "Rule is valid." }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("strong", { children: [
         issues.length,
         " validation issue",
         issues.length === 1 ? "" : "s"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("li", { children: issue.message }, `${issue.path}-${index}`)) })
     ] }) })
   ] });
 }
 
 // src/components/BuilderCanvas.tsx
-var import_react23 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function BuilderCanvas({
   items,
   onItemsChange,
@@ -2861,13 +3332,13 @@ function BuilderCanvas({
   emptyMessage = "Add an item from the palette to begin.",
   className
 }) {
-  const [internalSelectedId, setInternalSelectedId] = (0, import_react23.useState)();
-  const [draggedId, setDraggedId] = (0, import_react23.useState)();
-  const propertyHeadingRef = (0, import_react23.useRef)(null);
-  const shouldFocusProperties = (0, import_react23.useRef)(false);
+  const [internalSelectedId, setInternalSelectedId] = (0, import_react29.useState)();
+  const [draggedId, setDraggedId] = (0, import_react29.useState)();
+  const propertyHeadingRef = (0, import_react29.useRef)(null);
+  const shouldFocusProperties = (0, import_react29.useRef)(false);
   const selectedId = controlledSelectedId ?? internalSelectedId;
   const selected = items.find((item) => item.id === selectedId);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (shouldFocusProperties.current && selected) {
       propertyHeadingRef.current?.focus();
       shouldFocusProperties.current = false;
@@ -2901,27 +3372,27 @@ function BuilderCanvas({
     if (from >= 0 && to >= 0) onItemsChange(reorder(items, from, to));
     setDraggedId(void 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": "Builder canvas", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": "Item palette", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { children: "Palette" }),
-      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { children: "No item types available." }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("button", { type: "button", onClick: () => add(item), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("strong", { children: item.label }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: item.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { "aria-hidden": "true", children: "Add" })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("section", { className: cx("uix-builder-canvas", className), "aria-label": "Builder canvas", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("aside", { className: "uix-builder-canvas__palette", "aria-label": "Item palette", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", { children: "Palette" }),
+      palette.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { children: "No item types available." }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { children: palette.map((item) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("button", { type: "button", onClick: () => add(item), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("strong", { children: item.label }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: item.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { "aria-hidden": "true", children: "Add" })
       ] }) }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { children: "Canvas" }),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: "Loading canvas\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { children: error }),
-        onRetry && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
-      ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "uix-builder-canvas__state", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { children: emptyMessage }),
-        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: () => add(palette[0]), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-builder-canvas__workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", { children: "Canvas" }),
+      loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "uix-builder-canvas__state", role: "status", children: "Loading canvas\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-builder-canvas__state", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { children: error }),
+        onRetry && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
+      ] }) : items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "uix-builder-canvas__state", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { children: emptyMessage }),
+        palette[0] && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: () => add(palette[0]), children: [
           "Add ",
           palette[0].label
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ol", { className: "uix-builder-canvas__items", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
         "li",
         {
           draggable: true,
@@ -2931,34 +3402,34 @@ function BuilderCanvas({
           onDrop: (event) => drop(event, item.id),
           className: cx("uix-builder-canvas__item", selectedId === item.id && "uix-builder-canvas__item--selected"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { type: "button", className: "uix-builder-canvas__item-main", "aria-pressed": selectedId === item.id, onClick: () => select(item.id), children: renderItem?.(item, selectedId === item.id) ?? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("strong", { children: item.label }),
-              item.description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: item.description })
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", className: "uix-builder-canvas__item-main", "aria-pressed": selectedId === item.id, onClick: () => select(item.id), children: renderItem?.(item, selectedId === item.id) ?? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("strong", { children: item.label }),
+              item.description && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: item.description })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { type: "button", onClick: () => move(item.id, -1), disabled: index === 0, "aria-label": `Move ${item.label} up`, children: "Up" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { type: "button", onClick: () => move(item.id, 1), disabled: index === items.length - 1, "aria-label": `Move ${item.label} down`, children: "Down" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { type: "button", onClick: () => remove(item.id), "aria-label": `Remove ${item.label}`, children: "Remove" })
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "uix-builder-canvas__item-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", onClick: () => move(item.id, -1), disabled: index === 0, "aria-label": `Move ${item.label} up`, children: "Up" }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", onClick: () => move(item.id, 1), disabled: index === items.length - 1, "aria-label": `Move ${item.label} down`, children: "Down" }),
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { type: "button", onClick: () => remove(item.id), "aria-label": `Remove ${item.label}`, children: "Remove" })
             ] })
           ]
         },
         item.id
       )) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": "Item properties", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: "Properties" }),
-      !selected ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { children: "Select a canvas item to edit its properties." }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("dl", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("dt", { children: "Type" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("dd", { children: selected.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("dt", { children: "Label" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("dd", { children: selected.label })
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("aside", { className: "uix-builder-canvas__properties", "aria-label": "Item properties", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h3", { ref: propertyHeadingRef, tabIndex: -1, children: "Properties" }),
+      !selected ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { children: "Select a canvas item to edit its properties." }) : renderProperties?.(selected, (updated) => onItemsChange(items.map((item) => item.id === updated.id ? updated : item))) ?? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("dl", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dt", { children: "Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dd", { children: selected.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dt", { children: "Label" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("dd", { children: selected.label })
       ] })
     ] })
   ] });
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_react24 = require("react");
+var import_react30 = require("react");
 
 // src/calendar-model.ts
 function fromDateKey(value) {
@@ -3039,7 +3510,7 @@ function isDateUnavailable(date, options) {
 }
 
 // src/components/SchedulingCalendar.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var stateLabel = { scheduled: "Scheduled", conflicted: "Conflicted", "in-progress": "In progress", "blackout-violation": "Blackout violation" };
 var stateTone = (state) => state === "scheduled" ? "info" : state === "in-progress" ? "success" : "danger";
 var dateLabel = (date, locale) => new Intl.DateTimeFormat(locale, { dateStyle: "full", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
@@ -3061,19 +3532,19 @@ function SchedulingCalendar({
   onRetry,
   className
 }) {
-  const [internalView, setInternalView] = (0, import_react24.useState)("month");
+  const [internalView, setInternalView] = (0, import_react30.useState)("month");
   const view = controlledView ?? internalView;
-  const [activeDate, setActiveDate] = (0, import_react24.useState)(anchorDate);
-  const gridRef = (0, import_react24.useRef)(null);
-  const visibleEntries = (0, import_react24.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
-  const entrySpans = (0, import_react24.useMemo)(() => new Map(visibleEntries.map((entry) => [entry.id, zonedDateSpan(entry.start, entry.end, timeZone)])), [visibleEntries, timeZone]);
-  const overlaySpans = (0, import_react24.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, { start: overlay.start.slice(0, 10), end: overlay.end.slice(0, 10) }])), [overlays]);
-  const monthDays = (0, import_react24.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate)), [anchorDate]);
+  const [activeDate, setActiveDate] = (0, import_react30.useState)(anchorDate);
+  const gridRef = (0, import_react30.useRef)(null);
+  const visibleEntries = (0, import_react30.useMemo)(() => entries.filter((entry) => filter?.(entry) ?? true), [entries, filter]);
+  const entrySpans = (0, import_react30.useMemo)(() => new Map(visibleEntries.map((entry) => [entry.id, zonedDateSpan(entry.start, entry.end, timeZone)])), [visibleEntries, timeZone]);
+  const overlaySpans = (0, import_react30.useMemo)(() => new Map(overlays.map((overlay) => [overlay.id, { start: overlay.start.slice(0, 10), end: overlay.end.slice(0, 10) }])), [overlays]);
+  const monthDays = (0, import_react30.useMemo)(() => buildMonthGrid(startOfMonth(anchorDate)), [anchorDate]);
   const weekday = ((/* @__PURE__ */ new Date(`${anchorDate}T00:00:00Z`)).getUTCDay() + 6) % 7;
   const weekStart = addCalendarDays(anchorDate, -weekday);
-  const weekDays = (0, import_react24.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
-  const days = (0, import_react24.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : weekDays, [view, monthDays, weekDays]);
-  (0, import_react24.useEffect)(() => {
+  const weekDays = (0, import_react30.useMemo)(() => Array.from({ length: 7 }, (_, index) => addCalendarDays(weekStart, index)), [weekStart]);
+  const days = (0, import_react30.useMemo)(() => view === "month" ? monthDays.map((day) => day.date) : weekDays, [view, monthDays, weekDays]);
+  (0, import_react30.useEffect)(() => {
     if (view !== "agenda" && !days.includes(activeDate)) setActiveDate(days[0]);
   }, [activeDate, days, view]);
   const setView = (next) => {
@@ -3107,58 +3578,58 @@ function SchedulingCalendar({
     return date >= span.start && date <= span.end;
   });
   const formatInstant = (instant) => new Intl.DateTimeFormat(locale, { timeZone, dateStyle: "medium", timeStyle: "short" }).format(new Date(instant));
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": `Scheduling calendar in ${timeZone}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: "Previous" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: "Next" })
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("section", { className: cx("uix-scheduling-calendar", className), "aria-label": `Scheduling calendar in ${timeZone}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uix-scheduling-calendar__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(-1), disabled: !onAnchorDateChange, children: "Previous" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: "Next" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("strong", { children: view === "month" ? new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${anchorDate}T00:00:00Z`)) : `${dateLabel(weekStart, locale)} \u2013 ${dateLabel(weekDays[weekDays.length - 1], locale)}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": "Calendar view", children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("strong", { children: view === "month" ? new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${anchorDate}T00:00:00Z`)) : `${dateLabel(weekStart, locale)} \u2013 ${dateLabel(weekDays[weekDays.length - 1], locale)}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-segmented", role: "group", "aria-label": "Calendar view", children: ["month", "week", "agenda"].map((option) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: [
         option[0].toUpperCase(),
         option.slice(1)
       ] }, option)) })
     ] }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: "Loading schedule\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { children: error }),
-      onRetry && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
-    ] }) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": "Schedule agenda", children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { children: "No scheduled entries match the current filters." }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-scheduling-calendar__state", role: "status", children: "Loading schedule\u2026" }) : error ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { children: error }),
+      onRetry && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
+    ] }) : view === "agenda" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-scheduling-calendar__agenda", role: "region", "aria-label": "Schedule agenda", children: visibleEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { children: "No scheduled entries match the current filters." }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ol", { children: [...visibleEntries].sort((a, b) => a.start.localeCompare(b.start)).map((entry) => {
       const state = entry.state ?? "scheduled";
-      return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", onClick: () => onSelectEntry?.(entry), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("button", { type: "button", onClick: () => onSelectEntry?.(entry), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("strong", { children: renderEntry?.(entry) ?? entry.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { children: [
             formatInstant(entry.start),
             " \u2013 ",
             formatInstant(entry.end)
           ] }),
-          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: entry.meta })
+          entry.meta && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: entry.meta })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(StatusPill, { tone: stateTone(state), children: stateLabel[state] })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(StatusPill, { tone: stateTone(state), children: stateLabel[state] })
       ] }) }, entry.id);
-    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), role: "group", "aria-label": `${view} schedule`, children: days.map((date, index) => {
+    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { ref: gridRef, className: cx("uix-scheduling-calendar__grid", view === "week" && "uix-scheduling-calendar__grid--week"), role: "group", "aria-label": `${view} schedule`, children: days.map((date, index) => {
       const dayEntries = entriesFor(date);
       const dayOverlays = overlaysFor(date);
-      return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), "aria-label": dateLabel(date, locale), children: Number(date.slice(-2)) }),
-        dayOverlays.map((overlay) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "uix-scheduling-calendar__overlay", "data-kind": overlay.kind, children: overlay.label }, overlay.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uix-scheduling-calendar__entries", children: dayEntries.map((entry) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "uix-scheduling-calendar__day", "data-outside": view === "month" && !monthDays[index].inMonth || void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("button", { type: "button", className: "uix-scheduling-calendar__date", "data-calendar-date": date, tabIndex: activeDate === date ? 0 : -1, onFocus: () => setActiveDate(date), onKeyDown: (event) => onDayKeyDown(event, date), "aria-label": dateLabel(date, locale), children: Number(date.slice(-2)) }),
+        dayOverlays.map((overlay) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-scheduling-calendar__overlay", "data-kind": overlay.kind, children: overlay.label }, overlay.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-scheduling-calendar__entries", children: dayEntries.map((entry) => {
           const span = entrySpans.get(entry.id);
           const state = entry.state ?? "scheduled";
-          return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("button", { type: "button", className: "uix-scheduling-calendar__entry", "data-state": state, "data-range-start": date === span.start || void 0, "data-range-end": date === span.end || void 0, onClick: () => onSelectEntry?.(entry), "aria-label": `${entry.title}, ${stateLabel[state]}, ${formatInstant(entry.start)} to ${formatInstant(entry.end)}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: renderEntry?.(entry) ?? entry.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "uix-visually-hidden", children: stateLabel[state] })
+          return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("button", { type: "button", className: "uix-scheduling-calendar__entry", "data-state": state, "data-range-start": date === span.start || void 0, "data-range-end": date === span.end || void 0, onClick: () => onSelectEntry?.(entry), "aria-label": `${entry.title}, ${stateLabel[state]}, ${formatInstant(entry.start)} to ${formatInstant(entry.end)}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: renderEntry?.(entry) ?? entry.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "uix-visually-hidden", children: stateLabel[state] })
           ] }, entry.id);
         }) })
       ] }, date);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "uix-scheduling-calendar__legend", "aria-label": "Schedule state legend", children: ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)) })
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "uix-scheduling-calendar__legend", "aria-label": "Schedule state legend", children: ["scheduled", "conflicted", "in-progress", "blackout-violation"].map((state) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { "data-state": state, children: stateLabel[state] }, state)) })
   ] });
 }
 
 // src/components/DateRangePicker.tsx
-var import_react25 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react31 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var monthLabel = (date, locale) => new Intl.DateTimeFormat(locale, { month: "long", year: "numeric", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
 var dateLabel2 = (date, locale) => new Intl.DateTimeFormat(locale, { dateStyle: "full", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${date}T00:00:00Z`));
 function DateRangePicker({
@@ -3177,25 +3648,25 @@ function DateRangePicker({
   disabled,
   className
 }) {
-  const id = (0, import_react25.useId)();
-  const [internalMonth, setInternalMonth] = (0, import_react25.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
+  const id = (0, import_react31.useId)();
+  const [internalMonth, setInternalMonth] = (0, import_react31.useState)(() => startOfMonth(controlledMonth ?? value.start ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)));
   const visibleMonth = startOfMonth(controlledMonth ?? internalMonth);
-  const [activeDate, setActiveDate] = (0, import_react25.useState)(value.end ?? value.start ?? visibleMonth);
-  const rootRef = (0, import_react25.useRef)(null);
-  const pendingFocus = (0, import_react25.useRef)(false);
+  const [activeDate, setActiveDate] = (0, import_react31.useState)(value.end ?? value.start ?? visibleMonth);
+  const rootRef = (0, import_react31.useRef)(null);
+  const pendingFocus = (0, import_react31.useRef)(false);
   const count = Math.max(1, Math.min(3, months));
-  const calendars = (0, import_react25.useMemo)(() => Array.from({ length: count }, (_, index) => {
+  const calendars = (0, import_react31.useMemo)(() => Array.from({ length: count }, (_, index) => {
     const month = startOfMonth(addCalendarMonths(visibleMonth, index));
     return { month, days: buildMonthGrid(month).filter((day) => day.inMonth) };
   }), [visibleMonth, count]);
   const rangeInvalid = invalid || !!value.start && !!value.end && value.start > value.end;
-  (0, import_react25.useEffect)(() => {
+  (0, import_react31.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_react25.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (!pendingFocus.current) return;
     rootRef.current?.querySelector(`[data-date="${activeDate}"]`)?.focus();
     pendingFocus.current = false;
@@ -3233,23 +3704,23 @@ function DateRangePicker({
     }
   };
   const announcement = !value.start ? "No date range selected." : !value.end ? `Start date ${dateLabel2(value.start, locale)} selected. Choose an end date.` : `${dateLabel2(value.start, locale)} to ${dateLabel2(value.end, locale)} selected.`;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-date-range-picker__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { id: `${id}-label`, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, -1)), "aria-label": "Show previous month", children: "Previous" }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, 1)), "aria-label": "Show next month", children: "Next" })
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("section", { className: cx("uix-date-range-picker", rangeInvalid && "uix-date-range-picker--invalid", className), "aria-labelledby": `${id}-label`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-date-range-picker__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h3", { id: `${id}-label`, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, -1)), "aria-label": "Show previous month", children: "Previous" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => setMonth(addCalendarMonths(visibleMonth, 1)), "aria-label": "Show next month", children: "Next" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-date-range-picker__month", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h4", { children: monthLabel(month, locale) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map((day) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: day }, day)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
-        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() + 6) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { ref: rootRef, className: "uix-date-range-picker__months", children: calendars.map(({ month, days }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-date-range-picker__month", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { children: monthLabel(month, locale) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "uix-date-range-picker__weekdays", "aria-hidden": "true", children: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"].map((day) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { children: day }, day)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "uix-date-range-picker__grid", role: "group", "aria-label": monthLabel(month, locale), children: [
+        Array.from({ length: ((/* @__PURE__ */ new Date(`${month}T00:00:00Z`)).getUTCDay() + 6) % 7 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { "aria-hidden": "true" }, `blank-${index}`)),
         days.map((day) => {
           const unavailable = disabled || isDateUnavailable(day.date, { min, max, isDisabled: isDateDisabled });
           const edge = day.date === value.start ? "start" : day.date === value.end ? "end" : void 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "button",
             {
               type: "button",
@@ -3270,13 +3741,13 @@ function DateRangePicker({
         })
       ] })
     ] }, month)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
-    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-date-range-picker__selection", "aria-live": "polite", children: announcement }),
+    rangeInvalid && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "uix-field__error", role: "alert", children: invalidMessage })
   ] });
 }
 
 // src/components/RelationshipGraph.tsx
-var import_react26 = require("react");
+var import_react32 = require("react");
 
 // src/relationship-graph-model.ts
 function boundRelationshipGraph(nodes, edges, maxNodes = 40) {
@@ -3343,7 +3814,7 @@ function traverseRelationshipNode(nodes, currentId, direction) {
 }
 
 // src/components/RelationshipGraph.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var EMPTY_IDS = /* @__PURE__ */ new Set();
 var EMPTY_LEGEND = [];
 function RelationshipGraph({
@@ -3365,13 +3836,13 @@ function RelationshipGraph({
   onRetry,
   className
 }) {
-  const bounded = (0, import_react26.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
-  const positioned = (0, import_react26.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
-  const positionedById = (0, import_react26.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
-  const [zoom, setZoom] = (0, import_react26.useState)(1);
-  const [pan, setPan] = (0, import_react26.useState)({ x: 0, y: 0 });
-  const [focusedId, setFocusedId] = (0, import_react26.useState)(selectedId ?? positioned[0]?.id);
-  const svgRef = (0, import_react26.useRef)(null);
+  const bounded = (0, import_react32.useMemo)(() => boundRelationshipGraph(nodes, edges, maxNodes), [nodes, edges, maxNodes]);
+  const positioned = (0, import_react32.useMemo)(() => layoutRelationshipGraph(bounded.nodes, bounded.edges, selectedId), [bounded, selectedId]);
+  const positionedById = (0, import_react32.useMemo)(() => new Map(positioned.map((node) => [node.id, node])), [positioned]);
+  const [zoom, setZoom] = (0, import_react32.useState)(1);
+  const [pan, setPan] = (0, import_react32.useState)({ x: 0, y: 0 });
+  const [focusedId, setFocusedId] = (0, import_react32.useState)(selectedId ?? positioned[0]?.id);
+  const svgRef = (0, import_react32.useRef)(null);
   const select = (id) => {
     const node = bounded.nodes.find((item) => item.id === id);
     if (node) onSelect?.(node);
@@ -3394,44 +3865,44 @@ function RelationshipGraph({
     setZoom(1);
     setPan({ x: 0, y: 0 });
   };
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cx("uix-relationship-graph uix-relationship-graph--state", className), role: "status", children: "Loading relationships\u2026" });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx("uix-relationship-graph uix-relationship-graph--state", className), role: "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: error }),
-    onRetry && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cx("uix-relationship-graph uix-relationship-graph--state", className), role: "status", children: "Loading relationships\u2026" });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cx("uix-relationship-graph uix-relationship-graph--state", className), role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { children: error }),
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
   ] });
-  if (bounded.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx("uix-relationship-graph uix-relationship-graph--state", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: "No relationships to display." }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: "Adjust the neighborhood or filters to include a node." })
+  if (bounded.nodes.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cx("uix-relationship-graph uix-relationship-graph--state", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { children: "No relationships to display." }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { children: "Adjust the neighborhood or filters to include a node." })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": "Relationship graph", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": "Graph view controls", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": "Pan left", children: "Left" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": "Pan up", children: "Up" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": "Pan down", children: "Down" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": "Pan right", children: "Right" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.min(2, Number((value + 0.2).toFixed(1)))), "aria-label": "Zoom in", children: "Zoom in" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.max(0.5, Number((value - 0.2).toFixed(1)))), "aria-label": "Zoom out", children: "Zoom out" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: reset, children: "Reset view" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { "aria-live": "polite", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("section", { className: cx("uix-relationship-graph", `uix-relationship-graph--${density}`, className), "aria-label": "Relationship graph", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-relationship-graph__toolbar", "aria-label": "Graph view controls", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x - 24 })), "aria-label": "Pan left", children: "Left" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y - 24 })), "aria-label": "Pan up", children: "Up" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, y: value.y + 24 })), "aria-label": "Pan down", children: "Down" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => setPan((value) => ({ ...value, x: value.x + 24 })), "aria-label": "Pan right", children: "Right" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.min(2, Number((value + 0.2).toFixed(1)))), "aria-label": "Zoom in", children: "Zoom in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => setZoom((value) => Math.max(0.5, Number((value - 0.2).toFixed(1)))), "aria-label": "Zoom out", children: "Zoom out" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: reset, children: "Reset view" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { "aria-live": "polite", children: [
         "Zoom ",
         Math.round(zoom * 100),
         "%"
       ] })
     ] }),
-    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "uix-relationship-graph__bounded", role: "status", children: [
+    bounded.omittedNodeCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("p", { className: "uix-relationship-graph__bounded", role: "status", children: [
       "Showing ",
       bounded.nodes.length,
       " nodes; ",
       bounded.omittedNodeCount,
       " outside this bounded neighborhood."
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { ref: svgRef, viewBox: "0 0 600 400", role: "group", "aria-label": `Graph with ${bounded.nodes.length} nodes and ${bounded.edges.length} relationships`, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "uix-relationship-graph__visual", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { ref: svgRef, viewBox: "0 0 600 400", role: "group", "aria-label": `Graph with ${bounded.nodes.length} nodes and ${bounded.edges.length} relationships`, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("g", { transform: `translate(${pan.x} ${pan.y}) scale(${zoom})`, children: [
       bounded.edges.map((edge) => {
         const source = positionedById.get(edge.source);
         const target = positionedById.get(edge.target);
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("line", { x1: source.x * 6, y1: source.y * 4, x2: target.x * 6, y2: target.y * 4, className: "uix-relationship-graph__edge", "data-highlighted": highlightedEdgeIds.has(edge.id) || void 0, "data-conflicted": conflictedEdgeIds.has(edge.id) || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: edge.label ?? edge.type ?? "Relationship" }) }, edge.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("line", { x1: source.x * 6, y1: source.y * 4, x2: target.x * 6, y2: target.y * 4, className: "uix-relationship-graph__edge", "data-highlighted": highlightedEdgeIds.has(edge.id) || void 0, "data-conflicted": conflictedEdgeIds.has(edge.id) || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: edge.label ?? edge.type ?? "Relationship" }) }, edge.id);
       }),
-      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+      positioned.map((node) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
         "g",
         {
           transform: `translate(${node.x * 6} ${node.y * 4})`,
@@ -3447,27 +3918,27 @@ function RelationshipGraph({
           onKeyDown: (event) => onNodeKeyDown(event, node.id),
           onClick: () => select(node.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("rect", { x: "-55", y: "-18", width: "110", height: "36", rx: "8" }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("rect", { x: "-55", y: "-18", width: "110", height: "36", rx: "8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("text", { textAnchor: "middle", dominantBaseline: "middle", children: node.label.length > 16 ? `${node.label.slice(0, 15)}\u2026` : node.label })
           ]
         },
         node.id
       ))
     ] }) }) }),
-    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": "Relationship types", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("li", { "data-type": item.id, children: item.label }, item.id)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": "Accessible relationship list", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { children: "Relationship list" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { children: bounded.nodes.map((node) => {
+    legend.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { className: "uix-relationship-graph__legend", "aria-label": "Relationship types", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("li", { "data-type": item.id, children: item.label }, item.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": "Accessible relationship list", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h3", { children: "Relationship list" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { children: bounded.nodes.map((node) => {
         const neighbors = relationshipNeighbors(node.id, bounded.edges).map((id) => bounded.nodes.find((item) => item.id === id)?.label ?? id);
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("button", { type: "button", onClick: () => select(node.id), "aria-pressed": selectedId === node.id, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("strong", { children: node.label }),
-            node.type && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: node.type }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: neighbors.length ? `Connected to ${neighbors.join(", ")}` : "No visible connections" })
+        return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("li", { "data-selected": selectedId === node.id || void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("button", { type: "button", onClick: () => select(node.id), "aria-pressed": selectedId === node.id, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("strong", { children: node.label }),
+            node.type && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: node.type }),
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: neighbors.length ? `Connected to ${neighbors.join(", ")}` : "No visible connections" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
-            onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: "Expand neighbors" }),
-            onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: "Open details" })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "uix-relationship-graph__list-actions", children: [
+            onExpandNeighbors && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => onExpandNeighbors(node), children: "Expand neighbors" }),
+            onOpenDetails && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("button", { type: "button", onClick: () => onOpenDetails(node), children: "Open details" })
           ] })
         ] }, node.id);
       }) })
@@ -3476,8 +3947,8 @@ function RelationshipGraph({
 }
 
 // src/components/MatchReview.tsx
-var import_react27 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var valueText = (value) => value == null ? "\u2014" : typeof value === "string" ? value : JSON.stringify(value);
 function MatchReview({
   incoming,
@@ -3493,11 +3964,11 @@ function MatchReview({
   onRetry,
   className
 }) {
-  const [internalSelection, setInternalSelection] = (0, import_react27.useState)(/* @__PURE__ */ new Set());
-  const [announcement, setAnnouncement] = (0, import_react27.useState)("");
-  const [bulkPending, setBulkPending] = (0, import_react27.useState)(false);
+  const [internalSelection, setInternalSelection] = (0, import_react33.useState)(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = (0, import_react33.useState)("");
+  const [bulkPending, setBulkPending] = (0, import_react33.useState)(false);
   const selection = selectedIds ?? internalSelection;
-  const pending = (0, import_react27.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const pending = (0, import_react33.useMemo)(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
   const setSelection = (next) => {
     if (selectedIds === void 0) setInternalSelection(next);
     onSelectionChange?.(next);
@@ -3525,55 +3996,55 @@ function MatchReview({
       setBulkPending(false);
     }
   };
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: "Loading match candidates\u2026" });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: error }),
-    onRetry && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: "Loading match candidates\u2026" });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: error }),
+    onRetry && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
   ] });
-  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "No candidate matches found." }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { children: "Choose another record source or continue without a match." })
+  if (candidates.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: "No candidate matches found." }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { children: "Choose another record source or continue without a match." })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": "Match review", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-match-review__summary", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("strong", { children: incomingLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: cx("uix-match-review", className), "aria-label": "Match review", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-match-review__summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("strong", { children: incomingLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { children: [
           pending.length,
           " pending of ",
           candidates.length
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("b", { children: field.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("b", { children: field.label }),
         field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
       ] }, field.id)) })
     ] }),
-    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": "Bulk candidate actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
+    onBulkDecision && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "uix-match-review__bulk", "aria-label": "Bulk candidate actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { children: [
         selection.size,
         " selected"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("accept"), children: bulkPending ? "Applying\u2026" : "Accept selected" }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("dismiss"), children: bulkPending ? "Applying\u2026" : "Dismiss selected" })
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("accept"), children: bulkPending ? "Applying\u2026" : "Accept selected" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("dismiss"), children: bulkPending ? "Applying\u2026" : "Dismiss selected" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("caption", { className: "uix-visually-hidden", children: "Candidate matches and available decisions" }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("tr", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-visually-hidden", children: "Select" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { scope: "col", children: "Confidence" }),
-        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { scope: "col", children: field.label }, field.id)),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { scope: "col", children: "Status" }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { scope: "col", children: "Actions" })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("table", { className: "uix-table uix-match-review__table", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("caption", { className: "uix-visually-hidden", children: "Candidate matches and available decisions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { scope: "col", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-visually-hidden", children: "Select" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { scope: "col", children: "Confidence" }),
+        fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { scope: "col", children: field.label }, field.id)),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { scope: "col", children: "Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("th", { scope: "col", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("tbody", { children: candidates.map((candidate) => {
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tbody", { children: candidates.map((candidate) => {
         const resolved = candidate.status === "resolved";
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": `Select candidate ${candidate.id}` }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? "Not scored" : `${Math.round(candidate.confidence * 100)}%` }) }),
-          fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ?? "Resolved" : "Pending" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("tr", { "data-status": candidate.status ?? "pending", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": `Select candidate ${candidate.id}` }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? "Not scored" : `${Math.round(candidate.confidence * 100)}%` }) }),
+          fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ?? "Resolved" : "Pending" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             "button",
             {
               type: "button",
@@ -3587,12 +4058,12 @@ function MatchReview({
         ] }, candidate.id);
       }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 
 // src/components/MetricInput.tsx
-var import_react28 = require("react");
+var import_react34 = require("react");
 
 // src/metric-model.ts
 function decimals(value) {
@@ -3617,7 +4088,7 @@ function parseMetricValue(value) {
 }
 
 // src/components/MetricInput.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var defaultMetricFormat = (input) => input == null ? "" : String(input);
 function MetricInput({
   value,
@@ -3636,11 +4107,11 @@ function MetricInput({
   className,
   id: providedId
 }) {
-  const generatedId = (0, import_react28.useId)();
+  const generatedId = (0, import_react34.useId)();
   const id = providedId ?? generatedId;
   const errorId = `${id}-error`;
-  const [text, setText] = (0, import_react28.useState)(() => format(value));
-  (0, import_react28.useEffect)(() => setText(format(value)), [value, format]);
+  const [text, setText] = (0, import_react34.useState)(() => format(value));
+  (0, import_react34.useEffect)(() => setText(format(value)), [value, format]);
   const commit = (input) => {
     const parsed = parse(input);
     if (input.trim() === "" || parsed !== null) {
@@ -3666,10 +4137,10 @@ function MetricInput({
     const parsed = parse(event.currentTarget.value);
     setText(parsed === null && event.currentTarget.value.trim() !== "" ? format(value) : format(parsed));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "uix-metric-input__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { className: "uix-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uix-metric-input__control", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Input,
         {
           id,
@@ -3688,22 +4159,22 @@ function MetricInput({
           readOnly
         }
       ),
-      unit && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "uix-metric-input__steps", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(-1), disabled: disabled || readOnly, "aria-label": `Decrease ${label}`, children: "\u2212" })
+      unit && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "uix-metric-input__steps", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(-1), disabled: disabled || readOnly, "aria-label": `Decrease ${label}`, children: "\u2212" })
       ] })
     ] }),
-    unit && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "uix-visually-hidden", children: [
+    unit && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "uix-visually-hidden", children: [
       "Unit: ",
       unit
     ] }),
-    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
+    invalid && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { id: errorId, className: "uix-field__error", children: errorMessage })
   ] });
 }
 
 // src/components/LicensePositionBar.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var defaultCapacityFormat = (value) => new Intl.NumberFormat().format(value);
 function LicensePositionBar({
   consumed,
@@ -3724,18 +4195,18 @@ function LicensePositionBar({
   const percent = safeEntitled === 0 ? safeConsumed > 0 ? 100 : 0 : safeConsumed / safeEntitled * 100;
   const format = (value) => `${formatValue(value)}${unit ? ` ${unit}` : ""}`;
   const summary = `${consumedLabel}: ${format(safeConsumed)}. ${entitledLabel}: ${format(safeEntitled)}. ${over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}`}.`;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uix-license-position__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "uix-license-position__value", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: cx("uix-license-position", over > 0 && "uix-license-position--over", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uix-license-position__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "uix-license-position__value", children: [
         format(safeConsumed),
         " / ",
         format(safeEntitled)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StatusPill, { tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", children: over > 0 ? `${format(over)} ${overLabel}` : `${format(available)} ${availableLabel}` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "uix-license-position__track", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Meter, { value: Math.min(100, percent), tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", "aria-label": summary, "aria-valuetext": summary }),
-      over > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uix-license-position__track", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Meter, { value: Math.min(100, percent), tone: over > 0 ? "danger" : percent >= 80 ? "warning" : "success", "aria-label": summary, "aria-valuetext": summary }),
+      over > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "span",
         {
           className: "uix-license-position__overflow",
@@ -3744,12 +4215,12 @@ function LicensePositionBar({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "uix-visually-hidden", children: summary })
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "uix-visually-hidden", children: summary })
   ] });
 }
 
 // src/components/BrandProfiles.tsx
-var import_react30 = require("react");
+var import_react36 = require("react");
 
 // src/color-model.ts
 var clamp2 = (value, min, max) => Math.min(max, Math.max(min, value));
@@ -3818,8 +4289,8 @@ function meetsContrast(background, foreground, minimum = 4.5) {
 }
 
 // src/components/ColorPicker.tsx
-var import_react29 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_react35 = require("react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var EMPTY_COLORS = [];
 function ColorPicker({
   value,
@@ -3832,17 +4303,17 @@ function ColorPicker({
   disabled,
   className
 }) {
-  const id = (0, import_react29.useId)();
-  const triggerRef = (0, import_react29.useRef)(null);
-  const dialogRef = (0, import_react29.useRef)(null);
-  const [open, setOpen] = (0, import_react29.useState)(false);
+  const id = (0, import_react35.useId)();
+  const triggerRef = (0, import_react35.useRef)(null);
+  const dialogRef = (0, import_react35.useRef)(null);
+  const [open, setOpen] = (0, import_react35.useState)(false);
   const normalized = normalizeHex(value) ?? "#000000";
-  const [hexText, setHexText] = (0, import_react29.useState)(normalized);
-  const hsv = (0, import_react29.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
+  const [hexText, setHexText] = (0, import_react35.useState)(normalized);
+  const hsv = (0, import_react35.useMemo)(() => rgbToHsv(hexToRgb(normalized)), [normalized]);
   const ratio = contrastRatio(normalized, foreground) ?? 0;
   const passes = ratio >= minimumContrast;
-  (0, import_react29.useEffect)(() => setHexText(normalized), [normalized]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react35.useEffect)(() => setHexText(normalized), [normalized]);
+  (0, import_react35.useEffect)(() => {
     if (!open) return;
     const dialog = dialogRef.current;
     dialog?.querySelector("input,button")?.focus();
@@ -3885,8 +4356,8 @@ function ColorPicker({
     if (next) onChange(next);
   };
   const sampleStyle = { backgroundColor: normalized };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cx("uix-color-picker", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: cx("uix-color-picker", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -3898,12 +4369,12 @@ function ColorPicker({
         onClick: () => setOpen((current) => !current),
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: normalized })
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "uix-color-picker__swatch", style: sampleStyle, "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: normalized })
         ]
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    open && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
       "div",
       {
         ref: dialogRef,
@@ -3914,57 +4385,57 @@ function ColorPicker({
         className: "uix-color-picker__popover",
         onKeyDown: onDialogKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { color: foreground }, children: "Aa" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uix-color-picker__preview", style: sampleStyle, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { style: { color: foreground }, children: "Aa" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("label", { className: "uix-color-picker__range", children: [
             "Hue ",
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { children: [
               Math.round(hsv.h),
               "\xB0"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("input", { type: "range", min: "0", max: "359", value: Math.round(hsv.h), onChange: (event) => updateHsv({ h: Number(event.currentTarget.value) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("input", { type: "range", min: "0", max: "359", value: Math.round(hsv.h), onChange: (event) => updateHsv({ h: Number(event.currentTarget.value) }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("label", { className: "uix-color-picker__range", children: [
             "Saturation ",
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { children: [
               Math.round(hsv.s * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.s * 100), onChange: (event) => updateHsv({ s: Number(event.currentTarget.value) / 100 }) })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.s * 100), onChange: (event) => updateHsv({ s: Number(event.currentTarget.value) / 100 }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: "uix-color-picker__range", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("label", { className: "uix-color-picker__range", children: [
             "Brightness ",
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { children: [
               Math.round(hsv.v * 100),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.v * 100), onChange: (event) => updateHsv({ v: Number(event.currentTarget.value) / 100 }) })
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("input", { type: "range", min: "0", max: "100", value: Math.round(hsv.v * 100), onChange: (event) => updateHsv({ v: Number(event.currentTarget.value) / 100 }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("label", { className: "uix-color-picker__hex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("label", { className: "uix-color-picker__hex", children: [
             "Hex",
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "uix-color-picker__hex-row", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("input", { className: "uix-input", value: hexText, onChange: (event) => setHexText(event.currentTarget.value), onBlur: commitHex, onKeyDown: (event) => {
                 if (event.key === "Enter") commitHex();
               }, "aria-invalid": !normalizeHex(hexText) }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: commitHex, disabled: !normalizeHex(hexText), children: "Set" })
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", onClick: commitHex, disabled: !normalizeHex(hexText), children: "Set" })
             ] })
           ] }),
-          (presets.length > 0 || recent.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "uix-color-picker__palettes", children: [
-            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("legend", { children: "Presets" }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": `Use preset ${color}` }, color)) })
+          (presets.length > 0 || recent.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uix-color-picker__palettes", children: [
+            presets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("legend", { children: "Presets" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { children: presets.map((color) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": `Use preset ${color}` }, color)) })
             ] }),
-            recent.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("fieldset", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("legend", { children: "Recent" }),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": `Use recent color ${color}` }, color)) })
+            recent.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("fieldset", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("legend", { children: "Recent" }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { children: recent.map((color) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "uix-color-picker__preset", style: { backgroundColor: normalizeHex(color) ?? color }, onClick: () => choose(color), "aria-label": `Use recent color ${color}` }, color)) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", { className: cx("uix-color-picker__contrast", passes ? "uix-color-picker__contrast--pass" : "uix-color-picker__contrast--fail"), role: "status", "aria-live": "polite", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: cx("uix-color-picker__contrast", passes ? "uix-color-picker__contrast--pass" : "uix-color-picker__contrast--fail"), role: "status", "aria-live": "polite", children: [
             "Contrast ",
             ratio.toFixed(2),
             ":1 \u2014 ",
             passes ? `passes WCAG AA (${minimumContrast}:1)` : `does not meet WCAG AA (${minimumContrast}:1)`
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: "Done" })
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", onClick: close, children: "Done" })
         ]
       }
     )
@@ -3972,7 +4443,7 @@ function ColorPicker({
 }
 
 // src/components/BrandProfiles.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var PROFILE_PROPERTIES = {
   brand: "--uix-brand",
   brandForeground: "--uix-brand-fg",
@@ -4041,7 +4512,7 @@ function BrandProfileEditor({
   colorPresets = EMPTY_COLORS2,
   className
 }) {
-  const [announcement, setAnnouncement] = (0, import_react30.useState)("");
+  const [announcement, setAnnouncement] = (0, import_react36.useState)("");
   const update = (patch) => onChange({ ...value, ...patch });
   const apply = () => {
     if (applyTarget !== null) applyBrandProfile(value, applyTarget);
@@ -4058,54 +4529,54 @@ function BrandProfileEditor({
     ...value.typography?.sans ? { "--uix-font-sans": value.typography.sans } : {},
     ...value.typography?.heading ? { "--uix-font-heading": value.typography.heading } : {}
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": "Brand profile editor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-brand-profiles__form", children: [
-      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { className: "uix-field__label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("section", { className: cx("uix-brand-profiles", className), "aria-label": "Brand profile editor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-brand-profiles__form", children: [
+      profiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: "uix-field__label", children: [
         "Profile",
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("select", { className: "uix-select", value: value.id, onChange: (event) => {
           const selected = profiles.find((profile) => profile.id === event.currentTarget.value);
           if (selected) onSelectProfile?.(selected);
-        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
+        }, children: profiles.map((profile) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("option", { value: profile.id, children: profile.name }, profile.id)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: "uix-field__label", children: [
         "Name",
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", { className: "uix-input", value: value.name, onChange: (event) => update({ name: event.currentTarget.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-brand-profiles__colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { children: [
           "Brand",
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ColorPicker, { label: "Brand color", value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ColorPicker, { label: "Brand color", value: value.brand, foreground: value.brandForeground, presets: colorPresets, onChange: (brand) => update({ brand }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { children: [
           "On brand",
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ColorPicker, { label: "Brand foreground color", value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ColorPicker, { label: "Brand foreground color", value: value.brandForeground, foreground: value.brand, presets: colorPresets, onChange: (brandForeground) => update({ brandForeground }) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: "uix-field__label", children: [
         "Body font",
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", { className: "uix-input", value: value.typography?.sans ?? "", onChange: (event) => update({ typography: { ...value.typography, sans: event.currentTarget.value || void 0 } }) })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", { className: "uix-input", value: value.typography?.sans ?? "", onChange: (event) => update({ typography: { ...value.typography, sans: event.currentTarget.value || void 0 } }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { className: "uix-field__label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: "uix-field__label", children: [
         "Heading font",
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", { className: "uix-input", value: value.typography?.heading ?? "", onChange: (event) => update({ typography: { ...value.typography, heading: event.currentTarget.value || void 0 } }) })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", { className: "uix-input", value: value.typography?.heading ?? "", onChange: (event) => update({ typography: { ...value.typography, heading: event.currentTarget.value || void 0 } }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("label", { className: "uix-file-upload uix-brand-profiles__upload", children: [
         "Logo file",
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("input", { type: "file", accept: "image/*", onChange: onFile })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: "Apply profile" }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", onClick: apply, children: "Apply profile" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": `Live preview of ${value.name}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
-        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: "Logo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("strong", { children: value.name || "Brand preview" })
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-brand-profiles__preview", style: previewStyle, "aria-label": `Live preview of ${value.name}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-brand-profiles__preview-header", children: [
+        value.logo ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("img", { src: value.logo.src, alt: value.logo.alt }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "uix-brand-profiles__logo-placeholder", children: "Logo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("strong", { children: value.name || "Brand preview" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h3", { children: "Readable, serializable branding" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { children: "Accent, links, rings, and muted states continue through the existing UIx token chain." }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: "Primary action" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("a", { href: "#brand-profile-preview", children: "Preview link" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "uix-brand-profiles__preview-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { children: "Readable, serializable branding" }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { children: "Accent, links, rings, and muted states continue through the existing UIx token chain." }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary", children: "Primary action" }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("a", { href: "#brand-profile-preview", children: "Preview link" })
       ] })
     ] })
   ] });
@@ -4113,7 +4584,7 @@ function BrandProfileEditor({
 var BrandProfiles = BrandProfileEditor;
 
 // src/components/DiffViewer.tsx
-var import_react31 = require("react");
+var import_react37 = require("react");
 
 // src/diff-model.ts
 function isJsonObject(value) {
@@ -4164,7 +4635,7 @@ function summarizeDiff(entries, resolutions = {}) {
 }
 
 // src/components/DiffViewer.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var GROUPS = [
   { kind: "conflicted", label: "Conflicted" },
   { kind: "changed", label: "Changed" },
@@ -4183,65 +4654,65 @@ function DiffViewer({
   labels = DEFAULT_LABELS,
   className
 }) {
-  const id = (0, import_react31.useId)();
-  const entries = (0, import_react31.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
-  const [internalResolutions, setInternalResolutions] = (0, import_react31.useState)({});
+  const id = (0, import_react37.useId)();
+  const entries = (0, import_react37.useMemo)(() => providedEntries ?? buildThreeWayDiff(base, current, incoming), [providedEntries, base, current, incoming]);
+  const [internalResolutions, setInternalResolutions] = (0, import_react37.useState)({});
   const resolutions = controlledResolutions ?? internalResolutions;
   const summary = summarizeDiff(entries, resolutions);
   const resolve2 = (path, resolution) => {
     if (controlledResolutions === void 0) setInternalResolutions((currentState) => ({ ...currentState, [path]: resolution }));
     onResolutionChange?.(path, resolution);
   };
-  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": "Configuration differences", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h3", { children: "No differences" }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { children: "Base, current, and incoming values are aligned." })
+  if (entries.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: cx("uix-diff-viewer uix-diff-viewer--empty", className), "aria-label": "Configuration differences", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { children: "No differences" }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { children: "Base, current, and incoming values are aligned." })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": "Configuration differences", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uix-diff-viewer__summary", "aria-label": "Difference summary", children: [
-      GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("b", { children: summary[group.kind] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: cx("uix-diff-viewer", className), "aria-label": "Configuration differences", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uix-diff-viewer__summary", "aria-label": "Difference summary", children: [
+      GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("b", { children: summary[group.kind] }),
         " ",
         group.label.toLowerCase()
       ] }, group.kind)),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("b", { children: summary.resolved }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("b", { children: summary.resolved }),
         " resolved"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("b", { children: summary.pending }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("b", { children: summary.pending }),
         " pending"
       ] })
     ] }),
     GROUPS.map((group) => {
       const grouped = entries.filter((entry) => entry.kind === group.kind);
       if (!grouped.length) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${group.kind}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("h3", { id: `${id}-${group.kind}`, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("section", { className: "uix-diff-viewer__group", "aria-labelledby": `${id}-${group.kind}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("h3", { id: `${id}-${group.kind}`, children: [
           group.label,
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: grouped.length })
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: grouped.length })
         ] }),
         grouped.map((entry) => {
           const resolution = resolutions[entry.path] ?? "pending";
-          return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("summary", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("code", { children: entry.path }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolution })
+          return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("details", { className: "uix-diff-viewer__entry", "data-kind": entry.kind, open: entry.kind === "conflicted", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("summary", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("code", { children: entry.path }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(StatusPill, { tone: resolution === "pending" ? "warning" : "success", children: resolution })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { role: "region", "aria-label": `${labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}`} value for ${entry.path}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("strong", { children: labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("pre", { children: renderValue(entry[version]) })
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "uix-diff-viewer__versions", children: ["base", "current", "incoming"].map((version) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { role: "region", "aria-label": `${labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}`} value for ${entry.path}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("strong", { children: labels[version] ?? `${version[0].toUpperCase()}${version.slice(1)}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("pre", { children: renderValue(entry[version]) })
             ] }, version)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "uix-diff-viewer__actions", "aria-label": `Resolve ${entry.path}`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", "aria-pressed": resolution === "accept", onClick: () => resolve2(entry.path, "accept"), children: "Accept incoming" }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", "aria-pressed": resolution === "skip", onClick: () => resolve2(entry.path, "skip"), children: "Keep current" }),
-              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", "aria-pressed": resolution === "pending", onClick: () => resolve2(entry.path, "pending"), children: "Mark pending" })
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "uix-diff-viewer__actions", "aria-label": `Resolve ${entry.path}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", className: "uix-btn uix-btn--primary uix-btn--sm", "aria-pressed": resolution === "accept", onClick: () => resolve2(entry.path, "accept"), children: "Accept incoming" }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", "aria-pressed": resolution === "skip", onClick: () => resolve2(entry.path, "skip"), children: "Keep current" }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", "aria-pressed": resolution === "pending", onClick: () => resolve2(entry.path, "pending"), children: "Mark pending" })
             ] })
           ] }, entry.path);
         })
       ] }, group.kind);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("p", { className: "uix-visually-hidden", "aria-live": "polite", children: [
       summary.resolved,
       " of ",
       entries.length,
@@ -4253,19 +4724,24 @@ function DiffViewer({
 0 && (module.exports = {
   Alert,
   AppShell,
+  AsyncOperationStatus,
   Avatar,
   AvatarGroup,
   BrandProfileEditor,
   BrandProfiles,
+  Breadcrumbs,
   BuilderCanvas,
   BulkBar,
   Button,
   ButtonGroup,
   Card,
+  CardLink,
   CellStrong,
   CellSub,
   Checkbox,
+  CollapsibleSection,
   ColorPicker,
+  Combobox,
   CommandGroup,
   CommandItem,
   CommandPalette,
@@ -4273,12 +4749,14 @@ function DiffViewer({
   Comments,
   Composer,
   ComposerBar,
+  ConfirmDialog,
   ContentList,
   ContentListItem,
   DateRangePicker,
   DescriptionItem,
   DescriptionList,
   DetailLayout,
+  DetailPage,
   DiffViewer,
   Drawer,
   EmptyState,
@@ -4289,6 +4767,9 @@ function DiffViewer({
   FeaturedRundownItem,
   FeaturedStage,
   Field,
+  FilterPopover,
+  FilteredEmptyState,
+  ForbiddenState,
   Highlighted,
   Inbox,
   InboxDetail,
@@ -4313,6 +4794,7 @@ function DiffViewer({
   NavGroup,
   NavItem,
   NewsLead,
+  NotFoundState,
   Note,
   NoticeQueue,
   PageHeader,
@@ -4321,14 +4803,18 @@ function DiffViewer({
   Peek,
   Popover,
   Progress,
+  PromptDialog,
   Prose,
   Radio,
   RadioGroup,
+  RelatedLinks,
   RelationshipGraph,
+  RelativeTime,
   ResourceGrid,
   RowAction,
   RowActions,
   RuleBuilder,
+  SavedViewMenu,
   SchedulingCalendar,
   SectionHead,
   Segmented,
@@ -4356,10 +4842,12 @@ function DiffViewer({
   TimelineItem,
   Toast,
   Toaster,
+  ToggleRow,
   Tooltip,
   Tr,
   Tree,
   UserChip,
+  ViewMenu,
   addCalendarDays,
   addCalendarMonths,
   appendRuleNode,
@@ -4374,6 +4862,7 @@ function DiffViewer({
   contrastRatio,
   cx,
   enumerateDateSpan,
+  filterComboboxOptions,
   findRuleNodeDepth,
   flattenTree,
   hexToRgb,
@@ -4392,9 +4881,11 @@ function DiffViewer({
   multiSort,
   nextSortDir,
   normalizeHex,
+  parseDateValue,
   parseMetricValue,
   parseView,
   relationshipNeighbors,
+  relativeTimeValue,
   removeRuleNode,
   reorder,
   restoreBrandProfile,