@dreamtree-org/twreact-ui 2.0.3 → 2.0.5

package/dist/index.esm.js

@@ -3359,9 +3359,9 @@ var TOUCH_TARGET = "[@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:m
 // off under prefers-reduced-motion. Add to pressables (buttons, tiles, tab items).
 var PRESS_FEEDBACK = "active:scale-[0.97] motion-reduce:active:scale-100 transition-transform duration-fast";
 
-var _excluded$$ = ["id", "className", "type", "label", "placeholder", "error", "success", "helperText", "disabled", "required", "clearable", "leftIcon", "rightIcon", "onClear", "showCount", "maxLength", "readOnly", "onChange", "value", "defaultValue", "size", "floatingLabel", "otp"];
-function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$10 = ["id", "className", "type", "label", "placeholder", "error", "success", "helperText", "disabled", "required", "clearable", "leftIcon", "rightIcon", "onClear", "showCount", "maxLength", "readOnly", "onChange", "value", "defaultValue", "size", "floatingLabel", "otp"];
+function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Field heights. `md` keeps its 40px desktop look and grows to the 44px touch
 // target on coarse pointers (same rule as Select); `lg` is 44px everywhere.
 var SIZE_CLASSES$4 = {
@@ -3435,7 +3435,7 @@ var Input = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
     floatingLabel = _props$floatingLabel === void 0 ? false : _props$floatingLabel,
     _props$otp = props.otp,
     otp = _props$otp === void 0 ? false : _props$otp,
-    rest = _objectWithoutProperties$1(props, _excluded$$);
+    rest = _objectWithoutProperties$1(props, _excluded$10);
   // `size` is the field size (sm|md|lg). A numeric value is the native
   // `<input size>` attribute and is passed through unchanged.
   var size = SIZE_CLASSES$4[sizeProp] ? sizeProp : "md";
@@ -3523,7 +3523,7 @@ var Input = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
           className: "text-primary-400",
           children: leftIcon
         })
-      }), jsx("input", _objectSpread$1a(_objectSpread$1a({
+      }), jsx("input", _objectSpread$1c(_objectSpread$1c({
         id: inputId,
         ref: setRefs,
         type: inputType,
@@ -3595,9 +3595,9 @@ var Input = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
 });
 Input.displayName = "Input";
 
-var _excluded$_ = ["className", "variant", "size", "disabled", "loading", "children", "leftIcon", "rightIcon", "fullWidth", "as", "onClick"];
-function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$$ = ["className", "variant", "size", "disabled", "loading", "children", "leftIcon", "rightIcon", "fullWidth", "as", "onClick"];
+function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Square, icon-only sizes. Pair with an `aria-label` (there is no visible text).
 var ICON_SIZES = {
   'icon-sm': 'h-8 w-8 p-0',
@@ -3618,7 +3618,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     fullWidth = _ref.fullWidth,
     as = _ref.as,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties$1(_ref, _excluded$_);
+    props = _objectWithoutProperties$1(_ref, _excluded$$);
   // `as` renders any element or component (an <a>, a router Link) with the
   // Button's look; a bare `href` implies an <a>.
   var Component = as || (props.href !== undefined ? 'a' : 'button');
@@ -3654,7 +3654,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children: rightIcon
     })]
   });
