@oprt/react 0.1.0 → 0.2.1

package/dist/index.cjs

@@ -218,7 +218,7 @@ module.exports = __toCommonJS(src_exports);
 // src/Alert/Alert.tsx
 var import_icons = require("@oprt/icons");
 var import_class_variance_authority = require("class-variance-authority");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_clsx = __toESM(require("clsx"), 1);
 
 // src/Alert/Alert.manifest.ts
@@ -320,6 +320,28 @@ function devValidate(component, manifestProps, received) {
   }
 }
 
+// src/_internal/liveRegion.ts
+var import_react = require("react");
+var neverChanges = () => () => {
+};
+var LIVE_REGION_LEAD_MS = 100;
+function useHoldBackNewText(enabled) {
+  const hydrating = (0, import_react.useSyncExternalStore)(
+    neverChanges,
+    () => false,
+    () => true
+  );
+  const lateArrival = (0, import_react.useRef)(null);
+  if (lateArrival.current === null) lateArrival.current = !hydrating;
+  const [held, setHeld] = (0, import_react.useState)(Boolean(lateArrival.current));
+  (0, import_react.useEffect)(() => {
+    if (!held) return;
+    const timer = window.setTimeout(() => setHeld(false), LIVE_REGION_LEAD_MS);
+    return () => window.clearTimeout(timer);
+  }, [held]);
+  return enabled && held;
+}
+
 // src/Alert/Alert.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var ICONS = {
@@ -351,7 +373,7 @@ var accentStyles = (0, import_class_variance_authority.cva)("", {
     }
   }
 });