-  return jsx(Component, _objectSpread$19(_objectSpread$19(_objectSpread$19({
+  return jsx(Component, _objectSpread$1b(_objectSpread$1b(_objectSpread$1b({
     ref: ref,
     className: baseClasses
   }, isNativeButton ? {
@@ -3789,7 +3789,7 @@ function setRefs$1(node) {
 }
 
 // useLayoutEffect warns during SSR; fall back to useEffect on the server.
-var useIsomorphicLayoutEffect$8 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect$9 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 /**
  * Internal (not exported from the package): a ref that always holds the latest
  * `value`. Lets an effect call the newest consumer callback (e.g. `onChange`)
@@ -3798,7 +3798,7 @@ var useIsomorphicLayoutEffect$8 = typeof window !== "undefined" ? useLayoutEffec
  */
 function useLatestRef$1(value) {
   var ref = useRef(value);
-  useIsomorphicLayoutEffect$8(function () {
+  useIsomorphicLayoutEffect$9(function () {
     ref.current = value;
   });
   return ref;
@@ -5976,9 +5976,29 @@ function Portal(_ref) {
 // Internal (not exported from the package). Shared focus management for the
 // overlay primitives (Drawer, Dialog, Popover, Tour, Sidebar, AppShell).
 var FOCUSABLE_SELECTOR = ["a[href]", "button:not([disabled])", "textarea:not([disabled])", "input:not([disabled])", "select:not([disabled])", '[tabindex]:not([tabindex="-1"])'].join(",");
+// A responsive drawer (Sidebar's `md:hidden`, AppShell's `lg:hidden`) can be
+// "open" while CSS hides it on wide viewports; there is nothing to trap then.
+// `stopAt` (exclusive) bounds the walk, so getFocusable checks only the
+// elements between a candidate and its root.
+var isDisplayNone = function isDisplayNone(el) {
+  var stopAt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  for (var node = el; node && node.nodeType === 1 && node !== stopAt; node = node.parentElement) {
+    if (window.getComputedStyle(node).display === "none") return true;
+  }
+  return false;
+};
+// `.focus()` silently fails on an element that is not rendered (`display:none`
+// on it or an ancestor) or is `visibility:hidden` (inherited, so the element's
+// own computed value covers its ancestors). getClientRects() is not used:
+// jsdom reports empty rects for every element.
+var isRendered = function isRendered(el, root) {
+  return window.getComputedStyle(el).visibility !== "hidden" && !isDisplayNone(el, root);
+};
+// Tabbable, rendered descendants of `root`, in DOM order. Used for the initial
+// focus and for the Tab trap's first/last items.
 var getFocusable = function getFocusable(root) {
   return root ? Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter(function (el) {
-    return el.getAttribute("aria-hidden") !== "true";
+    return el.getAttribute("aria-hidden") !== "true" && isRendered(el, root);
   }) : [];
 };
 // Only the most recently opened overlay reacts to Escape / Tab, so a Popover
@@ -5987,14 +6007,6 @@ var layerStack = [];
 var isTopLayer = function isTopLayer(token) {
   return layerStack[layerStack.length - 1] === token;
 };
-// A responsive drawer (Sidebar's `md:hidden`, AppShell's `lg:hidden`) can be
-// "open" while CSS hides it on wide viewports; there is nothing to trap then.
-var isDisplayNone = function isDisplayNone(el) {
-  for (var node = el; node && node.nodeType === 1; node = node.parentElement) {
-    if (window.getComputedStyle(node).display === "none") return true;
-  }
-  return false;
-};
 function cycleFocus(e, panel) {
   if (isDisplayNone(panel)) return;
   var focusables = getFocusable(panel);
@@ -6202,8 +6214,8 @@ function usePresence(open) {
   };
 }
 
-function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Internal (not exported). The gesture core behind Sheet: a pointer drag along
 // one axis, measured "toward dismiss" for the edge the sheet is attached to.
 //
@@ -6405,12 +6417,12 @@ function useSheetDrag() {
   return {
     delta: delta,
     dragging: dragging,
-    dragProps: _objectSpread$18(_objectSpread$18({}, common), {}, {
+    dragProps: _objectSpread$1a(_objectSpread$1a({}, common), {}, {
       onPointerDown: function onPointerDown(e) {
         return start(e, false);
       }
     }),
-    bodyDragProps: _objectSpread$18(_objectSpread$18({}, common), {}, {
+    bodyDragProps: _objectSpread$1a(_objectSpread$1a({}, common), {}, {
       onPointerDown: function onPointerDown(e) {
         return start(e, true);
       }
@@ -6418,9 +6430,9 @@ function useSheetDrag() {
   };
 }
 
-var _excluded$Z = ["open", "onClose", "placement", "snapPoints", "activeSnap", "defaultSnap", "onSnapChange", "dismissible", "dragEnabled", "handle", "scaleBackground", "initialFocus", "hasTitle", "hasDescription", "idPrefix", "testIdPrefix", "panelClassName", "handleBarClassName", "renderHeader", "children", "className", "style"];
-function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$_ = ["open", "onClose", "placement", "snapPoints", "activeSnap", "defaultSnap", "onSnapChange", "dismissible", "dragEnabled", "handle", "scaleBackground", "initialFocus", "hasTitle", "hasDescription", "idPrefix", "testIdPrefix", "panelClassName", "handleBarClassName", "renderHeader", "children", "className", "style"];
+function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Internal (not exported from the package). The shared sheet core behind
 // `Sheet` and `Drawer` (ADR 0001 §1): portal, backdrop, presence (enter/exit
 // motion), drag to dismiss + snap points, focus trap, scroll lock,
@@ -6596,7 +6608,7 @@ var SheetCore = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     style = _ref.style,
-    props = _objectWithoutProperties$1(_ref, _excluded$Z);
+    props = _objectWithoutProperties$1(_ref, _excluded$_);
   var shown = Boolean(open);
   var side = SHEET_PLACEMENTS.includes(placement) ? placement : "bottom";
   var vertical = side === "bottom" || side === "top";
@@ -6784,7 +6796,7 @@ var SheetCore = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   if (!reducedMotion) {
     if (side === "bottom" && presence.state === "entering") motionClass = "animate-sheet-in motion-reduce:animate-none";else if (exiting && useKeyframes) motionClass = "animate-sheet-out motion-reduce:animate-none";else if (exiting || side !== "bottom" && !entered) motionClass = OFFSCREEN[side];
   }
-  var panelStyle = _objectSpread$17({}, style);
+  var panelStyle = _objectSpread$19({}, style);
   if (height !== undefined) panelStyle.height = "".concat(height, "px");
   var transform = translateFor(side, translate);
   if (transform) panelStyle.transform = transform;
@@ -6823,7 +6835,7 @@ var SheetCore = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     "aria-hidden": "true",
     className: cn("h-1.5 w-10 rounded-pill", handleBarClassName)
   });
-  var handleNode = showHandle ? snaps ? jsx("button", _objectSpread$17(_objectSpread$17({
+  var handleNode = showHandle ? snaps ? jsx("button", _objectSpread$19(_objectSpread$19({
     type: "button",
     "aria-label": "Resize sheet",
     "aria-keyshortcuts": "ArrowUp ArrowDown",
@@ -6833,7 +6845,7 @@ var SheetCore = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, drag.dragProps), {}, {
     className: cn("flex w-full shrink-0 justify-center pb-1 pt-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500", side === "top" && "pb-3 pt-1", grabClass),
     children: handleBar
-  })) : jsx("div", _objectSpread$17(_objectSpread$17({
+  })) : jsx("div", _objectSpread$19(_objectSpread$19({
     "aria-hidden": "true",
     "data-sheet-handle": "",
     "data-testid": "".concat(testIdPrefix, "-handle")
@@ -6853,7 +6865,7 @@ var SheetCore = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
           onClick: function onClick() {
             return dismissible && requestClose("backdrop");
           }
-        }), jsxs("div", _objectSpread$17(_objectSpread$17({
+        }), jsxs("div", _objectSpread$19(_objectSpread$19({
           ref: panelCallbackRef,
           role: "dialog",
           "aria-modal": "true",
@@ -6897,12 +6909,12 @@ var SheetCloseButton = function SheetCloseButton(_ref5) {
   });
 };
 
-var _excluded$Y = ["open", "isOpen", "placement", "title", "description", "showCloseButton", "haptics", "onSnapChange"],
+var _excluded$Z = ["open", "isOpen", "placement", "title", "description", "showCloseButton", "haptics", "onSnapChange"],
   _excluded2$9 = ["className"],
-  _excluded3$4 = ["className"],
+  _excluded3$5 = ["className"],
   _excluded4$3 = ["className"];
-function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Phone-native sheet (ADR 0001). Bottom by default; snap points, drag to
 // dismiss, keyboard-aware via visualViewport. The behaviour lives in the
 // internal sheet core (./sheetCore.jsx), shared with Drawer (DTUI-33).
@@ -6924,7 +6936,7 @@ var Sheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _ref$haptics = _ref.haptics,
     haptics = _ref$haptics === void 0 ? false : _ref$haptics,
     onSnapChange = _ref.onSnapChange,
-    props = _objectWithoutProperties$1(_ref, _excluded$Y);
+    props = _objectWithoutProperties$1(_ref, _excluded$Z);
   // Opt-in: a selection tick when a drag or arrow key settles on a new snap point.
   var _useHaptics = useHaptics({
       enabled: haptics
@@ -6962,7 +6974,7 @@ var Sheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       })]
     }) : null;
   };
-  return jsx(SheetCore, _objectSpread$16({
+  return jsx(SheetCore, _objectSpread$18({
     ref: ref,
     open: Boolean(open !== null && open !== void 0 ? open : isOpen),
     placement: side,
@@ -6979,7 +6991,7 @@ var SheetHeader = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
     props = _objectWithoutProperties$1(_ref3, _excluded2$9);
   var ctx = useContext(SheetContext);
   var dragProps = ctx ? mergeHandlers(ctx.headerDragProps, props) : {};
-  return jsx("div", _objectSpread$16(_objectSpread$16(_objectSpread$16({
+  return jsx("div", _objectSpread$18(_objectSpread$18(_objectSpread$18({
     ref: ref
   }, props), dragProps), {}, {
     className: cn("shrink-0 border-b border-line px-4 py-3", ctx === null || ctx === void 0 ? void 0 : ctx.grabClass, className)
@@ -6987,10 +6999,10 @@ var SheetHeader = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
 });
 var SheetBody = /*#__PURE__*/React__default.forwardRef(function (_ref4, _ref5) {
   var className = _ref4.className,
-    props = _objectWithoutProperties$1(_ref4, _excluded3$4);
+    props = _objectWithoutProperties$1(_ref4, _excluded3$5);
   var ctx = useContext(SheetContext);
   var dragProps = ctx ? mergeHandlers(ctx.bodyDragProps, props) : {};
-  return jsx("div", _objectSpread$16(_objectSpread$16(_objectSpread$16({
+  return jsx("div", _objectSpread$18(_objectSpread$18(_objectSpread$18({
     ref: function ref(node) {
       return setRefs$1(node, _ref5, ctx === null || ctx === void 0 ? void 0 : ctx.setBodyEl);
     },
@@ -7002,7 +7014,7 @@ var SheetBody = /*#__PURE__*/React__default.forwardRef(function (_ref4, _ref5) {
 var SheetFooter = /*#__PURE__*/React__default.forwardRef(function (_ref6, ref) {
   var className = _ref6.className,
     props = _objectWithoutProperties$1(_ref6, _excluded4$3);
-  return jsx("div", _objectSpread$16({
+  return jsx("div", _objectSpread$18({
     ref: ref,
     className: cn("sticky bottom-0 flex shrink-0 items-center justify-end gap-3 border-t border-line bg-surface px-4 py-3", className)
   }, props));
@@ -7014,9 +7026,9 @@ Sheet.Header = SheetHeader;
 Sheet.Body = SheetBody;
 Sheet.Footer = SheetFooter;
 
-var _excluded$X = ["options", "value", "onChange", "placeholder", "label", "error", "helperText", "disabled", "required", "multiSelect", "searchable", "grouped", "onMenuItemRender", "className", "allowClear", "creatable", "onCreateOption", "onSearch", "loading", "selectAllOption", "closeOnSelect", "maxTagCount", "renderGroupLabel", "name", "size", "presentation"];
-function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$Y = ["options", "value", "onChange", "placeholder", "label", "error", "helperText", "disabled", "required", "multiSelect", "searchable", "grouped", "onMenuItemRender", "className", "allowClear", "creatable", "onCreateOption", "onSearch", "loading", "selectAllOption", "closeOnSelect", "maxTagCount", "renderGroupLabel", "name", "size", "presentation"];
+function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Enhanced Select component (debounce removed)
  * - Supports single and multi select
@@ -7072,7 +7084,7 @@ var normalizeGroups = function normalizeGroups(options) {
     if (Array.isArray(item.options)) {
       var valid = item.options.filter(isPlainObject$4);
       if (valid.length !== item.options.length) malformed = true;
-      groups.push(_objectSpread$15(_objectSpread$15({}, item), {}, {
+      groups.push(_objectSpread$17(_objectSpread$17({}, item), {}, {
         options: valid
       }));
       return;
@@ -7095,7 +7107,7 @@ var flattenGroups = function flattenGroups() {
   return groups.reduce(function (acc, g) {
     var groupLabel = g.label;
     g.options.forEach(function (opt) {
-      return acc.push(_objectSpread$15(_objectSpread$15({}, opt), {}, {
+      return acc.push(_objectSpread$17(_objectSpread$17({}, opt), {}, {
         _group: groupLabel
       }));
     });
@@ -7170,7 +7182,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
     size = _ref$size === void 0 ? "md" : _ref$size,
     _ref$presentation = _ref.presentation,
     presentation = _ref$presentation === void 0 ? "auto" : _ref$presentation,
-    props = _objectWithoutProperties$1(_ref, _excluded$X);
+    props = _objectWithoutProperties$1(_ref, _excluded$Y);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -7251,7 +7263,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
   var flatOptions = useMemo(function () {
     if (grouped) return flattenGroups(groupedOptions);
     return (Array.isArray(options) ? options : []).filter(isPlainObject$4).map(function (opt) {
-      return _objectSpread$15({}, opt);
+      return _objectSpread$17({}, opt);
     });
   }, [options, grouped, groupedOptions]);
   var selectedValues = useMemo(function () {
@@ -7285,7 +7297,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
     };
     if (grouped) {
       return groupedOptions.map(function (g) {
-        return _objectSpread$15(_objectSpread$15({}, g), {}, {
+        return _objectSpread$17(_objectSpread$17({}, g), {}, {
           options: g.options.filter(matches)
         });
       }).filter(function (g) {
@@ -7497,7 +7509,8 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
       return document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  var showClearButton = allowClear && !disabled && selectedOptions.length > 0;
+  var isEmpty = selectedOptions.length === 0;
+  var showClearButton = allowClear && !disabled && !isEmpty;
   var displayValue = function displayValue() {
     var _selectedOptions$;
     if (multiSelect) {
@@ -7576,7 +7589,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
               className: "text-xs border border-slate-200 p-0.5 rounded-md cursor-pointer hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-500",
               onClick: function onClick() {
                 return setCollapsedGroups(function (prev) {
-                  return _objectSpread$15(_objectSpread$15({}, prev), {}, _defineProperty$4({}, group.label, !prev[group.label]));
+                  return _objectSpread$17(_objectSpread$17({}, prev), {}, _defineProperty$4({}, group.label, !prev[group.label]));
                 });
               },
               children: jsx(ChevronDown, {
@@ -7743,7 +7756,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
     }), jsxs("div", {
       ref: wrapperRef,
       className: "relative",
-      children: [jsxs("button", _objectSpread$15(_objectSpread$15({
+      children: [jsxs("button", _objectSpread$17(_objectSpread$17({
         ref: triggerRef,
         type: "button",
         id: baseId,
@@ -7755,9 +7768,12 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
         "aria-invalid": error ? true : undefined,
         className: cn("flex w-full items-center justify-between rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", SIZE_CLASSES$3[size] || SIZE_CLASSES$3.md, {
           "border-error-500 focus:ring-error-500": error,
-          "text-primary-500": !selectedOptions.length,
+          // Empty: the placeholder reads muted, like Input's
+          // ::placeholder (#159). `className` still merges last.
+          "text-muted": isEmpty,
           "pr-14": showClearButton
         }, className),
+        "data-empty": isEmpty ? "" : undefined,
         onClick: function onClick() {
           if (!disabled) {
             setIsOpen(function (prev) {
@@ -7817,7 +7833,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef
         // by useFloatingPosition (flip / shift; width matches the
         // trigger; max-height follows the room left). Transparent
         // until the first position so it never flashes at (0,0).
-        style: _objectSpread$15(_objectSpread$15({}, floatingStyles), isPositioned ? {} : {
+        style: _objectSpread$17(_objectSpread$17({}, floatingStyles), isPositioned ? {} : {
           opacity: 0
         }),
         children: [searchable && jsx("div", {
@@ -8285,8 +8301,8 @@ var DEFAULT_ACTIONS = [{
   })
 }];
 
-function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
 function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -8365,7 +8381,7 @@ var mergeDefaultActions = function mergeDefaultActions(overrides, defaults) {
     _iterator.f();
   }
   var merged = defaults.map(function (d) {
-    return d !== null && d !== void 0 && d.name && byName.has(d.name) ? _objectSpread$14(_objectSpread$14({}, d), byName.get(d.name)) : d;
+    return d !== null && d !== void 0 && d.name && byName.has(d.name) ? _objectSpread$16(_objectSpread$16({}, d), byName.get(d.name)) : d;
   });
   var defaultNames = new Set(defaults.map(function (d) {
     return d === null || d === void 0 ? void 0 : d.name;
@@ -8407,7 +8423,7 @@ var resolveActions = function resolveActions(actions, row, index) {
       var action = _step2.value;
       if (!action || _typeof$4(action) !== "object") continue;
       if (callIfFn(action.hidden, row, index)) continue;
-      var resolved = _objectSpread$14(_objectSpread$14({}, action), {}, {
+      var resolved = _objectSpread$16(_objectSpread$16({}, action), {}, {
         label: callIfFn(action.label, row, index),
         icon: callIfFn(action.icon, row, index),
         disabled: !!callIfFn(action.disabled, row, index),
@@ -8695,8 +8711,8 @@ function ColumnMenu(_ref) {
   });
 }
 
-function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FIELD_CLASSES = "w-full rounded-md border border-line bg-surface px-3 py-2 text-base sm:text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-primary-500";
 var FOOTER_BUTTON = "inline-flex min-h-11 flex-1 items-center justify-center rounded-lg px-4 text-sm font-medium outline-none focus-visible:ring-2 focus-visible:ring-primary-500 transition-colors duration-fast motion-reduce:transition-none";
 /** Number of non-empty filters (the global search counts as one). */
@@ -8758,7 +8774,7 @@ function FilterSheet(_ref) {
   };
   var setField = function setField(key, value) {
     return setDraft(function (prev) {
-      return _objectSpread$13(_objectSpread$13({}, prev), {}, _defineProperty$4({}, key, value));
+      return _objectSpread$15(_objectSpread$15({}, prev), {}, _defineProperty$4({}, key, value));
     });
   };
   var formId = "".concat(idPrefix, "-filters");
@@ -9046,8 +9062,8 @@ function normalizeAction(action, idx) {
   };
 }
 
-function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Internal (not exported). Desktop presentation of the action menu: a
 // portaled, floating `role="menu"` anchored to its trigger (flip + shift via
 // useFloatingPosition), with roving focus and Escape/outside-press dismissal.
@@ -9158,7 +9174,7 @@ function MenuPopover(_ref) {
       tabIndex: -1,
       "data-presentation": "popover",
       className: cn(MENU_CLASSES, className),
-      style: _objectSpread$12(_objectSpread$12({}, floatingStyles), {}, {
+      style: _objectSpread$14(_objectSpread$14({}, floatingStyles), {}, {
         opacity: isPositioned ? 1 : 0
       }),
       onKeyDown: function onKeyDown(e) {
@@ -9210,9 +9226,9 @@ function MenuPopover(_ref) {
   });
 }
 
-var _excluded$W = ["open", "onClose", "groups", "onSelectItem", "title", "message", "label", "cancelLabel", "emptyLabel", "itemClassName", "className"];
-function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$X = ["open", "onClose", "groups", "onSelectItem", "title", "message", "label", "cancelLabel", "emptyLabel", "itemClassName", "className"];
+function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Internal. The one action-sheet implementation: an iOS-style action sheet in
 // a bottom Sheet. Actions sit in rounded cards (one card per group),
 // destructive actions use the error tone, and a separate Cancel button closes
@@ -9253,7 +9269,7 @@ var ActionSheetMenu = /*#__PURE__*/React__default.forwardRef(function ActionShee
     emptyLabel = _ref$emptyLabel === void 0 ? "No actions" : _ref$emptyLabel,
     itemClassName = _ref.itemClassName,
     className = _ref.className,
-    rest = _objectWithoutProperties$1(_ref, _excluded$W);
+    rest = _objectWithoutProperties$1(_ref, _excluded$X);
   var nonEmpty = (groups || []).filter(function (g) {
     return Array.isArray(g) && g.length > 0;
   });
@@ -9275,7 +9291,7 @@ var ActionSheetMenu = /*#__PURE__*/React__default.forwardRef(function ActionShee
       children: message
     })]
   }) : null;
-  return jsx(Sheet, _objectSpread$11(_objectSpread$11({
+  return jsx(Sheet, _objectSpread$13(_objectSpread$13({
     ref: ref,
     open: open,
     onClose: onClose,
@@ -9503,8 +9519,8 @@ function ActionMenu(_ref) {
   });
 }
 
-function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Desktop table row component
  */
@@ -9591,7 +9607,7 @@ function TableRow(_ref) {
   var isRowActive = interactive && (activeCell === null || activeCell === void 0 ? void 0 : activeCell.rowKey) === rowKey;
   var effectiveRow = React__default.useMemo(function () {
     if (!interactive || !pendingEdits || !pendingEdits[rowKey]) return row;
-    return _objectSpread$10(_objectSpread$10({}, row), pendingEdits[rowKey]);
+    return _objectSpread$12(_objectSpread$12({}, row), pendingEdits[rowKey]);
   }, [interactive, pendingEdits, rowKey, row]);
   return jsxs(React__default.Fragment, {
     children: [jsxs("tr", {
@@ -9993,9 +10009,9 @@ function useSwipeGesture(_ref2) {
   };
 }
 
-var _excluded$V = ["as", "children", "leadingActions", "trailingActions", "fullSwipe", "fullSwipeThreshold", "actionWidth", "open", "defaultOpen", "onOpenChange", "disabled", "moreActions", "moreActionsLabel", "menuPresentation", "contentClassName", "className", "onKeyDown"];
-function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$W = ["as", "children", "leadingActions", "trailingActions", "fullSwipe", "fullSwipeThreshold", "actionWidth", "open", "defaultOpen", "onOpenChange", "disabled", "moreActions", "moreActionsLabel", "menuPresentation", "contentClassName", "className", "onKeyDown"];
+function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // The iOS Mail / Gmail row: swipe horizontally to reveal actions, swipe all
 // the way to commit the first one. Every action is also reachable without a
 // gesture through the "More actions" button (a menu, or an action sheet on
@@ -10090,7 +10106,7 @@ var SwipeableListItem = /*#__PURE__*/React__default.forwardRef(function Swipeabl
     contentClassName = _ref2.contentClassName,
     className = _ref2.className,
     onKeyDown = _ref2.onKeyDown,
-    rest = _objectWithoutProperties$1(_ref2, _excluded$V);
+    rest = _objectWithoutProperties$1(_ref2, _excluded$W);
   var leading = useMemo(function () {
     return Array.isArray(leadingActions) ? leadingActions : [];
   }, [leadingActions]);
@@ -10193,7 +10209,7 @@ var SwipeableListItem = /*#__PURE__*/React__default.forwardRef(function Swipeabl
       setOpenSide(null);
     }
   };
-  return jsxs(Component, _objectSpread$$(_objectSpread$$({
+  return jsxs(Component, _objectSpread$11(_objectSpread$11({
     ref: function ref(node) {
       return setRefs$1(node, rootRef, _ref4);
     },
@@ -10218,7 +10234,7 @@ var SwipeableListItem = /*#__PURE__*/React__default.forwardRef(function Swipeabl
       armed: armed === "trailing",
       dragging: dragging,
       onSelect: runAction
-    }), jsx("div", _objectSpread$$(_objectSpread$$({
+    }), jsx("div", _objectSpread$11(_objectSpread$11({
       "data-swipe-content": "",
       className: cn("relative bg-surface touch-pan-y", dragging ? "select-none" : cn("transition-transform", MOTION), contentClassName),
       style: x ? {
@@ -10646,10 +10662,10 @@ function FieldInput(_ref) {
   });
 }
 
-var _excluded$U = ["data", "columns", "sortable", "filterable", "selectable", "pagination", "paginationPosition", "pageSize", "onSort", "onFilter", "onFetch", "onFilterChange", "onSelectionChange", "onRowClick", "hasDetails", "DetailsComponent", "className", "withAction", "onAction", "actions", "replaceDefaultActions", "showSerial", "cellClass", "rowClass", "globalSearch", "limitOptions", "showLimitSelector", "onLimitChange", "showReloadButton", "renderReloadButton", "onReload", "stripedRows", "theme", "responsiveBreakpoint", "showToolbar", "showColumnPicker", "wrapCells", "mobileMaxFields", "serverSide", "totalRecords", "pageNumber", "onPageChange", "TheadComponent", "TfootComponent", "interactive", "onSave", "onEdit", "onRowAdd", "onRowDelete", "editKeyBinding", "newRowPosition", "addRowRef", "onInitAddRow", "renderAddRowButton", "renderExternalAddRow", "actionMenuPresentation", "defaultMobileView", "mobileFiltersPresentation", "swipeActions", "stickyHeader"],
+var _excluded$V = ["data", "columns", "sortable", "filterable", "selectable", "pagination", "paginationPosition", "pageSize", "onSort", "onFilter", "onFetch", "onFilterChange", "onSelectionChange", "onRowClick", "hasDetails", "DetailsComponent", "className", "withAction", "onAction", "actions", "replaceDefaultActions", "showSerial", "cellClass", "rowClass", "globalSearch", "limitOptions", "showLimitSelector", "onLimitChange", "showReloadButton", "renderReloadButton", "onReload", "stripedRows", "theme", "responsiveBreakpoint", "showToolbar", "showColumnPicker", "wrapCells", "mobileMaxFields", "serverSide", "totalRecords", "pageNumber", "onPageChange", "TheadComponent", "TfootComponent", "interactive", "onSave", "onEdit", "onRowAdd", "onRowDelete", "editKeyBinding", "newRowPosition", "addRowRef", "onInitAddRow", "renderAddRowButton", "renderExternalAddRow", "actionMenuPresentation", "defaultMobileView", "mobileFiltersPresentation", "swipeActions", "stickyHeader"],
   _excluded2$8 = ["_key", "_isNew"];
-function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_DATA = [];
 var DEFAULT_COLUMNS = [];
 var DEFAULT_THEME = {
@@ -10755,8 +10771,8 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
     swipeActions = _ref.swipeActions,
     _ref$stickyHeader = _ref.stickyHeader,
     stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
-    props = _objectWithoutProperties$1(_ref, _excluded$U);
-  theme = _objectSpread$_(_objectSpread$_({}, DEFAULT_THEME), theme);
+    props = _objectWithoutProperties$1(_ref, _excluded$V);
+  theme = _objectSpread$10(_objectSpread$10({}, DEFAULT_THEME), theme);
   // Card mode follows a media query (SSR-safe): `defaultMobileView` on the
   // server and while hydrating, then the live match. Same semantics as the old
   // `window.innerWidth < responsiveBreakpoint` check.
@@ -10787,7 +10803,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
     setCurrentPage = _useState8[1];
   var _useState9 = useState(function () {
       return Array.isArray(initialColumns) ? initialColumns.map(function (c) {
-        return _objectSpread$_({}, c);
+        return _objectSpread$10({}, c);
       }) : [];
     }),
     _useState0 = _slicedToArray(_useState9, 2),
@@ -10905,7 +10921,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
         return getRowKey(r, i) === rowKey;
       });
       if (!origRow) return;
-      var effectiveRow = _objectSpread$_(_objectSpread$_({}, origRow), pendingEdits[rowKey] || {});
+      var effectiveRow = _objectSpread$10(_objectSpread$10({}, origRow), pendingEdits[rowKey] || {});
       columnsState.forEach(function (col) {
         var _col$rules;
         if (col.isVisible === false) return;
@@ -10972,7 +10988,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
     if (newRowIdx !== -1) {
       setNewRows(function (prev) {
         var next = _toConsumableArray$1(prev);
-        next[newRowIdx] = _objectSpread$_(_objectSpread$_({}, next[newRowIdx]), {}, _defineProperty$4({}, colKey, newValue));
+        next[newRowIdx] = _objectSpread$10(_objectSpread$10({}, next[newRowIdx]), {}, _defineProperty$4({}, colKey, newValue));
         onEdit === null || onEdit === void 0 || onEdit({
           rowKey: rowKey,
           colKey: colKey,
@@ -10985,11 +11001,11 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
       return;
     }
     setPendingEdits(function (prev) {
-      var nextRowEdits = _objectSpread$_(_objectSpread$_({}, prev[rowKey] || {}), {}, _defineProperty$4({}, colKey, newValue));
+      var nextRowEdits = _objectSpread$10(_objectSpread$10({}, prev[rowKey] || {}), {}, _defineProperty$4({}, colKey, newValue));
       var origRow = tableData.find(function (r, i) {
         return getRowKey(r, i) === rowKey;
       });
-      var updatedRow = _objectSpread$_(_objectSpread$_({}, origRow), nextRowEdits);
+      var updatedRow = _objectSpread$10(_objectSpread$10({}, origRow), nextRowEdits);
       onEdit === null || onEdit === void 0 || onEdit({
         rowKey: rowKey,
         colKey: colKey,
@@ -10997,7 +11013,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
         row: updatedRow,
         isNew: false
       });
-      return _objectSpread$_(_objectSpread$_({}, prev), {}, _defineProperty$4({}, rowKey, nextRowEdits));
+      return _objectSpread$10(_objectSpread$10({}, prev), {}, _defineProperty$4({}, rowKey, nextRowEdits));
     });
   }, [newRows, tableData, onEdit]);
   var _handleAddRow = useCallback(function (positionOverride) {
@@ -11065,7 +11081,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
       });
     });
     setPendingEdits(function (prev) {
-      var next = _objectSpread$_({}, prev);
+      var next = _objectSpread$10({}, prev);
       delete next[rowKey];
       return next;
     });
@@ -11091,7 +11107,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
           updatedTableData = tableData.map(function (row, i) {
             var rKey = getRowKey(row, i);
             if (dirtyEdits[rKey]) {
-              return _objectSpread$_(_objectSpread$_({}, row), dirtyEdits[rKey]);
+              return _objectSpread$10(_objectSpread$10({}, row), dirtyEdits[rKey]);
             }
             return row;
           });
@@ -11224,7 +11240,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
   useEffect(function () {
     if (initialColumns !== initialColumnsRef.current) {
       setColumnsState(Array.isArray(initialColumns) ? initialColumns.map(function (c) {
-        return _objectSpread$_({}, c);
+        return _objectSpread$10({}, c);
       }) : []);
       initialColumnsRef.current = initialColumns;
     }
@@ -11555,7 +11571,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
   var toggleColumnVisibility = useCallback(function (key) {
     setColumnsState(function (prev) {
       return prev.map(function (c) {
-        return c.key === key ? _objectSpread$_(_objectSpread$_({}, c), {}, {
+        return c.key === key ? _objectSpread$10(_objectSpread$10({}, c), {}, {
           isVisible: !(c.isVisible !== false)
         }) : c;
       });
@@ -11574,7 +11590,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
   }, [sortable, onSort]);
   var handleFilter = useCallback(function (key, value) {
     setFilters(function (prev) {
-      var newFilters = _objectSpread$_(_objectSpread$_({}, prev), {}, _defineProperty$4({}, key, value));
+      var newFilters = _objectSpread$10(_objectSpread$10({}, prev), {}, _defineProperty$4({}, key, value));
       onFilter === null || onFilter === void 0 || onFilter(newFilters);
       onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
       return newFilters;
@@ -11584,7 +11600,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
   // Commits several filters at once (the phone filter sheet's Apply).
   var applyFilters = useCallback(function (patch) {
     setFilters(function (prev) {
-      var newFilters = _objectSpread$_(_objectSpread$_({}, prev), patch);
+      var newFilters = _objectSpread$10(_objectSpread$10({}, prev), patch);
       onFilter === null || onFilter === void 0 || onFilter(newFilters);
       onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
       return newFilters;
@@ -11998,7 +12014,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
       style: stickyHeader && stickyHeader !== true ? {
         maxHeight: typeof stickyHeader === "number" ? "".concat(stickyHeader, "px") : stickyHeader
       } : undefined,
-      children: jsxs("table", _objectSpread$_(_objectSpread$_({
+      children: jsxs("table", _objectSpread$10(_objectSpread$10({
         className: cn("min-w-full divide-y divide-line", className)
       }, props), {}, {
         children: [jsxs("thead", {
@@ -12148,7 +12164,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
             }), interactive && newRowPosition !== "top" && renderAddRowClickableRow()]
           }) : jsxs(Fragment, {
             children: [interactive && newRowPosition === "top" && renderAddRowClickableRow(), interactive && newRowPosition === "top" && newRows.map(function (newRow, newIdx) {
-              return jsx(TableRow, _objectSpread$_({
+              return jsx(TableRow, _objectSpread$10({
                 row: newRow,
                 rowIndexInPage: newIdx,
                 startIndex: 0,
@@ -12157,14 +12173,14 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
                 onDeleteNewRow: handleDeleteNewRow
               }, rowSharedProps), newRow._key);
             }), paginatedData.map(function (row, rowIndexInPage) {
-              return jsx(TableRow, _objectSpread$_({
+              return jsx(TableRow, _objectSpread$10({
                 row: row,
                 rowIndexInPage: rowIndexInPage,
                 startIndex: startIndex,
                 visibleCount: visibleCount
               }, rowSharedProps), getRowKey(row, startIndex + rowIndexInPage));
             }), interactive && newRowPosition !== "top" && newRows.map(function (newRow, newIdx) {
-              return jsx(TableRow, _objectSpread$_({
+              return jsx(TableRow, _objectSpread$10({
                 row: newRow,
                 rowIndexInPage: paginatedData.length + newIdx,
                 startIndex: 0,
@@ -12204,7 +12220,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
           })]
         })
       }) : paginatedData.map(function (row, rowIndexInPage) {
-        return jsx(MobileCard, _objectSpread$_(_objectSpread$_({
+        return jsx(MobileCard, _objectSpread$10(_objectSpread$10({
           row: row,
           rowIndexInPage: rowIndexInPage,
           startIndex: startIndex
@@ -12378,7 +12394,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect$7 = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
+const useIsomorphicLayoutEffect$8 = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
 
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
@@ -12424,7 +12440,7 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    useIsomorphicLayoutEffect$7(() => control._subscribe({
+    useIsomorphicLayoutEffect$8(() => control._subscribe({
         name,
         formState: _localProxyFormState.current,
         exact,
@@ -12543,7 +12559,7 @@ function useWatch(props) {
             }
         }
     }, [control._formValues, control._names, disabled, name]);
-    useIsomorphicLayoutEffect$7(() => {
+    useIsomorphicLayoutEffect$8(() => {
         if (_prevControl.current !== control ||
             !deepEqual(_prevName.current, name)) {
             _prevControl.current = control;
@@ -14624,7 +14640,7 @@ function useForm(props = {}) {
     }
     const control = _formControl.current.control;
     control._options = props;
-    useIsomorphicLayoutEffect$7(() => {
+    useIsomorphicLayoutEffect$8(() => {
         const sub = control._subscribe({
             formState: control._proxyFormState,
             callback: () => updateFormState({ ...control._formState }),
@@ -17627,8 +17643,8 @@ function subMonths(dirtyDate, dirtyAmount) {
   return addMonths(dirtyDate, -amount);
 }
 
-function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Internal (not exported). The month calendar shared by DatePicker and
 // DateRangePicker: month header, weekday row and an ARIA grid of days with a
 // roving tabindex, arrow/Home/End/PageUp/PageDown navigation and (in sheet
@@ -17875,7 +17891,7 @@ function Calendar(_ref3) {
           children: label
         }, label);
       })
-    }), jsx("div", _objectSpread$Z(_objectSpread$Z({
+    }), jsx("div", _objectSpread$$(_objectSpread$$({
       ref: grid,
       role: "grid",
       "aria-label": format(month, "MMMM yyyy"),
@@ -17998,9 +18014,9 @@ function PickerSurface(_ref4) {
   return portal && typeof document !== "undefined" ? /*#__PURE__*/ReactDOM__default.createPortal(popup, document.body) : popup;
 }
 
-var _excluded$T = ["value", "onChange", "placeholder", "label", "error", "helperText", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect", "presentation"];
-function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$U = ["value", "onChange", "placeholder", "label", "error", "helperText", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect", "presentation"];
+function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DatePicker = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -18028,7 +18044,7 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function (_ref, forwarde
     closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
     _ref$presentation = _ref.presentation,
     presentation = _ref$presentation === void 0 ? "auto" : _ref$presentation,
-    props = _objectWithoutProperties$1(_ref, _excluded$T);
+    props = _objectWithoutProperties$1(_ref, _excluded$U);
   // Stable ids wiring label / helper / error to the trigger button.
   // A consumer `id` (spread onto the trigger via ...props) wins.
   var reactId = useId();
@@ -18192,7 +18208,7 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function (_ref, forwarde
     }), jsxs("div", {
       ref: fieldRef,
       className: "relative",
-      children: [jsxs("button", _objectSpread$Y(_objectSpread$Y({
+      children: [jsxs("button", _objectSpread$_(_objectSpread$_({
         ref: triggerRef,
         type: "button",
         id: fieldId,
@@ -18201,10 +18217,13 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function (_ref, forwarde
         "aria-invalid": error ? true : undefined,
         className: cn("flex w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", {
           "border-error-500 focus:ring-error-500": error,
-          "text-primary-500": !selected,
+          // Empty: the placeholder reads muted, like Input's
+          // ::placeholder (#159). `className` still merges last.
+          "text-muted": !selected,
           // leave room for the sibling clear button overlaid on the field
           "pr-16": showClear && selected
         }, className),
+        "data-empty": selected ? undefined : "",
         onClick: function onClick() {
           return setIsOpen(function (open) {
             return !open;
@@ -18276,9 +18295,9 @@ var DatePicker = /*#__PURE__*/React__default.forwardRef(function (_ref, forwarde
 });
 DatePicker.displayName = "DatePicker";
 
-var _excluded$S = ["id", "name", "checked", "defaultChecked", "onChange", "disabled", "size", "color", "trackClass", "thumbClass", "className", "topLabel", "bottomLabel", "rightLabel", "leftLabel", "ariaLabel", "onPointerDown", "onPointerMove", "onPointerUp", "onPointerCancel", "haptics"];
-function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$T = ["id", "name", "checked", "defaultChecked", "onChange", "disabled", "size", "color", "trackClass", "thumbClass", "className", "topLabel", "bottomLabel", "rightLabel", "leftLabel", "ariaLabel", "onPointerDown", "onPointerMove", "onPointerUp", "onPointerCancel", "haptics"];
+function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Switch.jsx
  * - Plain JSX (no TypeScript)
@@ -18378,7 +18397,7 @@ var Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
     onPointerCancel = props.onPointerCancel,
     _props$haptics = props.haptics,
     haptics = _props$haptics === void 0 ? false : _props$haptics,
-    rest = _objectWithoutProperties$1(props, _excluded$S);
+    rest = _objectWithoutProperties$1(props, _excluded$T);
   var isControlled = typeof checked === "boolean";
   var _useState = useState(defaultChecked),
     _useState2 = _slicedToArray(_useState, 2),
@@ -18497,7 +18516,7 @@ var Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
         htmlFor: switchId,
         className: labelOpacityClass,
         children: leftLabel
-      }) : null, jsxs("button", _objectSpread$X(_objectSpread$X({
+      }) : null, jsxs("button", _objectSpread$Z(_objectSpread$Z({
         ref: ref,
         id: switchId,
         type: "button",
@@ -18681,9 +18700,9 @@ function useSliderPointer(_ref4) {
   };
 }
 
-var _excluded$R = ["value", "defaultValue", "onChange", "onChangeEnd", "min", "max", "step", "largeStep", "disabled", "label", "showValue", "showBubble", "formatValue", "thumbLabels", "name", "className", "aria-label"];
-function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$S = ["value", "defaultValue", "onChange", "onChangeEnd", "min", "max", "step", "largeStep", "disabled", "label", "showValue", "showBubble", "formatValue", "thumbLabels", "name", "className", "aria-label"];
+function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_THUMB_LABELS = ["Minimum", "Maximum"];
 var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var value = _ref.value,
@@ -18711,7 +18730,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
     name = _ref.name,
     className = _ref.className,
     ariaLabel = _ref["aria-label"],
-    rest = _objectWithoutProperties$1(_ref, _excluded$R);
+    rest = _objectWithoutProperties$1(_ref, _excluded$S);
   var labelId = "slider-label-".concat(useId());
   var trackRef = useRef(null);
   var bounds = useMemo(function () {
@@ -18759,7 +18778,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var display = values.map(function (v) {
     return formatValue(v);
   }).join(" – ");
-  return jsxs("div", _objectSpread$W(_objectSpread$W({
+  return jsxs("div", _objectSpread$Y(_objectSpread$Y({
     ref: ref,
     className: cn("w-full", disabled && "opacity-50", className)
   }, rest), {}, {
@@ -18774,7 +18793,7 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
         "aria-hidden": "true",
         children: display
       })]
-    }), jsxs("div", _objectSpread$W(_objectSpread$W({
+    }), jsxs("div", _objectSpread$Y(_objectSpread$Y({
       ref: trackRef,
       className: cn(
       // 44px tall row on coarse pointers so the whole strip is easy to grab.
@@ -18827,9 +18846,9 @@ var Slider = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Slider.displayName = "Slider";
 
-var _excluded$Q = ["value", "defaultValue", "onChange", "swatches", "showAlpha", "size", "disabled", "className", "label", "id"];
-function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$R = ["value", "defaultValue", "onChange", "swatches", "showAlpha", "size", "disabled", "className", "label", "id"];
+function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * ColorPicker.jsx
  * A reusable, accessible, and Tailwind-friendly color picker component (plain JavaScript)
@@ -18982,7 +19001,7 @@ var ColorPicker = /*#__PURE__*/forwardRef(function ColorPicker(props, ref) {
     _props$label = props.label,
     label = _props$label === void 0 ? "Pick a color" : _props$label,
     id = props.id,
-    rest = _objectWithoutProperties$1(props, _excluded$Q);
+    rest = _objectWithoutProperties$1(props, _excluded$R);
   // The visible <label> must point at a real control: the text value input
   // takes the caller's `id` (or a generated one).
   var autoId = useId();
@@ -19046,7 +19065,7 @@ var ColorPicker = /*#__PURE__*/forwardRef(function ColorPicker(props, ref) {
   // Sizes outside sm/md/lg (the shared `Size` type also lists xs/xl/2xl) fall
   // back to md instead of crashing on an undefined map entry.
   var sizeMap = sizeMaps[size] || sizeMaps.md;
-  return jsxs("div", _objectSpread$V(_objectSpread$V({
+  return jsxs("div", _objectSpread$X(_objectSpread$X({
     ref: ref,
     className: cn("inline-block", className)
   }, rest), {}, {
@@ -19113,7 +19132,7 @@ var ColorPicker = /*#__PURE__*/forwardRef(function ColorPicker(props, ref) {
             value: rgbaToHex(internal, false).slice(0, 7),
             onChange: function onChange(e) {
               var parsed = hexToRgba(e.target.value);
-              if (parsed) pushChange(_objectSpread$V(_objectSpread$V({}, parsed), {}, {
+              if (parsed) pushChange(_objectSpread$X(_objectSpread$X({}, parsed), {}, {
                 a: internal.a
               }));
             },
@@ -19136,7 +19155,7 @@ var ColorPicker = /*#__PURE__*/forwardRef(function ColorPicker(props, ref) {
                 if (p) pushChange(p);else {
                   var maybe = v.startsWith("#") ? v : "#".concat(v);
                   var ph = hexToRgba(maybe);
-                  if (ph) pushChange(_objectSpread$V(_objectSpread$V({}, ph), {}, {
+                  if (ph) pushChange(_objectSpread$X(_objectSpread$X({}, ph), {}, {
                     a: internal.a
                   }));
                 }
@@ -19157,7 +19176,7 @@ var ColorPicker = /*#__PURE__*/forwardRef(function ColorPicker(props, ref) {
             max: 100,
             value: Math.round(((_internal$a = internal.a) !== null && _internal$a !== void 0 ? _internal$a : 1) * 100),
             onChange: function onChange(v) {
-              pushChange(_objectSpread$V(_objectSpread$V({}, internal), {}, {
+              pushChange(_objectSpread$X(_objectSpread$X({}, internal), {}, {
                 a: clamp(v / 100, 0, 1)
               }));
             },
@@ -19170,11 +19189,11 @@ var ColorPicker = /*#__PURE__*/forwardRef(function ColorPicker(props, ref) {
 });
 ColorPicker.displayName = "ColorPicker";
 
-var _excluded$P = ["fields", "onSubmit", "defaultValues", "validationSchema", "className", "submitText", "resetText", "submitButtonClass", "resetButtonClass", "showReset", "submitDisabled"],
+var _excluded$Q = ["fields", "onSubmit", "defaultValues", "validationSchema", "className", "submitText", "resetText", "submitButtonClass", "resetButtonClass", "showReset", "submitDisabled"],
   _excluded2$7 = ["type", "name", "label", "required", "options", "placeholder", "helperText"],
-  _excluded3$3 = ["onChange", "ref", "value"];
-function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  _excluded3$4 = ["onChange", "ref", "value"];
+function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Error / helper line rendered under Form-owned field markup (textarea,
  * checkbox, radio, file, switch, color). Mirrors Input / Select / DatePicker:
@@ -19235,7 +19254,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
     showReset = _ref2$showReset === void 0 ? true : _ref2$showReset,
     _ref2$submitDisabled = _ref2.submitDisabled,
     submitDisabled = _ref2$submitDisabled === void 0 ? false : _ref2$submitDisabled,
-    props = _objectWithoutProperties$1(_ref2, _excluded$P);
+    props = _objectWithoutProperties$1(_ref2, _excluded$Q);
   var methods = useForm({
     defaultValues: defaultValues,
     resolver: validationSchema
@@ -19281,7 +19300,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
     // hatch for extra component props and is still spread. An array must
     // never be spread: it leaked index keys ("0", "1", …) as props/attributes.
     var extraProps = options && _typeof$4(options) === "object" && !Array.isArray(options) ? options : undefined;
-    var commonProps = _objectSpread$U(_objectSpread$U({
+    var commonProps = _objectSpread$W(_objectSpread$W({
       name: name,
       label: label,
       required: required,
@@ -19303,7 +19322,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
               onChange = _ref3$field.onChange,
               value = _ref3$field.value,
               ref = _ref3$field.ref;
-            return jsx(Input, _objectSpread$U(_objectSpread$U({
+            return jsx(Input, _objectSpread$W(_objectSpread$W({
               type: type,
               value: value || "",
               onChange: onChange,
@@ -19330,7 +19349,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
               onChange = _ref4$field.onChange,
               value = _ref4$field.value,
               ref = _ref4$field.ref;
-            return jsx(Select, _objectSpread$U({
+            return jsx(Select, _objectSpread$W({
               value: value,
               onChange: onChange,
               ref: ref,
@@ -19348,7 +19367,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
               onChange = _ref5$field.onChange,
               value = _ref5$field.value,
               ref = _ref5$field.ref;
-            return jsx(DatePicker, _objectSpread$U({
+            return jsx(DatePicker, _objectSpread$W({
               value: value,
               onChange: onChange,
               ref: ref,
@@ -19502,7 +19521,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
               _onChange3 = _ref9$field.onChange,
               ref = _ref9$field.ref,
               value = _ref9$field.value,
-              field = _objectWithoutProperties$1(_ref9$field, _excluded3$3);
+              field = _objectWithoutProperties$1(_ref9$field, _excluded3$4);
             return jsxs("div", {
               className: "w-full",
               children: [label && jsxs("label", {
@@ -19531,7 +19550,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
                       d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
                     })
                   }), "Choose File"]
-                }), jsx("input", _objectSpread$U(_objectSpread$U({}, field), {}, {
+                }), jsx("input", _objectSpread$W(_objectSpread$W({}, field), {}, {
                   id: name,
                   ref: ref,
                   type: "file",
@@ -19546,13 +19565,13 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
                       var reader = new FileReader();
                       reader.onloadend = function () {
                         setFilePreviews(function (prev) {
-                          return _objectSpread$U(_objectSpread$U({}, prev), {}, _defineProperty$4({}, name, reader.result));
+                          return _objectSpread$W(_objectSpread$W({}, prev), {}, _defineProperty$4({}, name, reader.result));
                         });
                       };
                       reader.readAsDataURL(file);
                     } else {
                       setFilePreviews(function (prev) {
-                        return _objectSpread$U(_objectSpread$U({}, prev), {}, _defineProperty$4({}, name, null));
+                        return _objectSpread$W(_objectSpread$W({}, prev), {}, _defineProperty$4({}, name, null));
                       });
                     }
                   },
@@ -19566,7 +19585,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
                   onClick: function onClick() {
                     _onChange3(null);
                     setFilePreviews(function (prev) {
-                      return _objectSpread$U(_objectSpread$U({}, prev), {}, _defineProperty$4({}, name, null));
+                      return _objectSpread$W(_objectSpread$W({}, prev), {}, _defineProperty$4({}, name, null));
                     });
                   },
                   className: "ml-3 text-sm text-error-600 hover:text-error-800",
@@ -19601,7 +19620,7 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
               ref = _ref0$field.ref;
             return jsxs("div", {
               className: "w-full",
-              children: [jsx(Switch, _objectSpread$U({
+              children: [jsx(Switch, _objectSpread$W({
                 checked: !!value,
                 onChange: onChange,
                 ref: ref,
@@ -19688,8 +19707,8 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
     }
     return renderField(group);
   };
-  return jsx(FormProvider, _objectSpread$U(_objectSpread$U({}, methods), {}, {
-    children: jsxs("form", _objectSpread$U(_objectSpread$U({
+  return jsx(FormProvider, _objectSpread$W(_objectSpread$W({}, methods), {}, {
+    children: jsxs("form", _objectSpread$W(_objectSpread$W({
       ref: ref,
       className: cn("space-y-6", className),
       onSubmit: handleSubmit(handleFormSubmit)
@@ -19716,9 +19735,9 @@ var Form = /*#__PURE__*/forwardRef(function Form(_ref2, ref) {
 });
 Form.displayName = "Form";
 
-var _excluded$O = ["items", "allowMultiple", "defaultOpenIndexes", "onChange", "className", "headerClassName", "contentClassName", "chevronPosition", "chevronIcon", "bordered", "rounded", "size", "transitionDuration"];
-function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$P = ["items", "allowMultiple", "defaultOpenIndexes", "onChange", "className", "headerClassName", "contentClassName", "chevronPosition", "chevronIcon", "bordered", "rounded", "size", "transitionDuration"];
+function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * item.leftIcon may be:
  * - ReactNode (e.g. <svg/>)
@@ -19750,7 +19769,7 @@ var Accordion = /*#__PURE__*/forwardRef(function Accordion(_ref, ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     _ref$transitionDurati = _ref.transitionDuration,
     transitionDuration = _ref$transitionDurati === void 0 ? 220 : _ref$transitionDurati,
-    rest = _objectWithoutProperties$1(_ref, _excluded$O);
+    rest = _objectWithoutProperties$1(_ref, _excluded$P);
   var saneDefault = Array.isArray(defaultOpenIndexes) ? defaultOpenIndexes.filter(function (i) {
     return Number.isFinite(i) && i >= 0 && i < items.length;
   }) : [];
@@ -19900,7 +19919,7 @@ var Accordion = /*#__PURE__*/forwardRef(function Accordion(_ref, ref) {
     }
     return left; // assume ReactNode
   };
-  return jsx("div", _objectSpread$T(_objectSpread$T({
+  return jsx("div", _objectSpread$V(_objectSpread$V({
     ref: ref,
     className: wrapperClasses,
     role: "presentation"
@@ -20000,9 +20019,9 @@ var Accordion = /*#__PURE__*/forwardRef(function Accordion(_ref, ref) {
 });
 Accordion.displayName = "Accordion";
 
-var _excluded$N = ["id", "name", "label", "checked", "defaultChecked", "onChange", "disabled", "required", "className", "size", "labelPosition", "value", "ariaLabel", "variant", "indeterminate", "color", "iconClass", "checkedClass", "wrapperProps", "haptics"];
-function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$O = ["id", "name", "label", "checked", "defaultChecked", "onChange", "disabled", "required", "className", "size", "labelPosition", "value", "ariaLabel", "variant", "indeterminate", "color", "iconClass", "checkedClass", "wrapperProps", "haptics"];
+function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZE_CLASSES$2 = {
   sm: {
     box: "h-4 w-4",
@@ -20099,7 +20118,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     wrapperProps = _ref.wrapperProps,
     _ref$haptics = _ref.haptics,
     haptics = _ref$haptics === void 0 ? false : _ref$haptics,
-    props = _objectWithoutProperties$1(_ref, _excluded$N);
+    props = _objectWithoutProperties$1(_ref, _excluded$O);
   var autoId = useId();
   var inputId = id || "".concat(autoId, "-checkbox");
   var inputRef = useRef(null);
@@ -20142,7 +20161,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var iconState = function iconState(shown) {
     return shown ? "opacity-100 scale-100" : "opacity-0 scale-50";
   };
-  return jsxs("div", _objectSpread$S(_objectSpread$S({
+  return jsxs("div", _objectSpread$U(_objectSpread$U({
     className: cn("inline-flex items-center", className)
   }, wrapperProps !== null && wrapperProps !== void 0 ? wrapperProps : {}), {}, {
     children: [label && labelPosition === "left" && jsx("label", {
@@ -20152,7 +20171,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }), jsxs("div", {
       className: cn("relative inline-flex shrink-0 items-center justify-center rounded-sm border transition-shadow duration-fast motion-reduce:transition-none", sizeClass.box, disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer hover:shadow-sm", !disabled && showBoxBorder && "border-gray-300 dark:border-gray-600"),
       "aria-disabled": disabled,
-      children: [jsx("input", _objectSpread$S({
+      children: [jsx("input", _objectSpread$U({
         id: inputId,
         ref: inputRef,
         name: name,
@@ -20196,9 +20215,9 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Checkbox.displayName = "Checkbox";
 
-var _excluded$M = ["value", "onChange", "placeholder", "label", "error", "helperText", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect", "presentation", "presets"];
-function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$N = ["value", "onChange", "placeholder", "label", "error", "helperText", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect", "presentation", "presets"];
+function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
   Single-calendar DateRangePicker.
   - Popover: tap/click start then end; the second pick commits (and closes
@@ -20240,7 +20259,7 @@ var DateRangePicker = /*#__PURE__*/forwardRef(function DateRangePicker(_ref, ref
     _ref$presentation = _ref.presentation,
     presentation = _ref$presentation === void 0 ? "auto" : _ref$presentation,
     presets = _ref.presets,
-    props = _objectWithoutProperties$1(_ref, _excluded$M);
+    props = _objectWithoutProperties$1(_ref, _excluded$N);
   // Stable ids wiring label / helper / error to the trigger button.
   // A consumer `id` (spread onto the trigger via ...props) wins.
   var reactId = useId();
@@ -20468,7 +20487,8 @@ var DateRangePicker = /*#__PURE__*/forwardRef(function DateRangePicker(_ref, ref
     }));
   };
   // Display placeholder until both start and end are committed (mandatory range).
-  var triggerText = committed.start && committed.end ? formatRange(committed.start, committed.end) : placeholder;
+  var isEmpty = !committed.start || !committed.end;
+  var triggerText = isEmpty ? placeholder : formatRange(committed.start, committed.end);
   var draftText = localStart && localEnd ? formatRange(localStart, localEnd) : placeholder;
   var presetList = Array.isArray(presets) && presets.length > 0 ? presets : null;
   var presetChips = presetList ? jsx("div", {
@@ -20539,7 +20559,7 @@ var DateRangePicker = /*#__PURE__*/forwardRef(function DateRangePicker(_ref, ref
     }), jsxs("div", {
       ref: fieldRef,
       className: "relative",
-      children: [jsxs("button", _objectSpread$R(_objectSpread$R({
+      children: [jsxs("button", _objectSpread$T(_objectSpread$T({
         ref: triggerRef,
         type: "button",
         id: fieldId,
@@ -20548,9 +20568,12 @@ var DateRangePicker = /*#__PURE__*/forwardRef(function DateRangePicker(_ref, ref
         "aria-invalid": error ? true : undefined,
         className: cn("flex w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", {
           "border-error-500 focus:ring-error-500": error,
-          "text-primary-500": !committed.start || !committed.end,
+          // Empty: the placeholder reads muted, like Input's
+          // ::placeholder (#159). `className` still merges last.
+          "text-muted": isEmpty,
           "pr-16": showClearButton
         }, className),
+        "data-empty": isEmpty ? "" : undefined,
         onClick: function onClick() {
           // The trigger always toggles, even mid-pick (DTUI-35): closing
           // drops the uncommitted start, reopening starts from the last
@@ -20632,9 +20655,9 @@ var DateRangePicker = /*#__PURE__*/forwardRef(function DateRangePicker(_ref, ref
 });
 DateRangePicker.displayName = "DateRangePicker";
 
-var _excluded$L = ["size", "speed", "thickness", "color", "secondaryColor", "variant", "className", "inline", "ariaLabel", "text", "reverse", "style"];
-function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$M = ["size", "speed", "thickness", "color", "secondaryColor", "variant", "className", "inline", "ariaLabel", "text", "reverse", "style"];
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var sizeToPx = function sizeToPx(size) {
   if (!size) return 24;
   if (typeof size === "number") return size;
@@ -20679,13 +20702,13 @@ var Loader = /*#__PURE__*/forwardRef(function Loader(_ref, ref) {
     _ref$reverse = _ref.reverse,
     reverse = _ref$reverse === void 0 ? false : _ref$reverse,
     style = _ref.style,
-    rest = _objectWithoutProperties$1(_ref, _excluded$L);
+    rest = _objectWithoutProperties$1(_ref, _excluded$M);
   var px = sizeToPx(size);
   var wrapperClass = cn(inline ? "inline-flex" : "flex", "items-center gap-2", className);
-  var rootStyle = _objectSpread$Q({
+  var rootStyle = _objectSpread$S({
     "--dt-loader-speed": "".concat(speed, "s")
   }, style);
-  return jsxs("div", _objectSpread$Q(_objectSpread$Q({
+  return jsxs("div", _objectSpread$S(_objectSpread$S({
     ref: ref,
     role: "progressbar",
     "aria-label": ariaLabel,
@@ -20735,7 +20758,7 @@ var Loader = /*#__PURE__*/forwardRef(function Loader(_ref, ref) {
     }), variant === "bar" && jsx("div", {
       "aria-hidden": true,
       className: cn("relative overflow-hidden rounded-full", !secondaryColor && TRACK_BG),
-      style: _objectSpread$Q({
+      style: _objectSpread$S({
         width: Math.max(72, px * 2.5),
         height: Math.max(6, px / 6)
       }, secondaryColor ? {
@@ -20754,9 +20777,9 @@ var Loader = /*#__PURE__*/forwardRef(function Loader(_ref, ref) {
   }));
 });
 
-var _excluded$K = ["min", "max", "step", "minGap", "value", "defaultValue", "onChange", "onFinalChange", "showInputs", "showTooltips", "disabled", "presets", "formatValue", "className", "size", "colorClass", "ariaLabel"];
-function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$L = ["min", "max", "step", "minGap", "value", "defaultValue", "onChange", "onFinalChange", "showInputs", "showTooltips", "disabled", "presets", "formatValue", "className", "size", "colorClass", "ariaLabel"];
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * PriceRangePicker - dual-thumb range picker (Tailwind)
  *
@@ -20839,7 +20862,7 @@ var PriceRangePicker = /*#__PURE__*/forwardRef(function PriceRangePicker(_ref, r
     colorClass = _ref$colorClass === void 0 ? "bg-primary-600" : _ref$colorClass,
     _ref$ariaLabel = _ref.ariaLabel,
     ariaLabel = _ref$ariaLabel === void 0 ? "Price range" : _ref$ariaLabel,
-    rest = _objectWithoutProperties$1(_ref, _excluded$K);
+    rest = _objectWithoutProperties$1(_ref, _excluded$L);
   var isControlled = value && _typeof$4(value) === "object";
   var _useState = useState(function () {
       return isControlled ? {
@@ -20921,7 +20944,7 @@ var PriceRangePicker = /*#__PURE__*/forwardRef(function PriceRangePicker(_ref, r
       var next = keyToValue(e.key, current[which], bounds);
       if (next === null) return;
       e.preventDefault();
-      handleFinal(setValues(_objectSpread$P(_objectSpread$P({}, current), {}, _defineProperty$4(_defineProperty$4({}, which, next), "_active", which))));
+      handleFinal(setValues(_objectSpread$R(_objectSpread$R({}, current), {}, _defineProperty$4(_defineProperty$4({}, which, next), "_active", which))));
     };
   };
   // Pointer drag on the track: grab the nearest thumb and follow the pointer.
@@ -20937,12 +20960,12 @@ var PriceRangePicker = /*#__PURE__*/forwardRef(function PriceRangePicker(_ref, r
     var which = Math.abs(raw - current.min) < Math.abs(raw - current.max) || current.min === current.max && raw < current.min ? "min" : "max";
     (_e$currentTarget$setP = (_e$currentTarget = e.currentTarget).setPointerCapture) === null || _e$currentTarget$setP === void 0 || _e$currentTarget$setP.call(_e$currentTarget, e.pointerId);
     setDragging(which);
-    setValues(_objectSpread$P(_objectSpread$P({}, current), {}, _defineProperty$4(_defineProperty$4({}, which, raw), "_active", which)));
+    setValues(_objectSpread$R(_objectSpread$R({}, current), {}, _defineProperty$4(_defineProperty$4({}, which, raw), "_active", which)));
     (_thumbRefs$current = thumbRefs[which === "min" ? 0 : 1].current) === null || _thumbRefs$current === void 0 || _thumbRefs$current.focus();
   };
   var onPointerMove = function onPointerMove(e) {
     if (!dragging) return;
-    setValues(_objectSpread$P(_objectSpread$P({}, latest.current), {}, _defineProperty$4(_defineProperty$4({}, dragging, toValue(e.clientX)), "_active", dragging)));
+    setValues(_objectSpread$R(_objectSpread$R({}, latest.current), {}, _defineProperty$4(_defineProperty$4({}, dragging, toValue(e.clientX)), "_active", dragging)));
   };
   var onPointerUp = function onPointerUp() {
     if (!dragging) return;
@@ -20996,7 +21019,7 @@ var PriceRangePicker = /*#__PURE__*/forwardRef(function PriceRangePicker(_ref, r
     vmin: current.min,
     vmax: max
   }];
-  return jsxs("div", _objectSpread$P(_objectSpread$P({
+  return jsxs("div", _objectSpread$R(_objectSpread$R({
     ref: ref,
     className: cn("bg-surface rounded-lg p-4 w-full max-w-lg", className)
   }, rest), {}, {
@@ -21110,9 +21133,9 @@ var PriceRangePicker = /*#__PURE__*/forwardRef(function PriceRangePicker(_ref, r
 });
 PriceRangePicker.displayName = "PriceRangePicker";
 
-var _excluded$J = ["value", "max", "size", "showValue", "rounded", "variant", "striped", "animated", "label", "ariaLabel", "className", "style"];
-function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$K = ["value", "max", "size", "showValue", "rounded", "variant", "striped", "animated", "label", "ariaLabel", "className", "style"];
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // ProgressBar. Colours come only from role tokens, so it follows the brand and
 // dark mode (STUDIO-59). The HEX props `color` / `bgColor` / `valueColor` were
 // removed in 2.0.0 (DTUI-65); pick a token tone with `variant` instead.
@@ -21171,7 +21194,7 @@ var ProgressBar = /*#__PURE__*/forwardRef(function ProgressBar(_ref, ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
-    rest = _objectWithoutProperties$1(_ref, _excluded$J);
+    rest = _objectWithoutProperties$1(_ref, _excluded$K);
   var safeMax = typeof max === 'number' && max > 0 ? max : 100;
   var safeValue = typeof value === 'number' ? value : 0;
   var clamped = Math.max(0, Math.min(safeValue, safeMax));
@@ -21193,10 +21216,10 @@ var ProgressBar = /*#__PURE__*/forwardRef(function ProgressBar(_ref, ref) {
   // Stripe motion is a Tailwind animation (DTUI-48) — no per-instance <style> tag —
   // and stops under prefers-reduced-motion, as does the width transition.
   var animatedClass = animated ? 'animate-progress-stripes motion-reduce:animate-none' : '';
-  var finalFillStyle = _objectSpread$O({
+  var finalFillStyle = _objectSpread$Q({
     width: "".concat(percent, "%")
   }, stripeStyle);
-  return jsxs("div", _objectSpread$O(_objectSpread$O({
+  return jsxs("div", _objectSpread$Q(_objectSpread$Q({
     ref: ref,
     className: cn("w-full", className),
     style: style
@@ -22408,9 +22431,9 @@ if (process.env.NODE_ENV !== 'production') {
 var propTypesExports = propTypes.exports;
 var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-var _excluded$I = ["id", "name", "value", "checked", "defaultChecked", "onChange", "disabled", "required", "label", "size", "labelPosition", "radioColor", "className", "ariaLabel"];
-function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$J = ["id", "name", "value", "checked", "defaultChecked", "onChange", "disabled", "required", "label", "size", "labelPosition", "radioColor", "className", "ariaLabel"];
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZE_MAP = {
   sm: {
     outer: "h-4 w-4",
@@ -22448,7 +22471,7 @@ var Radio = /*#__PURE__*/forwardRef(function Radio(_ref, ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     ariaLabel = _ref.ariaLabel,
-    props = _objectWithoutProperties$1(_ref, _excluded$I);
+    props = _objectWithoutProperties$1(_ref, _excluded$J);
   var autoId = useId();
   var inputId = id || "".concat(autoId, "-radio");
   // Default to the brand's primary token so the radio follows theming.
@@ -22519,7 +22542,7 @@ var Radio = /*#__PURE__*/forwardRef(function Radio(_ref, ref) {
         "aria-hidden": "true",
         children: " *"
       }) : null]
-    }), jsx("input", _objectSpread$N({
+    }), jsx("input", _objectSpread$P({
       ref: setRefs,
       id: inputId,
       type: "radio",
@@ -22587,9 +22610,9 @@ Radio.defaultProps = {
   required: false
 };
 
-var _excluded$H = ["count", "value", "defaultValue", "readOnly", "icon", "toggledIcon", "size", "onChange", "onClick", "text", "className", "id", "name"];
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$I = ["count", "value", "defaultValue", "readOnly", "icon", "toggledIcon", "size", "onChange", "onClick", "text", "className", "id", "name"];
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function StarFilled(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 20 : _ref$size;
@@ -22643,7 +22666,7 @@ var Rate = /*#__PURE__*/forwardRef(function Rate(_ref3, ref) {
     className = _ref3$className === void 0 ? "" : _ref3$className,
     id = _ref3.id,
     name = _ref3.name,
-    rest = _objectWithoutProperties$1(_ref3, _excluded$H);
+    rest = _objectWithoutProperties$1(_ref3, _excluded$I);
   var _useState = useState(Math.max(0, Math.min(count, Math.floor(defaultValue || 0)))),
     _useState2 = _slicedToArray(_useState, 2),
     internalValue = _useState2[0],
@@ -22763,7 +22786,7 @@ var Rate = /*#__PURE__*/forwardRef(function Rate(_ref3, ref) {
     if (target) target.focus();
     if (next !== selectedValue) setValue(next);
   };
-  return jsxs("div", _objectSpread$M(_objectSpread$M({
+  return jsxs("div", _objectSpread$O(_objectSpread$O({
     ref: ref,
     id: id,
     className: cn("inline-flex items-center gap-2", className),
@@ -22832,9 +22855,9 @@ var Rate = /*#__PURE__*/forwardRef(function Rate(_ref3, ref) {
 });
 Rate.displayName = "Rate";
 
-var _excluded$G = ["label", "avatarSrc", "avatarAlt", "initials", "size", "onRemove", "onClick", "className", "closeClass", "ariaLabel", "onKeyDown", "avatarPosition", "avatarClassname", "initialClassname"];
-function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$H = ["label", "avatarSrc", "avatarAlt", "initials", "size", "onRemove", "onClick", "className", "closeClass", "ariaLabel", "onKeyDown", "avatarPosition", "avatarClassname", "initialClassname"];
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RoundedTag = /*#__PURE__*/forwardRef(function RoundedTag(_ref, ref) {
   var label = _ref.label,
     _ref$avatarSrc = _ref.avatarSrc,
@@ -22861,7 +22884,7 @@ var RoundedTag = /*#__PURE__*/forwardRef(function RoundedTag(_ref, ref) {
     avatarClassname = _ref$avatarClassname === void 0 ? "" : _ref$avatarClassname,
     _ref$initialClassname = _ref.initialClassname,
     initialClassname = _ref$initialClassname === void 0 ? "" : _ref$initialClassname,
-    rest = _objectWithoutProperties$1(_ref, _excluded$G);
+    rest = _objectWithoutProperties$1(_ref, _excluded$H);
   var showAvatar = Boolean(avatarSrc || initials);
   var sizes = {
     sm: {
@@ -22924,7 +22947,7 @@ var RoundedTag = /*#__PURE__*/forwardRef(function RoundedTag(_ref, ref) {
       children: initials
     })
   });
-  return jsxs("div", _objectSpread$L(_objectSpread$L({
+  return jsxs("div", _objectSpread$N(_objectSpread$N({
     ref: ref,
     className: cn("inline-flex items-center rounded-full bg-gray-100 text-primary-800 dark:bg-gray-800 dark:text-gray-100", paddingClass, gapClass, s.text, clickable && ["cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-1 dark:focus-visible:ring-offset-gray-900", PRESS_FEEDBACK], className),
     role: clickable ? "button" : "group",
@@ -22961,9 +22984,9 @@ var RoundedTag = /*#__PURE__*/forwardRef(function RoundedTag(_ref, ref) {
 });
 RoundedTag.displayName = "RoundedTag";
 
-var _excluded$F = ["count", "circle", "height", "width", "rounded", "animated", "active", "gap", "inline", "className", "children", "style"];
-function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$G = ["count", "circle", "height", "width", "rounded", "animated", "active", "gap", "inline", "className", "children", "style"];
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Skeleton Component (React)
  *
@@ -23014,7 +23037,7 @@ var Skeleton = /*#__PURE__*/forwardRef(function Skeleton(_ref, ref) {
     children = _ref$children === void 0 ? null : _ref$children,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
-    rest = _objectWithoutProperties$1(_ref, _excluded$F);
+    rest = _objectWithoutProperties$1(_ref, _excluded$G);
   if (!active) return jsx(Fragment, {
     children: children
   });
@@ -23025,13 +23048,13 @@ var Skeleton = /*#__PURE__*/forwardRef(function Skeleton(_ref, ref) {
   var items = Array.from({
     length: Math.max(1, Math.floor(count))
   });
-  return jsx("div", _objectSpread$K(_objectSpread$K({
+  return jsx("div", _objectSpread$M(_objectSpread$M({
     ref: ref,
     className: cn("skeleton-wrapper", className),
     role: "status",
     "aria-busy": active,
     "aria-live": "polite",
-    style: _objectSpread$K({
+    style: _objectSpread$M({
       display: "flex",
       flexDirection: containerDirection,
       gap: gap,
@@ -23055,12 +23078,12 @@ var Skeleton = /*#__PURE__*/forwardRef(function Skeleton(_ref, ref) {
 });
 Skeleton.displayName = "Skeleton";
 
-var _excluded$E = ["children", "defaultIndex", "index", "onChange", "orientation", "size", "variant", "animated", "swipeable", "className"],
+var _excluded$F = ["children", "defaultIndex", "index", "onChange", "orientation", "size", "variant", "animated", "swipeable", "className"],
   _excluded2$6 = ["children", "className"];
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // useLayoutEffect warns during SSR; fall back to useEffect on the server.
-var useIsomorphicLayoutEffect$6 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect$7 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 // Minimum horizontal travel (px) for a swipe to change tabs, and how much more
 // horizontal than vertical it must be, so vertical page scrolls never switch tabs.
 var SWIPE_THRESHOLD = 50;
@@ -23129,7 +23152,7 @@ var Tabs = /*#__PURE__*/forwardRef(function Tabs(_ref, ref) {
     swipeable = _ref$swipeable === void 0 ? false : _ref$swipeable,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutProperties$1(_ref, _excluded$E);
+    rest = _objectWithoutProperties$1(_ref, _excluded$F);
   var isControlled = controlledIndex != null;
   var _useState = useState(defaultIndex),
     _useState2 = _slicedToArray(_useState, 2),
@@ -23167,7 +23190,7 @@ var Tabs = /*#__PURE__*/forwardRef(function Tabs(_ref, ref) {
   };
   return jsx(TabsContext.Provider, {
     value: value,
-    children: jsx("div", _objectSpread$J(_objectSpread$J({
+    children: jsx("div", _objectSpread$L(_objectSpread$L({
       ref: ref,
       className: cn("tabs-root", className)
     }, rest), {}, {
@@ -23202,7 +23225,7 @@ var TabList = /*#__PURE__*/forwardRef(function TabList(_ref2, ref) {
     if (typeof ref === "function") ref(node);else if (ref) ref.current = node;
   };
   // Measure the active tab: position the indicator and scroll the tab into view.
-  useIsomorphicLayoutEffect$6(function () {
+  useIsomorphicLayoutEffect$7(function () {
     var list = listRef.current;
     var tab = tabsRef.current[activeIndex];
     if (!list || !tab) return undefined;
@@ -23236,7 +23259,7 @@ var TabList = /*#__PURE__*/forwardRef(function TabList(_ref2, ref) {
     if (!hasIndicator && indicatorReady) setIndicatorReady(false);
   }, [hasIndicator, indicatorReady, setIndicatorReady]);
   var showIndicator = hasIndicator && indicatorReady && indicator;
-  return jsxs("div", _objectSpread$J(_objectSpread$J({
+  return jsxs("div", _objectSpread$L(_objectSpread$L({
     ref: setRefs,
     role: "tablist",
     "aria-orientation": orientation,
@@ -23436,7 +23459,7 @@ function Panels(_ref4) {
       start.current = null;
     }
   } : {};
-  return jsx("div", _objectSpread$J(_objectSpread$J({
+  return jsx("div", _objectSpread$L(_objectSpread$L({
     // touch-pan-y: the browser keeps vertical scrolling; horizontal moves reach us.
     className: cn("relative w-full", swipeable && "touch-pan-y", className)
   }, swipeHandlers), {}, {
@@ -23487,9 +23510,9 @@ Tabs.Tab = Tab;
 Tabs.Panels = Panels;
 Tabs.Panel = Panel;
 
-var _excluded$D = ["items", "trigger", "className", "menuClass", "menuItemClass", "closeOnSelect", "ariaLabel", "wrapperClassName", "presentation", "cancelLabel"];
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$E = ["items", "trigger", "className", "menuClass", "menuItemClass", "closeOnSelect", "ariaLabel", "wrapperClassName", "presentation", "cancelLabel"];
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * ThreeDotPopover
  *
@@ -23526,7 +23549,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/forwardRef(function ThreeDotPopoverSimp
     presentation = _ref$presentation === void 0 ? "auto" : _ref$presentation,
     _ref$cancelLabel = _ref.cancelLabel,
     cancelLabel = _ref$cancelLabel === void 0 ? "Cancel" : _ref$cancelLabel,
-    rest = _objectWithoutProperties$1(_ref, _excluded$D);
+    rest = _objectWithoutProperties$1(_ref, _excluded$E);
   var triggerRef = useRef(null);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -23581,7 +23604,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/forwardRef(function ThreeDotPopoverSimp
     "aria-expanded": open,
     "aria-controls": open ? menuId : undefined
   };
-  var DefaultTrigger = jsx("button", _objectSpread$I(_objectSpread$I({
+  var DefaultTrigger = jsx("button", _objectSpread$K(_objectSpread$K({
     type: "button",
     "aria-label": ariaLabel
   }, triggerA11y), {}, {
@@ -23596,7 +23619,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/forwardRef(function ThreeDotPopoverSimp
   var triggerNode = trigger ?
   /*#__PURE__*/
   // eslint-disable-next-line react-hooks/refs -- setTriggerNode is a callback ref, run by React at commit
-  React__default.cloneElement(trigger, _objectSpread$I({
+  React__default.cloneElement(trigger, _objectSpread$K({
     ref: setTriggerNode,
     onClick: function onClick(e) {
       trigger.props && trigger.props.onClick && trigger.props.onClick(e);
@@ -23607,7 +23630,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/forwardRef(function ThreeDotPopoverSimp
       if (!e.defaultPrevented) onTriggerKeyDown(e);
     }
   }, triggerA11y)) : DefaultTrigger;
-  return jsxs("div", _objectSpread$I(_objectSpread$I({
+  return jsxs("div", _objectSpread$K(_objectSpread$K({
     ref: ref,
     className: cn("inline-block relative", wrapperClassName)
   }, rest), {}, {
@@ -23632,9 +23655,9 @@ var ThreeDotPopoverSimple = /*#__PURE__*/forwardRef(function ThreeDotPopoverSimp
 });
 ThreeDotPopoverSimple.displayName = "ThreeDotPopover";
 
-var _excluded$C = ["position", "trigger", "content", "customTrigger", "children", "open", "defaultOpen", "onChange", "delay", "offset", "textClass", "bgClass", "className", "portal", "id", "style"];
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$D = ["position", "trigger", "content", "customTrigger", "children", "open", "defaultOpen", "onChange", "delay", "offset", "textClass", "bgClass", "className", "portal", "id", "style"];
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Grace period (ms) before a hover tooltip closes after the pointer leaves the
 // trigger, so the pointer can cross the `offset` gap onto the tooltip itself
 // (WCAG 1.4.13 "hoverable").
@@ -23718,7 +23741,7 @@ var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, forwardedRef) {
     portal = _ref$portal === void 0 ? true : _ref$portal,
     propsId = _ref.id,
     style = _ref.style,
-    rest = _objectWithoutProperties$1(_ref, _excluded$C);
+    rest = _objectWithoutProperties$1(_ref, _excluded$D);
   var triggerRef = useRef(null);
   var tooltipRef = useRef(null);
   var delayRef = useRef(null);
@@ -24038,7 +24061,7 @@ var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, forwardedRef) {
     }
   } : {};
   // Tooltip box element
-  var tooltipNode = open ? jsx("div", _objectSpread$H(_objectSpread$H(_objectSpread$H({
+  var tooltipNode = open ? jsx("div", _objectSpread$J(_objectSpread$J(_objectSpread$J({
     ref: function ref(node) {
       return setRefs$1(node, tooltipRef, setFloating);
     },
@@ -24047,7 +24070,7 @@ var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, forwardedRef) {
     "data-placement": placement
   }, rest), tipHoverProps), {}, {
     className: cn("z-tooltip transform-gpu transition-opacity duration-150 motion-reduce:transition-none", className),
-    style: _objectSpread$H(_objectSpread$H({}, floatingStyles), style),
+    style: _objectSpread$J(_objectSpread$J({}, floatingStyles), style),
     children: jsx("div", {
       className: cn("max-w-xs rounded-md border border-line px-3 py-2 text-sm shadow-lg shadow-black/5", bgClass, textClass),
       children: renderContent()
@@ -24060,9 +24083,9 @@ var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, forwardedRef) {
 });
 Tooltip.displayName = "Tooltip";
 
-var _excluded$B = ["value", "onChange", "inputProps", "icon", "iconProps", "iconPosition", "placeholder", "fullWidth", "className"];
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$C = ["value", "onChange", "inputProps", "icon", "iconProps", "iconPosition", "placeholder", "fullWidth", "className"];
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // User-facing copy for GeolocationPositionError codes (and "unsupported").
 var LOCATION_ERROR_MESSAGES = {
   unsupported: "Location isn't available in this browser.",
@@ -24109,7 +24132,7 @@ var LocationPicker = /*#__PURE__*/forwardRef(function LocationPicker(_ref, ref)
     _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
     className = _ref.className,
-    rest = _objectWithoutProperties$1(_ref, _excluded$B);
+    rest = _objectWithoutProperties$1(_ref, _excluded$C);
   var _useState = useState(function () {
       return formatCoords(value);
     }),
@@ -24235,7 +24258,7 @@ var LocationPicker = /*#__PURE__*/forwardRef(function LocationPicker(_ref, ref)
       strokeLinecap: "round"
     })]
   });
-  var iconButton = jsx("button", _objectSpread$G(_objectSpread$G({
+  var iconButton = jsx("button", _objectSpread$I(_objectSpread$I({
     type: "button",
     onClick: handleIconClick
   }, iconProps), {}, {
@@ -24247,13 +24270,13 @@ var LocationPicker = /*#__PURE__*/forwardRef(function LocationPicker(_ref, ref)
   }));
   // The 44px touch target is wider than p-1, so leave room for it on coarse pointers.
   var inputPaddingClass = iconPosition === "right" ? "pr-10 [@media(pointer:coarse)]:pr-12" : "pl-10 [@media(pointer:coarse)]:pl-12";
-  return jsxs("div", _objectSpread$G(_objectSpread$G({
+  return jsxs("div", _objectSpread$I(_objectSpread$I({
     className: cn(fullWidth ? "flex w-full flex-col" : "inline-flex flex-col", className),
     "data-status": status
   }, rest), {}, {
     children: [jsxs("div", {
       className: cn("relative", fullWidth && "w-full"),
-      children: [jsx("input", _objectSpread$G(_objectSpread$G({
+      children: [jsx("input", _objectSpread$I(_objectSpread$I({
         ref: ref,
         type: "text",
         placeholder: placeholder,
@@ -24281,9 +24304,9 @@ var LocationPicker = /*#__PURE__*/forwardRef(function LocationPicker(_ref, ref)
 });
 LocationPicker.displayName = "LocationPicker";
 
-var _excluded$A = ["lang", "continuous", "interimResults", "onSpeechComplete", "onSpeaking", "onError", "onStart", "onStop", "renderButton", "autoStart", "disabled", "resetOnStart", "className"];
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$B = ["lang", "continuous", "interimResults", "onSpeechComplete", "onSpeaking", "onError", "onStart", "onStop", "renderButton", "autoStart", "disabled", "resetOnStart", "className"];
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Level bars (DTUI-42). There is no audio-level API without getUserMedia, so the
 // bars show *whether* speech is being heard (speechstart / results), not volume.
 var LEVEL_BARS = [{
@@ -24329,7 +24352,7 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$resetOnStart = _ref.resetOnStart,
     resetOnStart = _ref$resetOnStart === void 0 ? false : _ref$resetOnStart,
     className = _ref.className,
-    rest = _objectWithoutProperties$1(_ref, _excluded$A);
+    rest = _objectWithoutProperties$1(_ref, _excluded$B);
   var recognitionRef = useRef(null);
   var isMountedRef = useRef(true);
   var autoStartedRef = useRef(false);
@@ -24508,7 +24531,7 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
   }
   var isDisabled = disabled || !_isSupported;
-  return jsxs("button", _objectSpread$F(_objectSpread$F({
+  return jsxs("button", _objectSpread$H(_objectSpread$H({
     type: "button",
     "aria-pressed": _isListening,
     "aria-label": _isListening ? "Stop listening" : "Start listening",
@@ -24552,9 +24575,9 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 SpeechToText.displayName = "SpeechToText";
 
-var _excluded$z = ["text", "rate", "pitch", "onSpeak", "onError", "renderButton", "disabled", "className"];
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$A = ["text", "rate", "pitch", "onSpeak", "onError", "renderButton", "disabled", "className"];
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var UNSUPPORTED_MESSAGE = "Text-to-speech is not supported in this browser";
 // `interrupted` / `canceled` fire when playback is stopped on purpose (our own
 // cancel(), or another utterance taking over) — not failures worth surfacing.
@@ -24577,7 +24600,7 @@ var TextToSpeech = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     className = _ref.className,
-    rest = _objectWithoutProperties$1(_ref, _excluded$z);
+    rest = _objectWithoutProperties$1(_ref, _excluded$A);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSpeaking = _useState2[0],
@@ -24665,7 +24688,7 @@ var TextToSpeech = /*#__PURE__*/forwardRef(function (_ref, ref) {
       stop: stop
     });
   }
-  return jsxs("button", _objectSpread$E(_objectSpread$E({
+  return jsxs("button", _objectSpread$G(_objectSpread$G({
     ref: ref,
     type: "button",
     onClick: handleClick,
@@ -24691,10 +24714,10 @@ var TextToSpeech = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TextToSpeech.displayName = "TextToSpeech";
 
-var _excluded$y = ["id", "className", "label", "error", "helperText", "required", "disabled", "showCount", "maxLength", "autoResize", "rows", "maxRows", "value", "defaultValue", "onChange", "size"];
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useIsomorphicLayoutEffect$5 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var _excluded$z = ["id", "className", "label", "error", "helperText", "required", "disabled", "showCount", "maxLength", "autoResize", "rows", "maxRows", "value", "defaultValue", "onChange", "size"];
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useIsomorphicLayoutEffect$6 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 function fitToContent(el, maxRows) {
   if (!el) return;
   el.style.height = "auto";
@@ -24740,7 +24763,7 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     onChange = _ref.onChange,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
-    rest = _objectWithoutProperties$1(_ref, _excluded$y);
+    rest = _objectWithoutProperties$1(_ref, _excluded$z);
   var reactId = useId();
   var textareaId = id || "textarea-".concat(reactId);
   var errorId = "".concat(textareaId, "-error");
@@ -24757,7 +24780,7 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     uncontrolledLength = _useState2[0],
     setUncontrolledLength = _useState2[1];
   var length = isControlled ? String(value !== null && value !== void 0 ? value : "").length : uncontrolledLength;
-  useIsomorphicLayoutEffect$5(function () {
+  useIsomorphicLayoutEffect$6(function () {
     if (autoResize) fitToContent(localRef.current, maxRows);
   }, [autoResize, maxRows, value]);
   var handleChange = function handleChange(e) {
@@ -24776,7 +24799,7 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
         "aria-hidden": "true",
         children: "*"
       })]
-    }), jsx("textarea", _objectSpread$D(_objectSpread$D({}, rest), {}, {
+    }), jsx("textarea", _objectSpread$F(_objectSpread$F({}, rest), {}, {
       id: textareaId,
       ref: setRef,
       rows: rows,
@@ -24817,9 +24840,9 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
 });
 Textarea.displayName = "Textarea";
 
-var _excluded$x = ["trigger", "children", "open", "defaultOpen", "onOpenChange", "placement", "offset", "title", "initialFocusRef", "disabled", "presentation", "id", "className", "style"];
-function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$y = ["trigger", "children", "open", "defaultOpen", "onOpenChange", "placement", "offset", "title", "initialFocusRef", "disabled", "presentation", "id", "className", "style"];
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useOutsideClose(open, anchorRef, panelRef, close) {
   useEffect(function () {
     if (!open) return undefined;
@@ -24857,7 +24880,7 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
     idProp = _ref.id,
     className = _ref.className,
     style = _ref.style,
-    props = _objectWithoutProperties$1(_ref, _excluded$x);
+    props = _objectWithoutProperties$1(_ref, _excluded$y);
   var anchorRef = useRef(null);
   var panelRef = useRef(null);
   var reactId = useId();
@@ -24945,7 +24968,7 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
   // backdrop, the modal focus trap, Escape and focus return.
   if (asSheet) {
     return jsxs(Fragment, {
-      children: [anchor, jsx(Sheet, _objectSpread$C(_objectSpread$C({
+      children: [anchor, jsx(Sheet, _objectSpread$E(_objectSpread$E({
         ref: _ref2,
         open: open,
         onClose: close,
@@ -24963,7 +24986,7 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
     });
   }
   return jsxs(Fragment, {
-    children: [anchor, open && typeof document !== "undefined" && /*#__PURE__*/createPortal(jsxs("div", _objectSpread$C(_objectSpread$C({
+    children: [anchor, open && typeof document !== "undefined" && /*#__PURE__*/createPortal(jsxs("div", _objectSpread$E(_objectSpread$E({
       ref: function ref(node) {
         return setRefs$1(node, panelRef, _ref2, setFloating);
       },
@@ -24975,7 +24998,7 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
       "data-side": resolvedPlacement.split("-")[0],
       "data-presentation": "popover",
       className: cn("z-popover min-w-[12rem] max-w-sm rounded-lg border border-gray-200 bg-white p-4 text-sm text-gray-900 shadow-lg focus:outline-none", "dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100", "animate-fade-in motion-reduce:animate-none", className),
-      style: _objectSpread$C(_objectSpread$C({}, floatingStyles), style)
+      style: _objectSpread$E(_objectSpread$E({}, floatingStyles), style)
     }, props), {}, {
       children: [title && jsx("h2", {
         id: titleId,
@@ -24987,11 +25010,11 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (_ref, _ref2) {
 });
 Popover.displayName = "Popover";
 
-var _excluded$w = ["options", "value", "defaultValue", "onChange", "size", "fullWidth", "name", "disabled", "className"];
-function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$x = ["options", "value", "defaultValue", "onChange", "size", "fullWidth", "name", "disabled", "className"];
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // useLayoutEffect warns during SSR; fall back to useEffect on the server.
-var useIsomorphicLayoutEffect$4 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect$5 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 // Same padding / type scale as `Tabs` segments, so the two read as one control.
 var SIZE_CLASSES = {
   sm: "px-2 py-1 text-sm",
@@ -25038,7 +25061,7 @@ var SegmentedControl = /*#__PURE__*/forwardRef(function SegmentedControl(_ref, _
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     className = _ref.className,
-    rest = _objectWithoutProperties$1(_ref, _excluded$w);
+    rest = _objectWithoutProperties$1(_ref, _excluded$x);
   var _useControllableState = useControllableState({
       value: valueProp,
       defaultValue: defaultValue,
@@ -25061,7 +25084,7 @@ var SegmentedControl = /*#__PURE__*/forwardRef(function SegmentedControl(_ref, _
   var tabbableIndex = selectedEnabled ? selectedIndex : firstEnabled;
   // Measure the selected option and move the thumb under it. Runs before paint,
   // so the thumb never flashes; the CSS transition animates the slide.
-  useIsomorphicLayoutEffect$4(function () {
+  useIsomorphicLayoutEffect$5(function () {
     var root = rootRef.current;
     var option = optionRefs.current[selectedIndex];
     if (!root || !option) return undefined;
@@ -25114,7 +25137,7 @@ var SegmentedControl = /*#__PURE__*/forwardRef(function SegmentedControl(_ref, _
     (_optionRefs$current$t = optionRefs.current[target]) === null || _optionRefs$current$t === void 0 || _optionRefs$current$t.focus();
     select(target);
   };
-  return jsxs("div", _objectSpread$B(_objectSpread$B({
+  return jsxs("div", _objectSpread$D(_objectSpread$D({
     ref: function ref(node) {
       return setRefs$1(node, rootRef, _ref2);
     },
@@ -25168,9 +25191,9 @@ var SegmentedControl = /*#__PURE__*/forwardRef(function SegmentedControl(_ref, _
 });
 SegmentedControl.displayName = "SegmentedControl";
 
-var _excluded$v = ["value", "defaultValue", "onChange", "onValueChange", "onSearch", "onCancel", "onClear", "placeholder", "cancelLabel", "clearLabel", "showCancel", "presentation", "results", "renderResults", "resultsOpen", "onResultsOpenChange", "resultsLabel", "disabled", "readOnly", "className", "inputClassName", "style", "onFocus", "onBlur", "onKeyDown", "onClick", "aria-label"];
-function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$w = ["value", "defaultValue", "onChange", "onValueChange", "onSearch", "onCancel", "onClear", "placeholder", "cancelLabel", "clearLabel", "showCancel", "presentation", "results", "renderResults", "resultsOpen", "onResultsOpenChange", "resultsLabel", "disabled", "readOnly", "className", "inputClassName", "style", "onFocus", "onBlur", "onKeyDown", "onClick", "aria-label"];
+function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // iOS-style search field (DTUI-58): leading icon, clear button, a "Cancel"
 // text button on phones while focused, and an optional results surface that
 // is a full-height Sheet on phones and a popover beneath the field elsewhere.
@@ -25230,7 +25253,7 @@ var SearchField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onKeyDown = _ref.onKeyDown,
     onClick = _ref.onClick,
     ariaLabel = _ref["aria-label"],
-    rest = _objectWithoutProperties$1(_ref, _excluded$v);
+    rest = _objectWithoutProperties$1(_ref, _excluded$w);
   var _useControllableState = useControllableState({
       value: valueProp,
       defaultValue: defaultValue,
@@ -25405,7 +25428,7 @@ var SearchField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onChange: handleChange,
     "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : rest["aria-labelledby"] ? undefined : placeholder || "Search"
   };
-  var inlineInput = jsx("input", _objectSpread$A(_objectSpread$A(_objectSpread$A({
+  var inlineInput = jsx("input", _objectSpread$C(_objectSpread$C(_objectSpread$C({
     ref: inputCallbackRef
   }, sharedInputProps), {}, {
     "aria-controls": popoverOpen ? resultsId : undefined,
@@ -25446,7 +25469,7 @@ var SearchField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
         className: "flex shrink-0 items-center gap-2 border-b border-line px-4 py-3",
         children: renderRow({
           inSheet: true,
-          inputProps: jsx("input", _objectSpread$A(_objectSpread$A({
+          inputProps: jsx("input", _objectSpread$C(_objectSpread$C({
             ref: sheetInputRef
           }, sharedInputProps), {}, {
             "aria-controls": resultsId,
@@ -25467,9 +25490,9 @@ var SearchField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 SearchField.displayName = "SearchField";
 
-var _excluded$u = ["items", "collapsed", "onToggle", "className", "containerClassName", "stickyOffset", "logo", "footer", "user", "onUserClick", "drawerPosition", "isMobileOpen", "setIsMobileOpen", "showCollapsedTooltips", "tooltipOptions", "linkAs", "expandedIds", "defaultExpandedIds", "onExpandedChange", "swipeable"];
-function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$v = ["items", "collapsed", "collapsible", "onToggle", "className", "containerClassName", "stickyOffset", "logo", "footer", "user", "onUserClick", "drawerPosition", "isMobileOpen", "setIsMobileOpen", "showCollapsedTooltips", "tooltipOptions", "linkAs", "expandedIds", "defaultExpandedIds", "onExpandedChange", "swipeable"];
+function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // From `md` up the sidebar is an in-flow sticky column; below it, the same
 // tree becomes an off-canvas drawer (modal dialog while open).
 var SIDEBAR_DESKTOP_QUERY = "(min-width: 768px)";
@@ -25570,7 +25593,7 @@ function useEdgeSwipe(_ref) {
   return enabled ? distance : 0;
 }
 // useLayoutEffect warns during SSR; fall back to useEffect on the server.
-var useIsomorphicLayoutEffect$3 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect$4 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 // Ctrl/Cmd/Shift/Alt-click or a non-primary button: the browser opens the
 // link in a new tab/window, so the sidebar must not react as if navigating.
 var isModifiedClick = function isModifiedClick(e) {
@@ -25636,6 +25659,8 @@ var hasBadge$1 = function hasBadge(item) {
  * - linkAs: element type used for items with `href` (default "a"; pass Next.js Link etc.)
  * - collapsed: boolean (desktop collapsed)
  * - onToggle: function to toggle collapse
+ * - collapsible: boolean (default true) — false hides the md+ collapse/expand
+ *   toggle (the drawer keeps its "Close navigation" button)
  * - expandedIds / defaultExpandedIds / onExpandedChange: open groups (ids)
  * - className, containerClassName, stickyOffset, logo, footer, user, onUserClick
  * - drawerPosition: 'left' | 'right'
@@ -25652,6 +25677,8 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
     items = _ref2$items === void 0 ? [] : _ref2$items,
     _ref2$collapsed = _ref2.collapsed,
     collapsed = _ref2$collapsed === void 0 ? false : _ref2$collapsed,
+    _ref2$collapsible = _ref2.collapsible,
+    collapsible = _ref2$collapsible === void 0 ? true : _ref2$collapsible,
     onToggle = _ref2.onToggle,
     className = _ref2.className,
     containerClassName = _ref2.containerClassName,
@@ -25675,7 +25702,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
     onExpandedChange = _ref2.onExpandedChange,
     _ref2$swipeable = _ref2.swipeable,
     swipeable = _ref2$swipeable === void 0 ? true : _ref2$swipeable,
-    props = _objectWithoutProperties$1(_ref2, _excluded$u);
+    props = _objectWithoutProperties$1(_ref2, _excluded$v);
   // -- expansion (controlled via `expandedIds`, else internal) ----------------
   var isExpansionControlled = expandedIds !== undefined;
   var activeAncestors = useMemo(function () {
@@ -25744,7 +25771,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
   // The drawer stays mounted (it slides in/out), so when it is shut it must
   // leave the tab order and the a11y tree. `inert` is set imperatively: React
   // 18 does not know the attribute and React 19 treats `inert=""` as false.
-  useIsomorphicLayoutEffect$3(function () {
+  useIsomorphicLayoutEffect$4(function () {
     var drawer = drawerRef.current;
     if (!drawer) return;
     if (drawerMode && !mobileOpen) drawer.setAttribute("inert", "");else drawer.removeAttribute("inert");
@@ -25865,7 +25892,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
       className: "relative h-4 w-0",
       children: compactBadge
     });
-    var itemEl = jsxs(ItemTag, _objectSpread$z(_objectSpread$z({}, hasHref ? {
+    var itemEl = jsxs(ItemTag, _objectSpread$B(_objectSpread$B({}, hasHref ? {
       href: item.href,
       target: item.target,
       rel: (_item$rel = item.rel) !== null && _item$rel !== void 0 ? _item$rel : item.target === "_blank" ? "noopener noreferrer" : undefined,
@@ -25928,7 +25955,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
     }));
     return jsxs("div", {
       className: "relative",
-      children: [showTooltipForThis ? jsx(Tooltip, _objectSpread$z(_objectSpread$z({}, tooltipOptions), {}, {
+      children: [showTooltipForThis ? jsx(Tooltip, _objectSpread$B(_objectSpread$B({}, tooltipOptions), {}, {
         trigger: "hover",
         content: item.label,
         position: "right",
@@ -25983,6 +26010,9 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
     if (drawerMode && mobileOpen && setIsMobileOpen) setIsMobileOpen(false);else onToggle === null || onToggle === void 0 || onToggle();
   };
   var toggleLabel = drawerMode ? "Close navigation" : effectiveCollapsed ? "Expand sidebar" : "Collapse sidebar";
+  // `collapsible={false}`: no collapse/expand toggle on md+. The drawer keeps
+  // its close button (44px touch target, the drawer's only visible close).
+  var showToggle = drawerMode || collapsible;
   var CloseChevron = isRight ? ChevronRight : ChevronLeft;
   var toggleIcon = drawerMode ? jsx(CloseChevron, {
     className: "h-5 w-5",
@@ -26049,7 +26079,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
         children: [!effectiveCollapsed && logo && jsx("div", {
           className: "flex min-w-0 items-center",
           children: logo
-        }), jsx("button", {
+        }), showToggle && jsx("button", {
           type: "button",
           onClick: handleToggleClick,
           className: cn("inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-md", "hover:bg-gray-100 dark:hover:bg-gray-800", "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"),
@@ -26100,7 +26130,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
       },
       "aria-hidden": "true",
       "data-sidebar-backdrop": ""
-    }), jsx("aside", _objectSpread$z(_objectSpread$z(_objectSpread$z({
+    }), jsx("aside", _objectSpread$B(_objectSpread$B(_objectSpread$B({
       ref: drawerRef,
       className: drawerClasses,
       style: drawerTransform ? {
@@ -26115,7 +26145,7 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
       "aria-hidden": mobileOpen ? undefined : true,
       tabIndex: -1
     } : {}), closeDrag.bodyDragProps), {}, {
-      children: jsx("div", _objectSpread$z(_objectSpread$z({
+      children: jsx("div", _objectSpread$B(_objectSpread$B({
         ref: ref,
         className: cn("h-full", className)
       }, props), {}, {
@@ -26126,9 +26156,9 @@ var Sidebar = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
 });
 Sidebar.displayName = "Sidebar";
 
-var _excluded$t = ["trigger", "children", "placement", "className"];
-function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$u = ["trigger", "children", "placement", "className"];
+function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Dropdown = function Dropdown(_ref) {
   var trigger = _ref.trigger,
     children = _ref.children,
@@ -26136,7 +26166,7 @@ var Dropdown = function Dropdown(_ref) {
     placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties$1(_ref, _excluded$t);
+    props = _objectWithoutProperties$1(_ref, _excluded$u);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -26159,7 +26189,7 @@ var Dropdown = function Dropdown(_ref) {
     'top-start': 'bottom-full left-0 mb-1',
     'top-end': 'bottom-full right-0 mb-1'
   };
-  return jsxs("div", _objectSpread$y(_objectSpread$y({
+  return jsxs("div", _objectSpread$A(_objectSpread$A({
     className: "relative inline-block ".concat(className),
     ref: dropdownRef
   }, props), {}, {
@@ -26175,9 +26205,9 @@ var Dropdown = function Dropdown(_ref) {
   }));
 };
 
-var _excluded$s = ["src", "alt", "name", "size", "shape", "status", "className"];
-function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$t = ["src", "alt", "name", "size", "shape", "status", "className"];
+function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Internal (not exported from the package): shared with AvatarGroup's "+N" tile.
 var AVATAR_SIZES = {
   xs: 'h-6 w-6 text-xs',
@@ -26197,7 +26227,7 @@ var Avatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
     status = _ref.status,
     className = _ref.className,
-    props = _objectWithoutProperties$1(_ref, _excluded$s);
+    props = _objectWithoutProperties$1(_ref, _excluded$t);
   // State-driven fallback: a broken image swaps to initials / icon without
   // touching the DOM directly. Reset whenever `src` changes
   // (adjust-during-render pattern).
@@ -26238,7 +26268,7 @@ var Avatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   return jsxs("div", {
     ref: ref,
     className: "relative inline-block",
-    children: [jsx("div", _objectSpread$x(_objectSpread$x({
+    children: [jsx("div", _objectSpread$z(_objectSpread$z({
       className: cn('flex items-center justify-center bg-gray-100 text-primary-600 font-medium dark:bg-gray-800 dark:text-primary-300', sizes[size], {
         'rounded-full': shape === 'circle',
         'rounded-md': shape === 'square',
@@ -26273,10 +26303,11 @@ var Avatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 Avatar.displayName = 'Avatar';
 
-var _excluded$r = ["emitter", "content", "notifications"],
-  _excluded2$5 = ["emitter", "logo", "center", "items", "user", "notifications", "searchable", "onSearch", "leftIcon", "rightMenuContent", "onLeftIconClick", "onLoginClick", "onLogoutClick", "className", "onFetch", "isMobileOpen", "setIsMobileOpen", "sticky", "largeTitle"];
-function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$s = ["emitter", "content", "notifications"],
+  _excluded2$5 = ["emitter", "logo", "center", "items", "user", "notifications", "searchable", "onSearch", "leftIcon", "rightMenuContent", "onLeftIconClick", "leftIconLabel", "leftIconProps", "onLoginClick", "onLogoutClick", "className", "onFetch", "isMobileOpen", "setIsMobileOpen", "sticky", "largeTitle"],
+  _excluded3$3 = ["className", "onClick"];
+function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NO_NOTIFICATIONS = [];
 // Icon-only bar buttons: 36px on desktop, the 44px touch target on coarse pointers.
 var ICON_BUTTON = cn("inline-flex items-center justify-center rounded-md p-2 text-primary-400 hover:text-primary-500 hover:bg-gray-100 dark:hover:bg-gray-800", "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", TOUCH_TARGET);
@@ -26474,10 +26505,10 @@ var RightMenuContent = function RightMenuContent(_ref2) {
     _ref2.content;
     var _ref2$notifications = _ref2.notifications,
     notifications = _ref2$notifications === void 0 ? [] : _ref2$notifications,
-    props = _objectWithoutProperties$1(_ref2, _excluded$r);
+    props = _objectWithoutProperties$1(_ref2, _excluded$s);
   return jsx("div", {
     className: "relative",
-    children: jsx(NotificationsDropdown, _objectSpread$w({
+    children: jsx(NotificationsDropdown, _objectSpread$y({
       emitter: emitter,
       notifications: notifications
     }, props))
@@ -26505,6 +26536,9 @@ var Navbar = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
     leftIcon = _ref3$leftIcon === void 0 ? jsx(ChevronLeft, {}) : _ref3$leftIcon,
     RightMenuContentProp = _ref3.rightMenuContent,
     onLeftIconClick = _ref3.onLeftIconClick,
+    _ref3$leftIconLabel = _ref3.leftIconLabel,
+    leftIconLabel = _ref3$leftIconLabel === void 0 ? "Go back" : _ref3$leftIconLabel,
+    leftIconProps = _ref3.leftIconProps,
     _ref3$onLoginClick = _ref3.onLoginClick,
     onLoginClick = _ref3$onLoginClick === void 0 ? function () {
       return console.log("invoked onLoginClick");
@@ -26551,6 +26585,18 @@ var Navbar = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
       window.removeEventListener("resize", handleResize);
     };
   }, [handleResize]);
+  // Left button: `leftIconLabel` names it ("Go back" by default; e.g. "Open
+  // menu" when it opens a Sidebar drawer). `leftIconProps` lands on the
+  // <button> (aria-expanded, aria-controls, data-*, …); its className merges
+  // last and its onClick runs after `onLeftIconClick`.
+  var _ref4 = leftIconProps || {},
+    leftIconClassName = _ref4.className,
+    leftIconOnClick = _ref4.onClick,
+    leftIconRest = _objectWithoutProperties$1(_ref4, _excluded3$3);
+  var handleLeftIconClick = function handleLeftIconClick(e) {
+    onLeftIconClick === null || onLeftIconClick === void 0 || onLeftIconClick(e);
+    leftIconOnClick === null || leftIconOnClick === void 0 || leftIconOnClick(e);
+  };
   // Handle search submit
   var handleSearch = function handleSearch(e) {
     e.preventDefault();
@@ -26597,11 +26643,11 @@ var Navbar = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
   };
   // RightMenuContent: prefer prop if provided, else fallback
   var RightMenuComponent = typeof RightMenuContentProp === "function" ? RightMenuContentProp : function (rest) {
-    return jsx(RightMenuContent, _objectSpread$w({
+    return jsx(RightMenuContent, _objectSpread$y({
       emitter: emitter
     }, rest));
   };
-  return jsxs("nav", _objectSpread$w(_objectSpread$w({
+  return jsxs("nav", _objectSpread$y(_objectSpread$y({
     ref: ref,
     className: cn("bg-surface text-foreground border-b border-line px-4 sm:px-6 lg:px-8", sticky && "sticky top-0 z-sticky pt-safe supports-[backdrop-filter]:bg-surface/80 supports-[backdrop-filter]:backdrop-blur", className),
     "data-sticky": sticky ? "" : undefined
@@ -26620,13 +26666,14 @@ var Navbar = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
           "aria-hidden": true
         }), jsxs("div", {
           className: "flex min-w-0 items-center",
-          children: [leftIcon !== false && jsx("button", {
-            onClick: onLeftIconClick,
+          children: [leftIcon !== false && jsx("button", _objectSpread$y(_objectSpread$y({
             type: "button",
-            className: cn(ICON_BUTTON, "shrink-0 md:hidden"),
-            "aria-label": "Go back",
+            "aria-label": leftIconLabel
+          }, leftIconRest), {}, {
+            onClick: handleLeftIconClick,
+            className: cn(ICON_BUTTON, "shrink-0 md:hidden", leftIconClassName),
             children: leftIcon
-          }), logo && jsx("div", {
+          })), logo && jsx("div", {
             className: "ml-2 min-w-0 truncate sm:ml-4 md:ml-0",
             children: logo
           })]
@@ -26833,10 +26880,10 @@ Navbar.propTypes = {
   largeTitle: PropTypes.node
 };
 
-var _excluded$q = ["items", "linkAs", "hideOnScroll", "badgeMax", "className", "onFocus"],
+var _excluded$r = ["items", "linkAs", "hideOnScroll", "badgeMax", "className", "onFocus"],
   _excluded2$4 = ["className"];
-function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var hasBadge = function hasBadge(badge) {
   return badge === 0 || Boolean(badge);
 };
@@ -26905,7 +26952,7 @@ var FootNav = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
     badgeMax = _ref4$badgeMax === void 0 ? 99 : _ref4$badgeMax,
     className = _ref4.className,
     onFocus = _ref4.onFocus,
-    props = _objectWithoutProperties$1(_ref4, _excluded$q);
+    props = _objectWithoutProperties$1(_ref4, _excluded$r);
   var _useHideOnScroll = useHideOnScroll(hideOnScroll),
     _useHideOnScroll2 = _slicedToArray(_useHideOnScroll, 2),
     hidden = _useHideOnScroll2[0],
@@ -26915,7 +26962,7 @@ var FootNav = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
     if (hidden) setHidden(false);
     onFocus === null || onFocus === void 0 || onFocus(e);
   };
-  return jsx("nav", _objectSpread$v(_objectSpread$v({
+  return jsx("nav", _objectSpread$x(_objectSpread$x({
     ref: ref,
     "aria-label": "Primary",
     "data-hidden": hideOnScroll ? String(hidden) : undefined,
@@ -26931,14 +26978,14 @@ var FootNav = /*#__PURE__*/React__default.forwardRef(function (_ref4, ref) {
         var isAction = item.variant === 'action';
         var isLink = item.href !== undefined || item.to !== undefined;
         var Item = isLink ? linkAs || 'a' : 'button';
-        var linkProps = isLink ? _objectSpread$v({
+        var linkProps = isLink ? _objectSpread$x({
           href: item.href
         }, linkAs ? {
           to: (_item$to = item.to) !== null && _item$to !== void 0 ? _item$to : item.href
         } : {}) : {
           type: 'button'
         };
-        return jsxs(Item, _objectSpread$v(_objectSpread$v(_objectSpread$v({}, linkProps), {}, {
+        return jsxs(Item, _objectSpread$x(_objectSpread$x(_objectSpread$x({}, linkProps), {}, {
           "aria-current": item.active ? 'page' : undefined,
           "data-variant": isAction ? 'action' : undefined
         }, passthrough(item)), {}, {
@@ -26980,7 +27027,7 @@ FootNav.displayName = 'FootNav';
 var FootNavSpacer = /*#__PURE__*/React__default.forwardRef(function (_ref5, ref) {
   var className = _ref5.className,
     props = _objectWithoutProperties$1(_ref5, _excluded2$4);
-  return jsx("div", _objectSpread$v(_objectSpread$v({
+  return jsx("div", _objectSpread$x(_objectSpread$x({
     ref: ref,
     "aria-hidden": "true",
     "data-slot": "footnav-spacer",
@@ -26994,9 +27041,9 @@ var FootNavSpacer = /*#__PURE__*/React__default.forwardRef(function (_ref5, ref)
 FootNavSpacer.displayName = 'FootNav.Spacer';
 FootNav.Spacer = FootNavSpacer;
 
-var _excluded$p = ["items", "separator", "showHome", "homeIcon", "onHomeClick", "maxItems", "className"];
-function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$q = ["items", "separator", "showHome", "homeIcon", "onHomeClick", "maxItems", "className"];
+function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Items without an `id` still need a stable, unique React key.
 var itemKey = function itemKey(item, index) {
   var _ref, _item$href;
@@ -27037,7 +27084,7 @@ var Breadcrumbs = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
     onHomeClick = _ref3.onHomeClick,
     maxItems = _ref3.maxItems,
     className = _ref3.className,
-    props = _objectWithoutProperties$1(_ref3, _excluded$p);
+    props = _objectWithoutProperties$1(_ref3, _excluded$q);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
@@ -27072,7 +27119,7 @@ var Breadcrumbs = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
       children: separator
     });
   };
-  return jsx("nav", _objectSpread$u(_objectSpread$u({
+  return jsx("nav", _objectSpread$w(_objectSpread$w({
     ref: ref,
     className: cn('flex min-w-0 items-center space-x-1 text-sm', className),
     "aria-label": "Breadcrumb"
@@ -27124,12 +27171,12 @@ var Breadcrumbs = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
 });
 Breadcrumbs.displayName = 'Breadcrumbs';
 
-var _excluded$o = ["isOpen", "onClose", "title", "children", "size", "dismissible", "showCloseButton", "footer", "className", "onOpen", "presentation"],
+var _excluded$p = ["isOpen", "onClose", "title", "children", "size", "dismissible", "showCloseButton", "footer", "className", "onOpen", "presentation"],
   _excluded2$3 = ["children", "className"],
   _excluded3$2 = ["children", "className"],
   _excluded4$2 = ["children", "className"];
-function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Exit length of the centred modal. `animate-scale-out` / `animate-fade-out`
 // run for duration-fast (120ms) with `forwards`, so the panel stays invisible
 // for the few ms before it unmounts.
@@ -27185,7 +27232,7 @@ var Dialog = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
     onOpen = _ref2.onOpen,
     _ref2$presentation = _ref2.presentation,
     presentation = _ref2$presentation === void 0 ? 'auto' : _ref2$presentation,
-    props = _objectWithoutProperties$1(_ref2, _excluded$o);
+    props = _objectWithoutProperties$1(_ref2, _excluded$p);
   var dialogRef = useRef(null);
   // Unique per instance so two open dialogs never share an aria-labelledby target.
   var titleId = "dialog-title-".concat(useId());
@@ -27233,7 +27280,7 @@ var Dialog = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
       var _onCloseRef$current2;
       return (_onCloseRef$current2 = onCloseRef.current) === null || _onCloseRef$current2 === void 0 ? void 0 : _onCloseRef$current2.call(onCloseRef);
     };
-    return jsxs(Sheet, _objectSpread$t(_objectSpread$t({
+    return jsxs(Sheet, _objectSpread$v(_objectSpread$v({
       ref: panelRef,
       isOpen: Boolean(isOpen),
       onClose: close,
@@ -27275,7 +27322,7 @@ var Dialog = /*#__PURE__*/React__default.forwardRef(function (_ref2, ref) {
     className: cn('fixed inset-0 z-modal flex items-center justify-center bg-black/50 motion-reduce:animate-none', SAFE_GUTTER, exiting ? 'pointer-events-none animate-fade-out' : 'animate-fade-in'),
     "data-state": presence.state,
     onClick: handleBackdropClick,
-    children: jsxs("div", _objectSpread$t(_objectSpread$t({
+    children: jsxs("div", _objectSpread$v(_objectSpread$v({
       ref: panelRef,
       className: cn('flex w-full flex-col overflow-hidden rounded-lg border border-line bg-surface text-foreground shadow-xl focus:outline-none motion-reduce:animate-none', PANEL_MAX_HEIGHT, exiting ? 'animate-scale-out' : 'animate-scale-in', sizeClasses[size], className),
       tabIndex: -1,
@@ -27311,7 +27358,7 @@ var DialogHeader = function DialogHeader(_ref3) {
   var children = _ref3.children,
     className = _ref3.className,
     props = _objectWithoutProperties$1(_ref3, _excluded2$3);
-  return jsx("div", _objectSpread$t(_objectSpread$t({
+  return jsx("div", _objectSpread$v(_objectSpread$v({
     className: cn('border-b border-line px-6 py-4', className)
   }, props), {}, {
     children: children
@@ -27321,7 +27368,7 @@ var DialogBody = function DialogBody(_ref4) {
   var children = _ref4.children,
     className = _ref4.className,
     props = _objectWithoutProperties$1(_ref4, _excluded3$2);
-  return jsx("div", _objectSpread$t(_objectSpread$t({
+  return jsx("div", _objectSpread$v(_objectSpread$v({
     className: cn('px-6 py-4', className)
   }, props), {}, {
     children: children
@@ -27331,7 +27378,7 @@ var DialogFooter = function DialogFooter(_ref5) {
   var children = _ref5.children,
     className = _ref5.className,
     props = _objectWithoutProperties$1(_ref5, _excluded4$2);
-  return jsx("div", _objectSpread$t(_objectSpread$t({
+  return jsx("div", _objectSpread$v(_objectSpread$v({
     className: cn('flex items-center justify-end gap-3 border-t border-line px-6 py-4', className)
   }, props), {}, {
     children: children
@@ -27390,9 +27437,9 @@ function useToastSwipe(_ref) {
   };
 }
 
-var _excluded$n = ["id", "title", "message", "description", "type", "duration", "onClose", "position", "statusIcon", "actions", "color", "footerNote", "showFooterNote", "portal", "paused", "swipeToDismiss", "mobilePosition", "mobileOffset", "closeLabel", "className", "style", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerCancel"];
-function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$o = ["id", "title", "message", "description", "type", "duration", "onClose", "position", "statusIcon", "actions", "color", "footerNote", "showFooterNote", "portal", "paused", "swipeToDismiss", "mobilePosition", "mobileOffset", "closeLabel", "className", "style", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "onPointerDown", "onPointerUp", "onPointerCancel"];
+function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // The single toast card. Re-exported as `Toast` from ./Toast.jsx, which also
 // holds the provider / hook; the stack lives in ./ToastStack.jsx.
 // Errors interrupt (role="alert", assertive); everything else waits for the
@@ -27480,7 +27527,7 @@ function usePauseReasons() {
     setReasons = _useState2[1];
   var set = useCallback(function (reason, on) {
     setReasons(function (prev) {
-      return Boolean(prev[reason]) === on ? prev : _objectSpread$s(_objectSpread$s({}, prev), {}, _defineProperty$4({}, reason, on));
+      return Boolean(prev[reason]) === on ? prev : _objectSpread$u(_objectSpread$u({}, prev), {}, _defineProperty$4({}, reason, on));
     });
   }, []);
   return [Object.values(reasons).some(Boolean), set];
@@ -27525,7 +27572,7 @@ var Toast = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onPointerDown = _ref.onPointerDown,
     onPointerUp = _ref.onPointerUp,
     onPointerCancel = _ref.onPointerCancel,
-    props = _objectWithoutProperties$1(_ref, _excluded$n);
+    props = _objectWithoutProperties$1(_ref, _excluded$o);
   var _useState3 = useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isVisible = _useState4[0],
@@ -27609,7 +27656,7 @@ var Toast = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var positionClass = mobileClass || STANDALONE_POSITION_CLASSES[position] || STANDALONE_POSITION_CLASSES['top-right'];
   // Swipe: follow the finger, fade with distance, then leave the way it went.
   // A centred standalone toast keeps its -50% shift under the inline transform.
-  var rootStyle = _objectSpread$s({}, style);
+  var rootStyle = _objectSpread$u({}, style);
   if (mobileClass && mobileOffset != null) rootStyle[MOBILE_OFFSET_VAR] = toCssLength(mobileOffset);
   var centerShift = portal && !mobileClass && /-center$/.test(position) ? 'translateX(-50%) ' : '';
   if (swipe.swipedOut) {
@@ -27625,7 +27672,7 @@ var Toast = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onTouchRelease = function onTouchRelease() {
     return setPaused('touch', false);
   };
-  var toastContent = jsxs("div", _objectSpread$s(_objectSpread$s(_objectSpread$s({
+  var toastContent = jsxs("div", _objectSpread$u(_objectSpread$u(_objectSpread$u({
     ref: ref,
     "data-swiping": swipe.dragging ? '' : undefined,
     "data-swipe-out": swipe.swipedOut ? swipe.swipedOut > 0 ? 'right' : 'left' : undefined,
@@ -27728,8 +27775,8 @@ var Toast = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Toast.displayName = 'Toast';
 
-function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Internal (not exported). The stack behind <ToastContainer> and
 // <ToastProvider>. Up to `visibleToasts` toasts list normally; past that the
 // stack collapses Sonner-style (newest in front, older ones peeking behind)
@@ -27836,7 +27883,7 @@ var ToastStack = function ToastStack(_ref) {
           "data-toast-depth": depth,
           className: cn('pointer-events-auto w-full', mobile ? 'max-w-none' : 'max-w-md', collapsible && 'transition-[transform,opacity] duration-base ease-standard motion-reduce:transition-none', collapsed && ['col-start-1 row-start-1', fromBottom ? 'self-end' : 'self-start'], collapsed && depth >= limit && 'pointer-events-none'),
           style: collapsed ? collapsedStyle(depth, fromBottom, limit) : undefined,
-          children: jsx(Toast, _objectSpread$r(_objectSpread$r({}, t), {}, {
+          children: jsx(Toast, _objectSpread$t(_objectSpread$t({}, t), {}, {
             portal: false,
             position: position,
             paused: collapsible && interacting ? true : t.paused,
@@ -27849,9 +27896,9 @@ var ToastStack = function ToastStack(_ref) {
   }), document.body);
 };
 
-var _excluded$m = ["children", "position", "className"];
-function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$n = ["children", "position", "className"];
+function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // The toast family: the card (./ToastItem.jsx), the stack (./ToastStack.jsx),
 // and the queue shared by <ToastProvider> / useToast().
 // Shared queue for <ToastProvider>. `null` outside a provider, where useToast
@@ -27864,7 +27911,7 @@ var ToastContainer = function ToastContainer(props) {
   // legacy `<ToastContainer toasts={useToast().toasts} />` would render every
   // toast twice. Skip it when it is handed the provider's own queue.
   if (shared && props.toasts === shared.toasts) return null;
-  return jsx(ToastStack, _objectSpread$q({}, props));
+  return jsx(ToastStack, _objectSpread$s({}, props));
 };
 var useToastQueue = function useToastQueue() {
   var _useState = useState([]),
@@ -27873,7 +27920,7 @@ var useToastQueue = function useToastQueue() {
     setToasts = _useState2[1];
   var addToast = useCallback(function (toastOptions) {
     var id = toastOptions.id || "".concat(Date.now(), "-").concat(Math.random().toString(36).slice(2, 7));
-    var newToast = _objectSpread$q(_objectSpread$q({}, toastOptions), {}, {
+    var newToast = _objectSpread$s(_objectSpread$s({}, toastOptions), {}, {
       id: id
     });
     setToasts(function (prev) {
@@ -27896,7 +27943,7 @@ var useToastQueue = function useToastQueue() {
   var toast = useMemo(function () {
     var withType = function withType(type) {
       return function (title, message, options) {
-        return addToast(_objectSpread$q({
+        return addToast(_objectSpread$s({
           title: title,
           message: message,
           type: type
@@ -27933,11 +27980,11 @@ var ToastProvider = function ToastProvider(_ref) {
     position = _ref$position === void 0 ? 'top-right' : _ref$position,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    stackProps = _objectWithoutProperties$1(_ref, _excluded$m);
+    stackProps = _objectWithoutProperties$1(_ref, _excluded$n);
   var queue = useToastQueue();
   return jsxs(ToastContext.Provider, {
     value: queue,
-    children: [children, jsx(ToastStack, _objectSpread$q({
+    children: [children, jsx(ToastStack, _objectSpread$s({
       toasts: queue.toasts,
       position: position,
       onRemove: queue.removeToast,
@@ -27954,9 +28001,9 @@ var useToast = function useToast() {
   return shared !== null && shared !== void 0 ? shared : local;
 };
 
-var _excluded$l = ["variant", "title", "children", "actions", "dismissible", "onDismiss", "dismissLabel", "className"];
-function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$m = ["variant", "title", "children", "actions", "dismissible", "onDismiss", "dismissLabel", "className"];
+function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // error / warning need attention now (role="alert", assertive); info / success
 // / neutral must not interrupt (role="status", polite).
 var URGENT_VARIANTS = new Set(['error', 'warning']);
@@ -28014,10 +28061,10 @@ var Alert = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _ref$dismissLabel = _ref.dismissLabel,
     dismissLabel = _ref$dismissLabel === void 0 ? 'Dismiss' : _ref$dismissLabel,
     className = _ref.className,
-    props = _objectWithoutProperties$1(_ref, _excluded$l);
+    props = _objectWithoutProperties$1(_ref, _excluded$m);
   var styles = VARIANTS[variant] || VARIANTS.info;
   var Icon = styles.Icon;
-  return jsx("div", _objectSpread$p(_objectSpread$p({
+  return jsx("div", _objectSpread$r(_objectSpread$r({
     ref: ref,
     className: cn('rounded-md border p-4 animate-fade-in motion-reduce:animate-none', styles.container, className),
     role: URGENT_VARIANTS.has(variant) ? 'alert' : 'status'
@@ -28063,12 +28110,12 @@ var Alert = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 Alert.displayName = 'Alert';
 
-var _excluded$k = ["isOpen", "onClose", "title", "description", "children", "placement", "size", "dismissible", "showCloseButton", "footer", "initialFocusRef", "handle", "swipeToClose"],
+var _excluded$l = ["isOpen", "onClose", "title", "description", "children", "placement", "size", "dismissible", "showCloseButton", "footer", "initialFocusRef", "handle", "swipeToClose"],
   _excluded2$2 = ["className"],
   _excluded3$1 = ["className"],
   _excluded4$1 = ["className"];
-function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Record-peek / editor panel. Built on the internal sheet core (ADR 0001,
 // DTUI-33): it slides in and out from its edge, stays mounted through the
 // exit, and `swipeToClose` drags it toward its own edge on every placement.
@@ -28127,7 +28174,7 @@ var DrawerTitleBar = function DrawerTitleBar(_ref2) {
   var _useGrabZone = useGrabZone({}),
     dragProps = _useGrabZone.dragProps,
     grabClass = _useGrabZone.grabClass;
-  return jsx("div", _objectSpread$o(_objectSpread$o({}, dragProps), {}, {
+  return jsx("div", _objectSpread$q(_objectSpread$q({}, dragProps), {}, {
     className: cn("flex shrink-0 items-start justify-between gap-4 border-b border-gray-200 px-6 py-4 dark:border-gray-700", grabClass, className),
     children: children
   }));
@@ -28151,7 +28198,7 @@ var Drawer = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
     handle = _ref3.handle,
     _ref3$swipeToClose = _ref3.swipeToClose,
     swipeToClose = _ref3$swipeToClose === void 0 ? false : _ref3$swipeToClose,
-    props = _objectWithoutProperties$1(_ref3, _excluded$k);
+    props = _objectWithoutProperties$1(_ref3, _excluded$l);
   var side = PLACEMENT_CLASSES[placement] ? placement : "right";
   var sizes = side === "top" || side === "bottom" ? EDGE_SIZES : SIDE_SIZES;
   // Without title/description/footer the children are the panel content, so
@@ -28189,7 +28236,7 @@ var Drawer = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
       })]
     });
   };
-  return jsx(SheetCore, _objectSpread$o(_objectSpread$o({
+  return jsx(SheetCore, _objectSpread$q(_objectSpread$q({
     ref: ref,
     open: Boolean(isOpen),
     onClose: close,
@@ -28224,7 +28271,7 @@ var DrawerHeader = /*#__PURE__*/React__default.forwardRef(function (_ref5, ref)
   var _useGrabZone2 = useGrabZone(props),
     dragProps = _useGrabZone2.dragProps,
     grabClass = _useGrabZone2.grabClass;
-  return jsx("div", _objectSpread$o(_objectSpread$o(_objectSpread$o({
+  return jsx("div", _objectSpread$q(_objectSpread$q(_objectSpread$q({
     ref: ref
   }, props), dragProps), {}, {
     className: cn("border-b border-gray-200 px-6 py-4 dark:border-gray-700", grabClass, className)
@@ -28233,7 +28280,7 @@ var DrawerHeader = /*#__PURE__*/React__default.forwardRef(function (_ref5, ref)
 var DrawerBody = /*#__PURE__*/React__default.forwardRef(function (_ref6, ref) {
   var className = _ref6.className,
     props = _objectWithoutProperties$1(_ref6, _excluded3$1);
-  return jsx("div", _objectSpread$o({
+  return jsx("div", _objectSpread$q({
     ref: ref,
     className: cn("min-h-0 flex-1 overflow-y-auto px-6 py-4", className)
   }, props));
@@ -28241,7 +28288,7 @@ var DrawerBody = /*#__PURE__*/React__default.forwardRef(function (_ref6, ref) {
 var DrawerFooter = /*#__PURE__*/React__default.forwardRef(function (_ref7, ref) {
   var className = _ref7.className,
     props = _objectWithoutProperties$1(_ref7, _excluded4$1);
-  return jsx("div", _objectSpread$o({
+  return jsx("div", _objectSpread$q({
     ref: ref,
     className: cn("flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700", className)
   }, props));
@@ -28253,9 +28300,9 @@ Drawer.Header = DrawerHeader;
 Drawer.Body = DrawerBody;
 Drawer.Footer = DrawerFooter;
 
-var _excluded$j = ["open", "isOpen", "onClose", "title", "message", "actions", "cancelLabel", "className", "aria-label"];
-function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$k = ["open", "isOpen", "onClose", "title", "message", "actions", "cancelLabel", "className", "aria-label"];
+function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // iOS UIAlertController-style action sheet on the bottom Sheet: an optional
 // title + message, a card of actions (destructive ones in the error tone) and
 // a separate Cancel. The same implementation (ActionSheetMenu) renders the
@@ -28276,7 +28323,7 @@ var ActionSheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     cancelLabel = _ref$cancelLabel === void 0 ? "Cancel" : _ref$cancelLabel,
     className = _ref.className,
     ariaLabel = _ref["aria-label"],
-    rest = _objectWithoutProperties$1(_ref, _excluded$j);
+    rest = _objectWithoutProperties$1(_ref, _excluded$k);
   var items = (Array.isArray(actions) ? actions : []).filter(Boolean).map(normalizeAction);
   var selectItem = function selectItem(item) {
     var _item$onSelect;
@@ -28284,7 +28331,7 @@ var ActionSheet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     (_item$onSelect = item.onSelect) === null || _item$onSelect === void 0 || _item$onSelect.call(item);
     _onClose === null || _onClose === void 0 || _onClose("select");
   };
-  return jsx(ActionSheetMenu, _objectSpread$n({
+  return jsx(ActionSheetMenu, _objectSpread$p({
     ref: ref,
     open: Boolean(open !== null && open !== void 0 ? open : isOpen),
     onClose: function onClose(reason) {
@@ -28452,10 +28499,10 @@ var TourSpotlight = function TourSpotlight(_ref) {
 };
 TourSpotlight.displayName = "TourSpotlight";
 
-var _excluded$i = ["open", "steps", "onClose", "onFinish", "step", "defaultStep", "onStepChange", "labels", "targetTimeout", "spotlightPadding", "presentation", "className", "style", "onPointerDown", "onPointerUp", "onPointerCancel", "onClickCapture"];
-function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var _excluded$j = ["open", "steps", "onClose", "onFinish", "step", "defaultStep", "onStepChange", "labels", "targetTimeout", "spotlightPadding", "presentation", "className", "style", "onPointerDown", "onPointerUp", "onPointerCancel", "onClickCapture"];
+function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useIsomorphicLayoutEffect$3 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 // Docked (phone) card: a horizontal swipe at least this long (px), and clearly
 // more horizontal than vertical, goes to the next / previous step.
 var SWIPE_DISTANCE = 50;
@@ -28507,7 +28554,7 @@ var Tour = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
     _onPointerUp = _ref.onPointerUp,
     _onPointerCancel = _ref.onPointerCancel,
     _onClickCapture = _ref.onClickCapture,
-    rest = _objectWithoutProperties$1(_ref, _excluded$i);
+    rest = _objectWithoutProperties$1(_ref, _excluded$j);
   var cardRef = useRef(null);
   var swipeRef = useRef({
     x: 0,
@@ -28516,7 +28563,7 @@ var Tour = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
     swipedAt: -Infinity
   });
   var baseId = useId();
-  var text = _objectSpread$m(_objectSpread$m({}, DEFAULT_LABELS), labels);
+  var text = _objectSpread$o(_objectSpread$o({}, DEFAULT_LABELS), labels);
   var docked = usePresentation(presentation) === "sheet";
   // Each opening is a new session: the uncontrolled step restarts and stale
   // target measurements from the previous run are ignored.
@@ -28559,7 +28606,7 @@ var Tour = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
     setFloating = refs.setFloating;
   // The target's measured box is the (virtual) reference; useTourTarget
   // re-measures it on scroll/resize.
-  useIsomorphicLayoutEffect$2(function () {
+  useIsomorphicLayoutEffect$3(function () {
     setReference(anchored ? {
       getBoundingClientRect: function getBoundingClientRect() {
         return rect;
@@ -28569,7 +28616,7 @@ var Tour = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
   var goTo = function goTo(next) {
     if (next < 0 || next >= total || next === index) return;
     if (stepProp === undefined) setSession(function (s) {
-      return _objectSpread$m(_objectSpread$m({}, s), {}, {
+      return _objectSpread$o(_objectSpread$o({}, s), {}, {
         step: next
       });
     });
@@ -28648,7 +28695,7 @@ var Tour = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
     children: [jsx(TourSpotlight, {
       rect: ready ? rect : null,
       padding: spotlightPadding
-    }), jsxs("div", _objectSpread$m(_objectSpread$m(_objectSpread$m({
+    }), jsxs("div", _objectSpread$o(_objectSpread$o(_objectSpread$o({
       ref: function ref(node) {
         return setRefs$1(node, cardRef, _ref2, setFloating);
       },
@@ -28661,7 +28708,7 @@ var Tour = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
       "data-placement": placementAttr,
       "data-presentation": docked ? "sheet" : "popover",
       className: cn("fixed overflow-y-auto overscroll-contain rounded-lg border border-gray-200 bg-white text-gray-900 shadow-xl focus:outline-none", "dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100", "transition-opacity duration-200 motion-reduce:transition-none", docked ? "inset-x-4 bottom-4 max-h-[60dvh] pb-safe touch-pan-y" : "w-[min(22rem,calc(100vw-2rem))] max-h-[calc(100dvh-2rem)]", !docked && !rect && "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", ready ? "opacity-100" : "pointer-events-none opacity-0", className),
-      style: anchored ? _objectSpread$m(_objectSpread$m({}, floatingStyles), style) : style
+      style: anchored ? _objectSpread$o(_objectSpread$o({}, floatingStyles), style) : style
     }, swipeHandlers), rest), {}, {
       children: [jsxs("div", {
         className: "flex items-start justify-between gap-3 px-4 pt-4",
@@ -28727,9 +28774,9 @@ var Tour = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
 });
 Tour.displayName = "Tour";
 
-var _excluded$h = ["children", "variant", "size", "rounded", "dot", "icon", "max", "className"];
-function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$i = ["children", "variant", "size", "rounded", "dot", "icon", "max", "className"];
+function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Light: 100 fill + 800 text (≥4.5:1). Dark: a tinted 900 fill + 200 text.
 var variants = {
   "default": 'bg-gray-100 text-primary-800 dark:bg-gray-800 dark:text-gray-100',
@@ -28766,9 +28813,9 @@ var Badge = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     icon = _ref.icon,
     max = _ref.max,
     className = _ref.className,
-    props = _objectWithoutProperties$1(_ref, _excluded$h);
+    props = _objectWithoutProperties$1(_ref, _excluded$i);
   var hasLead = dot || Boolean(icon);
-  return jsxs("span", _objectSpread$l(_objectSpread$l({
+  return jsxs("span", _objectSpread$n(_objectSpread$n({
     ref: ref,
     className: cn('inline-flex items-center font-medium', variants[variant], sizes[size] || sizes.md, {
       'rounded-full': rounded,
@@ -28790,9 +28837,9 @@ var Badge = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 Badge.displayName = 'Badge';
 
-var _excluded$g = ["children", "max", "size", "className"];
-function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$h = ["children", "max", "size", "className"];
+function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Overlap grows with the avatar so the stack reads the same at every size.
 var OVERLAP = {
   xs: '-space-x-1.5',
@@ -28811,13 +28858,13 @@ var AvatarGroup = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'md' : _ref$size,
     className = _ref.className,
-    props = _objectWithoutProperties$1(_ref, _excluded$g);
+    props = _objectWithoutProperties$1(_ref, _excluded$h);
   var avatars = React__default.Children.toArray(children).filter(React__default.isValidElement);
   var limit = typeof max === 'number' && max >= 0 ? max : avatars.length;
   var visible = avatars.slice(0, limit);
   var overflow = avatars.length - visible.length;
   var sizeKey = AVATAR_SIZES[size] ? size : 'md';
-  return jsxs("div", _objectSpread$k(_objectSpread$k({
+  return jsxs("div", _objectSpread$m(_objectSpread$m({
     ref: ref,
     role: "group",
     className: cn('flex items-center', OVERLAP[sizeKey], className)
@@ -28840,14 +28887,14 @@ var AvatarGroup = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 AvatarGroup.displayName = 'AvatarGroup';
 
-var _excluded$f = ["children", "className", "hover", "interactive", "onClick", "onKeyDown"],
+var _excluded$g = ["children", "className", "hover", "interactive", "onClick", "onKeyDown"],
   _excluded2$1 = ["children", "className"],
   _excluded3 = ["children", "className"],
   _excluded4 = ["children", "className"],
   _excluded5 = ["children", "className"],
   _excluded6 = ["children", "className"];
-function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Interactive cards: hover lift, press shrink and a keyboard focus ring. The
 // transition list covers both the shadow and the press transform.
 var INTERACTIVE_CLASSES = cn('cursor-pointer hover:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-900', PRESS_FEEDBACK, 'transition-[box-shadow,transform] duration-fast ease-standard motion-reduce:transition-none');
@@ -28860,7 +28907,7 @@ var Card = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     interactive = _ref$interactive === void 0 ? false : _ref$interactive,
     onClick = _ref.onClick,
     onKeyDown = _ref.onKeyDown,
-    props = _objectWithoutProperties$1(_ref, _excluded$f);
+    props = _objectWithoutProperties$1(_ref, _excluded$g);
   // A clickable interactive card with no role of its own becomes a keyboard
   // operable button (Tab to it, Enter / Space to activate).
   var actsAsButton = interactive && typeof onClick === 'function' && props.role === undefined;
@@ -28872,7 +28919,7 @@ var Card = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       onClick(e);
     }
   };
-  return jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsx("div", _objectSpread$l(_objectSpread$l({
     ref: ref,
     role: actsAsButton ? 'button' : undefined,
     tabIndex: actsAsButton ? 0 : undefined,
@@ -28891,7 +28938,7 @@ var CardHeader = function CardHeader(_ref2) {
   var children = _ref2.children,
     className = _ref2.className,
     props = _objectWithoutProperties$1(_ref2, _excluded2$1);
-  return jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsx("div", _objectSpread$l(_objectSpread$l({
     className: cn('px-4 sm:px-6 py-4 border-b border-line', className)
   }, props), {}, {
     children: children
@@ -28901,7 +28948,7 @@ var CardTitle = function CardTitle(_ref3) {
   var children = _ref3.children,
     className = _ref3.className,
     props = _objectWithoutProperties$1(_ref3, _excluded3);
-  return jsx("h3", _objectSpread$j(_objectSpread$j({
+  return jsx("h3", _objectSpread$l(_objectSpread$l({
     className: cn('text-lg font-semibold text-primary-900 dark:text-primary-100', className)
   }, props), {}, {
     children: children
@@ -28911,7 +28958,7 @@ var CardDescription = function CardDescription(_ref4) {
   var children = _ref4.children,
     className = _ref4.className,
     props = _objectWithoutProperties$1(_ref4, _excluded4);
-  return jsx("p", _objectSpread$j(_objectSpread$j({
+  return jsx("p", _objectSpread$l(_objectSpread$l({
     className: cn('text-sm text-primary-600 dark:text-primary-300', className)
   }, props), {}, {
     children: children
@@ -28921,7 +28968,7 @@ var CardContent = function CardContent(_ref5) {
   var children = _ref5.children,
     className = _ref5.className,
     props = _objectWithoutProperties$1(_ref5, _excluded5);
-  return jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsx("div", _objectSpread$l(_objectSpread$l({
     className: cn('px-4 sm:px-6 py-4', className)
   }, props), {}, {
     children: children
@@ -28931,7 +28978,7 @@ var CardFooter = function CardFooter(_ref6) {
   var children = _ref6.children,
     className = _ref6.className,
     props = _objectWithoutProperties$1(_ref6, _excluded6);
-  return jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsx("div", _objectSpread$l(_objectSpread$l({
     className: cn('px-4 sm:px-6 py-4 border-t border-line', className)
   }, props), {}, {
     children: children
@@ -28943,9 +28990,9 @@ Card.Description = CardDescription;
 Card.Content = CardContent;
 Card.Footer = CardFooter;
 
-var _excluded$e = ["currentPage", "totalPages", "onPageChange", "showFirstLast", "showPrevNext", "maxVisiblePages", "className"];
-function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$f = ["currentPage", "totalPages", "onPageChange", "showFirstLast", "showPrevNext", "maxVisiblePages", "className"];
+function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Shared button chrome: dark-safe surface, focus-visible ring, 44px target on coarse pointers.
 var BUTTON_BASE = cn('inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm font-medium', 'transition-colors duration-fast motion-reduce:transition-none', 'outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-900', TOUCH_TARGET);
 var BUTTON_IDLE = 'border-gray-300 bg-white hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-800';
@@ -28964,7 +29011,7 @@ var Pagination = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     _ref$maxVisiblePages = _ref.maxVisiblePages,
     maxVisiblePages = _ref$maxVisiblePages === void 0 ? 5 : _ref$maxVisiblePages,
     className = _ref.className,
-    props = _objectWithoutProperties$1(_ref, _excluded$e);
+    props = _objectWithoutProperties$1(_ref, _excluded$f);
   var getVisiblePages = function getVisiblePages() {
     var pages = [];
     var halfVisible = Math.floor(maxVisiblePages / 2);
@@ -28994,7 +29041,7 @@ var Pagination = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   // prev/next buttons to drive it; otherwise the full layout shows everywhere.
   var compact = showPrevNext;
   var fullOnly = compact ? 'hidden sm:inline-flex' : '';
-  return jsxs("nav", _objectSpread$i(_objectSpread$i({
+  return jsxs("nav", _objectSpread$k(_objectSpread$k({
     ref: ref,
     className: cn('flex flex-wrap items-center justify-center gap-1', className),
     "aria-label": "Pagination"
@@ -29065,9 +29112,9 @@ var Pagination = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 Pagination.displayName = 'Pagination';
 
-var _excluded$d = ["steps", "currentStep", "orientation", "variant", "onStepClick", "className"];
-function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$e = ["steps", "currentStep", "orientation", "variant", "onStepClick", "className"];
+function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Layout classes per orientation. "auto" stacks vertically below `sm` and lays
 // out horizontally from `sm` up. Every class is written out literally so
 // Tailwind's content scan picks it up.
@@ -29134,7 +29181,7 @@ var Stepper = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     onStepClick = _ref.onStepClick,
     className = _ref.className,
-    props = _objectWithoutProperties$1(_ref, _excluded$d);
+    props = _objectWithoutProperties$1(_ref, _excluded$e);
   var getStepStatus = function getStepStatus(stepIndex) {
     if (stepIndex < currentStep) return 'completed';
     if (stepIndex === currentStep) return 'current';
@@ -29152,7 +29199,7 @@ var Stepper = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   };
   // Compact progress dots: no titles, just one dot per step (current = pill).
   if (variant === 'dots') {
-    return jsx("nav", _objectSpread$h(_objectSpread$h({
+    return jsx("nav", _objectSpread$j(_objectSpread$j({
       ref: ref,
       className: cn('flex flex-row items-center gap-1', className),
       "aria-label": "Progress",
@@ -29178,7 +29225,7 @@ var Stepper = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     }));
   }
   var layout = LAYOUT[orientation] || LAYOUT.horizontal;
-  return jsx("nav", _objectSpread$h(_objectSpread$h({
+  return jsx("nav", _objectSpread$j(_objectSpread$j({
     ref: ref,
     className: cn('flex', layout.nav, className),
     "aria-label": "Progress"
@@ -29227,9 +29274,9 @@ var Stepper = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
 });
 Stepper.displayName = 'Stepper';
 
-var _excluded$c = ["accept", "multiple", "maxSize", "onFileSelect", "onFileRemove", "files", "disabled", "capture", "className"];
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$d = ["accept", "multiple", "maxSize", "onFileSelect", "onFileRemove", "files", "disabled", "capture", "className"];
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var COARSE_POINTER_QUERY = '(pointer: coarse)';
 // PRESS_FEEDBACK sets transition-transform; this keeps the colour transition as well.
 var TRANSITION_WITH_PRESS = 'transition-[color,background-color,border-color,transform]';
@@ -29254,7 +29301,7 @@ var FileUpload = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     capture = _ref.capture,
     className = _ref.className,
-    props = _objectWithoutProperties$1(_ref, _excluded$c);
+    props = _objectWithoutProperties$1(_ref, _excluded$d);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDragOver = _useState2[0],
@@ -29345,7 +29392,7 @@ var FileUpload = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     className: "text-xs text-primary-500 dark:text-primary-300 mt-1",
     children: [accept && "Accepted formats: ".concat(accept), maxSize && " \u2022 Max size: ".concat(formatFileSize(maxSize))]
   });
-  return jsxs("div", _objectSpread$g(_objectSpread$g({
+  return jsxs("div", _objectSpread$i(_objectSpread$i({
     ref: ref,
     className: cn('w-full', className)
   }, props), {}, {
@@ -29479,9 +29526,9 @@ var Condition = function Condition(_ref) {
   return condition ? children : fallback;
 };
 
-var _excluded$b = ["children", "autoPlay", "interval", "showDots", "className", "itemClassName", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "onTouchStart", "onTouchEnd"];
-function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$c = ["children", "autoPlay", "interval", "showDots", "className", "itemClassName", "onMouseEnter", "onMouseLeave", "onFocus", "onBlur", "onTouchStart", "onTouchEnd"];
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // Arrows stay visible at rest (touch devices have no hover) and use the surface /
 // foreground role tokens so they read on light and dark themes alike.
 var ARROW_CLASSES = "absolute top-1/2 -translate-y-1/2 z-10 inline-flex items-center justify-center p-2 rounded-full bg-surface/80 backdrop-blur-md border border-line text-foreground shadow-lg transition-colors motion-reduce:transition-none hover:bg-surface focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500";
@@ -29516,7 +29563,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function Carousel(props, r
     _onBlur = props.onBlur,
     _onTouchStart = props.onTouchStart,
     _onTouchEnd = props.onTouchEnd,
-    rest = _objectWithoutProperties$1(props, _excluded$b);
+    rest = _objectWithoutProperties$1(props, _excluded$c);
   var reducedMotion = useReducedMotion();
   var _React$useState = React__default.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -29584,7 +29631,7 @@ var Carousel = /*#__PURE__*/React__default.forwardRef(function Carousel(props, r
       return clearInterval(timer);
     };
   }, [isAutoPlaying, next, interval]);
-  return jsxs("div", _objectSpread$f(_objectSpread$f({
+  return jsxs("div", _objectSpread$h(_objectSpread$h({
     ref: ref,
     role: "region",
     "aria-roledescription": "carousel",
@@ -29696,7 +29743,25 @@ Carousel.displayName = "Carousel";
 
 // Internal (not exported). Keyboard + pointer reordering for Sortable. Both
 // work on a draft list of keys while the user is moving an item and only call
-// `commit(fromIndex, toIndex)` when the item is dropped.
+// `commit(fromIndex, toIndex)` when the item is dropped. Inside a SortableGroup
+// they also get a `cross` object (see useSortableGroup.js) that takes over when
+// the item is carried into another list; without one they behave as before.
+var defaultGetKey = function defaultGetKey(item, index) {
+  var _ref, _item$id;
+  return (_ref = (_item$id = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id !== void 0 ? _item$id : item === null || item === void 0 ? void 0 : item.key) !== null && _ref !== void 0 ? _ref : index;
+};
+var defaultGetItemLabel = function defaultGetItemLabel(item, index) {
+  var _ref2, _ref3, _item$label;
+  return typeof item === "string" || typeof item === "number" ? String(item) : (_ref2 = (_ref3 = (_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : item === null || item === void 0 ? void 0 : item.title) !== null && _ref3 !== void 0 ? _ref3 : item === null || item === void 0 ? void 0 : item.name) !== null && _ref2 !== void 0 ? _ref2 : "Item ".concat(index + 1);
+};
+function arrayMove(list, from, to) {
+  var next = list.slice();
+  var _next$splice = next.splice(from, 1),
+    _next$splice2 = _slicedToArray(_next$splice, 1),
+    moved = _next$splice2[0];
+  next.splice(to, 0, moved);
+  return next;
+}
 function moveKey(keys, key, toIndex) {
   var next = keys.filter(function (k) {
     return k !== key;
@@ -29717,6 +29782,17 @@ var DEFAULT_SORTABLE_MESSAGES = {
   },
   cancelled: function cancelled(label, position) {
     return "Reorder cancelled. ".concat(label, " returned to position ").concat(position, ".");
+  },
+  // Only used inside a SortableGroup.
+  groupInstructions: "Use the arrow keys across the list (Left and Right in a vertical list) to carry it to the previous or next list.",
+  movedToList: function movedToList(label, list, position, total) {
+    return "".concat(label, " moved to ").concat(list, ", position ").concat(position, " of ").concat(total, ".");
+  },
+  droppedInList: function droppedInList(label, list, position, total) {
+    return "".concat(label, " dropped in ").concat(list, " at position ").concat(position, " of ").concat(total, ".");
+  },
+  refused: function refused(label, list) {
+    return "".concat(label, " cannot be dropped in ").concat(list, ".");
   }
 };
 var PREV_KEYS = {
@@ -29727,13 +29803,31 @@ var NEXT_KEYS = {
   vertical: ["ArrowDown"],
   horizontal: ["ArrowRight"]
 };
-function useSortableKeyboard(_ref) {
-  var keys = _ref.keys,
-    setDraft = _ref.setDraft,
-    commit = _ref.commit,
-    announce = _ref.announce,
-    labelFor = _ref.labelFor,
-    orientation = _ref.orientation;
+// Cross-axis arrows step between the lists of a SortableGroup.
+var LIST_KEYS = {
+  vertical: {
+    ArrowLeft: -1,
+    ArrowRight: 1
+  },
+  horizontal: {
+    ArrowUp: -1,
+    ArrowDown: 1
+  }
+};
+var stepOf = function stepOf(e, orientation, cross) {
+  return {
+    delta: PREV_KEYS[orientation].includes(e.key) ? -1 : NEXT_KEYS[orientation].includes(e.key) ? 1 : 0,
+    list: cross ? LIST_KEYS[orientation][e.key] || 0 : 0
+  };
+};
+function useSortableKeyboard(_ref4) {
+  var keys = _ref4.keys,
+    setDraft = _ref4.setDraft,
+    commit = _ref4.commit,
+    announce = _ref4.announce,
+    labelFor = _ref4.labelFor,
+    orientation = _ref4.orientation,
+    cross = _ref4.cross;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     grabbed = _useState2[0],
@@ -29751,21 +29845,27 @@ function useSortableKeyboard(_ref) {
           setGrabbed(key);
           setDraft(keys);
           announce("grabbed", labelFor(key), index + 1, total);
-        } else {
-          setGrabbed(null);
-          commit(origin.current, index);
-          announce("dropped", labelFor(key), index + 1, total);
+          return;
         }
+        var crossed = cross === null || cross === void 0 ? void 0 : cross.drop(key);
+        if (crossed === "refused") return;
+        setGrabbed(null);
+        if (crossed) return;
+        commit(origin.current, index);
+        announce("dropped", labelFor(key), index + 1, total);
       } else if (grabbed === key && e.key === "Escape") {
         e.preventDefault();
         setGrabbed(null);
         setDraft(null);
+        cross === null || cross === void 0 || cross.cancel();
         announce("cancelled", labelFor(key), origin.current + 1, total);
       } else if (grabbed === key) {
-        var delta = PREV_KEYS[orientation].includes(e.key) ? -1 : NEXT_KEYS[orientation].includes(e.key) ? 1 : 0;
-        if (!delta) return;
+        var step = stepOf(e, orientation, cross);
+        if (!step.delta && !step.list) return;
         e.preventDefault();
-        var to = Math.max(0, Math.min(total - 1, index + delta));
+        if (step.list) return cross.step(key, step.list);
+        if (cross !== null && cross !== void 0 && cross.nudge(key, step.delta)) return;
+        var to = Math.max(0, Math.min(total - 1, index + step.delta));
         if (to === index) return;
         setDraft(moveKey(keys, key, to));
         announce("moved", labelFor(key), to + 1, total);
@@ -29775,7 +29875,8 @@ function useSortableKeyboard(_ref) {
   var cancel = useCallback(function () {
     setGrabbed(null);
     setDraft(null);
-  }, [setDraft]);
+    cross === null || cross === void 0 || cross.cancel();
+  }, [setDraft, cross]);
   return {
     grabbed: grabbed,
     keyDownFor: keyDownFor,
@@ -29821,13 +29922,14 @@ var raf = function raf(cb) {
 var caf = function caf(id) {
   return typeof window.cancelAnimationFrame === "function" ? window.cancelAnimationFrame(id) : clearTimeout(id);
 };
-function useSortablePointer(_ref2) {
-  var keys = _ref2.keys,
-    setDraft = _ref2.setDraft,
-    commit = _ref2.commit,
-    nodeFor = _ref2.nodeFor,
-    orientation = _ref2.orientation,
-    disabled = _ref2.disabled;
+function useSortablePointer(_ref5) {
+  var keys = _ref5.keys,
+    setDraft = _ref5.setDraft,
+    commit = _ref5.commit,
+    nodeFor = _ref5.nodeFor,
+    orientation = _ref5.orientation,
+    disabled = _ref5.disabled,
+    cross = _ref5.cross;
   var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     dragging = _useState4[0],
@@ -29837,7 +29939,8 @@ function useSortablePointer(_ref2) {
     keys: keys,
     commit: commit,
     nodeFor: nodeFor,
-    orientation: orientation
+    orientation: orientation,
+    cross: cross
   });
   var end = useCallback(function () {
     var _session$current;
@@ -29866,9 +29969,9 @@ function useSortablePointer(_ref2) {
   // `longPress`: on touch, wait LONG_PRESS_DELAY before picking the item up (used
   // when the whole item is the drag source, so the list still scrolls on swipe).
   var startFor = function startFor(key) {
-    var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref3$longPress = _ref3.longPress,
-      longPress = _ref3$longPress === void 0 ? false : _ref3$longPress;
+    var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref6$longPress = _ref6.longPress,
+      longPress = _ref6$longPress === void 0 ? false : _ref6$longPress;
     return function (e) {
       if (disabled || e.button > 0) return;
       var start = {
@@ -29881,6 +29984,12 @@ function useSortablePointer(_ref2) {
       var point = start;
       var pressTimer = null;
       var frame = null;
+      // Over another list of the group, the source list keeps its original order
+      // and the target list shows where the item would land.
+      var track = function track() {
+        var _latest$current$cross;
+        if ((_latest$current$cross = latest.current.cross) !== null && _latest$current$cross !== void 0 && _latest$current$cross.over(point, key)) setDraft(null);else setDraft(moveKey(latest.current.keys, key, targetIndex(point, key)));
+      };
       var scrollTarget = function scrollTarget() {
         return getScrollParent(latest.current.nodeFor(key), latest.current.orientation);
       };
@@ -29905,7 +30014,7 @@ function useSortablePointer(_ref2) {
         } else if (typeof window.scrollBy === "function") {
           window.scrollBy(dx, dy);
         }
-        setDraft(moveKey(latest.current.keys, key, targetIndex(point, key)));
+        track();
         frame = raf(_autoScroll);
       };
       var activate = function activate() {
@@ -29927,20 +30036,24 @@ function useSortablePointer(_ref2) {
           if (distance < DRAG_THRESHOLD) return;
           activate();
         }
-        setDraft(moveKey(latest.current.keys, key, targetIndex(point, key)));
+        track();
         if (frame === null) frame = raf(_autoScroll);
       };
       var onUp = function onUp() {
+        var _latest$current$cross2;
         end();
         if (!active) return;
         setDragging(null);
+        if ((_latest$current$cross2 = latest.current.cross) !== null && _latest$current$cross2 !== void 0 && _latest$current$cross2.release()) return;
         latest.current.commit(from, latest.current.keys.indexOf(key));
       };
       var onCancel = function onCancel() {
+        var _latest$current$cross3;
         end();
         if (!active) return;
         setDragging(null);
         setDraft(null);
+        (_latest$current$cross3 = latest.current.cross) === null || _latest$current$cross3 === void 0 || _latest$current$cross3.cancel();
       };
       // Once a touch drag is live, stop the browser from scrolling (and from firing
       // pointercancel); before that, let the page scroll normally.
@@ -29978,47 +30091,338 @@ function useSortablePointer(_ref2) {
   };
 }
 
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// Internal (not exported). Cross-list moves for Sortable lists inside a
+// SortableGroup. The group holds one "carry": the item on its way from one list
+// to another, the target `{ listId, index }` and whether `canDrop` allows it.
+// The target list draws a placeholder from it; nothing is committed until the
+// drop, so a refused target is never shown as a success.
+var useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var SortableGroupContext = /*#__PURE__*/createContext(null);
+var documentOrder = function documentOrder(a, b) {
+  return a === b ? 0 : a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+};
+var contains = function contains(rect, point) {
+  return point.x >= rect.left && point.x <= rect.right && point.y >= rect.top && point.y <= rect.bottom;
+};
+/** Insertion index for `point` among the items of a list (midpoint hit-test). */
+function indexAt(list, point) {
+  var index = list.itemKeys.findIndex(function (k) {
+    var _list$nodeFor;
+    var rect = (_list$nodeFor = list.nodeFor(k)) === null || _list$nodeFor === void 0 ? void 0 : _list$nodeFor.getBoundingClientRect();
+    if (!rect) return false;
+    return list.orientation === "horizontal" ? point.x < rect.left + rect.width / 2 : point.y < rect.top + rect.height / 2;
+  });
+  return index === -1 ? list.itemKeys.length : index;
+}
+/** State + stable API behind <SortableGroup>. */
+function useSortableGroupState(_ref) {
+  var onMove = _ref.onMove,
+    canDrop = _ref.canDrop;
+  var lists = useRef(new Map());
+  var carryRef = useRef(null);
+  var focusRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    carry = _useState2[0],
+    setCarryState = _useState2[1];
+  var latest = useLatestRef$1({
+    onMove: onMove,
+    canDrop: canDrop
+  });
+  var api = useMemo(function () {
+    var setCarry = function setCarry(next) {
+      carryRef.current = next;
+      setCarryState(next);
+      return next;
+    };
+    var read = function read(id) {
+      var _lists$current$get;
+      return (_lists$current$get = lists.current.get(id)) === null || _lists$current$get === void 0 ? void 0 : _lists$current$get();
+    };
+    return {
+      pendingFocus: function pendingFocus() {
+        return focusRef.current;
+      },
+      clearFocus: function clearFocus() {
+        focusRef.current = null;
+      },
+      read: read,
+      current: function current() {
+        return carryRef.current;
+      },
+      register: function register(id, reader) {
+        lists.current.set(id, reader);
+        return function () {
+          if (lists.current.get(id) === reader) lists.current["delete"](id);
+        };
+      },
+      /** List ids in document order (only lists that are mounted). */
+      order: function order() {
+        return _toConsumableArray$1(lists.current.keys()).filter(function (id) {
+          var _read;
+          return (_read = read(id)) === null || _read === void 0 ? void 0 : _read.node;
+        }).sort(function (a, b) {
+          return documentOrder(read(a).node, read(b).node);
+        });
+      },
+      aim: function aim(from, item, target) {
+        var c = carryRef.current;
+        if (c && c.from.listId === from.listId && c.target.listId === target.listId && c.target.index === target.index) return c;
+        var test = latest.current.canDrop;
+        return setCarry({
+          from: from,
+          item: item,
+          target: target,
+          allowed: test ? Boolean(test(item, target, from)) : true
+        });
+      },
+      clear: function clear() {
+        if (carryRef.current) setCarry(null);
+      },
+      drop: function drop(c, focus) {
+        var _latest$current$onMov, _latest$current;
+        setCarry(null);
+        focusRef.current = focus || null;
+        (_latest$current$onMov = (_latest$current = latest.current).onMove) === null || _latest$current$onMov === void 0 || _latest$current$onMov.call(_latest$current, {
+          item: c.item,
+          from: c.from,
+          to: c.target
+        });
+      }
+    };
+  }, [latest]);
+  return useMemo(function () {
+    return {
+      api: api,
+      carry: carry
+    };
+  }, [api, carry]);
+}
+function makeCross(api, latest) {
+  var me = function me() {
+    return latest.current;
+  };
+  var origin = function origin(key) {
+    var m = me();
+    var index = m.itemKeys.indexOf(key);
+    return {
+      from: {
+        listId: m.listId,
+        index: index
+      },
+      item: m.items[index]
+    };
+  };
+  var say = function say(kind, key) {
+    var _me;
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    return (_me = me()).announce.apply(_me, [kind, me().labelFor(key)].concat(args));
+  };
+  var aimAt = function aimAt(key, target) {
+    var _origin = origin(key),
+      from = _origin.from,
+      item = _origin.item;
+    var next = api.aim(from, item, target);
+    var list = api.read(target.listId);
+    if (next.allowed) say("movedToList", key, list.label, target.index + 1, list.items.length + 1);else say("refused", key, list.label);
+  };
+  return {
+    // Pointer: true while the pointer is over another list of the group.
+    over: function over(point, key) {
+      var id = api.order().find(function (other) {
+        return other !== me().listId && contains(api.read(other).node.getBoundingClientRect(), point);
+      });
+      if (id === undefined) {
+        api.clear();
+        return false;
+      }
+      var _origin2 = origin(key),
+        from = _origin2.from,
+        item = _origin2.item;
+      api.aim(from, item, {
+        listId: id,
+        index: indexAt(api.read(id), point)
+      });
+      return true;
+    },
+    // Pointer drop: true when the drop was handled here (moved, or refused and dropped nowhere).
+    release: function release() {
+      var c = api.current();
+      if (!c) return false;
+      if (c.allowed) api.drop(c);else api.clear();
+      return true;
+    },
+    // Keyboard: carry the item to the previous (-1) or next (1) list.
+    step: function step(key, dir) {
+      var m = me();
+      var ids = api.order();
+      var c = api.current();
+      var nextId = ids[ids.indexOf(c ? c.target.listId : m.listId) + dir];
+      if (nextId === undefined) return;
+      m.setDraft(null);
+      if (nextId === m.listId) {
+        api.clear();
+        say("moved", key, m.itemKeys.indexOf(key) + 1, m.itemKeys.length);
+        return;
+      }
+      var index = c ? c.target.index : m.keys.indexOf(key);
+      aimAt(key, {
+        listId: nextId,
+        index: Math.min(index, api.read(nextId).items.length)
+      });
+    },
+    // Keyboard: move within the target list; false when the item is still in its own list.
+    nudge: function nudge(key, delta) {
+      var c = api.current();
+      if (!c) return false;
+      var size = api.read(c.target.listId).items.length;
+      var index = Math.max(0, Math.min(size, c.target.index + delta));
+      if (index !== c.target.index) aimAt(key, {
+        listId: c.target.listId,
+        index: index
+      });
+      return true;
+    },
+    // Keyboard drop: "dropped", "refused" (keep carrying) or false (in-list drop).
+    drop: function drop(key) {
+      var c = api.current();
+      if (!c) return false;
+      var list = api.read(c.target.listId);
+      if (!c.allowed) {
+        say("refused", key, list.label);
+        return "refused";
+      }
+      api.drop(c, {
+        listId: c.target.listId,
+        key: list.getKey(c.item, c.target.index)
+      });
+      say("droppedInList", key, list.label, c.target.index + 1, list.items.length + 1);
+      return "dropped";
+    },
+    cancel: function cancel() {
+      return api.clear();
+    }
+  };
+}
+/**
+ * Wires one Sortable into the surrounding SortableGroup (if any). Outside a
+ * group, or without an `id`, it returns `{ cross: undefined }` and the list
+ * behaves exactly like a standalone Sortable.
+ */
+function useSortableGroupMember(options) {
+  var _group$api;
+  var group = useContext(SortableGroupContext);
+  var latest = useLatestRef$1(options);
+  var listId = options.listId,
+    itemKeys = options.itemKeys,
+    nodeFor = options.nodeFor;
+  var api = listId == null ? null : (_group$api = group === null || group === void 0 ? void 0 : group.api) !== null && _group$api !== void 0 ? _group$api : null;
+  useEffect(function () {
+    return api ? api.register(listId, function () {
+      return _objectSpread$g(_objectSpread$g({}, latest.current), {}, {
+        node: latest.current.listRef.current
+      });
+    }) : undefined;
+  }, [api, listId, latest]);
+  var cross = useMemo(function () {
+    return api ? makeCross(api, latest) : undefined;
+  }, [api, latest]);
+  // After a keyboard drop the moved item mounts here; keep focus on it.
+  var signature = itemKeys.join("\0");
+  useIsomorphicLayoutEffect$2(function () {
+    var pending = api === null || api === void 0 ? void 0 : api.pendingFocus();
+    if (!pending || pending.listId !== listId) return;
+    var node = nodeFor(pending.key);
+    if (node) {
+      api.clearFocus();
+      node.focus();
+    }
+  }, [api, listId, signature, nodeFor]);
+  var carry = api ? group.carry : null;
+  return {
+    cross: cross,
+    // Where another list's item would land in this list.
+    incoming: carry && carry.target.listId === listId ? {
+      index: carry.target.index,
+      allowed: carry.allowed
+    } : null,
+    // This list's item currently aimed at another list.
+    outgoing: carry && carry.from.listId === listId ? carry : null
+  };
+}
+
+var _excluded$b = ["onMove", "canDrop", "className", "children"];
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Connects several `<Sortable id="…">` lists so items can move between them
+ * (pointer drag, or the cross-axis arrow keys while an item is picked up).
+ * `canDrop(item, target, from)` is asked before a target is shown as droppable;
+ * a refused target is marked as such and dropping there does nothing.
+ */
+var SortableGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var onMove = _ref.onMove,
+    canDrop = _ref.canDrop,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties$1(_ref, _excluded$b);
+  var value = useSortableGroupState({
+    onMove: onMove,
+    canDrop: canDrop
+  });
+  return jsx(SortableGroupContext.Provider, {
+    value: value,
+    children: jsx("div", _objectSpread$f(_objectSpread$f({
+      ref: ref,
+      className: cn(className),
+      "data-sortable-group": ""
+    }, rest), {}, {
+      children: children
+    }))
+  });
+});
+SortableGroup.displayName = "SortableGroup";
+/** Where an item from another list would land; styled by whether `canDrop` allows it. */
+function SortablePlaceholder(_ref2) {
+  var Tag = _ref2.as,
+    allowed = _ref2.allowed;
+  return jsx(Tag, {
+    "aria-hidden": "true",
+    "data-sortable-placeholder": allowed ? "allowed" : "refused",
+    className: cn("min-h-10 rounded-md border-2 border-dashed", allowed ? "border-primary-500 bg-primary-50 dark:bg-primary-950/40" : "cursor-not-allowed border-error-500 bg-error-50 opacity-60 dark:bg-error-950/40")
+  });
+}
+
 var _excluded$a = ["items", "onReorder", "renderItem", "getKey", "getItemLabel", "disabled", "handle", "orientation", "as", "itemClassName", "messages", "className"];
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-var defaultGetKey = function defaultGetKey(item, index) {
-  var _ref, _item$id;
-  return (_ref = (_item$id = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id !== void 0 ? _item$id : item === null || item === void 0 ? void 0 : item.key) !== null && _ref !== void 0 ? _ref : index;
-};
-var defaultGetItemLabel = function defaultGetItemLabel(item, index) {
-  var _ref2, _ref3, _item$label;
-  return typeof item === "string" || typeof item === "number" ? String(item) : (_ref2 = (_ref3 = (_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : item === null || item === void 0 ? void 0 : item.title) !== null && _ref3 !== void 0 ? _ref3 : item === null || item === void 0 ? void 0 : item.name) !== null && _ref2 !== void 0 ? _ref2 : "Item ".concat(index + 1);
-};
-function arrayMove(list, from, to) {
-  var next = list.slice();
-  var _next$splice = next.splice(from, 1),
-    _next$splice2 = _slicedToArray(_next$splice, 1),
-    moved = _next$splice2[0];
-  next.splice(to, 0, moved);
-  return next;
-}
-var Sortable = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var _ref4$items = _ref4.items,
-    items = _ref4$items === void 0 ? [] : _ref4$items,
-    onReorder = _ref4.onReorder,
-    renderItem = _ref4.renderItem,
-    _ref4$getKey = _ref4.getKey,
-    getKey = _ref4$getKey === void 0 ? defaultGetKey : _ref4$getKey,
-    _ref4$getItemLabel = _ref4.getItemLabel,
-    getItemLabel = _ref4$getItemLabel === void 0 ? defaultGetItemLabel : _ref4$getItemLabel,
-    _ref4$disabled = _ref4.disabled,
-    disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
-    _ref4$handle = _ref4.handle,
-    handle = _ref4$handle === void 0 ? false : _ref4$handle,
-    _ref4$orientation = _ref4.orientation,
-    orientation = _ref4$orientation === void 0 ? "vertical" : _ref4$orientation,
-    _ref4$as = _ref4.as,
-    List = _ref4$as === void 0 ? "ul" : _ref4$as,
-    itemClassName = _ref4.itemClassName,
-    messages = _ref4.messages,
-    className = _ref4.className,
-    rest = _objectWithoutProperties$1(_ref4, _excluded$a);
+var Sortable = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _rest$ariaLabel;
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    onReorder = _ref.onReorder,
+    renderItem = _ref.renderItem,
+    _ref$getKey = _ref.getKey,
+    getKey = _ref$getKey === void 0 ? defaultGetKey : _ref$getKey,
+    _ref$getItemLabel = _ref.getItemLabel,
+    getItemLabel = _ref$getItemLabel === void 0 ? defaultGetItemLabel : _ref$getItemLabel,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$handle = _ref.handle,
+    handle = _ref$handle === void 0 ? false : _ref$handle,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? "vertical" : _ref$orientation,
+    _ref$as = _ref.as,
+    List = _ref$as === void 0 ? "ul" : _ref$as,
+    itemClassName = _ref.itemClassName,
+    messages = _ref.messages,
+    className = _ref.className,
+    rest = _objectWithoutProperties$1(_ref, _excluded$a);
   var instructionsId = "sortable-instructions-".concat(useId());
   var text = useMemo(function () {
     return _objectSpread$e(_objectSpread$e({}, DEFAULT_SORTABLE_MESSAGES), messages);
@@ -30033,6 +30437,10 @@ var Sortable = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     announcement = _useState4[0],
     setAnnouncement = _useState4[1];
   var nodes = useRef(new Map());
+  var listRef = useRef(null);
+  var setListRef = useCallback(function (node) {
+    return setRefs$1(node, listRef, ref);
+  }, [ref]);
   var itemKeys = items.map(function (item, i) {
     return getKey(item, i);
   });
@@ -30066,13 +30474,32 @@ var Sortable = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   var nodeFor = useCallback(function (key) {
     return nodes.current.get(key);
   }, []);
+  // Inside a <SortableGroup>, `id` names this list; `cross` handles moves to other lists.
+  var _useSortableGroupMemb = useSortableGroupMember({
+      listId: rest.id,
+      label: (_rest$ariaLabel = rest["aria-label"]) !== null && _rest$ariaLabel !== void 0 ? _rest$ariaLabel : String(rest.id),
+      items: items,
+      itemKeys: itemKeys,
+      keys: keys,
+      getKey: getKey,
+      nodeFor: nodeFor,
+      listRef: listRef,
+      orientation: axis,
+      setDraft: setDraft,
+      announce: announce,
+      labelFor: labelFor
+    }),
+    cross = _useSortableGroupMemb.cross,
+    incoming = _useSortableGroupMemb.incoming,
+    outgoing = _useSortableGroupMemb.outgoing;
   var keyboard = useSortableKeyboard({
     keys: keys,
     setDraft: setDraft,
     commit: commit,
     announce: announce,
     labelFor: labelFor,
-    orientation: axis
+    orientation: axis,
+    cross: cross
   });
   var pointer = useSortablePointer({
     keys: keys,
@@ -30080,7 +30507,8 @@ var Sortable = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     commit: commit,
     nodeFor: nodeFor,
     orientation: axis,
-    disabled: disabled
+    disabled: disabled,
+    cross: cross
   });
   // Moving DOM nodes can drop focus; keep it on the item being carried.
   useIsomorphicLayoutEffect$1(function () {
@@ -30099,24 +30527,30 @@ var Sortable = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   var isNativeList = List === "ul" || List === "ol";
   var ItemTag = isNativeList ? "li" : "div";
   return jsxs(Fragment, {
-    children: [jsx(List, _objectSpread$e(_objectSpread$e({
-      ref: ref,
+    children: [jsxs(List, _objectSpread$e(_objectSpread$e({
+      ref: setListRef,
       className: cn("flex", axis === "horizontal" ? "flex-row gap-2" : "flex-col gap-2", className),
       "data-orientation": axis,
+      "data-drop-target": incoming ? incoming.allowed ? "allowed" : "refused" : undefined,
       role: isNativeList ? undefined : "list"
     }, rest), {}, {
-      children: keys.map(function (key, index) {
+      children: [keys.flatMap(function (key, index) {
         var _byKey$get = byKey.get(key),
           item = _byKey$get.item,
           originalIndex = _byKey$get.index;
         var isGrabbed = keyboard.grabbed === key;
         var isDragging = pointer.dragging === key;
+        var isLeaving = outgoing !== null && (isGrabbed || isDragging);
         var startDrag = disabled ? undefined : pointer.startFor(key);
         // Whole-item drags wait for a long-press on touch so the page still scrolls.
         var startItemDrag = disabled || handle ? undefined : pointer.startFor(key, {
           longPress: true
         });
-        return jsx(ItemTag, {
+        var placeholder = (incoming === null || incoming === void 0 ? void 0 : incoming.index) === index ? [jsx(SortablePlaceholder, {
+          as: ItemTag,
+          allowed: incoming.allowed
+        }, "dt-sortable-placeholder")] : [];
+        return placeholder.concat(jsx(ItemTag, {
           ref: function ref(node) {
             if (node) nodes.current.set(key, node);else nodes.current["delete"](key);
           },
@@ -30126,12 +30560,13 @@ var Sortable = /*#__PURE__*/forwardRef(function (_ref4, ref) {
           role: isNativeList ? undefined : "listitem",
           "data-dragging": isDragging || undefined,
           "data-grabbed": isGrabbed || undefined,
+          "data-leaving": isLeaving ? outgoing.allowed ? "allowed" : "refused" : undefined,
           onKeyDown: disabled ? undefined : keyboard.keyDownFor(key),
           onBlur: function onBlur(e) {
             if (isGrabbed && e.relatedTarget && !e.currentTarget.contains(e.relatedTarget)) keyboard.cancel();
           },
           onPointerDown: startItemDrag,
-          className: cn("rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:focus:ring-offset-gray-900", !disabled && !handle && "cursor-grab select-none [-webkit-touch-callout:none]", (isGrabbed || isDragging) && "relative z-10 shadow-lg ring-2 ring-primary-500 opacity-90", itemClassName),
+          className: cn("rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:focus:ring-offset-gray-900", !disabled && !handle && "cursor-grab select-none [-webkit-touch-callout:none]", (isGrabbed || isDragging) && "relative z-10 shadow-lg ring-2 ring-primary-500 opacity-90", isLeaving && (outgoing.allowed ? "opacity-50" : "cursor-not-allowed ring-error-500 opacity-50"), itemClassName),
           children: renderItem ? renderItem(item, {
             index: index,
             originalIndex: originalIndex,
@@ -30149,12 +30584,15 @@ var Sortable = /*#__PURE__*/forwardRef(function (_ref4, ref) {
               return moveBy(originalIndex, 1);
             }
           }) : labelFor(key)
-        }, key);
-      })
+        }, key));
+      }), incoming && incoming.index >= keys.length && jsx(SortablePlaceholder, {
+        as: ItemTag,
+        allowed: incoming.allowed
+      })]
     })), jsx("span", {
       id: instructionsId,
       className: "sr-only",
-      children: text.instructions
+      children: cross ? "".concat(text.instructions, " ").concat(text.groupInstructions) : text.instructions
     }), jsx("span", {
       role: "status",
       "aria-live": "assertive",
@@ -39895,4 +40333,4 @@ var StoreProvider = function StoreProvider(_ref) {
   });
 };
 
-export { Accordion, ActionSheet, Alert, AppShell, Avatar, AvatarGroup, Badge, BottomActionBar, Breadcrumbs, Button, Card, Carousel, Checkbox, ColorPicker, Condition, ConfirmDialog, DatePicker, DateRangePicker, Dialog, Drawer, EmitterClass as Emitter, EmptyState, ErrorState, FileUpload, FootNav, Form, Helpers, Input, Loader, LoadingState, LocationPicker, Navbar, PageHeader, Pagination, Popover, PriceRangePicker, ProgressBar, PullToRefresh, Radio, Rate, RoundedTag, SearchField, SegmentedControl, Select, Sheet, Sidebar, Skeleton, Slider, Sortable, SpeechToText, StatCard, StatusPill, Stepper, StoreProvider, SwipeableListItem, Switch, Table, Tabs, TextToSpeech, Textarea, ThemeProvider, ThreeDotPopoverSimple as ThreeDotPopover, Toast, ToastContainer, ToastProvider, Tooltip, Tour, cn, useApi, useHaptics, useMixins, useTheme, useToast };
+export { Accordion, ActionSheet, Alert, AppShell, Avatar, AvatarGroup, Badge, BottomActionBar, Breadcrumbs, Button, Card, Carousel, Checkbox, ColorPicker, Condition, ConfirmDialog, DatePicker, DateRangePicker, Dialog, Drawer, EmitterClass as Emitter, EmptyState, ErrorState, FileUpload, FootNav, Form, Helpers, Input, Loader, LoadingState, LocationPicker, Navbar, PageHeader, Pagination, Popover, PriceRangePicker, ProgressBar, PullToRefresh, Radio, Rate, RoundedTag, SearchField, SegmentedControl, Select, Sheet, Sidebar, Skeleton, Slider, Sortable, SortableGroup, SpeechToText, StatCard, StatusPill, Stepper, StoreProvider, SwipeableListItem, Switch, Table, Tabs, TextToSpeech, Textarea, ThemeProvider, ThreeDotPopoverSimple as ThreeDotPopover, Toast, ToastContainer, ToastProvider, Tooltip, Tour, cn, useApi, useHaptics, useMixins, useTheme, useToast };