-var Alert = (0, import_react.forwardRef)((allProps, ref) => {
+var Alert = (0, import_react2.forwardRef)((allProps, ref) => {
   const {
     className,
     variant,
@@ -362,6 +384,7 @@ var Alert = (0, import_react.forwardRef)((allProps, ref) => {
     ...props
   } = allProps;
   const role = variant === "error" || variant === "warning" ? "alert" : "status";
+  const holdBack = useHoldBackNewText(role === "status");
   const Icon = ICONS[variant];
   const hasBody = children != null && typeof children !== "boolean" && children !== "";
   if (process.env.NODE_ENV !== "production") {
@@ -369,19 +392,26 @@ var Alert = (0, import_react.forwardRef)((allProps, ref) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, role, className: (0, import_clsx.default)(containerStyles({ variant }), className), ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: (0, import_clsx.default)("shrink-0", accentStyles({ variant })), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: 16 }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1u oprt-wrap-anywhere", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "p",
-        {
-          className: (0, import_clsx.default)(
-            "m-0 text-oprt-sm uppercase tracking-oprt-sm",
-            accentStyles({ variant })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "flex min-w-0 flex-1 flex-col gap-1u oprt-wrap-anywhere",
+        ...holdBack ? { "aria-hidden": true } : {},
+        children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "p",
+            {
+              className: (0, import_clsx.default)(
+                "m-0 text-oprt-sm uppercase tracking-oprt-sm",
+                accentStyles({ variant })
+              ),
+              children: title
+            }
           ),
-          children: title
-        }
-      ),
-      hasBody && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-oprt-base normal-case text-oprt-text", children })
-    ] }),
+          hasBody && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-oprt-base normal-case text-oprt-text", children })
+        ]
+      }
+    ),
     dismissible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "button",
       {
@@ -398,7 +428,7 @@ Alert.displayName = "Alert";
 
 // src/Avatar/Avatar.tsx
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_clsx2 = __toESM(require("clsx"), 1);
 var import_icons2 = require("@oprt/icons");
 
@@ -447,13 +477,13 @@ var firstCharacter = (word) => Array.from(word)[0] ?? "";
 function getInitials(name) {
   return name.trim().split(/\s+/).filter(Boolean).slice(0, 2).map((word) => firstCharacter(firstCharacter(word).toUpperCase())).join("");
 }
-var Avatar = (0, import_react2.forwardRef)((allProps, ref) => {
+var Avatar = (0, import_react3.forwardRef)((allProps, ref) => {
   const { className, size, name, src, alt, delayMs, ...props } = allProps;
   const initials = getInitials(name);
-  const [load, setLoad] = (0, import_react2.useState)(null);
+  const [load, setLoad] = (0, import_react3.useState)(null);
   const status = load !== null && load.src === src ? load.status : "idle";
-  const [fallbackReady, setFallbackReady] = (0, import_react2.useState)(delayMs === void 0);
-  (0, import_react2.useEffect)(() => {
+  const [fallbackReady, setFallbackReady] = (0, import_react3.useState)(delayMs === void 0);
+  (0, import_react3.useEffect)(() => {
     if (delayMs === void 0) {
       setFallbackReady(true);
       return;
@@ -462,7 +492,7 @@ var Avatar = (0, import_react2.forwardRef)((allProps, ref) => {
     const t = setTimeout(() => setFallbackReady(true), delayMs);
     return () => clearTimeout(t);
   }, [delayMs, src]);
-  const imgRef = (0, import_react2.useCallback)(
+  const imgRef = (0, import_react3.useCallback)(
     (node) => {
       if (node?.complete && node.naturalWidth > 0) setLoad({ src, status: "loaded" });
     },
@@ -504,7 +534,7 @@ Avatar.displayName = "Avatar";
 
 // src/Badge/Badge.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_clsx3 = __toESM(require("clsx"), 1);
 
 // src/Badge/Badge.manifest.ts
@@ -614,7 +644,7 @@ var iconBoxStyles = (0, import_class_variance_authority3.cva)("flex shrink-0 ite
   },
   defaultVariants: { size: "sm" }
 });
-var Badge = (0, import_react3.forwardRef)((allProps, ref) => {
+var Badge = (0, import_react4.forwardRef)((allProps, ref) => {
   const {
     className,
     variant = "neutral",
@@ -633,7 +663,7 @@ var Badge = (0, import_react3.forwardRef)((allProps, ref) => {
     appearance: appearance ?? void 0,
     size: size ?? void 0
   };
-  const composite = import_react3.Children.toArray(children).some(
+  const composite = import_react4.Children.toArray(children).some(
     (child) => typeof child !== "string" && typeof child !== "number"
   );
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -662,32 +692,32 @@ var Badge = (0, import_react3.forwardRef)((allProps, ref) => {
 Badge.displayName = "Badge";
 
 // src/TagGroup/TagGroup.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_react_aria_components = require("react-aria-components");
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_clsx4 = __toESM(require("clsx"), 1);
 var import_icons3 = require("@oprt/icons");
 
 // src/_internal/useRestoreFocusOnRemoval.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // src/_internal/useIsomorphicLayoutEffect.ts
-var import_react4 = require("react");
-var useIsomorphicLayoutEffect = typeof document === "undefined" ? import_react4.useEffect : import_react4.useLayoutEffect;
+var import_react5 = require("react");
+var useIsomorphicLayoutEffect = typeof document === "undefined" ? import_react5.useEffect : import_react5.useLayoutEffect;
 
 // src/_internal/useRestoreFocusOnRemoval.ts
 var goneByDefault = (element) => !element.isConnected || element.matches(":disabled");
 function useRestoreFocusOnRemoval(root, options = {}) {
-  const tracked = (0, import_react5.useRef)(null);
-  const latest = (0, import_react5.useRef)(options);
+  const tracked = (0, import_react6.useRef)(null);
+  const latest = (0, import_react6.useRef)(options);
   useIsomorphicLayoutEffect(() => {
     latest.current = options;
   });
-  const isGone = (0, import_react5.useCallback)(
+  const isGone = (0, import_react6.useCallback)(
     (element, state) => (latest.current.isGone ?? goneByDefault)(element, state),
     []
   );
-  const onFocusCapture = (0, import_react5.useCallback)(
+  const onFocusCapture = (0, import_react6.useCallback)(
     (event) => {
       const element = event.target;
       const host = root.current;
@@ -701,7 +731,7 @@ function useRestoreFocusOnRemoval(root, options = {}) {
     },
     [root]
   );
-  const onBlurCapture = (0, import_react5.useCallback)(
+  const onBlurCapture = (0, import_react6.useCallback)(
     (event) => {
       const element = event.target;
       if (tracked.current?.element !== element) return;
@@ -713,7 +743,7 @@ function useRestoreFocusOnRemoval(root, options = {}) {
     },
     [isGone]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const prior = tracked.current;
     if (!prior || !isGone(prior.element, prior.state)) return;
     tracked.current = null;
@@ -749,7 +779,7 @@ function reportNotApplied(prop) {
     )
   );
 }
-var TagGroup = (0, import_react6.forwardRef)(
+var TagGroup = (0, import_react7.forwardRef)(
   ({
     items,
     label,
@@ -762,8 +792,8 @@ var TagGroup = (0, import_react6.forwardRef)(
     dangerouslySetInnerHTML,
     ...props
   }, ref) => {
-    const rootRef = (0, import_react6.useRef)(null);
-    (0, import_react6.useImperativeHandle)(ref, () => rootRef.current, []);
+    const rootRef = (0, import_react7.useRef)(null);
+    (0, import_react7.useImperativeHandle)(ref, () => rootRef.current, []);
     const { onFocusCapture, onBlurCapture } = useRestoreFocusOnRemoval(
       rootRef,
       {
@@ -779,7 +809,7 @@ var TagGroup = (0, import_react6.forwardRef)(
       ariaLabel !== void 0 && "aria-label",
       dangerouslySetInnerHTML !== void 0 && "dangerouslySetInnerHTML"
     ].filter(Boolean).join(" ");
-    (0, import_react6.useEffect)(() => {
+    (0, import_react7.useEffect)(() => {
       if (process.env.NODE_ENV === "production") return;
       for (const prop of notApplied ? notApplied.split(" ") : []) reportNotApplied(prop);
     }, [notApplied]);
@@ -887,19 +917,19 @@ var TagGroupManifest = {
 };
 
 // src/PropertyFilter/PropertyFilter.tsx
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_clsx10 = __toESM(require("clsx"), 1);
 
 // src/Button/Button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_clsx5 = __toESM(require("clsx"), 1);
 
 // src/_internal/motion.ts
-var import_react7 = require("react");
-var MotionContext = (0, import_react7.createContext)("auto");
+var import_react8 = require("react");
+var MotionContext = (0, import_react8.createContext)("auto");
 var MOTION_VALUES = ["auto", "none"];
 var MOTION_PROPS = {
   motion: { type: "enum", values: MOTION_VALUES, default: "auto" }
@@ -910,20 +940,20 @@ function useMotion(mode = "auto", component) {
       motion: mode
     });
   }
-  const inherited = (0, import_react7.useContext)(MotionContext);
-  const [ready, setReady] = (0, import_react7.useState)(false);
-  const [keyboard, setKeyboard] = (0, import_react7.useState)(false);
-  const pointer = (0, import_react7.useRef)(false);
-  const frame = (0, import_react7.useRef)();
-  const contactCleanup = (0, import_react7.useRef)();
-  const clearContact = (0, import_react7.useCallback)(() => {
+  const inherited = (0, import_react8.useContext)(MotionContext);
+  const [ready, setReady] = (0, import_react8.useState)(false);
+  const [keyboard, setKeyboard] = (0, import_react8.useState)(false);
+  const pointer = (0, import_react8.useRef)(false);
+  const frame = (0, import_react8.useRef)();
+  const contactCleanup = (0, import_react8.useRef)();
+  const clearContact = (0, import_react8.useCallback)(() => {
     contactCleanup.current?.();
     contactCleanup.current = void 0;
   }, []);
-  const cancel = (0, import_react7.useCallback)(() => {
+  const cancel = (0, import_react8.useCallback)(() => {
     if (frame.current !== void 0) cancelAnimationFrame(frame.current);
   }, []);
-  const afterPaint = (0, import_react7.useCallback)(
+  const afterPaint = (0, import_react8.useCallback)(
     (callback) => {
       cancel();
       frame.current = requestAnimationFrame(() => {
@@ -935,14 +965,14 @@ function useMotion(mode = "auto", component) {
     },
     [cancel]
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     afterPaint(() => setReady(true));
     return () => {
       cancel();
       clearContact();
     };
   }, [afterPaint, cancel, clearContact]);
-  const resume = (0, import_react7.useCallback)(
+  const resume = (0, import_react8.useCallback)(
     () => afterPaint(() => {
       setReady(true);
       setKeyboard(false);
@@ -1022,11 +1052,11 @@ function composeMotionHandlers(motion, consumer) {
 }
 
 // src/_internal/unavailable.ts
-var import_react8 = require("react");
-var FocusableWhenUnavailableContext = (0, import_react8.createContext)(false);
+var import_react9 = require("react");
+var FocusableWhenUnavailableContext = (0, import_react9.createContext)(false);
 var FocusableWhenUnavailableProvider = FocusableWhenUnavailableContext.Provider;
 function useFocusableWhenUnavailable() {
-  return (0, import_react8.useContext)(FocusableWhenUnavailableContext);
+  return (0, import_react9.useContext)(FocusableWhenUnavailableContext);
 }
 
 // src/Button/Button.manifest.ts
@@ -1116,14 +1146,14 @@ var buttonStyles = (0, import_class_variance_authority5.cva)(
   }
 );
 function flatten(children, prefix = "") {
-  return import_react9.Children.toArray(children).flatMap((child) => {
-    if (!(0, import_react9.isValidElement)(child)) return [child];
-    if (child.type === import_react9.Fragment) return flatten(child.props.children, `${prefix}${child.key}/`);
-    return [prefix ? (0, import_react9.cloneElement)(child, { key: `${prefix}${child.key}` }) : child];
+  return import_react10.Children.toArray(children).flatMap((child) => {
+    if (!(0, import_react10.isValidElement)(child)) return [child];
+    if (child.type === import_react10.Fragment) return flatten(child.props.children, `${prefix}${child.key}/`);
+    return [prefix ? (0, import_react10.cloneElement)(child, { key: `${prefix}${child.key}` }) : child];
   });
 }
 function isIcon(node) {
-  if (!(0, import_react9.isValidElement)(node)) return false;
+  if (!(0, import_react10.isValidElement)(node)) return false;
   const hidden = node.props["aria-hidden"];
   return node.type === "svg" || hidden === true || hidden === "true" || typeof node.type !== "string" && node.props.children == null;
 }
@@ -1160,7 +1190,7 @@ function stopActivation(event) {
   event.preventDefault();
   event.stopPropagation();
 }
-var Button2 = (0, import_react9.forwardRef)((allProps, ref) => {
+var Button2 = (0, import_react10.forwardRef)((allProps, ref) => {
   const {
     className,
     variant,
@@ -1216,14 +1246,14 @@ var Button2 = (0, import_react9.forwardRef)((allProps, ref) => {
 Button2.displayName = "Button";
 
 // src/Field/Field.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_clsx6 = __toESM(require("clsx"), 1);
 
 // src/_internal/fieldIds.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/_internal/hydration.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 function keyForIds(...forwardedIds) {
   return forwardedIds.join(" ");
 }
@@ -1254,13 +1284,13 @@ function warnProbeMissing(origin) {
   );
 }
 function useHydrationRoot(...forwardedIds) {
-  const probe = (0, import_react10.useId)();
-  const hydrated = (0, import_react10.useSyncExternalStore)(subscribeNoop, getClientSnapshot, getServerSnapshot);
-  const hydratingMount = (0, import_react10.useRef)();
+  const probe = (0, import_react11.useId)();
+  const hydrated = (0, import_react11.useSyncExternalStore)(subscribeNoop, getClientSnapshot, getServerSnapshot);
+  const hydratingMount = (0, import_react11.useRef)();
   if (hydratingMount.current === void 0) hydratingMount.current = !hydrated;
-  const [disagrees, setDisagrees] = (0, import_react10.useState)(false);
-  const clientOnly = (0, import_react10.useRef)(hydrated);
-  const origin = (0, import_react10.useRef)();
+  const [disagrees, setDisagrees] = (0, import_react11.useState)(false);
+  const clientOnly = (0, import_react11.useRef)(hydrated);
+  const origin = (0, import_react11.useRef)();
   if (process.env.NODE_ENV !== "production" && origin.current === void 0) {
     origin.current = callerOfHook();
   }
@@ -1279,9 +1309,9 @@ function useHydrationRoot(...forwardedIds) {
   };
 }
 function useHydratedId(readRenderedId) {
-  const reactId = (0, import_react10.useId)();
-  const [renderedId, setRenderedId] = (0, import_react10.useState)();
-  const read = (0, import_react10.useRef)(readRenderedId);
+  const reactId = (0, import_react11.useId)();
+  const [renderedId, setRenderedId] = (0, import_react11.useState)();
+  const read = (0, import_react11.useRef)(readRenderedId);
   useIsomorphicLayoutEffect(() => {
     const id = read.current();
     if (id && id !== reactId) setRenderedId(id);
@@ -1290,7 +1320,7 @@ function useHydratedId(readRenderedId) {
 }
 
 // src/_internal/fieldIds.ts
-var FieldContext = (0, import_react11.createContext)(null);
+var FieldContext = (0, import_react12.createContext)(null);
 function joinIds(...ids) {
   const joined = /* @__PURE__ */ new Set();
   for (const id of ids) {
@@ -1315,7 +1345,7 @@ function ariaInvalidToken(value) {
   return typeof value === "string" && value !== "true" && value !== "false" ? value : void 0;
 }
 function useFieldWiring(own2, options) {
-  const field = (0, import_react11.useContext)(FieldContext);
+  const field = (0, import_react12.useContext)(FieldContext);
   const namedByField = options.label === "labelledby" && !own2["aria-label"] && !options.ownLabel;
   const invalid = own2.invalid ?? ariaInvalidValue(own2["aria-invalid"]) ?? field?.invalid ?? false;
   return {
@@ -1333,18 +1363,18 @@ function useFieldWiring(own2, options) {
 // src/Field/Field.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function useFieldContext() {
-  const ctx = (0, import_react12.useContext)(FieldContext);
+  const ctx = (0, import_react13.useContext)(FieldContext);
   if (!ctx) {
     throw new Error("useFieldContext must be used inside a <Field>.");
   }
   return ctx;
 }
 function useOptionalFieldContext() {
-  return (0, import_react12.useContext)(FieldContext);
+  return (0, import_react13.useContext)(FieldContext);
 }
-var Field = (0, import_react12.forwardRef)(
+var Field = (0, import_react13.forwardRef)(
   ({ controlId, label, help, error, required, children, className, ...props }, ref) => {
-    const labelRef = (0, import_react12.useRef)(null);
+    const labelRef = (0, import_react13.useRef)(null);
     const ids = usePartIds(["label", "help", "error"], {
       id: controlId,
       readRendered: () => labelRef.current?.htmlFor
@@ -1404,7 +1434,7 @@ Field.displayName = "Field";
 
 // src/Input/Input.tsx
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_clsx7 = __toESM(require("clsx"), 1);
 
 // src/Input/Input.manifest.ts
@@ -1456,7 +1486,7 @@ var InputManifest = {
 
 // src/_internal/overlay.ts
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_react13 = require("react");
+var import_react14 = require("react");
 function toPlacement(side, align) {
   if (align === "center") return side;
   if (side === "left" || side === "right") return `${side} ${align === "start" ? "top" : "bottom"}`;
@@ -1485,7 +1515,7 @@ var DESTRUCTIVE_ACTION = "Destructive action";
 var MENU_ITEM_SHORTCUT = "shrink-0 font-mono text-oprt-sm normal-case tracking-normal text-oprt-text-dim forced-colors:[color:inherit]";
 var MENU_EMPTY = "m-0 px-3u py-2u text-oprt-base normal-case text-oprt-text-dim";
 function isSingleElement(node) {
-  return (0, import_react13.isValidElement)(node) && node.type !== import_react13.Fragment;
+  return (0, import_react14.isValidElement)(node) && node.type !== import_react14.Fragment;
 }
 
 // src/_internal/controlStyles.ts
@@ -1538,7 +1568,7 @@ var inputStyles = (0, import_class_variance_authority7.cva)(
   // not the one line of text inside it (operations-map-R4); a text input centers its text itself.
   "peer min-w-[min(10ch,100%)] flex-1 self-stretch bg-transparent border-0 outline-hidden font-sans font-medium text-oprt-md text-oprt-text placeholder:text-oprt-text-placeholder disabled:placeholder:text-oprt-text-dim disabled:cursor-not-allowed disabled:text-oprt-text-dim"
 );
-var Input = (0, import_react14.forwardRef)((allProps, ref) => {
+var Input = (0, import_react15.forwardRef)((allProps, ref) => {
   const {
     className,
     size,
@@ -1619,7 +1649,7 @@ Input.displayName = "Input";
 // src/Select/Select.tsx
 var import_react_aria_components3 = require("react-aria-components");
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_clsx9 = __toESM(require("clsx"), 1);
 var import_icons5 = require("@oprt/icons");
 
@@ -1698,11 +1728,11 @@ var SelectCompositionRules = {
 };
 
 // src/_internal/aria.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/_internal/mergeRefs.ts
-var import_react15 = require("react");
-var supportsRefCleanup = Number.parseInt(import_react15.version, 10) >= 19;
+var import_react16 = require("react");
+var supportsRefCleanup = Number.parseInt(import_react16.version, 10) >= 19;
 function setRef(ref, node) {
   if (typeof ref === "function") return ref(node);
   if (ref !== null && typeof ref === "object") ref.current = node;
@@ -1728,12 +1758,12 @@ function mergeRefs(...refs) {
   };
 }
 function useMergedRefs(...refs) {
-  return (0, import_react15.useMemo)(() => mergeRefs(...refs), refs);
+  return (0, import_react16.useMemo)(() => mergeRefs(...refs), refs);
 }
 function useInputRefObject(setNode) {
-  const node = (0, import_react15.useRef)(null);
-  const cleanup = (0, import_react15.useRef)(null);
-  return (0, import_react15.useMemo)(
+  const node = (0, import_react16.useRef)(null);
+  const cleanup = (0, import_react16.useRef)(null);
+  return (0, import_react16.useMemo)(
     () => ({
       get current() {
         return node.current;
@@ -1764,7 +1794,7 @@ function definedOnly(props) {
   return out;
 }
 function useAriaInvalidRef(forwarded, invalid) {
-  const sync = (0, import_react16.useCallback)(
+  const sync = (0, import_react17.useCallback)(
     (node) => {
       if (!node) return;
       if (invalid) node.setAttribute("aria-invalid", "true");
@@ -1775,7 +1805,7 @@ function useAriaInvalidRef(forwarded, invalid) {
   return useMergedRefs(sync, forwarded);
 }
 function renderInvalidButton(invalid) {
-  return (props) => (0, import_react16.createElement)("button", invalid ? { ...props, "aria-invalid": "true" } : props);
+  return (props) => (0, import_react17.createElement)("button", invalid ? { ...props, "aria-invalid": "true" } : props);
 }
 function switchValidationProps({
   invalid,
@@ -1790,7 +1820,7 @@ function switchValidationProps({
 
 // src/_internal/MotionPopover.tsx
 var import_react_aria_components2 = require("react-aria-components");
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_clsx8 = __toESM(require("clsx"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function canTakeFocus(element) {
@@ -1805,16 +1835,16 @@ function PopoverSurface({
   placement,
   focusManagement
 }) {
-  const surface = (0, import_react17.useRef)(null);
+  const surface = (0, import_react18.useRef)(null);
   const surfaceRef = useMergedRefs(
     surface,
     // RAC hands over a callback or an object ref; a legacy string ref is not one it uses.
     domProps.ref
   );
-  const wasExiting = (0, import_react17.useRef)(isExiting);
-  const restoreFocus = (0, import_react17.useRef)(false);
-  const previousPlacement = (0, import_react17.useRef)(placement);
-  (0, import_react17.useLayoutEffect)(() => {
+  const wasExiting = (0, import_react18.useRef)(isExiting);
+  const restoreFocus = (0, import_react18.useRef)(false);
+  const previousPlacement = (0, import_react18.useRef)(placement);
+  (0, import_react18.useLayoutEffect)(() => {
     const node = surface.current;
     if (!node) return;
     if (previousPlacement.current && previousPlacement.current !== placement) {
@@ -1839,7 +1869,7 @@ function PopoverSurface({
     }
     wasExiting.current = isExiting;
   }, [isExiting, trigger, triggerRef, placement, focusManagement]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (focusManagement === "automatic" && isExiting && restoreFocus.current) {
       const active = document.activeElement;
       if (active === document.body || surface.current?.contains(active)) {
@@ -1917,7 +1947,7 @@ var triggerStyles = (0, import_class_variance_authority8.cva)(
 );
 var contentStyles = LISTBOX_SURFACE;
 var itemStyles = LISTBOX_ROW;
-var Select = (0, import_react18.forwardRef)(
+var Select = (0, import_react19.forwardRef)(
   ({
     motion = "auto",
     placeholder,
@@ -2051,7 +2081,7 @@ var Select = (0, import_react18.forwardRef)(
   }
 );
 Select.displayName = "Select";
-var SelectOption = (0, import_react18.forwardRef)(
+var SelectOption = (0, import_react19.forwardRef)(
   ({ className, children, value, disabled, ...props }, ref) => {
     const itemProps = {};
     if (typeof children === "string") itemProps["textValue"] = children;
@@ -2110,7 +2140,7 @@ function tokenLabel(token, fields) {
   const error = getPropertyFilterTokenError(token, fields);
   return error ? `Invalid filter: ${label}. ${error}` : label;
 }
-var PropertyFilter = (0, import_react19.forwardRef)(
+var PropertyFilter = (0, import_react20.forwardRef)(
   ({
     fields,
     value,
@@ -2124,29 +2154,29 @@ var PropertyFilter = (0, import_react19.forwardRef)(
     "aria-labelledby": labelledBy,
     ...props
   }, ref) => {
-    const instanceId = (0, import_react19.useId)();
-    const root = (0, import_react19.useRef)(null);
-    (0, import_react19.useImperativeHandle)(ref, () => root.current, []);
+    const instanceId = (0, import_react20.useId)();
+    const root = (0, import_react20.useRef)(null);
+    (0, import_react20.useImperativeHandle)(ref, () => root.current, []);
     const ids = usePartIds(["error"], {
       id,
       readRendered: () => root.current?.getAttribute("data-oprt-ids")
     });
-    const nextId = (0, import_react19.useRef)(0);
-    const addRef = (0, import_react19.useRef)(null);
-    const clearRef = (0, import_react19.useRef)(null);
-    const composing = (0, import_react19.useRef)(false);
-    const pendingAdd = (0, import_react19.useRef)(null);
-    const [draft, setDraft] = (0, import_react19.useState)({ field: "", operator: "", value: "" });
-    const [error, setError] = (0, import_react19.useState)(null);
+    const nextId = (0, import_react20.useRef)(0);
+    const addRef = (0, import_react20.useRef)(null);
+    const clearRef = (0, import_react20.useRef)(null);
+    const composing = (0, import_react20.useRef)(false);
+    const pendingAdd = (0, import_react20.useRef)(null);
+    const [draft, setDraft] = (0, import_react20.useState)({ field: "", operator: "", value: "" });
+    const [error, setError] = (0, import_react20.useState)(null);
     const field = fields.find((candidate) => candidate.key === draft.field);
     const operator = field?.operators.find((candidate) => candidate.key === draft.operator);
     const fault = (control) => error?.control === control ? { invalid: true, "aria-describedby": ids.error } : {};
-    const clearLeft = (0, import_react19.useRef)(false);
+    const clearLeft = (0, import_react20.useRef)(false);
     const restore = useRestoreFocusOnRemoval(root, {
       track: (element) => element === clearRef.current ? void 0 : null,
       findTarget: () => !clearLeft.current && !disabled && value.tokens.length === 0 ? addRef.current : null
     });
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       const pending = pendingAdd.current;
       if (pending && value.tokens.some(
         (token) => token.id === pending.token.id && token.field === pending.token.field && token.operator === pending.token.operator && token.value === pending.token.value
@@ -2404,7 +2434,7 @@ var PropertyFilterManifest = {
 };
 
 // src/CollectionState/CollectionState.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_clsx11 = __toESM(require("clsx"), 1);
 
@@ -2465,7 +2495,7 @@ var headingStyles = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var CollectionState = (0, import_react20.forwardRef)((allProps, ref) => {
+var CollectionState = (0, import_react21.forwardRef)((allProps, ref) => {
   const {
     variant,
     title,
@@ -2477,7 +2507,7 @@ var CollectionState = (0, import_react20.forwardRef)((allProps, ref) => {
     "aria-describedby": describedBy,
     ...props
   } = allProps;
-  const id = (0, import_react20.useId)();
+  const id = (0, import_react21.useId)();
   const titleId = `${id}-title`;
   const descriptionId = `${id}-description`;
   const Heading5 = `h${headingLevel}`;
@@ -2511,7 +2541,7 @@ CollectionState.displayName = "CollectionState";
 
 // src/Breadcrumb/Breadcrumb.tsx
 var import_icons6 = require("@oprt/icons");
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_clsx12 = __toESM(require("clsx"), 1);
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function currentIndex(items) {
@@ -2520,7 +2550,7 @@ function currentIndex(items) {
   const last = items.length - 1;
   return items[last]?.current === false ? -1 : last;
 }
-var Breadcrumb = (0, import_react21.forwardRef)(
+var Breadcrumb = (0, import_react22.forwardRef)(
   ({ items, separator = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons6.ChevronRight, { size: 12 }), className, ...props }, ref) => {
     if (items.length === 0) return null;
     const current = currentIndex(items);
@@ -2597,7 +2627,7 @@ var BreadcrumbManifest = {
 
 // src/ButtonGroup/ButtonGroup.tsx
 var import_class_variance_authority11 = require("class-variance-authority");
-var import_react22 = require("react");
+var import_react23 = require("react");
 var import_clsx13 = __toESM(require("clsx"), 1);
 
 // src/ButtonGroup/ButtonGroup.manifest.ts
@@ -2650,7 +2680,7 @@ var groupStyles2 = (0, import_class_variance_authority11.cva)("inline-flex max-w
   ],
   defaultVariants: { orientation: "horizontal", attached: true }
 });
-var ButtonGroup = (0, import_react22.forwardRef)((allProps, ref) => {
+var ButtonGroup = (0, import_react23.forwardRef)((allProps, ref) => {
   const { className, orientation = "horizontal", attached = true, ...props } = allProps;
   if (process.env.NODE_ENV !== "production") {
     devValidate("ButtonGroup", ButtonGroupManifest.ButtonGroup.props, { ...allProps });
@@ -2672,10 +2702,10 @@ var ButtonGroup = (0, import_react22.forwardRef)((allProps, ref) => {
 ButtonGroup.displayName = "ButtonGroup";
 
 // src/Card/Card.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_clsx14 = __toESM(require("clsx"), 1);
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var Card = (0, import_react23.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var Card = (0, import_react24.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -2687,7 +2717,7 @@ var Card = (0, import_react23.forwardRef)(({ className, ...props }, ref) => /* @
   }
 ));
 Card.displayName = "Card";
-var CardHeader = (0, import_react23.forwardRef)(
+var CardHeader = (0, import_react24.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
@@ -2703,7 +2733,7 @@ var CardHeader = (0, import_react23.forwardRef)(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardBody = (0, import_react23.forwardRef)(
+var CardBody = (0, import_react24.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
@@ -2717,7 +2747,7 @@ var CardBody = (0, import_react23.forwardRef)(
   )
 );
 CardBody.displayName = "CardBody";
-var CardFooter = (0, import_react23.forwardRef)(
+var CardFooter = (0, import_react24.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
@@ -2791,7 +2821,7 @@ var CardCompositionRules = {
 // src/Checkbox/Checkbox.tsx
 var import_react_aria_components4 = require("react-aria-components");
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_react24 = require("react");
+var import_react25 = require("react");
 var import_clsx15 = __toESM(require("clsx"), 1);
 var import_icons7 = require("@oprt/icons");
 
@@ -2860,7 +2890,7 @@ var rootStyles2 = (0, import_class_variance_authority12.cva)(
     defaultVariants: { size: "md" }
   }
 );
-var Checkbox = (0, import_react24.forwardRef)((props, ref) => {
+var Checkbox = (0, import_react25.forwardRef)((props, ref) => {
   const {
     className,
     motion = "auto",
@@ -2900,13 +2930,13 @@ var Checkbox = (0, import_react24.forwardRef)((props, ref) => {
     devValidate("Checkbox", CheckboxManifest.Checkbox.props, { ...props });
   }
   const isControlled = checked !== void 0;
-  const [uncontrolledIndeterminate, setUncontrolledIndeterminate] = (0, import_react24.useState)(
+  const [uncontrolledIndeterminate, setUncontrolledIndeterminate] = (0, import_react25.useState)(
     defaultChecked === "indeterminate"
   );
   const isIndeterminate = isControlled ? checked === "indeterminate" : uncontrolledIndeterminate;
   const setNode = useAriaInvalidRef(ref, isInvalid);
   const inputRef = useInputRefObject(setNode);
-  const deferredInputMotion = (0, import_react24.useRef)(null);
+  const deferredInputMotion = (0, import_react25.useRef)(null);
   const motionProps = {
     ...motionState.props,
     onClickCapture: (event) => {
@@ -2983,7 +3013,7 @@ Checkbox.displayName = "Checkbox";
 // src/Collapsible/Collapsible.tsx
 var import_react_aria_components5 = require("react-aria-components");
 var import_react_aria = require("react-aria");
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_clsx16 = __toESM(require("clsx"), 1);
 var import_icons8 = require("@oprt/icons");
 
@@ -3041,8 +3071,8 @@ var CollapsibleCompositionRules = {
 // src/Collapsible/Collapsible.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function CollapsiblePanel({ expanded, children }) {
-  const panel = (0, import_react25.useRef)(null);
-  const latestExpanded = (0, import_react25.useRef)(expanded);
+  const panel = (0, import_react26.useRef)(null);
+  const latestExpanded = (0, import_react26.useRef)(expanded);
   latestExpanded.current = expanded;
   useIsomorphicLayoutEffect(() => {
     const node = panel.current;
@@ -3081,7 +3111,7 @@ function toKeySet(value) {
   if (Array.isArray(value)) return new Set(value);
   return new Set(value === "" ? [] : [value]);
 }
-var Collapsible = (0, import_react25.forwardRef)(
+var Collapsible = (0, import_react26.forwardRef)(
   ({
     type = "single",
     motion = "auto",
@@ -3095,7 +3125,7 @@ var Collapsible = (0, import_react25.forwardRef)(
   }, ref) => {
     const motionState = useMotion(motion);
     const isControlled = value !== void 0;
-    const [uncontrolledKeys, setUncontrolledKeys] = (0, import_react25.useState)(
+    const [uncontrolledKeys, setUncontrolledKeys] = (0, import_react26.useState)(
       () => toKeySet(defaultValue)
     );
     const expandedKeys = isControlled ? toKeySet(value) : uncontrolledKeys;
@@ -3138,7 +3168,7 @@ var Collapsible = (0, import_react25.forwardRef)(
   }
 );
 Collapsible.displayName = "Collapsible";
-var CollapsibleItem = (0, import_react25.forwardRef)(
+var CollapsibleItem = (0, import_react26.forwardRef)(
   ({ value, title, disabled, className, children, ...props }, ref) => {
     const itemProps = {
       ...props,
@@ -3194,7 +3224,7 @@ CollapsibleItem.displayName = "CollapsibleItem";
 // src/CommandPalette/CommandPalette.tsx
 var import_icons9 = require("@oprt/icons");
 var import_react_aria_components6 = require("react-aria-components");
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_clsx17 = __toESM(require("clsx"), 1);
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var itemStyles2 = `m-0 ${MENU_ROW} text-oprt-base font-medium text-oprt-text cursor-pointer list-none outline-hidden data-[focused]:border-oprt-border-focus data-[focused]:shadow-oprt-focus data-[focused]:bg-oprt-surface-3 data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${FORCED_ACTIVE_ROW}`;
@@ -3210,17 +3240,17 @@ function reveal(list, row) {
   else if (bottom > list.clientHeight) list.scrollTop += bottom - list.clientHeight;
 }
 function useSettled(value, delay) {
-  const [settled, setSettled] = (0, import_react26.useState)(value);
-  (0, import_react26.useEffect)(() => {
+  const [settled, setSettled] = (0, import_react27.useState)(value);
+  (0, import_react27.useEffect)(() => {
     const timer = setTimeout(() => setSettled(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
   return settled;
 }
 function useReturnFocusToOpener(isOpen) {
-  const clicked = (0, import_react26.useRef)(null);
-  const opener = (0, import_react26.useRef)(null);
-  (0, import_react26.useEffect)(() => {
+  const clicked = (0, import_react27.useRef)(null);
+  const opener = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
     const record = (event) => {
       const target = event.target instanceof Element ? event.target.closest(FOCUSABLE) : null;
       clicked.current = target;
@@ -3252,17 +3282,17 @@ function PaletteContent({
   emptyMessage,
   onRun
 }) {
-  const [query, setQuery] = (0, import_react26.useState)("");
-  const byId = (0, import_react26.useMemo)(() => {
+  const [query, setQuery] = (0, import_react27.useState)("");
+  const byId = (0, import_react27.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const cmd of commands) map.set(cmd.id, cmd);
     return map;
   }, [commands]);
-  const hasGroups = (0, import_react26.useMemo)(
+  const hasGroups = (0, import_react27.useMemo)(
     () => commands.some((cmd) => cmd.group !== void 0 && cmd.group !== ""),
     [commands]
   );
-  const runs = (0, import_react26.useMemo)(() => {
+  const runs = (0, import_react27.useMemo)(() => {
     const out = [];
     for (const cmd of commands) {
       const group = hasGroups && cmd.group !== void 0 && cmd.group !== "" ? cmd.group : void 0;
@@ -3272,12 +3302,12 @@ function PaletteContent({
     }
     return out;
   }, [commands, hasGroups]);
-  const disabledKeys = (0, import_react26.useMemo)(
+  const disabledKeys = (0, import_react27.useMemo)(
     () => commands.filter((cmd) => cmd.disabled).map((cmd) => cmd.id),
     [commands]
   );
   const { contains } = (0, import_react_aria_components6.useFilter)({ sensitivity: "base" });
-  const filter = (0, import_react26.useCallback)(
+  const filter = (0, import_react27.useCallback)(
     (textValue, inputValue, node) => {
       if (inputValue === "") return true;
       if (contains(textValue, inputValue)) return true;
@@ -3288,15 +3318,15 @@ function PaletteContent({
   );
   const noMatch = query !== "" && !commands.some((cmd) => filter(cmd.label, query, { key: cmd.id }));
   const announcement = useSettled(noMatch ? emptyMessage : "", 300);
-  const onAction = (0, import_react26.useCallback)(
+  const onAction = (0, import_react27.useCallback)(
     (key) => {
       const cmd = byId.get(String(key));
       if (cmd && !cmd.disabled) onRun(cmd);
     },
     [byId, onRun]
   );
-  const listObserver = (0, import_react26.useRef)(null);
-  const listRef = (0, import_react26.useCallback)((list) => {
+  const listObserver = (0, import_react27.useRef)(null);
+  const listRef = (0, import_react27.useCallback)((list) => {
     listObserver.current?.disconnect();
     listObserver.current = null;
     if (!list) return;
@@ -3365,7 +3395,7 @@ function PaletteContent({
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { role: "status", className: "sr-only", children: announcement })
   ] });
 }
-var CommandPalette = (0, import_react26.forwardRef)(
+var CommandPalette = (0, import_react27.forwardRef)(
   ({
     open,
     defaultOpen,
@@ -3375,18 +3405,18 @@ var CommandPalette = (0, import_react26.forwardRef)(
     emptyMessage = "No results",
     className
   }, ref) => {
-    const [internalOpen, setInternalOpen] = (0, import_react26.useState)(defaultOpen ?? false);
+    const [internalOpen, setInternalOpen] = (0, import_react27.useState)(defaultOpen ?? false);
     const isControlled = open !== void 0;
     const isOpen = isControlled ? open : internalOpen;
     useReturnFocusToOpener(isOpen);
-    const setOpen = (0, import_react26.useCallback)(
+    const setOpen = (0, import_react27.useCallback)(
       (next) => {
         if (!isControlled) setInternalOpen(next);
         onOpenChange?.(next);
       },
       [isControlled, onOpenChange]
     );
-    const onRun = (0, import_react26.useCallback)(
+    const onRun = (0, import_react27.useCallback)(
       (cmd) => {
         cmd.onSelect();
         setOpen(false);
@@ -3464,14 +3494,14 @@ var CommandPaletteManifest = {
 };
 
 // src/ConfirmDialog/ConfirmDialog.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 
 // src/Dialog/Dialog.tsx
 var import_icons10 = require("@oprt/icons");
 var import_react_aria_components7 = require("react-aria-components");
 var import_react_aria2 = require("react-aria");
 var import_class_variance_authority13 = require("class-variance-authority");
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_clsx18 = __toESM(require("clsx"), 1);
 
 // src/Dialog/Dialog.manifest.ts
@@ -3520,8 +3550,8 @@ function DialogReentryFocus({
   dialog,
   children
 }) {
-  const wasOpen = (0, import_react27.useRef)(open);
-  (0, import_react27.useLayoutEffect)(() => {
+  const wasOpen = (0, import_react28.useRef)(open);
+  (0, import_react28.useLayoutEffect)(() => {
     if (open && !wasOpen.current && !dialog.current?.contains(document.activeElement)) {
       dialog.current?.focus({ preventScroll: true });
     }
@@ -3530,8 +3560,8 @@ function DialogReentryFocus({
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children });
 }
 function useScrolls(element, content) {
-  const [scrolls, setScrolls] = (0, import_react27.useState)(false);
-  (0, import_react27.useEffect)(() => {
+  const [scrolls, setScrolls] = (0, import_react28.useState)(false);
+  (0, import_react28.useEffect)(() => {
     const box = element.current;
     if (!box || typeof ResizeObserver === "undefined") return;
     const measure = () => setScrolls(box.scrollHeight > box.clientHeight + 1);
@@ -3544,8 +3574,8 @@ function useScrolls(element, content) {
   return scrolls;
 }
 function DialogBody({ title, children }) {
-  const body = (0, import_react27.useRef)(null);
-  const content = (0, import_react27.useRef)(null);
+  const body = (0, import_react28.useRef)(null);
+  const content = (0, import_react28.useRef)(null);
   const scrolls = useScrolls(body, content);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
@@ -3567,7 +3597,7 @@ function withDroppedProps2(rendered, accepted) {
   }
   return (0, import_react_aria2.mergeProps)(rendered, dropped);
 }
-var Dialog2 = (0, import_react27.forwardRef)(
+var Dialog2 = (0, import_react28.forwardRef)(
   ({
     title,
     motion = "auto",
@@ -3583,7 +3613,7 @@ var Dialog2 = (0, import_react27.forwardRef)(
     ...props
   }, ref) => {
     const motionState = useMotion(motion);
-    const dialogRef = (0, import_react27.useRef)(null);
+    const dialogRef = (0, import_react28.useRef)(null);
     const setDialogRef = useMergedRefs(dialogRef, ref);
     const rootProps = definedOnly({
       isOpen: open,
@@ -3593,7 +3623,7 @@ var Dialog2 = (0, import_react27.forwardRef)(
     if (process.env.NODE_ENV !== "production") {
       devValidate("Dialog", DialogManifest.Dialog.props, { ...props, size });
     }
-    const generatedId = (0, import_react27.useId)();
+    const generatedId = (0, import_react28.useId)();
     const describedBy = description ? `${generatedId}description` : void 0;
     const naming = definedOnly({
       id: props.id,
@@ -3669,7 +3699,7 @@ var Dialog2 = (0, import_react27.forwardRef)(
       return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MotionContext.Provider, { value: motionState.mode, children: overlay });
     const triggerElement = isSingleElement(trigger) ? trigger : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button2, { children: trigger });
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MotionContext.Provider, { value: motionState.mode, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_aria_components7.DialogTrigger, { ...rootProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components7.Pressable, { ...{ "aria-haspopup": "dialog" }, children: (0, import_react27.cloneElement)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components7.Pressable, { ...{ "aria-haspopup": "dialog" }, children: (0, import_react28.cloneElement)(
         triggerElement,
         composeMotionHandlers(motionState.props, triggerElement.props)
       ) }),
@@ -3711,7 +3741,7 @@ var ConfirmDialogManifest = {
 
 // src/ConfirmDialog/ConfirmDialog.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var ConfirmDialog = (0, import_react28.forwardRef)((props, ref) => {
+var ConfirmDialog = (0, import_react29.forwardRef)((props, ref) => {
   const {
     trigger,
     title,
@@ -3728,14 +3758,14 @@ var ConfirmDialog = (0, import_react28.forwardRef)((props, ref) => {
     className
   } = props;
   const isControlled = open !== void 0;
-  const [internalOpen, setInternalOpen] = (0, import_react28.useState)(defaultOpen ?? false);
+  const [internalOpen, setInternalOpen] = (0, import_react29.useState)(defaultOpen ?? false);
   const resolvedOpen = isControlled ? open : internalOpen;
   const setOpen = (next) => {
     if (!isControlled) setInternalOpen(next);
     onOpenChange?.(next);
   };
-  const [phrase, setPhrase] = (0, import_react28.useState)("");
-  (0, import_react28.useEffect)(() => {
+  const [phrase, setPhrase] = (0, import_react29.useState)("");
+  (0, import_react29.useEffect)(() => {
     if (!resolvedOpen) setPhrase("");
   }, [resolvedOpen]);
   const confirmDisabled = confirmPhrase !== void 0 && phrase.trim() !== confirmPhrase;
@@ -3784,11 +3814,11 @@ ConfirmDialog.displayName = "ConfirmDialog";
 
 // src/DataTable/DataTable.tsx
 var import_icons11 = require("@oprt/icons");
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_clsx20 = __toESM(require("clsx"), 1);
 
 // src/_internal/numberText.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_clsx19 = __toESM(require("clsx"), 1);
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var DIGIT = "\\p{Nd}";
@@ -3944,7 +3974,7 @@ function numberText({ value, unit, className }) {
     );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { "data-oprt-number": "", className, children: [
-    lead.map((piece, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react29.Fragment, { children: [
+    lead.map((piece, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react30.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "whitespace-nowrap", children: piece }),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("wbr", {})
     ] }, index)),
@@ -3996,21 +4026,21 @@ function sortedOrder(values, direction, compare) {
 }
 
 // src/DataTable/useScrollsSideways.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/_internal/useElementWidth.ts
-var import_react30 = require("react");
+var import_react31 = require("react");
 function createResizeObserver(callback) {
   return typeof ResizeObserver === "undefined" ? null : new ResizeObserver(callback);
 }
 function useElementWidth(ref, { initial, min = 0, select }) {
-  const [value, setValue] = (0, import_react30.useState)(initial);
-  const measured = (0, import_react30.useRef)(null);
-  const latest = (0, import_react30.useRef)({ min, select });
+  const [value, setValue] = (0, import_react31.useState)(initial);
+  const measured = (0, import_react31.useRef)(null);
+  const latest = (0, import_react31.useRef)({ min, select });
   useIsomorphicLayoutEffect(() => {
     latest.current = { min, select };
   });
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     const element = ref.current;
     if (!element) return;
     const observer = createResizeObserver((entries) => {
@@ -4023,7 +4053,7 @@ function useElementWidth(ref, { initial, min = 0, select }) {
     observer?.observe(element);
     return () => observer?.disconnect();
   }, [ref]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (select && measured.current !== null) setValue(select(measured.current));
   }, [select]);
   return value;
@@ -4031,14 +4061,14 @@ function useElementWidth(ref, { initial, min = 0, select }) {
 
 // src/DataTable/useScrollsSideways.ts
 function useScrollsSideways(enabled = true) {
-  const box = (0, import_react31.useRef)(null);
-  const followed = (0, import_react31.useRef)(null);
-  const [scrolling, setScrolling] = (0, import_react31.useState)(null);
-  const answered = (0, import_react31.useRef)(scrolling);
+  const box = (0, import_react32.useRef)(null);
+  const followed = (0, import_react32.useRef)(null);
+  const [scrolling, setScrolling] = (0, import_react32.useState)(null);
+  const answered = (0, import_react32.useRef)(scrolling);
   useIsomorphicLayoutEffect(() => {
     answered.current = scrolling;
   });
-  const setBox = (0, import_react31.useCallback)((element) => {
+  const setBox = (0, import_react32.useCallback)((element) => {
     box.current = element;
     if (element !== null && answered.current !== null && answered.current !== element) {
       setScrolling(null);
@@ -4073,7 +4103,7 @@ function useScrollsSideways(enabled = true) {
       }
     };
   });
-  (0, import_react31.useEffect)(
+  (0, import_react32.useEffect)(
     () => () => {
       followed.current?.stop();
       followed.current = null;
@@ -4084,7 +4114,7 @@ function useScrollsSideways(enabled = true) {
 }
 
 // src/DataTable/useTableWindow.ts
-var import_react32 = require("react");
+var import_react33 = require("react");
 var finite = (value, fallback, minimum) => value !== void 0 && Number.isFinite(value) ? Math.max(minimum, value) : fallback;
 var NO_HEIGHTS = /* @__PURE__ */ new Map();
 var MIN_ROW = 24;
@@ -4097,18 +4127,18 @@ function useTableWindow(rowKeys, options) {
   const estimate = fixed ?? finite(options?.estimateRowHeight, 40, 24);
   const overscan = Math.floor(finite(options?.overscan, 3, 1));
   const measured = windowed && fixed === void 0;
-  const viewport = (0, import_react32.useRef)(null);
-  const [heights, setHeights] = (0, import_react32.useState)(NO_HEIGHTS);
-  const [anchor, setAnchor] = (0, import_react32.useState)(0);
-  const [focusedKey, setFocusedKey] = (0, import_react32.useState)(null);
-  const offsets = (0, import_react32.useMemo)(() => {
+  const viewport = (0, import_react33.useRef)(null);
+  const [heights, setHeights] = (0, import_react33.useState)(NO_HEIGHTS);
+  const [anchor, setAnchor] = (0, import_react33.useState)(0);
+  const [focusedKey, setFocusedKey] = (0, import_react33.useState)(null);
+  const offsets = (0, import_react33.useMemo)(() => {
     if (!measured) return null;
     const result = new Float64Array(keys.length + 1);
     for (let row = 0; row < keys.length; row++)
       result[row + 1] = result[row] + (heights.get(keys[row]) ?? estimate);
     return result;
   }, [measured, keys, heights, estimate]);
-  const geometry = (0, import_react32.useMemo)(
+  const geometry = (0, import_react33.useMemo)(
     () => ({ count: count2, offsets, estimate, height }),
     [count2, offsets, estimate, height]
   );
@@ -4134,11 +4164,11 @@ function useTableWindow(rowKeys, options) {
     const [from, to] = mountedRange(geometry, element.scrollTop, overscan);
     if (from !== start || to !== end) setAnchor(element.scrollTop);
   }, [windowed, geometry, overscan, start, end]);
-  const nodes = (0, import_react32.useRef)(/* @__PURE__ */ new Map());
-  const keyOf2 = (0, import_react32.useRef)(/* @__PURE__ */ new WeakMap());
-  const observer = (0, import_react32.useRef)(null);
-  const rowRefs = (0, import_react32.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react32.useEffect)(() => {
+  const nodes = (0, import_react33.useRef)(/* @__PURE__ */ new Map());
+  const keyOf2 = (0, import_react33.useRef)(/* @__PURE__ */ new WeakMap());
+  const observer = (0, import_react33.useRef)(null);
+  const rowRefs = (0, import_react33.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react33.useEffect)(() => {
     if (!measured || typeof ResizeObserver === "undefined") return;
     const resizes = new ResizeObserver((entries) => {
       const sizes = [];
@@ -4156,7 +4186,7 @@ function useTableWindow(rowKeys, options) {
       observer.current = null;
     };
   }, [measured]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (!measured || typeof ResizeObserver !== "undefined") return;
     const sizes = [];
     for (const [key, node] of nodes.current) {
@@ -4165,7 +4195,7 @@ function useTableWindow(rowKeys, options) {
     }
     if (sizes.length > 0) setHeights((current) => withHeights(current, sizes));
   }, [measured, start, end]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (!measured) return;
     for (const key of rowRefs.current.keys())
       if (!index.has(key) && !nodes.current.has(key)) rowRefs.current.delete(key);
@@ -4322,7 +4352,7 @@ function renderCell(column, value, fixedWidth) {
       return value;
   }
 }
-var DataTable = (0, import_react33.forwardRef)(
+var DataTable = (0, import_react34.forwardRef)(
   ({
     columns,
     data,
@@ -4343,7 +4373,7 @@ var DataTable = (0, import_react33.forwardRef)(
     onBlurCapture,
     ...props
   }, ref) => {
-    const [sort, setSort] = (0, import_react33.useState)(null);
+    const [sort, setSort] = (0, import_react34.useState)(null);
     const externallySorted = sortDescriptor !== void 0;
     const toggleSort = (key) => {
       setSort((prev) => {
@@ -4353,21 +4383,21 @@ var DataTable = (0, import_react33.forwardRef)(
       });
     };
     const columnSortable = (col) => !externallySorted && sortable && col.sortable !== false;
-    const order = (0, import_react33.useMemo)(
+    const order = (0, import_react34.useMemo)(
       () => !externallySorted && sort ? sortedOrder(
         data.map((row) => row[sort.key]),
         sort.dir === "asc" ? 1 : -1
       ) : null,
       [data, externallySorted, sort]
     );
-    const rows = (0, import_react33.useMemo)(
+    const rows = (0, import_react34.useMemo)(
       () => order ? order.map((position) => data[position]) : data,
       [data, order]
     );
-    const latestGetRowId = (0, import_react33.useRef)(getRowId);
+    const latestGetRowId = (0, import_react34.useRef)(getRowId);
     latestGetRowId.current = getRowId;
     const withRowIds = getRowId !== void 0;
-    const rowKeys = (0, import_react33.useMemo)(() => {
+    const rowKeys = (0, import_react34.useMemo)(() => {
       const read = withRowIds ? latestGetRowId.current : void 0;
       const keys2 = rows.map((row, position) => read?.(row, position) ?? String(position));
       const index = /* @__PURE__ */ new Map();
@@ -4378,8 +4408,8 @@ var DataTable = (0, import_react33.forwardRef)(
     }, [rows, withRowIds]);
     const sortsItself = !externallySorted && sortable && columns.some((column) => column.sortable !== false);
     const outsideEnvelope = sortsItself && !virtualization && data.length > SORTABLE_ROWS_UNWINDOWED;
-    const warned = (0, import_react33.useRef)(false);
-    (0, import_react33.useEffect)(() => {
+    const warned = (0, import_react34.useRef)(false);
+    (0, import_react34.useEffect)(() => {
       if (process.env.NODE_ENV === "production" || !outsideEnvelope || warned.current) return;
       warned.current = true;
       console.warn(
@@ -4705,7 +4735,7 @@ var DataTableManifest = {
 
 // src/Divider/Divider.tsx
 var import_react_aria_components8 = require("react-aria-components");
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_clsx21 = __toESM(require("clsx"), 1);
 
 // src/Divider/Divider.manifest.ts
@@ -4730,7 +4760,7 @@ var DividerManifest = {
 // src/Divider/Divider.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var lineStyles = "bg-oprt-border";
-var Divider = (0, import_react34.forwardRef)((allProps, ref) => {
+var Divider = (0, import_react35.forwardRef)((allProps, ref) => {
   const {
     className,
     orientation: requested = "horizontal",
@@ -4784,7 +4814,7 @@ Divider.displayName = "Divider";
 
 // src/DropdownMenu/DropdownMenu.tsx
 var import_react_aria_components9 = require("react-aria-components");
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_clsx22 = __toESM(require("clsx"), 1);
 
 // src/DropdownMenu/DropdownMenu.manifest.ts
@@ -4868,8 +4898,8 @@ var DropdownMenuCompositionRules = {
 
 // src/DropdownMenu/DropdownMenu.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var KeepOpenContext = (0, import_react35.createContext)(null);
-var DropdownMenu = (0, import_react35.forwardRef)((props, ref) => {
+var KeepOpenContext = (0, import_react36.createContext)(null);
+var DropdownMenu = (0, import_react36.forwardRef)((props, ref) => {
   const {
     motion = "auto",
     trigger,
@@ -4882,10 +4912,10 @@ var DropdownMenu = (0, import_react35.forwardRef)((props, ref) => {
     children
   } = props;
   const motionState = useMotion(motion);
-  const [localOpen, setLocalOpen] = (0, import_react35.useState)(defaultOpen);
+  const [localOpen, setLocalOpen] = (0, import_react36.useState)(defaultOpen);
   const isOpen = open ?? localOpen;
-  const keepOpen = (0, import_react35.useRef)(false);
-  const requestOpen = (0, import_react35.useCallback)(
+  const keepOpen = (0, import_react36.useRef)(false);
+  const requestOpen = (0, import_react36.useCallback)(
     (next) => {
       if (!next && keepOpen.current) {
         keepOpen.current = false;
@@ -4920,9 +4950,9 @@ var DropdownMenu = (0, import_react35.forwardRef)((props, ref) => {
   ] }, hydration.key) }) });
 });
 DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuItem = (0, import_react35.forwardRef)(
+var DropdownMenuItem = (0, import_react36.forwardRef)(
   ({ className, shortcut, danger = false, disabled, textValue, onSelect, children, ...props }, ref) => {
-    const keepOpen = (0, import_react35.useContext)(KeepOpenContext);
+    const keepOpen = (0, import_react36.useContext)(KeepOpenContext);
     const itemProps = { ...definedOnly(props) };
     if (textValue !== void 0) itemProps["textValue"] = textValue;
     else if (typeof children === "string") itemProps["textValue"] = children;
@@ -4956,7 +4986,7 @@ var DropdownMenuItem = (0, import_react35.forwardRef)(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = (0, import_react35.forwardRef)(
+var DropdownMenuSeparator = (0, import_react36.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_aria_components9.Separator,
     {
@@ -4968,7 +4998,7 @@ var DropdownMenuSeparator = (0, import_react35.forwardRef)(
   )
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuLabel = (0, import_react35.forwardRef)(
+var DropdownMenuLabel = (0, import_react36.forwardRef)(
   ({ className, ...props }, ref) => (
     // RAC's Header is a valid collection leaf inside a Menu, but a bare
     // <header> element maps to the `banner` landmark role, which is illegal
@@ -5024,7 +5054,7 @@ var FieldManifest = {
 var import_react_aria_components10 = require("react-aria-components");
 var import_react_aria3 = require("react-aria");
 var import_filterDOMProps = require("react-aria/filterDOMProps");
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_clsx23 = __toESM(require("clsx"), 1);
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var itemStyles3 = [
@@ -5079,7 +5109,7 @@ function report(mistake, prop, received) {
 }
 var NOT_APPLIED = ["role", "aria-orientation", "dangerouslySetInnerHTML"];
 var buttonsIn = (root) => root ? Array.from(root.querySelectorAll("button")) : [];
-var FilterBar = (0, import_react36.forwardRef)((componentProps, ref) => {
+var FilterBar = (0, import_react37.forwardRef)((componentProps, ref) => {
   const {
     className,
     filters,
@@ -5091,9 +5121,9 @@ var FilterBar = (0, import_react36.forwardRef)((componentProps, ref) => {
     disabled = false,
     ...props
   } = componentProps;
-  const root = (0, import_react36.useRef)(null);
+  const root = (0, import_react37.useRef)(null);
   const mergedRef = useMergedRefs(root, ref);
-  const [ownSelection, setOwnSelection] = (0, import_react36.useState)(
+  const [ownSelection, setOwnSelection] = (0, import_react37.useState)(
     () => toKeys(defaultValue ?? "")
   );
   const selected = value !== void 0 ? toKeys(value) : ownSelection;
@@ -5105,7 +5135,7 @@ var FilterBar = (0, import_react36.forwardRef)((componentProps, ref) => {
   const sourceProp = value !== void 0 ? "value" : "defaultValue";
   const unavailableKey = JSON.stringify(unavailable);
   const duplicatesKey = JSON.stringify(duplicates);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (process.env.NODE_ENV === "production") return;
     for (const key of JSON.parse(unavailableKey))
       report("unknown value", sourceProp, key);
@@ -5138,7 +5168,7 @@ var FilterBar = (0, import_react36.forwardRef)((componentProps, ref) => {
   for (const name of [...Object.keys(forwarded), ...NOT_APPLIED])
     delete dropped[name];
   const notApplied = NOT_APPLIED.filter((name) => props[name] !== void 0).join(" ");
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (process.env.NODE_ENV === "production") return;
     for (const name of notApplied ? notApplied.split(" ") : []) report("not applied", name, name);
   }, [notApplied]);
@@ -5237,7 +5267,7 @@ var FilterBarManifest = {
 // src/Progress/Progress.tsx
 var import_react_aria_components11 = require("react-aria-components");
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_clsx24 = __toESM(require("clsx"), 1);
 
 // src/Progress/Progress.manifest.ts
@@ -5287,7 +5317,7 @@ var SOLID_FILL = "bg-oprt-accent forced-colors:bg-[CanvasText] forced-colors:[fo
 var HATCH_FILL = "[--oprt-hatch:var(--oprt-accent)] forced-colors:[--oprt-hatch:CanvasText] forced-colors:[forced-color-adjust:none] [background-image:repeating-linear-gradient(135deg,var(--oprt-hatch)_0,var(--oprt-hatch)_var(--oprt-space-0-5),transparent_var(--oprt-space-0-5),transparent_var(--oprt-space-1))]";
 var SLIDE_STILL = "motion-reduce:animate-none forced-colors:animate-none";
 var BLOCK_HATCH = ["\u259A", "\u259E"];
-var Progress = (0, import_react37.forwardRef)((allProps, ref) => {
+var Progress = (0, import_react38.forwardRef)((allProps, ref) => {
   const {
     className,
     value,
@@ -5393,7 +5423,7 @@ Progress.displayName = "Progress";
 // src/RadioGroup/RadioGroup.tsx
 var import_react_aria_components12 = require("react-aria-components");
 var import_class_variance_authority15 = require("class-variance-authority");
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_clsx25 = __toESM(require("clsx"), 1);
 var import_icons12 = require("@oprt/icons");
 
@@ -5440,7 +5470,7 @@ var RadioGroupCompositionRules = {
 
 // src/RadioGroup/RadioGroup.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var SizeContext = (0, import_react38.createContext)("md");
+var SizeContext = (0, import_react39.createContext)("md");
 var groupStyles3 = (0, import_class_variance_authority15.cva)("flex font-sans", {
   variants: {
     orientation: {
@@ -5466,7 +5496,7 @@ var radioBoxStyles = (0, import_class_variance_authority15.cva)(
     defaultVariants: { size: "md" }
   }
 );
-var RadioGroup = (0, import_react38.forwardRef)(
+var RadioGroup = (0, import_react39.forwardRef)(
   ({
     className,
     orientation,
@@ -5534,9 +5564,9 @@ var RadioGroup = (0, import_react38.forwardRef)(
   }
 );
 RadioGroup.displayName = "RadioGroup";
-var Radio = (0, import_react38.forwardRef)(
+var Radio = (0, import_react39.forwardRef)(
   ({ className, children, value, disabled, id, "aria-label": ariaLabel }, ref) => {
-    const size = (0, import_react38.useContext)(SizeContext);
+    const size = (0, import_react39.useContext)(SizeContext);
     const setNode = useMergedRefs(ref);
     const inputRef = useInputRefObject(setNode);
     const itemProps = definedOnly({ id, "aria-label": ariaLabel });
@@ -5566,24 +5596,24 @@ Radio.displayName = "Radio";
 
 // src/Sidebar/Sidebar.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_clsx26 = __toESM(require("clsx"), 1);
 
 // src/_internal/navigationLandmark.ts
-var import_react39 = require("react");
-var InsideNavigationLandmarkContext = (0, import_react39.createContext)(false);
+var import_react40 = require("react");
+var InsideNavigationLandmarkContext = (0, import_react40.createContext)(false);
 var InsideNavigationLandmarkProvider = InsideNavigationLandmarkContext.Provider;
 function useInsideNavigationLandmark() {
-  return (0, import_react39.useContext)(InsideNavigationLandmarkContext);
+  return (0, import_react40.useContext)(InsideNavigationLandmarkContext);
 }
 
 // src/Sidebar/Sidebar.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var Sidebar = (0, import_react40.forwardRef)(
+var Sidebar = (0, import_react41.forwardRef)(
   ({ className, children, ...props }, ref) => {
     const insideLandmark = useInsideNavigationLandmark();
     const Root2 = insideLandmark ? "div" : "nav";
-    const parts = import_react40.Children.toArray(children);
+    const parts = import_react41.Children.toArray(children);
     let start = 0;
     while (start < parts.length && isPart(parts[start], SidebarLogo)) start += 1;
     let end = parts.length;
@@ -5618,9 +5648,9 @@ var Sidebar = (0, import_react40.forwardRef)(
 );
 Sidebar.displayName = "Sidebar";
 function isPart(node, part) {
-  return (0, import_react40.isValidElement)(node) && node.type === part;
+  return (0, import_react41.isValidElement)(node) && node.type === part;
 }
-var SidebarLogo = (0, import_react40.forwardRef)(
+var SidebarLogo = (0, import_react41.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
@@ -5637,9 +5667,9 @@ var SidebarLogo = (0, import_react40.forwardRef)(
   )
 );
 SidebarLogo.displayName = "SidebarLogo";
-var SidebarSection = (0, import_react40.forwardRef)(
+var SidebarSection = (0, import_react41.forwardRef)(
   ({ className, label, children, ...props }, ref) => {
-    const labelId = (0, import_react40.useId)();
+    const labelId = (0, import_react41.useId)();
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "div",
       {
@@ -5663,7 +5693,7 @@ var SidebarSection = (0, import_react40.forwardRef)(
   }
 );
 SidebarSection.displayName = "SidebarSection";
-var SidebarItem = (0, import_react40.forwardRef)(
+var SidebarItem = (0, import_react41.forwardRef)(
   ({ className, icon, active = false, href, asChild = false, children, ...props }, ref) => {
     const Comp = asChild ? import_react_slot2.Slot : href ? "a" : "button";
     const sharedProps = {
@@ -5691,7 +5721,7 @@ var SidebarItem = (0, import_react40.forwardRef)(
   }
 );
 SidebarItem.displayName = "SidebarItem";
-var SidebarFooter = (0, import_react40.forwardRef)(
+var SidebarFooter = (0, import_react41.forwardRef)(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
@@ -5777,7 +5807,7 @@ var SidebarCompositionRules = {
 
 // src/Skeleton/Skeleton.tsx
 var import_class_variance_authority16 = require("class-variance-authority");
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_clsx27 = __toESM(require("clsx"), 1);
 
 // src/Skeleton/Skeleton.manifest.ts
@@ -5822,7 +5852,7 @@ var barStyles = (0, import_class_variance_authority16.cva)(
     defaultVariants: { variant: "block" }
   }
 );
-var Skeleton = (0, import_react41.forwardRef)((allProps, ref) => {
+var Skeleton = (0, import_react42.forwardRef)((allProps, ref) => {
   const { className, variant = "block", width, height, lines = 3, ...props } = allProps;
   if (process.env.NODE_ENV !== "production") {
     devValidate("Skeleton", SkeletonManifest.Skeleton.props, { ...allProps });
@@ -5879,7 +5909,7 @@ Skeleton.displayName = "Skeleton";
 var import_react_aria_components13 = require("react-aria-components");
 var import_react_aria4 = require("react-aria");
 var import_class_variance_authority17 = require("class-variance-authority");
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_clsx28 = __toESM(require("clsx"), 1);
 
 // src/Slider/Slider.manifest.ts
@@ -5989,8 +6019,8 @@ function ValueThumb({
   index = 0,
   ...props
 }) {
-  const inputRef = (0, import_react42.useRef)(null);
-  const state = (0, import_react42.useContext)(import_react_aria_components13.SliderStateContext);
+  const inputRef = (0, import_react43.useRef)(null);
+  const state = (0, import_react43.useContext)(import_react_aria_components13.SliderStateContext);
   useIsomorphicLayoutEffect(() => {
     const input = inputRef.current;
     if (!input) return;
@@ -6002,7 +6032,7 @@ function ValueThumb({
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components13.SliderThumb, { ...props, index, inputRef });
 }
 var ENDS = ["lower", "upper"];
-var Slider = (0, import_react42.forwardRef)((props, ref) => {
+var Slider = (0, import_react43.forwardRef)((props, ref) => {
   const {
     className,
     style,
@@ -6049,7 +6079,7 @@ var Slider = (0, import_react42.forwardRef)((props, ref) => {
     },
     { label: "labelledby" }
   );
-  const wrapper = (0, import_react42.useRef)(null);
+  const wrapper = (0, import_react43.useRef)(null);
   const ends = usePartIds(ENDS, {
     readRendered: () => wrapper.current?.getAttribute("data-oprt-ids")
   });
@@ -6143,7 +6173,7 @@ var Slider = (0, import_react42.forwardRef)((props, ref) => {
                 i
               ))
             ] }),
-            showValue && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: valueStyles, "aria-hidden": "true", children: state.values.map((current, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react42.Fragment, { children: [
+            showValue && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: valueStyles, "aria-hidden": "true", children: state.values.map((current, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react43.Fragment, { children: [
               index > 0 && " \u2013 ",
               /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NumberText, { value: formatValue ? formatValue(current) : current })
             ] }, index)) })
@@ -6157,7 +6187,7 @@ Slider.displayName = "Slider";
 
 // src/StatCard/StatCard.tsx
 var import_icons13 = require("@oprt/icons");
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_clsx29 = __toESM(require("clsx"), 1);
 
 // src/StatCard/StatCard.manifest.ts
@@ -6260,7 +6290,7 @@ function StatValue({ value, unit }) {
     };
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { "data-oprt-stat-value": "", className: VALUE_NUMBER, style, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { "data-oprt-stat-value-text": "", children: [
       number.lead.length > 0 && // The groups before the last, each a run that cannot wrap, with a break after each.
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: number.lead.map((piece, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react43.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: number.lead.map((piece, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react44.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "whitespace-nowrap", children: piece }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("wbr", {})
       ] }, index)) }),
@@ -6281,7 +6311,7 @@ function StatValue({ value, unit }) {
     unitRest
   ] }) : text }) });
 }
-var StatCard = (0, import_react43.forwardRef)((allProps, ref) => {
+var StatCard = (0, import_react44.forwardRef)((allProps, ref) => {
   const {
     className,
     label,
@@ -6296,7 +6326,7 @@ var StatCard = (0, import_react43.forwardRef)((allProps, ref) => {
     "aria-labelledby": ariaLabelledBy,
     ...props
   } = allProps;
-  const labelId = (0, import_react43.useId)();
+  const labelId = (0, import_react44.useId)();
   const showTrend = delta !== void 0 || trend !== void 0;
   const explicitTrend = has(TREND_ICONS, trend) ? trend : void 0;
   const resolvedTrend = explicitTrend ?? (delta !== void 0 ? deriveTrend(delta) : "flat");
@@ -6358,7 +6388,7 @@ StatCard.displayName = "StatCard";
 
 // src/Tabs/Tabs.tsx
 var import_react_aria_components14 = require("react-aria-components");
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_clsx30 = __toESM(require("clsx"), 1);
 
 // src/Tabs/Tabs.manifest.ts
@@ -6431,10 +6461,10 @@ var TabsCompositionRules = {
 };
 
 // src/Tabs/useTabsIndicator.ts
-var import_react44 = require("react");
+var import_react45 = require("react");
 function useTabsIndicator(list, vertical) {
-  const [geometry, setGeometry] = (0, import_react44.useState)();
-  const selectedId = (0, import_react44.useRef)();
+  const [geometry, setGeometry] = (0, import_react45.useState)();
+  const selectedId = (0, import_react45.useRef)();
   useIsomorphicLayoutEffect(() => {
     const node = list.current;
     if (!node) return;
@@ -6496,7 +6526,7 @@ function useTabsIndicator(list, vertical) {
 }
 
 // src/Tabs/useTabsScroll.ts
-var import_react45 = require("react");
+var import_react46 = require("react");
 function hiddenSides(row) {
   const range = row.scrollWidth - row.clientWidth;
   if (range <= 1) return void 0;
@@ -6524,7 +6554,7 @@ function revealTab(row, tab) {
   if (delta !== 0) row.scrollLeft += delta;
 }
 function useTabsScroll(list, vertical) {
-  const [fade, setFade] = (0, import_react45.useState)();
+  const [fade, setFade] = (0, import_react46.useState)();
   useIsomorphicLayoutEffect(() => {
     const row = list.current;
     if (!row || vertical) {
@@ -6612,8 +6642,8 @@ function useTabsScroll(list, vertical) {
 
 // src/Tabs/Tabs.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var TabsOrientationContext = (0, import_react46.createContext)("horizontal");
-var Tabs = (0, import_react46.forwardRef)(
+var TabsOrientationContext = (0, import_react47.createContext)("horizontal");
+var Tabs = (0, import_react47.forwardRef)(
   ({
     className,
     motion = "auto",
@@ -6661,10 +6691,10 @@ var scrollingRow = [
   "data-[fade=right]:[mask-image:linear-gradient(to_left,transparent,var(--oprt-text)_var(--oprt-space-4))]",
   "data-[fade=both]:[mask-image:linear-gradient(to_right,transparent,var(--oprt-text)_var(--oprt-space-4),var(--oprt-text)_calc(100%_-_var(--oprt-space-4)),transparent)]"
 ];
-var TabsList = (0, import_react46.forwardRef)(
+var TabsList = (0, import_react47.forwardRef)(
   ({ className, children, ...props }, ref) => {
-    const orientation = (0, import_react46.useContext)(TabsOrientationContext);
-    const list = (0, import_react46.useRef)(null);
+    const orientation = (0, import_react47.useContext)(TabsOrientationContext);
+    const list = (0, import_react47.useRef)(null);
     const setNode = useMergedRefs(list, ref);
     const vertical = orientation === "vertical";
     const geometry = useTabsIndicator(list, vertical);
@@ -6716,7 +6746,7 @@ var TabsList = (0, import_react46.forwardRef)(
   }
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = (0, import_react46.forwardRef)(
+var TabsTrigger = (0, import_react47.forwardRef)(
   ({ className, value, disabled, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_react_aria_components14.Tab,
     {
@@ -6742,7 +6772,7 @@ var TabsTrigger = (0, import_react46.forwardRef)(
   )
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = (0, import_react46.forwardRef)(
+var TabsContent = (0, import_react47.forwardRef)(
   ({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_react_aria_components14.TabPanel,
     {
@@ -6761,7 +6791,7 @@ var TabsContent = (0, import_react46.forwardRef)(
 TabsContent.displayName = "TabsContent";
 
 // src/Textarea/Textarea.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_class_variance_authority18 = require("class-variance-authority");
 var import_clsx31 = __toESM(require("clsx"), 1);
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -6781,7 +6811,7 @@ var wrapperStyles2 = (0, import_class_variance_authority18.cva)(
   }
 );
 var textareaStyles = "w-full bg-transparent border-0 outline-hidden resize-none font-sans font-medium text-oprt-md text-oprt-text placeholder:text-oprt-text-placeholder disabled:placeholder:text-oprt-text-dim disabled:cursor-not-allowed disabled:text-oprt-text-dim";
-var Textarea = (0, import_react47.forwardRef)(
+var Textarea = (0, import_react48.forwardRef)(
   ({
     className,
     invalid,
@@ -6849,7 +6879,7 @@ var TextareaManifest = {
 var import_icons14 = require("@oprt/icons");
 var RadixToast = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority19 = require("class-variance-authority");
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_clsx32 = __toESM(require("clsx"), 1);
 
 // src/Toast/Toast.manifest.ts
@@ -6937,9 +6967,9 @@ var ICONS2 = {
 function severityOf(variant) {
   return typeof variant === "string" && Object.prototype.hasOwnProperty.call(ICONS2, variant) ? variant : "info";
 }
-var SwipeDirectionContext = (0, import_react48.createContext)("right");
+var SwipeDirectionContext = (0, import_react49.createContext)("right");
 function useNewestInView(region) {
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const list = region.current;
     if (!list) return;
     const atEnd = () => list.scrollHeight - list.clientHeight - list.scrollTop <= 1;
@@ -6966,11 +6996,11 @@ function useNewestInView(region) {
     };
   }, [region]);
 }
-var ToastProvider = (0, import_react48.forwardRef)((props, ref) => {
+var ToastProvider = (0, import_react49.forwardRef)((props, ref) => {
   const { children, label = "Notifications", swipeDirection = "right", duration } = props;
   const providerProps = { label, swipeDirection };
   if (duration !== void 0) providerProps["duration"] = duration;
-  const region = (0, import_react48.useRef)(null);
+  const region = (0, import_react49.useRef)(null);
   const regionRef = useMergedRefs(ref, region);
   useNewestInView(region);
   if (process.env.NODE_ENV !== "production") {
@@ -7025,7 +7055,7 @@ var titleStyles = (0, import_class_variance_authority19.cva)("m-0 text-oprt-sm u
   },
   defaultVariants: { variant: "info" }
 });
-var Toast = (0, import_react48.forwardRef)((allProps, ref) => {
+var Toast = (0, import_react49.forwardRef)((allProps, ref) => {
   const {
     className,
     variant,
@@ -7043,7 +7073,7 @@ var Toast = (0, import_react48.forwardRef)((allProps, ref) => {
   } = allProps;
   const severity = severityOf(variant);
   const SeverityIcon = ICONS2[severity];
-  const swipeDirection = (0, import_react48.useContext)(SwipeDirectionContext);
+  const swipeDirection = (0, import_react49.useContext)(SwipeDirectionContext);
   if (process.env.NODE_ENV !== "production") {
     devValidate("Toast", ToastManifest.Toast.props, allProps);
   }
@@ -7077,7 +7107,7 @@ var Toast = (0, import_react48.forwardRef)((allProps, ref) => {
         /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex min-w-0 flex-1 select-text flex-col gap-1u oprt-wrap-anywhere", children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RadixToast.Title, { className: titleStyles({ variant: severity }), children: title }),
           description && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(RadixToast.Description, { className: "m-0 text-oprt-base normal-case text-oprt-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: ". " }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "data-radix-toast-announce-exclude": "", "data-radix-toast-announce-alt": ". " }),
             description
           ] })
         ] }),
@@ -7098,7 +7128,7 @@ Toast.displayName = "Toast";
 // src/Toggle/Toggle.tsx
 var import_react_aria_components15 = require("react-aria-components");
 var import_class_variance_authority20 = require("class-variance-authority");
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_clsx33 = __toESM(require("clsx"), 1);
 
 // src/Toggle/Toggle.manifest.ts
@@ -7207,7 +7237,7 @@ var thumbStyles2 = (0, import_class_variance_authority20.cva)(
     defaultVariants: { size: "md" }
   }
 );
-var Toggle = (0, import_react49.forwardRef)((allProps, ref) => {
+var Toggle = (0, import_react50.forwardRef)((allProps, ref) => {
   const {
     className,
     motion = "auto",
@@ -7247,7 +7277,7 @@ var Toggle = (0, import_react49.forwardRef)((allProps, ref) => {
     devValidate("Toggle", ToggleManifest.Toggle.props, { ...allProps });
   }
   const setInvalidNode = useAriaInvalidRef(ref, isInvalid);
-  const setNode = (0, import_react49.useCallback)(
+  const setNode = (0, import_react50.useCallback)(
     (node) => {
       if (node) {
         if (isRequired) node.setAttribute("aria-required", "true");
@@ -7295,7 +7325,7 @@ Toggle.displayName = "Toggle";
 // src/Toolbar/Toolbar.tsx
 var import_react_aria_components16 = require("react-aria-components");
 var import_class_variance_authority21 = require("class-variance-authority");
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_clsx34 = __toESM(require("clsx"), 1);
 
 // src/Toolbar/Toolbar.manifest.ts
@@ -7376,8 +7406,8 @@ var toolbarStyles = (0, import_class_variance_authority21.cva)("flex bg-oprt-sur
   },
   defaultVariants: { orientation: "horizontal" }
 });
-var ToolbarOrientationContext = (0, import_react50.createContext)(void 0);
-var Toolbar = (0, import_react50.forwardRef)((allProps, ref) => {
+var ToolbarOrientationContext = (0, import_react51.createContext)(void 0);
+var Toolbar = (0, import_react51.forwardRef)((allProps, ref) => {
   const {
     className,
     orientation = "horizontal",
@@ -7418,10 +7448,10 @@ var separatorStyles = (0, import_class_variance_authority21.cva)("bg-oprt-border
   },
   defaultVariants: { orientation: "horizontal" }
 });
-var ToolbarSeparator = (0, import_react50.forwardRef)(
+var ToolbarSeparator = (0, import_react51.forwardRef)(
   (allProps, ref) => {
     const { className, orientation: given, ...props } = allProps;
-    const inherited = (0, import_react50.useContext)(ToolbarOrientationContext);
+    const inherited = (0, import_react51.useContext)(ToolbarOrientationContext);
     const orientation = given ?? inherited ?? "horizontal";
     if (process.env.NODE_ENV !== "production") {
       devValidate("ToolbarSeparator", ToolbarManifest.ToolbarSeparator.props, { ...allProps });
@@ -7442,13 +7472,13 @@ ToolbarSeparator.displayName = "ToolbarSeparator";
 
 // src/Tooltip/Tooltip.tsx
 var import_react_aria_components17 = require("react-aria-components");
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_clsx35 = __toESM(require("clsx"), 1);
 
 // src/Tooltip/Tooltip.manifest.ts
 var TooltipManifest = {
   Tooltip: {
-    description: "Supplementary text on hover or keyboard focus of a trigger, wrapping at about 20rem. A disabled Button trigger stays focusable and announced unavailable, so focus or a tap shows the explanation. Built on React Aria Components (TooltipTrigger + Tooltip), portal'd, with a bordered surface.",
+    description: "Supplementary text on hover or keyboard focus of a trigger, wrapping at about 20rem. The pointer can move onto the tooltip without closing it; it closes 150 ms after the pointer has left both. A disabled Button trigger stays focusable and announced unavailable, so focus or a tap shows the explanation. Built on React Aria Components (TooltipTrigger + Tooltip), portal'd, with a bordered surface.",
     props: {
       side: { type: "enum", values: ["top", "right", "bottom", "left"], default: "top" },
       align: { type: "enum", values: ["start", "center", "end"], default: "center" },
@@ -7473,7 +7503,8 @@ var TooltipManifest = {
 // src/Tooltip/Tooltip.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var PLAIN_TRIGGER = "inline-flex min-h-3u items-center border-0 bg-transparent p-0 [color:inherit] [font:inherit] [letter-spacing:inherit] underline decoration-dotted underline-offset-2 cursor-help outline-hidden focus-visible:shadow-oprt-focus";
-var Tooltip = (0, import_react51.forwardRef)(
+var CLOSE_DELAY = 150;
+var Tooltip = (0, import_react52.forwardRef)(
   ({
     content,
     children,
@@ -7486,11 +7517,11 @@ var Tooltip = (0, import_react51.forwardRef)(
     className,
     ...contentProps
   }, ref) => {
-    const [localOpen, setLocalOpen] = (0, import_react51.useState)(defaultOpen ?? false);
+    const [localOpen, setLocalOpen] = (0, import_react52.useState)(defaultOpen ?? false);
     const isOpen = open ?? localOpen;
-    const tapped = (0, import_react51.useRef)(null);
-    const [tapOpen, setTapOpen] = (0, import_react51.useState)(false);
-    const setOpen = (0, import_react51.useCallback)(
+    const tapped = (0, import_react52.useRef)(null);
+    const [tapOpen, setTapOpen] = (0, import_react52.useState)(false);
+    const setOpen = (0, import_react52.useCallback)(
       (next) => {
         if (!next) setTapOpen(false);
         if (open === void 0) setLocalOpen(next);
@@ -7498,7 +7529,7 @@ var Tooltip = (0, import_react51.forwardRef)(
       },
       [open, onOpenChange]
     );
-    (0, import_react51.useEffect)(() => {
+    (0, import_react52.useEffect)(() => {
       if (!tapOpen || !isOpen) return;
       const dismiss = (event) => {
         if (!tapped.current?.contains(event.target)) setOpen(false);
@@ -7512,7 +7543,7 @@ var Tooltip = (0, import_react51.forwardRef)(
     if (children === null || children === void 0 || typeof children === "boolean") return null;
     const element = isSingleElement(children) ? children : null;
     const unavailable = element !== null && (element.props.disabled === true || element.props.isDisabled === true);
-    const trigger = !element ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", className: PLAIN_TRIGGER, children }) : unavailable ? (0, import_react51.cloneElement)(element, {
+    const trigger = !element ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { type: "button", className: PLAIN_TRIGGER, children }) : unavailable ? (0, import_react52.cloneElement)(element, {
       onPointerUp: (event) => {
         element.props.onPointerUp?.(event);
         if (event.pointerType === "mouse") return;
@@ -7528,7 +7559,7 @@ var Tooltip = (0, import_react51.forwardRef)(
         isOpen,
         onOpenChange: setOpen,
         delay: delayDuration,
-        closeDelay: 0,
+        closeDelay: CLOSE_DELAY,
         shouldCloseOnPress: !unavailable,
         children: [
           unavailable ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FocusableWhenUnavailableProvider, { value: true, children: focusable }) : focusable,
@@ -7569,7 +7600,7 @@ var Tooltip = (0, import_react51.forwardRef)(
 Tooltip.displayName = "Tooltip";
 
 // src/Chart/Chart.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_react_aria5 = require("react-aria");
 var import_class_variance_authority22 = require("class-variance-authority");
 var import_clsx37 = __toESM(require("clsx"), 1);
@@ -7683,7 +7714,7 @@ var ChartManifest = {
 };
 
 // src/Chart/ChartControls.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_react_aria_components18 = require("react-aria-components");
 var import_clsx36 = __toESM(require("clsx"), 1);
 
@@ -7896,7 +7927,7 @@ function ChartInspection({
   inputRef
 }) {
   const hydration = useHydrationRoot();
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     inputRef.current?.setAttribute("aria-valuetext", describe(index));
   });
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -7914,7 +7945,7 @@ function ChartInspection({
     hydration.key
   );
 }
-var ChartRangeSelector = (0, import_react52.memo)(function ChartRangeSelector2({
+var ChartRangeSelector = (0, import_react53.memo)(function ChartRangeSelector2({
   label,
   series,
   domain,
@@ -7925,15 +7956,15 @@ var ChartRangeSelector = (0, import_react52.memo)(function ChartRangeSelector2({
   onChange
 }) {
   const hydration = useHydrationRoot();
-  const startRef = (0, import_react52.useRef)(null);
-  const endRef = (0, import_react52.useRef)(null);
-  (0, import_react52.useEffect)(() => {
+  const startRef = (0, import_react53.useRef)(null);
+  const endRef = (0, import_react53.useRef)(null);
+  (0, import_react53.useEffect)(() => {
     startRef.current?.setAttribute("aria-valuetext", format(range.start));
     endRef.current?.setAttribute("aria-valuetext", format(range.end));
   });
   const start = fraction(range.start, domain) * 1e3;
   const end = fraction(range.end, domain) * 1e3;
-  const overview = (0, import_react52.useMemo)(() => {
+  const overview = (0, import_react53.useMemo)(() => {
     const overviewSeries = series.map((item) => ({
       ...item,
       data: item.data.filter(
@@ -8178,7 +8209,7 @@ function binLabel(data, index, formatNumber, separator) {
   const end = formatNumber(withoutFloatNoise(data.edges[index + 1]));
   return start === end ? start : `[${start}${separator}${end}${index === data.edges.length - 2 ? "]" : ")"}`;
 }
-var DataView = (0, import_react53.memo)(function DataView2({
+var DataView = (0, import_react54.memo)(function DataView2({
   id,
   label,
   series,
@@ -8403,7 +8434,7 @@ function seriesMarks(item, seriesIndex, samples, context) {
     ) }, index))
   ] });
 }
-var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
+var Chart = (0, import_react54.forwardRef)((allProps, ref) => {
   const {
     label,
     series,
@@ -8432,43 +8463,43 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
   if (process.env.NODE_ENV !== "production") {
     devValidate("Chart", ChartManifest.Chart.props, { ...allProps });
   }
-  const labelRef = (0, import_react53.useRef)(null);
+  const labelRef = (0, import_react54.useRef)(null);
   const { locale } = (0, import_react_aria5.useLocale)();
   const numberFormat = (0, import_react_aria5.useNumberFormatter)(EXACT_NUMBER);
-  const separator = (0, import_react53.useMemo)(() => intervalSeparator(locale), [locale]);
-  const formatNumber = (0, import_react53.useCallback)(
+  const separator = (0, import_react54.useMemo)(() => intervalSeparator(locale), [locale]);
+  const formatNumber = (0, import_react54.useCallback)(
     (value) => numberFormat.format(value + 0),
     [numberFormat]
   );
   const cellFormat = (0, import_react_aria5.useNumberFormatter)(CELL_NUMBER);
-  const formatCell = (0, import_react53.useCallback)((value) => cellFormat.format(value + 0), [cellFormat]);
+  const formatCell = (0, import_react54.useCallback)((value) => cellFormat.format(value + 0), [cellFormat]);
   const ids = usePartIds(["label", "description", "hatch", "data"], {
     readRendered: () => labelRef.current?.id.replace(/-label$/, "")
   });
-  const plotRef = (0, import_react53.useRef)(null);
+  const plotRef = (0, import_react54.useRef)(null);
   const plotWidth = useElementWidth(plotRef, { initial: 640, min: 0 });
-  const [localHidden, setLocalHidden] = (0, import_react53.useState)([]);
-  const [showData, setShowData] = (0, import_react53.useState)(false);
-  const [localRange, setLocalRange] = (0, import_react53.useState)();
-  const [inspection, setInspection] = (0, import_react53.useState)(null);
-  const [pinned, setPinned] = (0, import_react53.useState)(false);
-  const [inspectionFocused, setInspectionFocused] = (0, import_react53.useState)(false);
-  const [emphasized, setEmphasized] = (0, import_react53.useState)(null);
-  const inspectionRef = (0, import_react53.useRef)(null);
+  const [localHidden, setLocalHidden] = (0, import_react54.useState)([]);
+  const [showData, setShowData] = (0, import_react54.useState)(false);
+  const [localRange, setLocalRange] = (0, import_react54.useState)();
+  const [inspection, setInspection] = (0, import_react54.useState)(null);
+  const [pinned, setPinned] = (0, import_react54.useState)(false);
+  const [inspectionFocused, setInspectionFocused] = (0, import_react54.useState)(false);
+  const [emphasized, setEmphasized] = (0, import_react54.useState)(null);
+  const inspectionRef = (0, import_react54.useRef)(null);
   const hiddenKey = JSON.stringify(hiddenSeries ?? localHidden);
-  const hidden = (0, import_react53.useMemo)(() => new Set(JSON.parse(hiddenKey)), [hiddenKey]);
+  const hidden = (0, import_react54.useMemo)(() => new Set(JSON.parse(hiddenKey)), [hiddenKey]);
   const inspectable = variant === "line" || variant === "area" || variant === "bar";
-  const fullVisible = (0, import_react53.useMemo)(
+  const fullVisible = (0, import_react54.useMemo)(
     () => series.filter((item) => !hidden.has(item.id)),
     [series, hidden]
   );
-  const dataDomain = (0, import_react53.useMemo)(
+  const dataDomain = (0, import_react54.useMemo)(
     () => extent(series.flatMap((item) => item.data.map((point) => point.x))),
     [series]
   );
   const suppliedStart = suppliedXDomain?.start;
   const suppliedEnd = suppliedXDomain?.end;
-  const fullDomain = (0, import_react53.useMemo)(
+  const fullDomain = (0, import_react54.useMemo)(
     () => inspectable && suppliedStart !== void 0 && suppliedEnd !== void 0 && Number.isFinite(suppliedStart) && Number.isFinite(suppliedEnd) && suppliedStart < suppliedEnd ? { min: suppliedStart, max: suppliedEnd } : dataDomain,
     [inspectable, suppliedStart, suppliedEnd, dataDomain]
   );
@@ -8476,7 +8507,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
   const requestedStart = requested?.start;
   const requestedEnd = requested?.end;
   const controlledRange = range !== void 0;
-  const view = (0, import_react53.useMemo)(() => {
+  const view = (0, import_react54.useMemo)(() => {
     const full = { start: fullDomain.min, end: fullDomain.max, valid: false };
     if (!inspectable || requestedStart === void 0 || requestedEnd === void 0) return full;
     if (!Number.isFinite(requestedStart) || !Number.isFinite(requestedEnd) || requestedStart >= requestedEnd)
@@ -8491,7 +8522,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     return controlledRange ? { start: requestedStart, end: requestedEnd, valid: true } : { ...full, valid: true };
   }, [inspectable, requestedStart, requestedEnd, controlledRange, fullDomain]);
   const narrowed = inspectable && (view.start > dataDomain.min || view.end < dataDomain.max);
-  const visible = (0, import_react53.useMemo)(
+  const visible = (0, import_react54.useMemo)(
     () => narrowed ? fullVisible.map((item) => ({
       ...item,
       data: item.data.filter(
@@ -8500,20 +8531,20 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     })) : fullVisible,
     [narrowed, fullVisible, view.start, view.end]
   );
-  const samplesAt = (0, import_react53.useMemo)(
+  const samplesAt = (0, import_react54.useMemo)(
     () => new Map(visible.map((item) => [item, indexByX(item.data)])),
     [visible]
   );
-  const finite2 = (0, import_react53.useMemo)(
+  const finite2 = (0, import_react54.useMemo)(
     () => visible.flatMap((item) => item.data.filter(isFinitePoint)),
     [visible]
   );
-  const distribution = (0, import_react53.useMemo)(
+  const distribution = (0, import_react54.useMemo)(
     () => variant === "histogram" ? histogram(visible, bins) : void 0,
     [variant, visible, bins]
   );
   const thresholdValue = variant !== "heatmap" && threshold && Number.isFinite(threshold.value) ? threshold.value : void 0;
-  const yAxis = (0, import_react53.useMemo)(() => {
+  const yAxis = (0, import_react54.useMemo)(() => {
     const values = distribution ? [...distribution.counts.values()].flat() : finite2.map((point) => point.y);
     if (thresholdValue !== void 0) values.push(thresholdValue);
     return niceAxis(
@@ -8521,7 +8552,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
       variant === "histogram"
     );
   }, [distribution, finite2, thresholdValue, variant]);
-  const xValues = (0, import_react53.useMemo)(
+  const xValues = (0, import_react54.useMemo)(
     () => [
       ...new Set(
         visible.flatMap((item) => item.data.map((point) => point.x)).filter(Number.isFinite)
@@ -8530,19 +8561,19 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     [visible]
   );
   const windowedAxis = inspectable && (rangeSelection || view.valid || suppliedXDomain !== void 0);
-  const xDomain = (0, import_react53.useMemo)(
+  const xDomain = (0, import_react54.useMemo)(
     () => windowedAxis ? { min: view.start, max: view.end } : distribution?.domain ?? (xValues.length > 0 ? { min: xValues[0], max: xValues[xValues.length - 1] } : extent([])),
     [windowedAxis, view.start, view.end, distribution, xValues]
   );
-  const heatDomain = (0, import_react53.useMemo)(
+  const heatDomain = (0, import_react54.useMemo)(
     () => variant === "heatmap" ? extent(finite2.map((point) => point.y)) : dataDomain,
     [variant, finite2, dataDomain]
   );
-  const anyFiniteX = (0, import_react53.useMemo)(
+  const anyFiniteX = (0, import_react54.useMemo)(
     () => series.some((item) => item.data.some((point) => Number.isFinite(point.x))),
     [series]
   );
-  const missing = (0, import_react53.useMemo)(
+  const missing = (0, import_react54.useMemo)(
     () => visible.reduce(
       (total, item) => total + item.data.filter((point) => !isFinitePoint(point)).length,
       0
@@ -8550,22 +8581,22 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     [visible]
   );
   const histogramView = distribution !== void 0;
-  const xHeading = (0, import_react53.useMemo)(
+  const xHeading = (0, import_react54.useMemo)(
     () => histogramView ? withUnit(xLabel ?? "Value", unit) : withUnit(xLabel ?? "Sample", xUnit),
     [histogramView, xLabel, xUnit, unit]
   );
-  const yHeading = (0, import_react53.useMemo)(
+  const yHeading = (0, import_react54.useMemo)(
     () => histogramView ? yLabel ?? "Count" : withUnit(yLabel ?? "Value", unit),
     [histogramView, yLabel, unit]
   );
   const empty = series.length === 0 ? "No data to display." : visible.length === 0 ? "All series are hidden." : narrowed && xValues.length === 0 ? "No samples in this range." : finite2.length === 0 ? "No finite data to display." : void 0;
-  const yLabels = (0, import_react53.useMemo)(
+  const yLabels = (0, import_react54.useMemo)(
     () => variant === "heatmap" ? [] : tickLabels(yAxis.ticks, locale),
     [variant, yAxis, locale]
   );
   const longestYLabel = Math.max(9, ...yLabels.map((label2) => label2.length));
   const left = Math.max(LEFT, Math.ceil(8 + longestYLabel * Y_LABEL_CHARACTER_WIDTH));
-  const geometry = (0, import_react53.useMemo)(() => {
+  const geometry = (0, import_react54.useMemo)(() => {
     const right = Math.max(left + 1, plotWidth - 24);
     const width = right - left;
     const initialX = scale(xDomain, left, right);
@@ -8585,7 +8616,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
       baseline: y2(0)
     };
   }, [left, plotWidth, xDomain, xValues, variant, yAxis]);
-  const xTickLabels = (0, import_react53.useMemo)(() => {
+  const xTickLabels = (0, import_react54.useMemo)(() => {
     const { left: left2, width, x: x2 } = geometry;
     const textFor = (value, interpolated) => formatX && !histogramView ? formatX(value) : formatNumber(interpolated ? withoutFloatNoise(value) : value);
     const columnText = variant === "heatmap" && xValues.length <= 6 ? xValues.map((value) => textFor(value, false)) : [];
@@ -8623,7 +8654,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     });
   }, [geometry, histogramView, formatX, formatNumber, xValues, variant, xDomain, plotWidth]);
   const hatchId = ids.hatch;
-  const marksLayer = (0, import_react53.useMemo)(() => {
+  const marksLayer = (0, import_react54.useMemo)(() => {
     const context = {
       variant,
       fill,
@@ -8656,11 +8687,11 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     separator,
     samplesAt
   ]);
-  const seriesNumber = (0, import_react53.useMemo)(
+  const seriesNumber = (0, import_react54.useMemo)(
     () => new Map(series.map((item, index) => [item.id, index + 1])),
     [series]
   );
-  const yAxisLayer = (0, import_react53.useMemo)(() => {
+  const yAxisLayer = (0, import_react54.useMemo)(() => {
     if (variant === "heatmap") {
       return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("g", { "aria-hidden": "true", children: visible.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "text",
@@ -8719,7 +8750,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
       )
     ] }, index)) });
   }, [variant, visible, yAxis, yLabels, geometry, seriesNumber, formatNumber]);
-  const xAxisLayer = (0, import_react53.useMemo)(
+  const xAxisLayer = (0, import_react54.useMemo)(
     () => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("g", { "data-chart-x-axis": "", "aria-hidden": "true", children: xTickLabels.map((tick, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "text",
       {
@@ -8736,14 +8767,14 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     )) }),
     [xTickLabels]
   );
-  const xIndex = (0, import_react53.useMemo)(
+  const xIndex = (0, import_react54.useMemo)(
     () => new Map(xValues.map((value, index) => [value, index])),
     [xValues]
   );
   const activeIndex = inspection === null ? void 0 : xIndex.get(inspection);
   const activeX = activeIndex === void 0 ? null : inspection;
   const reviewCursor = inspectable && cursor != null && Number.isFinite(cursor) && cursor >= xDomain.min && cursor <= xDomain.max ? cursor : null;
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (activeX === null || !inspectable) {
       setInspection(null);
       setPinned(false);
@@ -8751,7 +8782,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     if (!inspectable || xValues.length === 0) setInspectionFocused(false);
   }, [activeX, inspectable, xValues.length]);
   const inspectIndex = activeIndex ?? Math.max(0, xValues.length - 1);
-  const formatPosition = (0, import_react53.useCallback)(
+  const formatPosition = (0, import_react54.useCallback)(
     (value) => valueWithUnit(formatX?.(value) ?? formatNumber(value), xUnit),
     [formatX, formatNumber, xUnit]
   );
@@ -8782,7 +8813,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
     if (px < geometry.left || px > geometry.right) return;
     setInspection(xValues[nearestIndex(xValues, px, geometry.x)] ?? null);
   }
-  const changeRange = (0, import_react53.useCallback)(
+  const changeRange = (0, import_react54.useCallback)(
     (next) => {
       if (disabled) return;
       if (!controlledRange) setLocalRange(next);
@@ -8803,7 +8834,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
   const firstX = xValues[0];
   const lastX = xValues[xValues.length - 1];
   const windowEnds = empty ? null : variant === "heatmap" ? firstX === void 0 || lastX === void 0 ? null : [firstX, lastX] : [xDomain.min, xDomain.max];
-  const renderPosition = (0, import_react53.useCallback)(
+  const renderPosition = (0, import_react54.useCallback)(
     (value) => histogramView ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NumberText, { value: formatNumber(value), unit }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(NumberText, { value: formatX?.(value) ?? formatNumber(value), unit: xUnit }),
     [histogramView, unit, formatX, formatNumber, xUnit]
   );
@@ -8887,7 +8918,15 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
                   onBlur: () => setInspectionFocused(false)
                 }
               ),
-              empty ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "m-0 py-6u text-oprt-base text-oprt-text-dim", role: "status", children: empty }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "p",
+                {
+                  role: "status",
+                  className: empty ? "m-0 py-6u text-oprt-base text-oprt-text-dim" : "sr-only",
+                  children: empty
+                }
+              ),
+              empty ? null : /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
                 "svg",
                 {
                   role: "img",
@@ -9105,7 +9144,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
                 variant: "ghost",
                 size: "sm",
                 className: "min-w-0 max-w-full oprt-wrap-anywhere",
-                "aria-label": variant === "heatmap" ? `${seriesNumber.get(item.id)} ${item.label}` : item.label,
+                "aria-label": `${variant === "heatmap" ? `${seriesNumber.get(item.id)} ${item.label}` : item.label}${hidden.has(item.id) ? " Hidden" : ""}`,
                 "aria-pressed": !hidden.has(item.id),
                 disabled,
                 onClick: () => {
@@ -9210,7 +9249,7 @@ var Chart = (0, import_react53.forwardRef)((allProps, ref) => {
 Chart.displayName = "Chart";
 
 // src/Sparkline/Sparkline.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 var import_class_variance_authority23 = require("class-variance-authority");
 var import_clsx38 = __toESM(require("clsx"), 1);
 
@@ -9255,12 +9294,12 @@ var sparklineStyles = (0, import_class_variance_authority23.cva)("inline-block w
   variants: { variant: { line: "", area: "" } },
   defaultVariants: { variant: "line" }
 });
-var Sparkline = (0, import_react54.forwardRef)((allProps, ref) => {
+var Sparkline = (0, import_react55.forwardRef)((allProps, ref) => {
   const { label, data, unit, seriesId, color, variant = "line", className, ...props } = allProps;
   if (process.env.NODE_ENV !== "production") {
     devValidate("Sparkline", SparklineManifest.Sparkline.props, { ...allProps });
   }
-  const id = (0, import_react54.useId)();
+  const id = (0, import_react55.useId)();
   const points = data.map((y2, x2) => ({ x: x2, y: y2 }));
   const finite2 = points.filter(isFinitePoint);
   const x = scale(extent(points.map((point) => point.x)), 4, 124);
@@ -9368,7 +9407,7 @@ var Sparkline = (0, import_react54.forwardRef)((allProps, ref) => {
 Sparkline.displayName = "Sparkline";
 
 // src/DataGrid/DataGrid.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_clsx39 = __toESM(require("clsx"), 1);
 
 // src/DataGrid/DataGrid.manifest.ts
@@ -9552,8 +9591,8 @@ function ColumnWidthInput({
   label,
   onCommit
 }) {
-  const [draft, setDraft] = (0, import_react55.useState)(null);
-  (0, import_react55.useEffect)(() => setDraft(null), [value]);
+  const [draft, setDraft] = (0, import_react56.useState)(null);
+  (0, import_react56.useEffect)(() => setDraft(null), [value]);
   const text = draft?.base === value ? draft.text : String(value);
   const commit = (requested) => {
     setDraft(null);
@@ -9594,7 +9633,7 @@ function withoutPage(selection, pageIds) {
   const onPage = new Set(pageIds);
   return selection.filter((id) => !onPage.has(id));
 }
-var DataGrid = (0, import_react55.forwardRef)((allProps, ref) => {
+var DataGrid = (0, import_react56.forwardRef)((allProps, ref) => {
   const {
     columns,
     data,
@@ -9629,18 +9668,18 @@ var DataGrid = (0, import_react55.forwardRef)((allProps, ref) => {
   if (process.env.NODE_ENV !== "production") {
     devValidate("DataGrid", DataGridManifest.DataGrid.props, allProps);
   }
-  const [localSelection, setLocalSelection] = (0, import_react55.useState)([]);
-  const [localSort, setLocalSort] = (0, import_react55.useState)(null);
-  const [localPage, setLocalPage] = (0, import_react55.useState)(1);
-  const [hiddenColumns, setHiddenColumns] = (0, import_react55.useState)([]);
-  const [columnsOpen, setColumnsOpen] = (0, import_react55.useState)(false);
-  const [localWidths, setLocalWidths] = (0, import_react55.useState)({});
-  const [localPinned, setLocalPinned] = (0, import_react55.useState)([]);
-  const [localView, setLocalView] = (0, import_react55.useState)("virtualized");
-  const columnsId = (0, import_react55.useId)();
+  const [localSelection, setLocalSelection] = (0, import_react56.useState)([]);
+  const [localSort, setLocalSort] = (0, import_react56.useState)(null);
+  const [localPage, setLocalPage] = (0, import_react56.useState)(1);
+  const [hiddenColumns, setHiddenColumns] = (0, import_react56.useState)([]);
+  const [columnsOpen, setColumnsOpen] = (0, import_react56.useState)(false);
+  const [localWidths, setLocalWidths] = (0, import_react56.useState)({});
+  const [localPinned, setLocalPinned] = (0, import_react56.useState)([]);
+  const [localView, setLocalView] = (0, import_react56.useState)("virtualized");
+  const columnsId = (0, import_react56.useId)();
   const blocked = disabled || loading;
   const selection = selectedRowIds ?? localSelection;
-  const selectionSet = (0, import_react55.useMemo)(() => new Set(selection), [selection]);
+  const selectionSet = (0, import_react56.useMemo)(() => new Set(selection), [selection]);
   const selectionEnabled = selectedRowIds !== void 0 || Boolean(onSelectionChange);
   const effectiveSort = sort === void 0 ? localSort : sort;
   const visibleKeys = visibleColumnKeys ?? columns.filter((column) => !hiddenColumns.includes(column.key)).map((column) => column.key);
@@ -9680,8 +9719,8 @@ var DataGrid = (0, import_react55.forwardRef)((allProps, ref) => {
     pageCount,
     Math.max(1, Number.isFinite(requestedPage) ? Math.floor(requestedPage) : 1)
   );
-  const correction = (0, import_react55.useRef)(null);
-  (0, import_react55.useEffect)(() => {
+  const correction = (0, import_react56.useRef)(null);
+  (0, import_react56.useEffect)(() => {
     if (requestedPage === currentPage) {
       correction.current = null;
       return;
@@ -9713,7 +9752,7 @@ var DataGrid = (0, import_react55.forwardRef)((allProps, ref) => {
   const sortKey = sortColumn?.key;
   const sortCompare = sortColumn?.compare;
   const direction = effectiveSort?.direction;
-  const sorted = (0, import_react55.useMemo)(() => {
+  const sorted = (0, import_react56.useMemo)(() => {
     if (mode !== "client" || sortKey === void 0 || direction === void 0) return data;
     return sortedOrder(
       data.map((row) => row[sortKey]),
@@ -9723,17 +9762,17 @@ var DataGrid = (0, import_react55.forwardRef)((allProps, ref) => {
   }, [data, mode, sortKey, direction, sortCompare]);
   const pageStart = (currentPage - 1) * safePageSize;
   const paged = mode === "client" && !virtual;
-  const pageRows = (0, import_react55.useMemo)(
+  const pageRows = (0, import_react56.useMemo)(
     () => paged ? sorted.slice(pageStart, pageStart + safePageSize) : sorted,
     [sorted, paged, pageStart, safePageSize]
   );
-  const latestGetRowId = (0, import_react55.useRef)(getRowId);
+  const latestGetRowId = (0, import_react56.useRef)(getRowId);
   latestGetRowId.current = getRowId;
-  const pageIdsOf = (0, import_react55.useMemo)(() => {
+  const pageIdsOf = (0, import_react56.useMemo)(() => {
     let ids = null;
     return () => ids ??= pageRows.map((row) => latestGetRowId.current(row));
   }, [pageRows]);
-  const { allSelected, someSelected } = (0, import_react55.useMemo)(() => {
+  const { allSelected, someSelected } = (0, import_react56.useMemo)(() => {
     if (selectionSet.size === 0) return { allSelected: false, someSelected: false };
     const pageIds = pageIdsOf();
     let selected = 0;
@@ -9979,7 +10018,7 @@ var DataGrid = (0, import_react55.forwardRef)((allProps, ref) => {
 DataGrid.displayName = "DataGrid";
 
 // src/ComboBox/ComboBox.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_class_variance_authority24 = require("class-variance-authority");
 var import_clsx40 = __toESM(require("clsx"), 1);
 var import_react_aria_components19 = require("react-aria-components");
@@ -10105,7 +10144,7 @@ function reportUnknownValue(received, options) {
     )
   );
 }
-var ComboBox = (0, import_react56.forwardRef)((props, ref) => {
+var ComboBox = (0, import_react57.forwardRef)((props, ref) => {
   const {
     motion = "auto",
     options,
@@ -10130,7 +10169,7 @@ var ComboBox = (0, import_react56.forwardRef)((props, ref) => {
     className
   } = props;
   const motionState = useMotion(motion);
-  const editing = (0, import_react56.useRef)(false);
+  const editing = (0, import_react57.useRef)(false);
   const {
     id: inputId,
     labelledBy,
@@ -10264,7 +10303,7 @@ ComboBox.displayName = "ComboBox";
 var import_icons16 = require("@oprt/icons");
 var import_class_variance_authority25 = require("class-variance-authority");
 var import_clsx41 = __toESM(require("clsx"), 1);
-var import_react57 = require("react");
+var import_react58 = require("react");
 
 // src/SplitPane/SplitPane.manifest.ts
 var SplitPaneManifest = {
@@ -10370,8 +10409,8 @@ var paneStyles = "min-w-0 min-h-0 overflow-auto focus-visible:outline-hidden foc
 var BUTTON_STEP = 10;
 var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
 function usePaneScrolls(pane) {
-  const [scrolls, setScrolls] = (0, import_react57.useState)(false);
-  (0, import_react57.useEffect)(() => {
+  const [scrolls, setScrolls] = (0, import_react58.useState)(false);
+  (0, import_react58.useEffect)(() => {
     const node = pane.current;
     if (!node) return;
     const measure = () => setScrolls(
@@ -10407,7 +10446,7 @@ function usePaneScrolls(pane) {
   }, [pane]);
   return scrolls;
 }
-var SplitPane = (0, import_react57.forwardRef)(
+var SplitPane = (0, import_react58.forwardRef)(
   ({
     primary,
     secondary,
@@ -10433,15 +10472,15 @@ var SplitPane = (0, import_react57.forwardRef)(
     }
     const vertical = orientation === "vertical";
     const axis = vertical ? "vertical" : "horizontal";
-    const rootRef = (0, import_react57.useRef)(null);
-    const primaryRef = (0, import_react57.useRef)(null);
-    const secondaryRef = (0, import_react57.useRef)(null);
-    const separatorRef = (0, import_react57.useRef)(null);
+    const rootRef = (0, import_react58.useRef)(null);
+    const primaryRef = (0, import_react58.useRef)(null);
+    const secondaryRef = (0, import_react58.useRef)(null);
+    const separatorRef = (0, import_react58.useRef)(null);
     const ownChild = (selector) => () => Array.from(rootRef.current?.children ?? []).find((child) => child.matches(selector))?.id;
     const primaryId = useHydratedId(ownChild('[data-pane="primary"]'));
     const helpId = useHydratedId(ownChild("[data-oprt-split-help]"));
-    const [internalSize, setInternalSize] = (0, import_react57.useState)(defaultSize);
-    const drag = (0, import_react57.useRef)(null);
+    const [internalSize, setInternalSize] = (0, import_react58.useState)(defaultSize);
+    const drag = (0, import_react58.useRef)(null);
     const lower = clamp(Number.isFinite(minSize) ? minSize : 20, 0, 100);
     const upper = clamp(Number.isFinite(maxSize) ? maxSize : 80, lower, 100);
     const rawSize = size ?? internalSize;
@@ -10450,7 +10489,7 @@ var SplitPane = (0, import_react57.forwardRef)(
     const buttonStep = Math.max(BUTTON_STEP, increment);
     const threshold = Number.isFinite(stackBelow) ? Math.max(0, stackBelow) : 640;
     const setRef2 = useMergedRefs(rootRef, forwardedRef);
-    const isNarrow = (0, import_react57.useCallback)((width) => width < threshold, [threshold]);
+    const isNarrow = (0, import_react58.useCallback)((width) => width < threshold, [threshold]);
     const narrow = useElementWidth(rootRef, {
       initial: false,
       select: isNarrow
@@ -10462,7 +10501,7 @@ var SplitPane = (0, import_react57.forwardRef)(
       track: (element) => element.closest("[data-oprt-split-divider]")?.parentElement === rootRef.current ? true : null,
       findTarget: () => separatorRef.current?.isConnected ? separatorRef.current : primaryRef.current
     });
-    (0, import_react57.useEffect)(() => {
+    (0, import_react58.useEffect)(() => {
       drag.current = null;
     }, [disabled, stacked, orientation]);
     const resize = (next) => {
@@ -10642,7 +10681,7 @@ SplitPane.displayName = "SplitPane";
 // src/TimeRange/TimeRange.tsx
 var import_class_variance_authority26 = require("class-variance-authority");
 var import_clsx42 = __toESM(require("clsx"), 1);
-var import_react58 = require("react");
+var import_react59 = require("react");
 
 // src/_internal/timestamp.ts
 var MAX_TIME = 864e13;
@@ -10712,7 +10751,7 @@ function describeRange(start, end) {
   const sameDay = from.slice(0, 10) === to.slice(0, 10);
   return `${from} to ${sameDay ? to.slice(11) : to}`;
 }
-var TimeRange = (0, import_react58.forwardRef)(
+var TimeRange = (0, import_react59.forwardRef)(
   ({
     value,
     onValueChange,
@@ -10725,7 +10764,7 @@ var TimeRange = (0, import_react58.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const root = (0, import_react58.useRef)(null);
+    const root = (0, import_react59.useRef)(null);
     const setRoot = useMergedRefs(root, ref);
     const ids = usePartIds(
       ["start-date", "start-time", "end-date", "end-time", "error", "range", "status"],
@@ -10733,15 +10772,15 @@ var TimeRange = (0, import_react58.forwardRef)(
     );
     const base = `${value.start}|${value.end}`;
     const applied = draftOf(value);
-    const [draft, setDraft] = (0, import_react58.useState)(() => ({ base, ...applied }));
+    const [draft, setDraft] = (0, import_react59.useState)(() => ({ base, ...applied }));
     const current = draft.base === base ? draft : applied;
     const parsed = { start: parseEndpoint(current.start), end: parseEndpoint(current.end) };
     const error = validate(parsed, min, max);
     const pending = !(unchanged(current.start, parsed.start, applied.start, value.start) && unchanged(current.end, parsed.end, applied.end, value.end));
     const valid = !error && !pending;
-    const callback = (0, import_react58.useRef)(onDraftValidityChange);
+    const callback = (0, import_react59.useRef)(onDraftValidityChange);
     callback.current = onDraftValidityChange;
-    (0, import_react58.useEffect)(() => callback.current?.(valid, { pending }), [valid, pending]);
+    (0, import_react59.useEffect)(() => callback.current?.(valid, { pending }), [valid, pending]);
     const readout = Number.isNaN(parsed.start) || Number.isNaN(parsed.end) ? null : describeRange(parsed.start, parsed.end);
     const unapplied = !error && pending;
     const edit = (part, field, next) => setDraft({ ...current, base, [part]: { ...current[part], [field]: next } });
@@ -10887,7 +10926,7 @@ var TimeRangeManifest = {
 // src/EventTimeline/EventTimeline.tsx
 var import_class_variance_authority27 = require("class-variance-authority");
 var import_clsx43 = __toESM(require("clsx"), 1);
-var import_react59 = require("react");
+var import_react60 = require("react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var timelineStyles = (0, import_class_variance_authority27.cva)("flex min-w-0 flex-col gap-2u font-sans text-oprt-text");
 var markStyles = (0, import_class_variance_authority27.cva)("fill-current", {
@@ -10907,7 +10946,7 @@ var eventValid = (event) => isValidTimestamp(event.start) && (event.end === void
 var laneOf = (event) => event.lane || "Events";
 var DEFAULT_WIDTH = 1e3;
 var MIN_WIDTH = 16;
-var Marker2 = (0, import_react59.memo)(function Marker3({ id, severity, x, width, selected }) {
+var Marker2 = (0, import_react60.memo)(function Marker3({ id, severity, x, width, selected }) {
   const classes = (0, import_clsx43.default)(
     markStyles({ severity: severity ?? "neutral" }),
     selected && "stroke-oprt-text"
@@ -10933,7 +10972,7 @@ var Marker2 = (0, import_react59.memo)(function Marker3({ id, severity, x, width
     }
   );
 });
-var TimelineRow = (0, import_react59.memo)(function TimelineRow2({
+var TimelineRow = (0, import_react60.memo)(function TimelineRow2({
   event,
   selected,
   selectable,
@@ -10987,7 +11026,7 @@ var TimelineRow = (0, import_react59.memo)(function TimelineRow2({
     }
   );
 });
-var EventTimeline = (0, import_react59.forwardRef)(
+var EventTimeline = (0, import_react60.forwardRef)(
   ({
     events,
     start,
@@ -11000,21 +11039,21 @@ var EventTimeline = (0, import_react59.forwardRef)(
     className,
     ...props
   }, forwardedRef) => {
-    const id = (0, import_react59.useId)();
-    const rootRef = (0, import_react59.useRef)(null);
+    const id = (0, import_react60.useId)();
+    const rootRef = (0, import_react60.useRef)(null);
     const setRef2 = useMergedRefs(rootRef, forwardedRef);
     const observed = useElementWidth(rootRef, {
       initial: null,
       min: MIN_WIDTH
     });
-    const [firstWidth, setFirstWidth] = (0, import_react59.useState)(null);
+    const [firstWidth, setFirstWidth] = (0, import_react60.useState)(null);
     useIsomorphicLayoutEffect(() => {
       const width = rootRef.current?.getBoundingClientRect().width;
       if (width !== void 0 && Number.isFinite(width) && width > MIN_WIDTH) setFirstWidth(width);
     }, []);
     const plotWidth = observed ?? firstWidth ?? DEFAULT_WIDTH;
     const validRange = isValidTimestamp(start) && isValidTimestamp(end) && start < end;
-    const { visible, omitted, lanes } = (0, import_react59.useMemo)(() => {
+    const { visible, omitted, lanes } = (0, import_react60.useMemo)(() => {
       const validEvents = events.filter(eventValid);
       const inWindow = validRange ? validEvents.filter((event) => event.start <= end && (event.end ?? event.start) >= start).sort((a, b) => a.start - b.start) : [];
       const byLane = /* @__PURE__ */ new Map();
@@ -11026,11 +11065,11 @@ var EventTimeline = (0, import_react59.forwardRef)(
       }
       return { visible: inWindow, omitted: events.length - validEvents.length, lanes: byLane };
     }, [events, start, end, validRange]);
-    const selectionRef = (0, import_react59.useRef)(onSelectionChange);
+    const selectionRef = (0, import_react60.useRef)(onSelectionChange);
     useIsomorphicLayoutEffect(() => {
       selectionRef.current = onSelectionChange;
     });
-    const select = (0, import_react59.useCallback)((eventId) => selectionRef.current?.(eventId), []);
+    const select = (0, import_react60.useCallback)((eventId) => selectionRef.current?.(eventId), []);
     const extent2 = plotWidth - 16;
     const position = (time) => 8 + Math.max(0, Math.min(extent2, (time - start) / (end - start) * extent2));
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
@@ -11042,7 +11081,15 @@ var EventTimeline = (0, import_react59.forwardRef)(
         "aria-label": label,
         className: (0, import_clsx43.default)(timelineStyles(), className),
         children: [
-          !validRange ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { role: "status", className: "m-0 text-oprt-base text-oprt-text-dim", children: "Choose a valid time range with start before end." }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            "p",
+            {
+              role: "status",
+              className: !validRange ? "m-0 text-oprt-base text-oprt-text-dim" : "sr-only",
+              children: !validRange ? "Choose a valid time range with start before end." : ""
+            }
+          ),
+          !validRange ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-wrap justify-between gap-1u font-mono text-oprt-base text-oprt-text-dim", children: [
               /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("time", { dateTime: new Date(start).toISOString(), children: utc(start) }),
               /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("time", { dateTime: new Date(end).toISOString(), children: utc(end) })
@@ -11171,7 +11218,7 @@ var EventTimelineManifest = {
 };
 
 // src/AppShell/AppShell.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_class_variance_authority28 = require("class-variance-authority");
 var import_clsx44 = __toESM(require("clsx"), 1);
 
@@ -11254,7 +11301,7 @@ var connectionVariants = {
 function connectionVariant(connection) {
   return Object.prototype.hasOwnProperty.call(connectionVariants, connection) ? connectionVariants[connection] : "neutral";
 }
-var AppShell = (0, import_react60.forwardRef)(
+var AppShell = (0, import_react61.forwardRef)(
   ({
     title = "Workspace",
     identity,
@@ -11269,7 +11316,7 @@ var AppShell = (0, import_react60.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const id = (0, import_react60.useId)();
+    const id = (0, import_react61.useId)();
     if (process.env.NODE_ENV !== "production") {
       devValidate("AppShell", AppShellManifest.AppShell.props, { mode, connection });
     }
@@ -11331,14 +11378,14 @@ var AppShell = (0, import_react60.forwardRef)(
 AppShell.displayName = "AppShell";
 
 // src/Inspector/Inspector.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_class_variance_authority29 = require("class-variance-authority");
 var import_clsx45 = __toESM(require("clsx"), 1);
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var inspectorStyles = (0, import_class_variance_authority29.cva)(
   "flex min-w-0 flex-col gap-2u break-words border border-oprt-border bg-oprt-surface-1 p-2u font-sans text-oprt-base normal-case text-oprt-text"
 );
-var Inspector = (0, import_react61.forwardRef)(
+var Inspector = (0, import_react62.forwardRef)(
   ({
     open = true,
     title,
@@ -11350,7 +11397,7 @@ var Inspector = (0, import_react61.forwardRef)(
     "aria-describedby": describedBy,
     ...props
   }, ref) => {
-    const root = (0, import_react61.useRef)(null);
+    const root = (0, import_react62.useRef)(null);
     const setRef2 = useMergedRefs(root, ref);
     const ids = usePartIds(["title", "description"], {
       readRendered: () => root.current?.getAttribute("data-oprt-ids")
@@ -11420,7 +11467,7 @@ var InspectorManifest = {
 };
 
 // src/TreeView/TreeView.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_react_aria_components20 = require("react-aria-components");
 var import_icons17 = require("@oprt/icons");
 var import_class_variance_authority30 = require("class-variance-authority");
@@ -11449,7 +11496,7 @@ function aimAtLabel(tree, row) {
   row.style.scrollMarginLeft = `${Math.min(0, box.left - left)}px`;
   row.style.scrollMarginRight = `${Math.min(0, right - box.right)}px`;
 }
-var TreeView = (0, import_react62.forwardRef)(
+var TreeView = (0, import_react63.forwardRef)(
   ({
     items,
     label = "Navigation",
@@ -11463,12 +11510,12 @@ var TreeView = (0, import_react62.forwardRef)(
     className,
     ...attributes
   }, ref) => {
-    const [localSelection, setLocalSelection] = (0, import_react62.useState)(null);
-    const [localExpanded, setLocalExpanded] = (0, import_react62.useState)(defaultExpandedIds);
+    const [localSelection, setLocalSelection] = (0, import_react63.useState)(null);
+    const [localExpanded, setLocalExpanded] = (0, import_react63.useState)(defaultExpandedIds);
     const selection = selectedId === void 0 ? localSelection : selectedId;
-    const treeRef = (0, import_react62.useRef)(null);
+    const treeRef = (0, import_react63.useRef)(null);
     const setRef2 = useMergedRefs(treeRef, ref);
-    (0, import_react62.useEffect)(() => {
+    (0, import_react63.useEffect)(() => {
       const tree = treeRef.current;
       if (!tree) return;
       const aim = (event) => {
@@ -11593,14 +11640,14 @@ var TreeViewManifest = {
 };
 
 // src/OperationalStatus/OperationalStatus.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_class_variance_authority32 = require("class-variance-authority");
 var import_clsx48 = __toESM(require("clsx"), 1);
 
 // src/DescriptionList/DescriptionList.tsx
 var import_class_variance_authority31 = require("class-variance-authority");
 var import_clsx47 = __toESM(require("clsx"), 1);
-var import_react63 = require("react");
+var import_react64 = require("react");
 
 // src/DescriptionList/DescriptionList.manifest.ts
 var DescriptionListManifest = {
@@ -11681,13 +11728,13 @@ var valueStyles2 = (0, import_class_variance_authority31.cva)(
   }
 );
 var isMissing = (value) => value === null || value === void 0 || value === "";
-var DescriptionList = (0, import_react63.forwardRef)(
+var DescriptionList = (0, import_react64.forwardRef)(
   ({ items, layout = "stacked", className, ...props }, ref) => {
     if (process.env.NODE_ENV !== "production") {
       devValidate("DescriptionList", DescriptionListManifest.DescriptionList.props, { layout });
     }
-    const reported3 = (0, import_react63.useRef)(/* @__PURE__ */ new Set());
-    (0, import_react63.useEffect)(() => {
+    const reported3 = (0, import_react64.useRef)(/* @__PURE__ */ new Set());
+    (0, import_react64.useEffect)(() => {
       if (process.env.NODE_ENV === "production") return;
       const fresh = items.filter(({ id, value }) => isMissing(value) && !reported3.current.has(id)).map(({ id }) => id);
       if (fresh.length === 0) return;
@@ -11772,10 +11819,10 @@ var variants = {
   unavailable: "error",
   unknown: "neutral"
 };
-var OperationalStatus = (0, import_react64.forwardRef)(
+var OperationalStatus = (0, import_react65.forwardRef)(
   (allProps, ref) => {
     const { state = "unknown", source, updatedAt, detail, className, ...props } = allProps;
-    const qualityId = `${(0, import_react64.useId)()}-quality`;
+    const qualityId = `${(0, import_react65.useId)()}-quality`;
     if (process.env.NODE_ENV !== "production") {
       devValidate("OperationalStatus", OperationalStatusManifest.OperationalStatus.props, {
         ...allProps
@@ -11838,15 +11885,15 @@ var OperationalStatus = (0, import_react64.forwardRef)(
 OperationalStatus.displayName = "OperationalStatus";
 
 // src/ActionStatus/ActionStatus.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_class_variance_authority33 = require("class-variance-authority");
 var import_clsx49 = __toESM(require("clsx"), 1);
 
 // src/_internal/useActionFocus.ts
-var import_react65 = require("react");
+var import_react66 = require("react");
 function useActionFocus(ref, { onFocusCapture, onBlurCapture } = {}) {
-  const root = (0, import_react65.useRef)(null);
-  (0, import_react65.useImperativeHandle)(ref, () => root.current, []);
+  const root = (0, import_react66.useRef)(null);
+  (0, import_react66.useImperativeHandle)(ref, () => root.current, []);
   const restore = useRestoreFocusOnRemoval(root);
   return {
     ref: root,
@@ -11949,6 +11996,8 @@ function ActionStatusLine({
   requestId,
   children
 }) {
+  const spoken = [`${label}, ${state}.`, requestId && `Request: ${requestId}.`, message].filter(Boolean).join(" ");
+  const holdBack = useHoldBackNewText(true);
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "div",
     {
@@ -11957,19 +12006,27 @@ function ActionStatusLine({
       "aria-atomic": "true",
       className: "flex min-w-0 flex-col gap-1u",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "min-w-0 oprt-wrap-anywhere font-medium uppercase tracking-oprt-caps", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { variant: variants2[state], indicator: "dot", children: state }) }),
-        requestId && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "min-w-0 oprt-wrap-anywhere font-mono", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "sr-only", children: holdBack ? null : spoken }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "min-w-0 oprt-wrap-anywhere font-medium uppercase tracking-oprt-caps",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Badge, { variant: variants2[state], indicator: "dot", children: state }) }),
+        requestId && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { "aria-hidden": "true", className: "min-w-0 oprt-wrap-anywhere font-mono", children: [
           "Request: ",
           requestId
         ] }),
-        message && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "m-0 min-w-0 oprt-wrap-anywhere", children: message }),
+        message && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { "aria-hidden": "true", className: "m-0 min-w-0 oprt-wrap-anywhere", children: message }),
         children
       ]
     }
   );
 }
-var ActionStatus = (0, import_react66.forwardRef)((allProps, ref) => {
+var ActionStatus = (0, import_react67.forwardRef)((allProps, ref) => {
   const {
     state,
     label,
@@ -12015,7 +12072,7 @@ var ActionStatus = (0, import_react66.forwardRef)((allProps, ref) => {
 ActionStatus.displayName = "ActionStatus";
 
 // src/MultiSelect/MultiSelect.tsx
-var import_react67 = require("react");
+var import_react68 = require("react");
 var import_class_variance_authority34 = require("class-variance-authority");
 var import_clsx50 = __toESM(require("clsx"), 1);
 var import_icons18 = require("@oprt/icons");
@@ -12024,7 +12081,7 @@ var styles = (0, import_class_variance_authority34.cva)("m-0 min-w-0 border p-2u
   variants: { invalid: { true: "border-oprt-error", false: "border-oprt-border" } },
   defaultVariants: { invalid: false }
 });
-var MultiSelect = (0, import_react67.forwardRef)(
+var MultiSelect = (0, import_react68.forwardRef)(
   ({
     label,
     options,
@@ -12039,12 +12096,12 @@ var MultiSelect = (0, import_react67.forwardRef)(
     "aria-describedby": describedBy,
     ...props
   }, ref) => {
-    const fieldset = (0, import_react67.useRef)(null);
+    const fieldset = (0, import_react68.useRef)(null);
     const fieldsetRef = useMergedRefs(fieldset, ref);
     const ids = usePartIds(["description", "error"], {
       readRendered: () => fieldset.current?.getAttribute("data-oprt-ids")
     });
-    const [local, setLocal] = (0, import_react67.useState)(defaultValue);
+    const [local, setLocal] = (0, import_react68.useState)(defaultValue);
     const selected = value ?? local;
     const descriptions = joinIds(describedBy, description && ids.description, error && ids.error);
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
@@ -12171,7 +12228,7 @@ var MultiSelectManifest = {
 };
 
 // src/NumberInput/NumberInput.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_class_variance_authority35 = require("class-variance-authority");
 var import_clsx51 = __toESM(require("clsx"), 1);
 
@@ -12277,7 +12334,7 @@ function validate2(text, unit, min, max, step, required) {
 function plainDecimal(value) {
   return value.toLocaleString("en-US", { useGrouping: false, maximumFractionDigits: 20 });
 }
-var NumberInput = (0, import_react68.forwardRef)((allProps, ref) => {
+var NumberInput = (0, import_react69.forwardRef)((allProps, ref) => {
   const {
     label,
     unit,
@@ -12304,22 +12361,22 @@ var NumberInput = (0, import_react68.forwardRef)((allProps, ref) => {
   if (process.env.NODE_ENV !== "production") {
     devValidate("NumberInput", NumberInputManifest.NumberInput.props, { ...allProps });
   }
-  const labelRef = (0, import_react68.useRef)(null);
+  const labelRef = (0, import_react69.useRef)(null);
   const ids = usePartIds(["unit", "description", "error", "unknown"], {
     id,
     readRendered: () => labelRef.current?.htmlFor
   });
   const inputId = ids.base;
-  const inputRef = (0, import_react68.useRef)(null);
+  const inputRef = (0, import_react69.useRef)(null);
   const mergedRef = useMergedRefs(inputRef, ref);
-  const [local, setLocal] = (0, import_react68.useState)(defaultValue);
+  const [local, setLocal] = (0, import_react69.useState)(defaultValue);
   const numeric = value === void 0 ? local : value;
-  const [draft, setDraft] = (0, import_react68.useState)(null);
+  const [draft, setDraft] = (0, import_react69.useState)(null);
   const text = draft && Object.is(draft.base, numeric) ? draft.text : numeric === null ? "" : String(numeric);
   const validation = error || validate2(text, unit, min, max, step, required);
-  const validationRef = (0, import_react68.useRef)(onValidationChange);
+  const validationRef = (0, import_react69.useRef)(onValidationChange);
   validationRef.current = onValidationChange;
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     inputRef.current?.setCustomValidity(validation ?? "");
     validationRef.current?.(validation ?? null);
   }, [validation]);
@@ -12428,11 +12485,11 @@ var NumberInput = (0, import_react68.forwardRef)((allProps, ref) => {
 NumberInput.displayName = "NumberInput";
 
 // src/CoordinateInput/CoordinateInput.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_clsx52 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var unknown = { latitude: null, longitude: null };
-var CoordinateInput = (0, import_react69.forwardRef)(
+var CoordinateInput = (0, import_react70.forwardRef)(
   ({
     label = "Coordinates",
     value,
@@ -12448,18 +12505,18 @@ var CoordinateInput = (0, import_react69.forwardRef)(
     "aria-describedby": describedBy,
     ...props
   }, ref) => {
-    const fieldset = (0, import_react69.useRef)(null);
+    const fieldset = (0, import_react70.useRef)(null);
     const fieldsetRef = useMergedRefs(fieldset, ref);
     const ids = usePartIds(["status", "description", "error"], {
       readRendered: () => fieldset.current?.getAttribute("data-oprt-ids")
     });
-    const [local, setLocal] = (0, import_react69.useState)(defaultValue);
-    const [invalidAxes, setInvalidAxes] = (0, import_react69.useState)({ latitude: false, longitude: false });
+    const [local, setLocal] = (0, import_react70.useState)(defaultValue);
+    const [invalidAxes, setInvalidAxes] = (0, import_react70.useState)({ latitude: false, longitude: false });
     const position = value ?? local;
     const invalid = Boolean(error) || invalidAxes.latitude || invalidAxes.longitude || position.latitude !== null && (!Number.isFinite(position.latitude) || Math.abs(position.latitude) > 90) || position.longitude !== null && (!Number.isFinite(position.longitude) || Math.abs(position.longitude) > 180);
-    const validationRef = (0, import_react69.useRef)(onValidationChange);
+    const validationRef = (0, import_react70.useRef)(onValidationChange);
     validationRef.current = onValidationChange;
-    (0, import_react69.useEffect)(() => {
+    (0, import_react70.useEffect)(() => {
       validationRef.current?.(invalid);
     }, [invalid]);
     const status = invalid ? "Position invalid" : position.latitude === null || position.longitude === null ? "Position unknown" : "Decimal degrees";
@@ -12598,7 +12655,7 @@ var CoordinateInputManifest = {
 // src/Link/Link.tsx
 var import_class_variance_authority36 = require("class-variance-authority");
 var import_clsx53 = __toESM(require("clsx"), 1);
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var linkStyles = (0, import_class_variance_authority36.cva)(
   "min-h-oprt-sm min-w-oprt-sm border border-transparent py-[calc((var(--oprt-height-sm)-2px-var(--oprt-line-base))/2)] box-decoration-clone font-sans text-oprt-base font-medium text-oprt-accent underline underline-offset-2 oprt-wrap-anywhere [&_svg]:inline-block hover:text-oprt-accent-hover aria-disabled:text-[color:inherit] aria-disabled:hover:text-[color:inherit] aria-disabled:no-underline aria-disabled:cursor-default focus-visible:outline-hidden focus-visible:border-oprt-border-focus focus-visible:shadow-oprt-focus forced-colors:focus-visible:outline-solid forced-colors:focus-visible:outline-2 forced-colors:focus-visible:outline-[CanvasText]",
@@ -12611,11 +12668,11 @@ var linkStyles = (0, import_class_variance_authority36.cva)(
   }
 );
 function isIconOnly(children) {
-  const parts = import_react70.Children.toArray(children).filter(
+  const parts = import_react71.Children.toArray(children).filter(
     (part) => !(typeof part === "string" && part.trim() === "")
   );
   const [only] = parts;
-  if (parts.length !== 1 || !(0, import_react70.isValidElement)(only)) return false;
+  if (parts.length !== 1 || !(0, import_react71.isValidElement)(only)) return false;
   const hidden = only.props["aria-hidden"];
   return only.type === "svg" || hidden === true || hidden === "true" || typeof only.type !== "string" && only.props.children == null;
 }
@@ -12652,7 +12709,7 @@ function reportUnsafeHref(destination) {
     )
   );
 }
-var Link = (0, import_react70.forwardRef)(
+var Link = (0, import_react71.forwardRef)(
   ({ className, href, children, ...props }, ref) => {
     const safe = typeof href !== "string" || isSafeHref(href, props.download !== void 0 && props.download !== false);
     if (!safe) reportUnsafeHref(href);
@@ -12706,7 +12763,7 @@ var LinkManifest = {
 };
 
 // src/CopyButton/CopyButton.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_class_variance_authority37 = require("class-variance-authority");
 var import_icons19 = require("@oprt/icons");
 
@@ -12723,7 +12780,7 @@ var CopyButtonManifest = {
       label: {
         type: "string",
         required: true,
-        description: 'Accessible action name identifying the value. Feedback reads this label, then the outcome: "Copy equipment ID: copied".'
+        description: 'Accessible action name identifying the value. It must contain "Copy", the word the button shows. Feedback reads this label, then the outcome: "Copy equipment ID: copied".'
       },
       size: { type: "enum", values: ["sm", "md", "lg"], default: "md" },
       disabled: { type: "boolean", default: false },
@@ -12744,16 +12801,16 @@ var CopyButtonManifest = {
 };
 
 // src/_internal/useIsMounted.ts
-var import_react71 = require("react");
+var import_react72 = require("react");
 function useIsMounted() {
-  const mounted = (0, import_react71.useRef)(false);
+  const mounted = (0, import_react72.useRef)(false);
   useIsomorphicLayoutEffect(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
     };
   }, []);
-  return (0, import_react71.useCallback)(() => mounted.current, []);
+  return (0, import_react72.useCallback)(() => mounted.current, []);
 }
 
 // src/CopyButton/CopyButton.tsx
@@ -12769,13 +12826,32 @@ var feedbackStyles = (0, import_class_variance_authority37.cva)("min-w-0 break-w
     }
   }
 });
-var CopyButton = (0, import_react72.forwardRef)((allProps, ref) => {
+var reportedLabels = /* @__PURE__ */ new Set();
+function reportLabelWithoutVisibleText(label) {
+  if (process.env.NODE_ENV === "production" || reportedLabels.has(label)) return;
+  reportedLabels.add(label);
+  console.error(
+    JSON.stringify(
+      {
+        component: "CopyButton",
+        error: "LABEL_OMITS_VISIBLE_TEXT",
+        prop: "label",
+        received: label,
+        suggestion: 'The button shows the word "Copy", so its label must contain it (WCAG 2.5.3, Label in Name). Start the label with it: "Copy equipment ID".'
+      },
+      null,
+      2
+    )
+  );
+}
+var CopyButton = (0, import_react73.forwardRef)((allProps, ref) => {
   const { value, label, onCopy, onCopyError, disabled = false, size = "md", className } = allProps;
-  const [pending, setPending] = (0, import_react72.useState)(false);
-  const [feedback, setFeedback] = (0, import_react72.useState)(null);
-  const pendingRef = (0, import_react72.useRef)(false);
+  const [pending, setPending] = (0, import_react73.useState)(false);
+  if (!/copy/i.test(label)) reportLabelWithoutVisibleText(label);
+  const [feedback, setFeedback] = (0, import_react73.useState)(null);
+  const pendingRef = (0, import_react73.useRef)(false);
   const isMounted = useIsMounted();
-  const context = (0, import_react72.useRef)({ value, label, revision: 0 });
+  const context = (0, import_react73.useRef)({ value, label, revision: 0 });
   if (process.env.NODE_ENV !== "production") {
     devValidate("CopyButton", CopyButtonManifest.CopyButton.props, { ...allProps });
   }
@@ -12856,7 +12932,7 @@ CopyButton.displayName = "CopyButton";
 
 // src/Popover/Popover.tsx
 var import_react_aria_components21 = require("react-aria-components");
-var import_react73 = require("react");
+var import_react74 = require("react");
 var import_class_variance_authority38 = require("class-variance-authority");
 var import_clsx54 = __toESM(require("clsx"), 1);
 
@@ -12920,7 +12996,7 @@ function topSurface() {
   );
   return surfaces[surfaces.length - 1];
 }
-var Popover2 = (0, import_react73.forwardRef)(
+var Popover2 = (0, import_react74.forwardRef)(
   ({
     children,
     content,
@@ -12940,37 +13016,37 @@ var Popover2 = (0, import_react73.forwardRef)(
     id: suppliedId,
     ...dialogProps
   }, ref) => {
-    const [localOpen, setLocalOpen] = (0, import_react73.useState)(defaultOpen);
+    const [localOpen, setLocalOpen] = (0, import_react74.useState)(defaultOpen);
     const isOpen = open ?? localOpen;
-    const [positioning, setPositioning] = (0, import_react73.useState)(true);
-    const [tooltipOpen, setTooltipOpen] = (0, import_react73.useState)(false);
+    const [positioning, setPositioning] = (0, import_react74.useState)(true);
+    const [tooltipOpen, setTooltipOpen] = (0, import_react74.useState)(false);
     const motionState = useMotion(motion);
     if (process.env.NODE_ENV !== "production") {
       devValidate("Popover", PopoverManifest.Popover.props, { ...dialogProps, side, align });
     }
-    const generatedId = (0, import_react73.useId)();
+    const generatedId = (0, import_react74.useId)();
     const id = suppliedId ?? `oprt-popover-${generatedId}`;
-    const trigger = (0, import_react73.useRef)(null);
-    const lastTrigger = (0, import_react73.useRef)(null);
-    const dialog = (0, import_react73.useRef)(null);
-    const lastDialog = (0, import_react73.useRef)(null);
-    const wasOpen = (0, import_react73.useRef)(false);
-    const focusFrame = (0, import_react73.useRef)();
-    const focusScrollClose = (0, import_react73.useRef)(false);
-    const current = (0, import_react73.useRef)({ isOpen, onCloseAutoFocus, returnFocusRef });
+    const trigger = (0, import_react74.useRef)(null);
+    const lastTrigger = (0, import_react74.useRef)(null);
+    const dialog = (0, import_react74.useRef)(null);
+    const lastDialog = (0, import_react74.useRef)(null);
+    const wasOpen = (0, import_react74.useRef)(false);
+    const focusFrame = (0, import_react74.useRef)();
+    const focusScrollClose = (0, import_react74.useRef)(false);
+    const current = (0, import_react74.useRef)({ isOpen, onCloseAutoFocus, returnFocusRef });
     current.current = { isOpen, onCloseAutoFocus, returnFocusRef };
-    const childRef = parseInt(import_react73.version, 10) < 19 ? children.ref : children.props.ref;
-    const rememberTrigger = (0, import_react73.useCallback)((node) => {
+    const childRef = parseInt(import_react74.version, 10) < 19 ? children.ref : children.props.ref;
+    const rememberTrigger = (0, import_react74.useCallback)((node) => {
       trigger.current = node;
       if (node) lastTrigger.current = node;
     }, []);
     const setTrigger = useMergedRefs(rememberTrigger, childRef);
-    const rememberDialog = (0, import_react73.useCallback)((node) => {
+    const rememberDialog = (0, import_react74.useCallback)((node) => {
       dialog.current = node;
       if (node) lastDialog.current = node;
     }, []);
     const setDialog = useMergedRefs(rememberDialog, ref);
-    const restoreFocus = (0, import_react73.useCallback)(() => {
+    const restoreFocus = (0, import_react74.useCallback)(() => {
       const event = new Event("popovercloseautofocus", { cancelable: true });
       current.current.onCloseAutoFocus?.(event);
       if (event.defaultPrevented) return;
@@ -12985,7 +13061,7 @@ var Popover2 = (0, import_react73.forwardRef)(
         if (target?.isConnected) target.focus({ preventScroll: true });
       });
     }, []);
-    (0, import_react73.useEffect)(() => {
+    (0, import_react74.useEffect)(() => {
       if (isOpen && !wasOpen.current) {
         if (focusFrame.current !== void 0) cancelAnimationFrame(focusFrame.current);
         setTooltipOpen(false);
@@ -12994,13 +13070,13 @@ var Popover2 = (0, import_react73.forwardRef)(
       if (!isOpen && wasOpen.current) restoreFocus();
       wasOpen.current = isOpen;
     }, [isOpen, restoreFocus]);
-    (0, import_react73.useEffect)(
+    (0, import_react74.useEffect)(
       () => () => {
         if (wasOpen.current && !dialog.current?.isConnected) restoreFocus();
       },
       [restoreFocus]
     );
-    const requestOpen = (0, import_react73.useCallback)(
+    const requestOpen = (0, import_react74.useCallback)(
       (next) => {
         if (next && disabled) return;
         if (!next && focusScrollClose.current) return;
@@ -13068,7 +13144,7 @@ var Popover2 = (0, import_react73.forwardRef)(
           window.removeEventListener(event, interact, true);
       };
     }, [isOpen]);
-    (0, import_react73.useEffect)(() => {
+    (0, import_react74.useEffect)(() => {
       if (!isOpen) return;
       let startedOutside = false;
       const start = (event) => {
@@ -13095,7 +13171,7 @@ var Popover2 = (0, import_react73.forwardRef)(
         document.removeEventListener("pointercancel", cancel, true);
       };
     }, [isOpen, requestOpen]);
-    const triggerElement = (0, import_react73.cloneElement)(children, {
+    const triggerElement = (0, import_react74.cloneElement)(children, {
       ref: setTrigger,
       disabled: disabled || children.props.disabled,
       "aria-disabled": disabled || children.props["aria-disabled"],
@@ -13185,16 +13261,16 @@ var Popover2 = (0, import_react73.forwardRef)(
 Popover2.displayName = "Popover";
 
 // src/EntityPreview/EntityPreview.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_class_variance_authority39 = require("class-variance-authority");
 var import_clsx55 = __toESM(require("clsx"), 1);
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var previewStyles = (0, import_class_variance_authority39.cva)(
   "flex min-w-0 flex-col gap-2u font-sans text-oprt-base normal-case tracking-normal text-oprt-text"
 );
-var EntityPreview = (0, import_react74.forwardRef)(
+var EntityPreview = (0, import_react75.forwardRef)(
   ({ entity, media, actions: actions2, headingLevel = 3, className, ...props }, ref) => {
-    const instanceId = (0, import_react74.useId)();
+    const instanceId = (0, import_react75.useId)();
     const headingId = `${instanceId}-name`;
     const conditionId = `${instanceId}-condition`;
     const Heading5 = `h${headingLevel}`;
@@ -13299,16 +13375,16 @@ var EntityPreviewManifest = {
 };
 
 // src/FormSection/FormSection.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_class_variance_authority40 = require("class-variance-authority");
 var import_clsx56 = __toESM(require("clsx"), 1);
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var sectionStyles = (0, import_class_variance_authority40.cva)(
   "m-0 min-w-0 border border-oprt-border bg-oprt-surface-1 p-3u font-sans text-oprt-base normal-case tracking-normal text-oprt-text"
 );
-var FormSection = (0, import_react75.forwardRef)(
+var FormSection = (0, import_react76.forwardRef)(
   ({ legend, description, children, className, "aria-describedby": describedBy, ...props }, ref) => {
-    const root = (0, import_react75.useRef)(null);
+    const root = (0, import_react76.useRef)(null);
     const mergedRef = useMergedRefs(root, ref);
     const ids = usePartIds(["description"], {
       id: props.id,
@@ -13372,7 +13448,7 @@ var FormSectionManifest = {
 };
 
 // src/FormErrorSummary/FormErrorSummary.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_class_variance_authority41 = require("class-variance-authority");
 var import_clsx57 = __toESM(require("clsx"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
@@ -13382,7 +13458,7 @@ var summaryStyles = (0, import_class_variance_authority41.cva)(
 var errorStyles = (0, import_class_variance_authority41.cva)(
   "inline-flex min-h-3u min-w-3u max-w-full items-center border border-transparent px-1u py-0.5u text-left text-oprt-base font-medium normal-case tracking-normal text-oprt-text underline underline-offset-2 hover:text-oprt-accent outline-hidden focus-visible:border-oprt-border-focus focus-visible:shadow-oprt-focus oprt-wrap-anywhere"
 );
-var FormErrorSummary = (0, import_react76.forwardRef)(
+var FormErrorSummary = (0, import_react77.forwardRef)(
   ({
     errors,
     title = "Check these fields",
@@ -13392,7 +13468,7 @@ var FormErrorSummary = (0, import_react76.forwardRef)(
     "aria-labelledby": labelledBy,
     ...props
   }, ref) => {
-    const root = (0, import_react76.useRef)(null);
+    const root = (0, import_react77.useRef)(null);
     const mergedRef = useMergedRefs(root, ref);
     const ids = usePartIds(["title"], {
       id: props.id,
@@ -13463,7 +13539,7 @@ var FormErrorSummaryManifest = {
 };
 
 // src/Calendar/Calendar.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_date2 = require("@internationalized/date");
 var import_react_aria_components22 = require("react-aria-components");
 var import_class_variance_authority42 = require("class-variance-authority");
@@ -13649,7 +13725,7 @@ function CalendarContent() {
     ] })
   ] });
 }
-var Calendar2 = (0, import_react77.forwardRef)(
+var Calendar2 = (0, import_react78.forwardRef)(
   ({
     label,
     value,
@@ -13662,10 +13738,10 @@ var Calendar2 = (0, import_react77.forwardRef)(
     id,
     className
   }, ref) => {
-    const generated = (0, import_react77.useId)();
+    const generated = (0, import_react78.useId)();
     const errorId = `${id ?? generated}-error`;
     const hydration = useHydrationRoot(id);
-    const config = (0, import_react77.useMemo)(() => dateConfiguration(value, min, max), [value, min, max]);
+    const config = (0, import_react78.useMemo)(() => dateConfiguration(value, min, max), [value, min, max]);
     const error = config.error ?? (required && value === null ? "A date is required." : null);
     return (
       // The key remounts the error with the calendar, so both take the client's ids when hydration
@@ -13740,7 +13816,7 @@ var CalendarManifest = {
 };
 
 // src/DatePicker/DatePicker.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_react_aria_components23 = require("react-aria-components");
 var import_date4 = require("@internationalized/date");
 var import_icons21 = require("@oprt/icons");
@@ -13748,12 +13824,12 @@ var import_class_variance_authority43 = require("class-variance-authority");
 var import_clsx59 = __toESM(require("clsx"), 1);
 
 // src/_internal/segmentField.ts
-var import_react78 = require("react");
+var import_react79 = require("react");
 function sameSnapshot(a, b) {
   return a.value === b.value && a.empty === b.empty && a.valid === b.valid;
 }
 function useReportSegments(segments2, read, report2) {
-  const last = (0, import_react78.useRef)(null);
+  const last = (0, import_react79.useRef)(null);
   useIsomorphicLayoutEffect(() => {
     const snapshot = read(segments2);
     const previous = last.current;
@@ -13800,11 +13876,11 @@ function useSegmentDraft({
     rejected: false,
     rejection: null
   };
-  const [draft, setDraft] = (0, import_react78.useState)(initial);
+  const [draft, setDraft] = (0, import_react79.useState)(initial);
   const current = draft.base === value ? draft : initial;
-  const raw = (0, import_react78.useRef)(current.snapshot);
-  const rejectBlur = (0, import_react78.useRef)(false);
-  const report2 = (0, import_react78.useCallback)(
+  const raw = (0, import_react79.useRef)(current.snapshot);
+  const rejectBlur = (0, import_react79.useRef)(false);
+  const report2 = (0, import_react79.useCallback)(
     (snapshot) => {
       raw.current = snapshot;
       setDraft(
@@ -13851,7 +13927,7 @@ function useSegmentDraft({
     accept: () => setDraft((previous) => ({ ...previous, rejected: false, rejection: null }))
   };
 }
-var SegmentGroupContext = (0, import_react78.createContext)(null);
+var SegmentGroupContext = (0, import_react79.createContext)(null);
 
 // src/DatePicker/DatePicker.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -13860,11 +13936,11 @@ function ObservedYear({
   segment,
   report: report2
 }) {
-  const state = (0, import_react79.useContext)(import_react_aria_components23.DateFieldStateContext);
+  const state = (0, import_react80.useContext)(import_react_aria_components23.DateFieldStateContext);
   useReportSegments(state.segments, readDateSegments, report2);
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_aria_components23.DateSegment, { segment, className: SEGMENT_STYLES });
 }
-var DatePicker = (0, import_react79.forwardRef)(
+var DatePicker = (0, import_react80.forwardRef)(
   ({
     label,
     value,
@@ -13879,19 +13955,19 @@ var DatePicker = (0, import_react79.forwardRef)(
     className,
     motion = "auto"
   }, ref) => {
-    const generated = (0, import_react79.useId)();
+    const generated = (0, import_react80.useId)();
     const inputId = id ?? `oprt-date-${generated}`;
     const hydration = useHydrationRoot(inputId);
     const { locale } = (0, import_react_aria_components23.useLocale)();
-    const gregorianLocale = (0, import_react79.useMemo)(
+    const gregorianLocale = (0, import_react80.useMemo)(
       () => new Intl.Locale(locale, { calendar: "gregory" }).toString(),
       [locale]
     );
-    const config = (0, import_react79.useMemo)(() => dateConfiguration(value, min, max), [value, min, max]);
+    const config = (0, import_react80.useMemo)(() => dateConfiguration(value, min, max), [value, min, max]);
     const displayedValue = config.date?.toString() ?? null;
     const motionState = useMotion(motion);
-    const calendarButton = (0, import_react79.useRef)(null);
-    const group = (0, import_react79.useContext)(SegmentGroupContext);
+    const calendarButton = (0, import_react80.useRef)(null);
+    const group = (0, import_react80.useContext)(SegmentGroupContext);
     const calendarMin = parseDateOnly(group?.calendar?.min);
     const calendarMax = parseDateOnly(group?.calendar?.max);
     const minValue = calendarMin && calendarMin.compare(config.min) > 0 ? calendarMin : config.min;
@@ -13908,10 +13984,10 @@ var DatePicker = (0, import_react79.forwardRef)(
       // The bound an edit crossed, named as for a supplied value (DatePicker-R6).
       draft.rejection ?? "Enter a complete, valid date within the allowed bounds."
     ) : null);
-    const validityCallback = (0, import_react79.useRef)(onDraftValidityChange);
+    const validityCallback = (0, import_react80.useRef)(onDraftValidityChange);
     validityCallback.current = onDraftValidityChange;
     const pending = draft.pending;
-    (0, import_react79.useEffect)(() => validityCallback.current?.(!error, { pending }), [error, pending]);
+    (0, import_react80.useEffect)(() => validityCallback.current?.(!error, { pending }), [error, pending]);
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_aria_components23.I18nProvider, { locale: gregorianLocale, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       import_react_aria_components23.DatePicker,
       {
@@ -14036,7 +14112,7 @@ var DatePickerManifest = {
 };
 
 // src/InlineEdit/InlineEdit.tsx
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_class_variance_authority44 = require("class-variance-authority");
 var import_clsx60 = __toESM(require("clsx"), 1);
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -14047,35 +14123,35 @@ function matchesAttempt(attempt, value, label) {
   const acceptedReplacement = value === attempt.submitted && value !== attempt.session.baseline;
   return (label === attempt.session.label || acceptedReplacement) && (value === attempt.session.baseline || value === attempt.submitted);
 }
-var InlineEdit = (0, import_react80.forwardRef)(
+var InlineEdit = (0, import_react81.forwardRef)(
   ({ label, value, onSave, disabled = false, readOnly = false, validate: validate3, className, ...props }, ref) => {
-    const [editing, setEditing] = (0, import_react80.useState)(false);
-    const [draft, setDraft] = (0, import_react80.useState)(value);
-    const [error, setError] = (0, import_react80.useState)(null);
-    const [pending, setPending] = (0, import_react80.useState)(false);
-    const [multiline, setMultiline] = (0, import_react80.useState)(false);
-    const [returnFocus, setReturnFocus] = (0, import_react80.useState)(null);
-    const [changedTo, setChangedTo] = (0, import_react80.useState)(null);
-    const rootRef = (0, import_react80.useRef)(null);
+    const [editing, setEditing] = (0, import_react81.useState)(false);
+    const [draft, setDraft] = (0, import_react81.useState)(value);
+    const [error, setError] = (0, import_react81.useState)(null);
+    const [pending, setPending] = (0, import_react81.useState)(false);
+    const [multiline, setMultiline] = (0, import_react81.useState)(false);
+    const [returnFocus, setReturnFocus] = (0, import_react81.useState)(null);
+    const [changedTo, setChangedTo] = (0, import_react81.useState)(null);
+    const rootRef = (0, import_react81.useRef)(null);
     const mergedRef = useMergedRefs(rootRef, ref);
-    const inputRef = (0, import_react80.useRef)(null);
-    const editRef = (0, import_react80.useRef)(null);
-    const refocusInput = (0, import_react80.useRef)(false);
-    const session = (0, import_react80.useRef)(null);
-    const request = (0, import_react80.useRef)(null);
-    const composing = (0, import_react80.useRef)(false);
+    const inputRef = (0, import_react81.useRef)(null);
+    const editRef = (0, import_react81.useRef)(null);
+    const refocusInput = (0, import_react81.useRef)(false);
+    const session = (0, import_react81.useRef)(null);
+    const request = (0, import_react81.useRef)(null);
+    const composing = (0, import_react81.useRef)(false);
     const isMounted = useIsMounted();
-    const latest = (0, import_react80.useRef)({ label, value, disabled, readOnly });
+    const latest = (0, import_react81.useRef)({ label, value, disabled, readOnly });
     latest.current = { label, value, disabled, readOnly };
     const ids = usePartIds(["error", "changed"]);
-    (0, import_react80.useEffect)(
+    (0, import_react81.useEffect)(
       () => () => {
         session.current = null;
         request.current = null;
       },
       []
     );
-    (0, import_react80.useEffect)(() => {
+    (0, import_react81.useEffect)(() => {
       const current = session.current;
       if (!current) return;
       const attempt = request.current;
@@ -14093,17 +14169,17 @@ var InlineEdit = (0, import_react80.forwardRef)(
       session.current = { baseline: value, label };
       if (current.baseline !== value) setChangedTo(value);
     }, [value, label, disabled, readOnly]);
-    (0, import_react80.useEffect)(() => {
+    (0, import_react81.useEffect)(() => {
       if (editing) inputRef.current?.focus();
     }, [editing]);
-    (0, import_react80.useEffect)(() => {
+    (0, import_react81.useEffect)(() => {
       if (pending || !refocusInput.current) return;
       refocusInput.current = false;
       const active = document.activeElement;
       if (active === null || active === document.body || rootRef.current?.contains(active))
         inputRef.current?.focus();
     }, [pending]);
-    (0, import_react80.useEffect)(() => {
+    (0, import_react81.useEffect)(() => {
       if (!returnFocus || editing) return;
       if (!disabled && !readOnly && matchesAttempt(returnFocus, value, label))
         editRef.current?.focus();
@@ -14325,7 +14401,7 @@ var InlineEditManifest = {
 };
 
 // src/ContextMenu/ContextMenu.tsx
-var import_react81 = require("react");
+var import_react82 = require("react");
 var import_react_aria_components24 = require("react-aria-components");
 var import_react_aria6 = require("react-aria");
 var import_class_variance_authority45 = require("class-variance-authority");
@@ -14344,7 +14420,7 @@ function ContextSurface({
   disabled,
   children
 }) {
-  const surfaceRef = (0, import_react81.useRef)(null);
+  const surfaceRef = (0, import_react82.useRef)(null);
   const { pressProps } = (0, import_react_aria6.usePress)({ ref: surfaceRef, isDisabled: disabled });
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
@@ -14381,7 +14457,7 @@ function ContextSurface({
     }
   );
 }
-var ContextMenu = (0, import_react81.forwardRef)(
+var ContextMenu = (0, import_react82.forwardRef)(
   ({
     label,
     items,
@@ -14392,10 +14468,10 @@ var ContextMenu = (0, import_react81.forwardRef)(
     className,
     ...props
   }, ref) => {
-    const [open, setOpen] = (0, import_react81.useState)(null);
+    const [open, setOpen] = (0, import_react82.useState)(null);
     const hydration = useHydrationRoot();
     const motionState = useMotion("auto", "ContextMenu");
-    (0, import_react81.useEffect)(() => {
+    (0, import_react82.useEffect)(() => {
       if (disabled) setOpen(null);
     }, [disabled]);
     const menu = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
@@ -14531,18 +14607,18 @@ var ContextMenuManifest = {
 };
 
 // src/TimeField/TimeField.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_react_aria_components25 = require("react-aria-components");
 var import_class_variance_authority46 = require("class-variance-authority");
 var import_clsx62 = __toESM(require("clsx"), 1);
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var fieldStyles3 = (0, import_class_variance_authority46.cva)("flex min-w-0 flex-col gap-1u font-sans text-oprt-base text-oprt-text");
 function DraftObserver({ report: report2 }) {
-  const state = (0, import_react82.useContext)(import_react_aria_components25.TimeFieldStateContext);
+  const state = (0, import_react83.useContext)(import_react_aria_components25.TimeFieldStateContext);
   useReportSegments(state.segments, readTimeSegments, report2);
   return null;
 }
-var TimeField = (0, import_react82.forwardRef)(
+var TimeField = (0, import_react83.forwardRef)(
   ({
     label,
     value,
@@ -14556,12 +14632,12 @@ var TimeField = (0, import_react82.forwardRef)(
     id,
     className
   }, ref) => {
-    const generated = (0, import_react82.useId)();
+    const generated = (0, import_react83.useId)();
     const inputId = id ?? `oprt-time-${generated}`;
     const hydration = useHydrationRoot(inputId);
-    const config = (0, import_react82.useMemo)(() => timeConfiguration(value, min, max), [value, min, max]);
+    const config = (0, import_react83.useMemo)(() => timeConfiguration(value, min, max), [value, min, max]);
     const displayedValue = config.time ? formatTimeOnly(config.time) : null;
-    const group = (0, import_react82.useContext)(SegmentGroupContext);
+    const group = (0, import_react83.useContext)(SegmentGroupContext);
     const draft = useSegmentDraft({
       value,
       displayed: displayedValue,
@@ -14574,10 +14650,10 @@ var TimeField = (0, import_react82.forwardRef)(
       // The bound an edit crossed, named as for a supplied value (TimeField-R1).
       draft.rejection ?? "Enter a complete, valid time within the allowed bounds."
     ) : null);
-    const callback = (0, import_react82.useRef)(onDraftValidityChange);
+    const callback = (0, import_react83.useRef)(onDraftValidityChange);
     callback.current = onDraftValidityChange;
     const pending = draft.pending;
-    (0, import_react82.useEffect)(() => callback.current?.(!error, { pending }), [error, pending]);
+    (0, import_react83.useEffect)(() => callback.current?.(!error, { pending }), [error, pending]);
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { ...draft.editProps, children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
       import_react_aria_components25.TimeField,
       {
@@ -14662,14 +14738,14 @@ var TimeFieldManifest = {
 };
 
 // src/DateTimePicker/DateTimePicker.tsx
-var import_react83 = require("react");
+var import_react84 = require("react");
 var import_class_variance_authority47 = require("class-variance-authority");
 var import_clsx63 = __toESM(require("clsx"), 1);
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var pickerStyles = (0, import_class_variance_authority47.cva)(
   "flex min-w-0 flex-col gap-2u font-sans text-oprt-base text-oprt-text focus-visible:outline-hidden focus-visible:shadow-oprt-focus"
 );
-var DateTimePicker = (0, import_react83.forwardRef)(
+var DateTimePicker = (0, import_react84.forwardRef)(
   ({
     label,
     value,
@@ -14684,7 +14760,7 @@ var DateTimePicker = (0, import_react83.forwardRef)(
     id,
     className
   }, ref) => {
-    const root = (0, import_react83.useRef)(null);
+    const root = (0, import_react84.useRef)(null);
     const setRoot = useMergedRefs(root, ref);
     const ids = usePartIds(["label", "zone", "error", "status"], {
       id,
@@ -14692,7 +14768,7 @@ var DateTimePicker = (0, import_react83.forwardRef)(
     });
     const zoneName = typeof timeZone === "string" ? timeZone : "invalid";
     const base = `${String(value)}|${String(timeZone)}`;
-    const wall = (0, import_react83.useMemo)(() => instantWallTime(value, timeZone), [value, timeZone]);
+    const wall = (0, import_react84.useMemo)(() => instantWallTime(value, timeZone), [value, timeZone]);
     const initial = {
       base,
       date: wall.date,
@@ -14702,7 +14778,7 @@ var DateTimePicker = (0, import_react83.forwardRef)(
       timeValid: true,
       dirty: false
     };
-    const [draft, setDraft] = (0, import_react83.useState)(initial);
+    const [draft, setDraft] = (0, import_react84.useState)(initial);
     const current = draft.base === base ? draft : initial;
     const zoneValid = validTimeZone(timeZone);
     const boundsValid = (min === void 0 || validInstant(min)) && (max === void 0 || validInstant(max)) && !(min !== void 0 && max !== void 0 && min > max);
@@ -14712,11 +14788,11 @@ var DateTimePicker = (0, import_react83.forwardRef)(
     const empty = current.date === null && current.time === null;
     const checkedInstant = current.dirty ? candidate : value;
     const error = !zoneValid ? "Invalid time zone. Supply an IANA time zone." : !boundsValid ? "Invalid instant bounds. Supply finite epoch milliseconds in ascending order." : !current.dirty && wall.error ? wall.error : !current.dateValid || !current.timeValid ? "Complete the date and time before applying this change." : empty ? required ? "A date and time are required." : null : !current.date || !current.time ? "Enter both a date and a time." : resolution?.status === "invalid" ? resolution.error : ambiguous && current.occurrence === null ? "Choose the earlier or later occurrence of this repeated time." : checkedInstant !== null && min !== void 0 && checkedInstant < min ? `Choose an instant at or after ${formatUtcTimestamp(min)}.` : checkedInstant !== null && max !== void 0 && checkedInstant > max ? `Choose an instant at or before ${formatUtcTimestamp(max)}.` : null;
-    const group = (0, import_react83.useMemo)(() => {
+    const group = (0, import_react84.useMemo)(() => {
       const dayOf = (bound) => bound !== void 0 && zoneValid && boundsValid ? instantWallTime(bound, timeZone).date ?? void 0 : void 0;
       return { required, calendar: { min: dayOf(min), max: dayOf(max) } };
     }, [required, min, max, timeZone, zoneValid, boundsValid]);
-    const restoring = (0, import_react83.useRef)(false);
+    const restoring = (0, import_react84.useRef)(false);
     const restore = useRestoreFocusOnRemoval(root, {
       findTarget: () => {
         restoring.current = true;
@@ -14734,9 +14810,9 @@ var DateTimePicker = (0, import_react83.forwardRef)(
       const from = event.relatedTarget;
       return from instanceof Node && event.currentTarget.contains(from);
     };
-    const callback = (0, import_react83.useRef)(onDraftValidityChange);
+    const callback = (0, import_react84.useRef)(onDraftValidityChange);
     callback.current = onDraftValidityChange;
-    (0, import_react83.useEffect)(
+    (0, import_react84.useEffect)(
       () => callback.current?.(!error && !current.dirty, { pending: current.dirty }),
       [error, current.dirty]
     );
@@ -14898,7 +14974,7 @@ var DateTimePickerManifest = {
 };
 
 // src/DateRangePicker/DateRangePicker.tsx
-var import_react84 = require("react");
+var import_react85 = require("react");
 var import_class_variance_authority48 = require("class-variance-authority");
 var import_clsx64 = __toESM(require("clsx"), 1);
 var import_jsx_runtime67 = require("react/jsx-runtime");
@@ -14907,7 +14983,7 @@ var rangeStyles3 = (0, import_class_variance_authority48.cva)(
 );
 var REQUIRED_GROUP = { required: true };
 var keyOf = (value) => value === null ? "null" : JSON.stringify([value.start, value.end]);
-var DateRangePicker = (0, import_react84.forwardRef)(
+var DateRangePicker = (0, import_react85.forwardRef)(
   ({
     label,
     value,
@@ -14923,14 +14999,14 @@ var DateRangePicker = (0, import_react84.forwardRef)(
     id,
     className
   }, ref) => {
-    const root = (0, import_react84.useRef)(null);
+    const root = (0, import_react85.useRef)(null);
     const setRoot = useMergedRefs(root, ref);
     const ids = usePartIds(["label", "error", "status"], {
       id,
       readRendered: () => root.current?.id
     });
     const base = keyOf(value);
-    const [replacement, setReplacement] = (0, import_react84.useState)({ base, generation: 0, requested: null });
+    const [replacement, setReplacement] = (0, import_react85.useState)({ base, generation: 0, requested: null });
     if (replacement.base !== base) {
       setReplacement({
         base,
@@ -14952,7 +15028,7 @@ var DateRangePicker = (0, import_react84.forwardRef)(
       startPending: false,
       endPending: false
     };
-    const [draft, setDraft] = (0, import_react84.useState)(initial);
+    const [draft, setDraft] = (0, import_react85.useState)(initial);
     const current = draft.base === base ? draft : initial;
     const start = parseDateOnly(current.start);
     const end = parseDateOnly(current.end);
@@ -14961,9 +15037,9 @@ var DateRangePicker = (0, import_react84.forwardRef)(
     const empty = current.start === null && current.end === null;
     const pending = current.startPending || current.endPending || current.start !== (value?.start ?? null) || current.end !== (value?.end ?? null);
     const error = startConfig.error || endConfig.error || (!current.startValid || !current.endValid ? "Complete both date fields before continuing." : empty ? required ? "A date range is required." : null : !start || !end ? "Enter both a start date and an end date." : start.compare(end) > 0 ? "Start date must be on or before end date." : null);
-    const callback = (0, import_react84.useRef)(onDraftValidityChange);
+    const callback = (0, import_react85.useRef)(onDraftValidityChange);
     callback.current = onDraftValidityChange;
-    (0, import_react84.useEffect)(() => callback.current?.(!error && !pending, { pending }), [error, pending]);
+    (0, import_react85.useEffect)(() => callback.current?.(!error && !pending, { pending }), [error, pending]);
     const setEndpoint = (part, next) => {
       if (disabled || readOnly) return;
       const nextDraft = { ...current, [part]: next };
@@ -15078,7 +15154,7 @@ var DateRangePickerManifest = {
 };
 
 // src/FileUpload/FileUpload.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_react_aria_components26 = require("react-aria-components");
 var import_class_variance_authority49 = require("class-variance-authority");
 var import_clsx65 = __toESM(require("clsx"), 1);
@@ -15106,7 +15182,7 @@ var dropStyles = (0, import_class_variance_authority49.cva)(
   "flex min-w-0 flex-col items-start gap-2u border border-dashed border-oprt-border bg-oprt-surface-1 p-3u data-[drop-target]:border-oprt-accent data-[focus-visible]:border-oprt-border-focus data-[focus-visible]:shadow-oprt-focus"
 );
 var validAccept = (token) => /^\.[a-z0-9][a-z0-9._+-]*$/i.test(token) || /^(?:[a-z0-9!#$&^_.+-]+\/(?:[a-z0-9!#$&^_.+-]+|\*)|\*\/\*)$/i.test(token);
-var FileUpload = (0, import_react85.forwardRef)(
+var FileUpload = (0, import_react86.forwardRef)(
   ({
     label,
     description,
@@ -15122,29 +15198,29 @@ var FileUpload = (0, import_react85.forwardRef)(
     "aria-describedby": describedBy,
     ...props
   }, ref) => {
-    const root = (0, import_react85.useRef)(null);
+    const root = (0, import_react86.useRef)(null);
     const mergedRef = useMergedRefs(root, ref);
     const ids = usePartIds(["label", "description", "configuration"], {
       id: props.id,
       readRendered: () => root.current?.getAttribute("data-oprt-ids")
     });
-    const [issues, setIssues] = (0, import_react85.useState)([]);
-    const [reading, setReading] = (0, import_react85.useState)(false);
-    const [feedback, setFeedback] = (0, import_react85.useState)("");
+    const [issues, setIssues] = (0, import_react86.useState)([]);
+    const [reading, setReading] = (0, import_react86.useState)(false);
+    const [feedback, setFeedback] = (0, import_react86.useState)("");
     const isMounted = useIsMounted();
-    const generation = (0, import_react85.useRef)(0);
+    const generation = (0, import_react86.useRef)(0);
     const types = accept?.map((token) => token.trim().toLowerCase()) ?? [];
     const configurationError = accept?.some((token) => !validAccept(token.trim())) ? "Invalid accept configuration. Use file extensions or MIME types." : maxFiles !== void 0 && (!Number.isSafeInteger(maxFiles) || maxFiles < 1) ? "Invalid maxFiles configuration. Supply a positive integer." : maxFileSizeBytes !== void 0 && (!Number.isSafeInteger(maxFileSizeBytes) || maxFileSizeBytes < 0) ? "Invalid maxFileSizeBytes configuration. Supply a nonnegative integer." : "";
     const signature = JSON.stringify([types, multiple, String(maxFiles), String(maxFileSizeBytes)]);
-    const latest = (0, import_react85.useRef)({ disabled, configurationError, signature, onFiles, onReject });
+    const latest = (0, import_react86.useRef)({ disabled, configurationError, signature, onFiles, onReject });
     latest.current = { disabled, configurationError, signature, onFiles, onReject };
-    (0, import_react85.useEffect)(() => {
+    (0, import_react86.useEffect)(() => {
       const requests = generation;
       return () => {
         requests.current++;
       };
     }, []);
-    (0, import_react85.useEffect)(() => {
+    (0, import_react86.useEffect)(() => {
       generation.current++;
       setReading(false);
     }, [signature, disabled]);
@@ -15341,7 +15417,7 @@ var FileUploadManifest = {
 };
 
 // src/UploadQueue/UploadQueue.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_class_variance_authority50 = require("class-variance-authority");
 var import_clsx66 = __toESM(require("clsx"), 1);
 var import_jsx_runtime70 = require("react/jsx-runtime");
@@ -15423,7 +15499,7 @@ function describeChanges(before, after) {
   if (after.length === 0 && before.length > 0) parts.push("No files selected.");
   return parts.join(" ");
 }
-var UploadQueue = (0, import_react86.forwardRef)(
+var UploadQueue = (0, import_react87.forwardRef)(
   ({
     label,
     items,
@@ -15437,13 +15513,13 @@ var UploadQueue = (0, import_react86.forwardRef)(
     "aria-labelledby": labelledBy,
     ...props
   }, ref) => {
-    const root = (0, import_react86.useRef)(null);
+    const root = (0, import_react87.useRef)(null);
     const ids = usePartIds(["label"], {
       id: props.id,
       readRendered: () => root.current?.getAttribute("data-oprt-ids")
     });
-    const rows = (0, import_react86.useRef)(/* @__PURE__ */ new Map());
-    (0, import_react86.useImperativeHandle)(ref, () => root.current, []);
+    const rows = (0, import_react87.useRef)(/* @__PURE__ */ new Map());
+    (0, import_react87.useImperativeHandle)(ref, () => root.current, []);
     const invalidIdentity = hasInvalidIdentity(items);
     const restoreFocus = useRestoreFocusOnRemoval(root, {
       track: (element) => {
@@ -15458,17 +15534,17 @@ var UploadQueue = (0, import_react86.forwardRef)(
       }
     });
     const signature = JSON.stringify(rowsOf(items));
-    const announced = (0, import_react86.useRef)(null);
-    const [announcement, setAnnouncement] = (0, import_react86.useState)("");
-    const lastAnnouncement = (0, import_react86.useRef)("");
-    const repeatFrame = (0, import_react86.useRef)(null);
-    (0, import_react86.useEffect)(
+    const announced = (0, import_react87.useRef)(null);
+    const [announcement, setAnnouncement] = (0, import_react87.useState)("");
+    const lastAnnouncement = (0, import_react87.useRef)("");
+    const repeatFrame = (0, import_react87.useRef)(null);
+    (0, import_react87.useEffect)(
       () => () => {
         if (repeatFrame.current !== null) cancelAnimationFrame(repeatFrame.current);
       },
       []
     );
-    (0, import_react86.useEffect)(() => {
+    (0, import_react87.useEffect)(() => {
       const after = JSON.parse(signature);
       const before = announced.current;
       announced.current = after;
@@ -15492,7 +15568,7 @@ var UploadQueue = (0, import_react86.forwardRef)(
     }, [signature]);
     const unknownStates = items.filter((item) => !isKnownState(item.state)).map((item) => item.state);
     const unknownKey = JSON.stringify(unknownStates);
-    (0, import_react86.useEffect)(() => {
+    (0, import_react87.useEffect)(() => {
       if (process.env.NODE_ENV === "production") return;
       for (const state of JSON.parse(unknownKey)) reportUnknownState(state);
     }, [unknownKey]);
@@ -15551,7 +15627,7 @@ var UploadQueue = (0, import_react86.forwardRef)(
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "m-0 text-oprt-text-dim", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ByteCountLabel, { value: item.sizeBytes }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "m-0 text-oprt-text-dim oprt-wrap-anywhere", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ByteCountLabel, { value: item.sizeBytes }) }),
                   item.message && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "m-0 oprt-wrap-anywhere", children: item.message }),
                   transferring && (invalidProgress ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "m-0 text-oprt-error", children: "Invalid progress counts." }) : item.totalBytes === 0 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "m-0 text-oprt-text-dim", children: `0${NUMBER_UNIT_SPACE}bytes total; no percentage available.` }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
                     /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -15561,7 +15637,7 @@ var UploadQueue = (0, import_react86.forwardRef)(
                         ...item.totalBytes !== void 0 && validLoaded ? { value: item.loadedBytes, max: item.totalBytes } : {}
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("p", { className: "m-0 font-mono tabular-nums text-oprt-text-dim", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("p", { className: "m-0 font-mono tabular-nums text-oprt-text-dim oprt-wrap-anywhere", children: [
                       validLoaded ? `${item.loadedBytes}${NUMBER_UNIT_SPACE}bytes transferred` : "Transferred byte count unavailable",
                       item.totalBytes !== void 0 ? ` of ${item.totalBytes}${NUMBER_UNIT_SPACE}bytes` : "; total unknown",
                       "."
@@ -15653,7 +15729,7 @@ var UploadQueueManifest = {
 };
 
 // src/AttachmentPreview/AttachmentPreview.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_class_variance_authority51 = require("class-variance-authority");
 var import_clsx67 = __toESM(require("clsx"), 1);
 var import_jsx_runtime71 = require("react/jsx-runtime");
@@ -15676,7 +15752,7 @@ function safeImageSource(src) {
     return false;
   }
 }
-var AttachmentPreview = (0, import_react87.forwardRef)(
+var AttachmentPreview = (0, import_react88.forwardRef)(
   ({
     label,
     attachment,
@@ -15688,14 +15764,14 @@ var AttachmentPreview = (0, import_react87.forwardRef)(
     "aria-labelledby": labelledBy,
     ...props
   }, ref) => {
-    const root = (0, import_react87.useRef)(null);
+    const root = (0, import_react88.useRef)(null);
     const mergedRef = useMergedRefs(root, ref);
     const ids = usePartIds(["label"], {
       id: props.id,
       readRendered: () => root.current?.getAttribute("data-oprt-ids")
     });
     const imageKey = `${attachment.id}\0${preview.kind === "image" ? preview.src : ""}`;
-    const [imageState, setImageState] = (0, import_react87.useState)({ key: imageKey, failed: false });
+    const [imageState, setImageState] = (0, import_react88.useState)({ key: imageKey, failed: false });
     if (imageState.key !== imageKey) setImageState({ key: imageKey, failed: false });
     const imageError = preview.kind === "image" ? !safeImageSource(preview.src) ? "Image preview source is not supported." : imageState.key === imageKey && imageState.failed ? "Image preview could not be loaded." : null : null;
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
@@ -15725,18 +15801,21 @@ var AttachmentPreview = (0, import_react87.forwardRef)(
               /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "oprt-wrap-anywhere", children: attachment.mediaType })
             ] })
           ] }),
-          preview.kind === "image" && (imageError ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { role: "status", className: "m-0 text-oprt-error", children: imageError }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
-            "img",
-            {
-              src: preview.src,
-              alt: preview.alt,
-              onError: () => setImageState(
-                (current) => current.key === imageKey ? { key: imageKey, failed: true } : current
-              ),
-              className: (0, import_clsx67.default)(PREVIEW_HEIGHT, "max-w-full self-start object-contain")
-            },
-            imageKey
-          )),
+          preview.kind === "image" && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { role: "status", className: imageError ? "m-0 text-oprt-error" : "sr-only", children: imageError }),
+            !imageError && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+              "img",
+              {
+                src: preview.src,
+                alt: preview.alt,
+                onError: () => setImageState(
+                  (current) => current.key === imageKey ? { key: imageKey, failed: true } : current
+                ),
+                className: (0, import_clsx67.default)(PREVIEW_HEIGHT, "max-w-full self-start object-contain")
+              },
+              imageKey
+            )
+          ] }),
           preview.kind === "text" && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
               "pre",
@@ -15830,7 +15909,7 @@ var AttachmentPreviewManifest = {
 };
 
 // src/JobStatus/JobStatus.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_class_variance_authority52 = require("class-variance-authority");
 var import_clsx68 = __toESM(require("clsx"), 1);
 
@@ -15890,7 +15969,7 @@ var import_jsx_runtime72 = require("react/jsx-runtime");
 var jobStyles = (0, import_class_variance_authority52.cva)(
   "flex min-w-0 flex-col gap-2u border border-oprt-border p-2u font-sans text-oprt-base normal-case text-oprt-text outline-hidden focus-visible:shadow-oprt-focus"
 );
-var JobStatus = (0, import_react88.forwardRef)((allProps, ref) => {
+var JobStatus = (0, import_react89.forwardRef)((allProps, ref) => {
   const {
     jobId,
     label,
@@ -15916,8 +15995,8 @@ var JobStatus = (0, import_react88.forwardRef)((allProps, ref) => {
   const canRetry = !!onRetryRequest && ["failed", "partial", "canceled"].includes(state);
   const blocked = disabled || requestPending !== null;
   const pendingText = requestPending ? `${requestPending === "cancel" ? "Cancellation" : "Retry"} request pending. Awaiting an application update.` : "";
-  const [spokenText, setSpokenText] = (0, import_react88.useState)(pendingText);
-  (0, import_react88.useEffect)(() => {
+  const [spokenText, setSpokenText] = (0, import_react89.useState)(pendingText);
+  (0, import_react89.useEffect)(() => {
     let second = 0;
     const first = requestAnimationFrame(() => {
       second = requestAnimationFrame(() => setSpokenText(pendingText));
@@ -15991,7 +16070,7 @@ var JobStatus = (0, import_react88.forwardRef)((allProps, ref) => {
 JobStatus.displayName = "JobStatus";
 
 // src/BulkActionBar/BulkActionBar.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_class_variance_authority53 = require("class-variance-authority");
 var import_clsx69 = __toESM(require("clsx"), 1);
 
@@ -16038,7 +16117,7 @@ var import_jsx_runtime73 = require("react/jsx-runtime");
 var barStyles2 = (0, import_class_variance_authority53.cva)(
   "flex min-w-0 flex-col gap-2u border border-oprt-border bg-oprt-surface-1 p-2u font-sans text-oprt-base text-oprt-text outline-hidden focus-visible:shadow-oprt-focus"
 );
-var BulkActionBar = (0, import_react89.forwardRef)(
+var BulkActionBar = (0, import_react90.forwardRef)(
   ({
     label,
     selection,
@@ -16050,7 +16129,7 @@ var BulkActionBar = (0, import_react89.forwardRef)(
     headingLevel = 3,
     className
   }, ref) => {
-    const id = (0, import_react89.useId)();
+    const id = (0, import_react90.useId)();
     const focus = useActionFocus(ref);
     const Heading5 = `h${headingLevel}`;
     const invalidSelection = selectionError(selection);
@@ -16211,7 +16290,7 @@ var BulkActionBarManifest = {
 };
 
 // src/BulkResults/BulkResults.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_class_variance_authority54 = require("class-variance-authority");
 var import_clsx70 = __toESM(require("clsx"), 1);
 var import_jsx_runtime74 = require("react/jsx-runtime");
@@ -16234,7 +16313,7 @@ var COLUMNS = [
   { heading: "Details", width: "min-w-16u" },
   { heading: "Actions", width: "" }
 ];
-var BulkResults = (0, import_react90.forwardRef)(
+var BulkResults = (0, import_react91.forwardRef)(
   ({
     label,
     selection,
@@ -16247,10 +16326,10 @@ var BulkResults = (0, import_react90.forwardRef)(
     className
   }, ref) => {
     const Heading5 = `h${headingLevel}`;
-    const root = (0, import_react90.useRef)(null);
-    (0, import_react90.useImperativeHandle)(ref, () => root.current, []);
+    const root = (0, import_react91.useRef)(null);
+    (0, import_react91.useImperativeHandle)(ref, () => root.current, []);
     const [box, scrolls] = useScrollsSideways();
-    const rows = (0, import_react90.useRef)(/* @__PURE__ */ new Map());
+    const rows = (0, import_react91.useRef)(/* @__PURE__ */ new Map());
     const invalidSelection = selectionError(selection);
     const selected = new Set(invalidSelection ? [] : selection.ids);
     const invalidResults = idsError(items.map((item) => item.id)) || (items.some((item) => !selected.has(item.id)) ? "A result ID is outside the selection snapshot." : null) || (items.some(
@@ -16258,13 +16337,13 @@ var BulkResults = (0, import_react90.forwardRef)(
     ) ? "Every result needs a valid state, label, and message." : null);
     const invalidRetries = idsError(pendingRetryIds) || (pendingRetryIds.some((item) => !selected.has(item)) ? "A pending retry ID is outside the selection snapshot." : null);
     const resultMap = new Map((invalidResults ? [] : items).map((item) => [item.id, item]));
-    const pending = (0, import_react90.useMemo)(() => new Set(pendingRetryIds), [pendingRetryIds]);
+    const pending = (0, import_react91.useMemo)(() => new Set(pendingRetryIds), [pendingRetryIds]);
     const missing = invalidSelection ? 0 : selection.ids.filter((item) => !resultMap.has(item)).length;
     const succeeded = invalidResults ? 0 : items.filter((item) => item.state === "succeeded").length;
     const ids = invalidSelection ? NO_IDS : selection.ids;
     const size = Number.isFinite(pageSize) && pageSize >= 1 ? Math.floor(pageSize) : DEFAULT_PAGE_SIZE;
     const pageCount = Math.max(1, Math.ceil(ids.length / size));
-    const [paging, setPaging] = (0, import_react90.useState)({ snapshot: selection.id, page: 1 });
+    const [paging, setPaging] = (0, import_react91.useState)({ snapshot: selection.id, page: 1 });
     const requestedPage = paging.snapshot === selection.id ? paging.page : 1;
     const page = Math.min(pageCount, Math.max(1, requestedPage));
     const pageIds = ids.length > size ? ids.slice((page - 1) * size, page * size) : ids;
@@ -16282,14 +16361,14 @@ var BulkResults = (0, import_react90.forwardRef)(
         return next?.querySelector("button:not(:disabled)") ?? next?.querySelector("th") ?? root.current;
       }
     });
-    const [spoken, setSpoken] = (0, import_react90.useState)("");
-    const announced = (0, import_react90.useRef)(new Set(invalidRetries ? [] : pendingRetryIds));
-    const latest = (0, import_react90.useRef)({ results: resultMap, pending: pendingRetryIds });
+    const [spoken, setSpoken] = (0, import_react91.useState)("");
+    const announced = (0, import_react91.useRef)(new Set(invalidRetries ? [] : pendingRetryIds));
+    const latest = (0, import_react91.useRef)({ results: resultMap, pending: pendingRetryIds });
     useIsomorphicLayoutEffect(() => {
       latest.current = { results: resultMap, pending: pendingRetryIds };
     });
     const pendingKey = JSON.stringify(pendingRetryIds);
-    (0, import_react90.useEffect)(() => {
+    (0, import_react91.useEffect)(() => {
       const current = invalidRetries ? [] : latest.current.pending;
       for (const itemId of [...announced.current])
         if (!current.includes(itemId)) announced.current.delete(itemId);
@@ -16511,7 +16590,7 @@ var BulkResultsManifest = {
 };
 
 // src/MapControls/MapControls.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 var import_react_aria7 = require("react-aria");
 var import_class_variance_authority55 = require("class-variance-authority");
 var import_clsx71 = __toESM(require("clsx"), 1);
@@ -16531,7 +16610,7 @@ var actions = [
   { id: "reset-north", label: "Reset north" },
   { id: "fit", label: "Fit map" }
 ];
-var MapControls = (0, import_react91.forwardRef)(
+var MapControls = (0, import_react92.forwardRef)(
   ({
     label = "Map controls",
     zoom = null,
@@ -16547,15 +16626,15 @@ var MapControls = (0, import_react91.forwardRef)(
     onBlurCapture,
     ...props
   }, ref) => {
-    const root = (0, import_react91.useRef)(null);
-    (0, import_react91.useImperativeHandle)(ref, () => root.current, []);
-    const labelRef = (0, import_react91.useRef)(null);
+    const root = (0, import_react92.useRef)(null);
+    (0, import_react92.useImperativeHandle)(ref, () => root.current, []);
+    const labelRef = (0, import_react92.useRef)(null);
     const ids = usePartIds(["label"], {
       id,
       readRendered: () => labelRef.current?.id.replace(/-label$/, "")
     });
     const readout = (0, import_react_aria7.useNumberFormatter)(READOUT);
-    const buttons = (0, import_react91.useRef)(/* @__PURE__ */ new Map());
+    const buttons = (0, import_react92.useRef)(/* @__PURE__ */ new Map());
     const limitsValid = Number.isFinite(minZoom) && Number.isFinite(maxZoom) && minZoom <= maxZoom;
     const validZoom = typeof zoom === "number" && Number.isFinite(zoom) && limitsValid && zoom >= minZoom && zoom <= maxZoom;
     const validBearing = typeof bearing === "number" && Number.isFinite(bearing) && bearing >= 0 && bearing < 360;
@@ -16655,7 +16734,7 @@ var MapControlsManifest = {
 };
 
 // src/LayerControl/LayerControl.tsx
-var import_react92 = require("react");
+var import_react93 = require("react");
 var import_class_variance_authority56 = require("class-variance-authority");
 var import_clsx72 = __toESM(require("clsx"), 1);
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -16665,7 +16744,7 @@ var controlStyles3 = (0, import_class_variance_authority56.cva)(
 var rowStyles = (0, import_class_variance_authority56.cva)(
   "flex min-w-0 flex-col gap-2u border border-oprt-border p-2u outline-hidden focus-visible:shadow-oprt-focus"
 );
-var LayerControl = (0, import_react92.forwardRef)(
+var LayerControl = (0, import_react93.forwardRef)(
   ({
     label = "Map layers",
     layers,
@@ -16678,14 +16757,14 @@ var LayerControl = (0, import_react92.forwardRef)(
     "aria-labelledby": labelledBy,
     ...props
   }, ref) => {
-    const root = (0, import_react92.useRef)(null);
-    const labelRef = (0, import_react92.useRef)(null);
+    const root = (0, import_react93.useRef)(null);
+    const labelRef = (0, import_react93.useRef)(null);
     const ids = usePartIds(["label"], {
       id,
       readRendered: () => labelRef.current?.id.replace(/-label$/, "")
     });
-    const rows = (0, import_react92.useRef)(/* @__PURE__ */ new Map());
-    (0, import_react92.useImperativeHandle)(ref, () => root.current, []);
+    const rows = (0, import_react93.useRef)(/* @__PURE__ */ new Map());
+    (0, import_react93.useImperativeHandle)(ref, () => root.current, []);
     const invalidIds = layers.some(
       (item, index) => !item.id.trim() || layers.findIndex((other) => other.id === item.id) !== index
     );
@@ -16813,7 +16892,7 @@ var LayerControl = (0, import_react92.forwardRef)(
                       {
                         size: "sm",
                         variant: "tertiary",
-                        "aria-label": `Move ${item.label} up`,
+                        "aria-label": `Move up ${item.label}`,
                         disabled: !canMove(index, -1),
                         onClick: () => move(index, -1),
                         children: "Move up"
@@ -16824,7 +16903,7 @@ var LayerControl = (0, import_react92.forwardRef)(
                       {
                         size: "sm",
                         variant: "tertiary",
-                        "aria-label": `Move ${item.label} down`,
+                        "aria-label": `Move down ${item.label}`,
                         disabled: !canMove(index, 1),
                         onClick: () => move(index, 1),
                         children: "Move down"
@@ -16876,7 +16955,7 @@ var LayerControlManifest = {
 };
 
 // src/MapLegend/MapLegend.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_class_variance_authority57 = require("class-variance-authority");
 var import_clsx73 = __toESM(require("clsx"), 1);
 var import_jsx_runtime77 = require("react/jsx-runtime");
@@ -16901,9 +16980,9 @@ var symbolStyles = (0, import_class_variance_authority57.cva)("block shrink-0 fo
   defaultVariants: { variant: "neutral", pattern: "solid" }
 });
 var kinds = { point: "Point", line: "Line", area: "Area" };
-var MapLegend = (0, import_react93.forwardRef)(
+var MapLegend = (0, import_react94.forwardRef)(
   ({ label = "Map legend", items, className, id, "aria-labelledby": labelledBy, ...props }, ref) => {
-    const labelRef = (0, import_react93.useRef)(null);
+    const labelRef = (0, import_react94.useRef)(null);
     const ids = usePartIds(["label"], {
       id,
       readRendered: () => labelRef.current?.id.replace(/-label$/, "")
@@ -16987,7 +17066,7 @@ var MapLegendManifest = {
 };
 
 // src/MapScale/MapScale.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_react_aria8 = require("react-aria");
 var import_class_variance_authority58 = require("class-variance-authority");
 var import_clsx74 = __toESM(require("clsx"), 1);
@@ -17038,7 +17117,7 @@ function scale2(metersPerPixel, width, units) {
   if (!Number.isFinite(pixels) || pixels <= 0 || pixels > width) return null;
   return { pixels, distance, unit };
 }
-var MapScale = (0, import_react94.forwardRef)((allProps, ref) => {
+var MapScale = (0, import_react95.forwardRef)((allProps, ref) => {
   const {
     label = "Map scale",
     metersPerPixel = null,
@@ -17052,13 +17131,13 @@ var MapScale = (0, import_react94.forwardRef)((allProps, ref) => {
   if (process.env.NODE_ENV !== "production") {
     devValidate("MapScale", MapScaleManifest.MapScale.props, { ...allProps });
   }
-  const labelRef = (0, import_react94.useRef)(null);
+  const labelRef = (0, import_react95.useRef)(null);
   const ids = usePartIds(["label"], {
     id,
     readRendered: () => labelRef.current?.id.replace(/-label$/, "")
   });
   const format = (0, import_react_aria8.useNumberFormatter)(DISTANCE);
-  const available = (0, import_react94.useRef)(null);
+  const available = (0, import_react95.useRef)(null);
   const measuredWidth = useElementWidth(available, {
     initial: null
   });
@@ -17105,7 +17184,7 @@ var MapScale = (0, import_react94.forwardRef)((allProps, ref) => {
 MapScale.displayName = "MapScale";
 
 // src/MediaFrame/MediaFrame.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_react_aria9 = require("react-aria");
 var import_class_variance_authority59 = require("class-variance-authority");
 var import_clsx75 = __toESM(require("clsx"), 1);
@@ -17171,7 +17250,7 @@ var EXACT_NUMBER2 = { maximumSignificantDigits: 21 };
 var frameStyles = (0, import_class_variance_authority59.cva)(
   "flex min-w-0 flex-col border border-oprt-border bg-oprt-surface-1 font-sans text-oprt-base normal-case text-oprt-text"
 );
-var MediaFrame = (0, import_react95.forwardRef)((allProps, ref) => {
+var MediaFrame = (0, import_react96.forwardRef)((allProps, ref) => {
   const {
     label,
     state,
@@ -17191,7 +17270,7 @@ var MediaFrame = (0, import_react95.forwardRef)((allProps, ref) => {
   if (process.env.NODE_ENV !== "production") {
     devValidate("MediaFrame", MediaFrameManifest.MediaFrame.props, { ...allProps });
   }
-  const labelRef = (0, import_react95.useRef)(null);
+  const labelRef = (0, import_react96.useRef)(null);
   const ids = usePartIds(["label"], {
     id,
     readRendered: () => labelRef.current?.id.replace(/-label$/, "")
@@ -17267,7 +17346,7 @@ MediaFrame.displayName = "MediaFrame";
 // src/PlaybackControls/PlaybackControls.tsx
 var import_class_variance_authority60 = require("class-variance-authority");
 var import_clsx76 = __toESM(require("clsx"), 1);
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_react_aria_components27 = require("react-aria-components");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var rootStyles8 = (0, import_class_variance_authority60.cva)(
@@ -17322,7 +17401,7 @@ function arrowDirection(key, rightToLeft) {
   if (key === "ArrowLeft" || key === "Left") return rightToLeft ? 1 : -1;
   return 0;
 }
-var PlaybackControls = (0, import_react96.forwardRef)(
+var PlaybackControls = (0, import_react97.forwardRef)(
   ({
     start,
     end,
@@ -17346,12 +17425,12 @@ var PlaybackControls = (0, import_react96.forwardRef)(
     onBlurCapture,
     ...props
   }, ref) => {
-    const descriptionId = (0, import_react96.useId)();
-    const root = (0, import_react96.useRef)(null);
-    (0, import_react96.useImperativeHandle)(ref, () => root.current, []);
-    const previousRef = (0, import_react96.useRef)(null);
-    const playRef = (0, import_react96.useRef)(null);
-    const nextRef = (0, import_react96.useRef)(null);
+    const descriptionId = (0, import_react97.useId)();
+    const root = (0, import_react97.useRef)(null);
+    (0, import_react97.useImperativeHandle)(ref, () => root.current, []);
+    const previousRef = (0, import_react97.useRef)(null);
+    const playRef = (0, import_react97.useRef)(null);
+    const nextRef = (0, import_react97.useRef)(null);
     const { direction } = (0, import_react_aria_components27.useLocale)();
     const validBounds = validTime(start) && validTime(end);
     const validRange = validBounds && start < end;
@@ -17363,7 +17442,7 @@ var PlaybackControls = (0, import_react96.forwardRef)(
     const sliderEnd = validRange ? end : 1;
     const displayValue = validRange && validCursor ? Math.min(end, Math.max(start, value)) : sliderStart;
     const positionText = validRange && validCursor ? formatTime(displayValue) : validBounds && start === end ? formatTime(start) : "Unknown playback position";
-    const events = (0, import_react96.useMemo)(
+    const events = (0, import_react97.useMemo)(
       () => [
         ...new Set(
           (eventTimes ?? []).filter((time) => validTime(time) && time >= start && time <= end)
@@ -17621,7 +17700,7 @@ var PlaybackControlsManifest = {
 };
 
 // package.json
-var version3 = "0.1.0";
+var version3 = "0.2.1";
 
 // src/version.ts
 var VERSION = version3;