@dreamtree-org/twreact-ui 2.0.4 → 2.0.6

package/dist/index.js

@@ -3379,9 +3379,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 = {
@@ -3455,7 +3455,7 @@ var Input = /*#__PURE__*/React.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";
@@ -3543,7 +3543,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
           className: "text-primary-400",
           children: leftIcon
         })
-      }), jsxRuntime.jsx("input", _objectSpread$1a(_objectSpread$1a({
+      }), jsxRuntime.jsx("input", _objectSpread$1c(_objectSpread$1c({
         id: inputId,
         ref: setRefs,
         type: inputType,
@@ -3615,9 +3615,9 @@ var Input = /*#__PURE__*/React.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',
@@ -3638,7 +3638,7 @@ var Button = /*#__PURE__*/React.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');
@@ -3674,7 +3674,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       children: rightIcon
     })]
   });
-  return jsxRuntime.jsx(Component, _objectSpread$19(_objectSpread$19(_objectSpread$19({
+  return jsxRuntime.jsx(Component, _objectSpread$1b(_objectSpread$1b(_objectSpread$1b({
     ref: ref,
     className: baseClasses
   }, isNativeButton ? {
@@ -3809,7 +3809,7 @@ function setRefs$1(node) {
 }
 
 // useLayoutEffect warns during SSR; fall back to useEffect on the server.
-var useIsomorphicLayoutEffect$8 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$9 = typeof window !== "undefined" ? React.useLayoutEffect : React.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`)
@@ -3818,7 +3818,7 @@ var useIsomorphicLayoutEffect$8 = typeof window !== "undefined" ? React.useLayou
  */
 function useLatestRef$1(value) {
   var ref = React.useRef(value);
-  useIsomorphicLayoutEffect$8(function () {
+  useIsomorphicLayoutEffect$9(function () {
     ref.current = value;
   });
   return ref;
@@ -6234,8 +6234,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.
 //
@@ -6437,12 +6437,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);
       }
@@ -6450,9 +6450,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,
@@ -6628,7 +6628,7 @@ var SheetCore = /*#__PURE__*/React.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";
@@ -6816,7 +6816,7 @@ var SheetCore = /*#__PURE__*/React.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;
@@ -6855,7 +6855,7 @@ var SheetCore = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-hidden": "true",
     className: cn("h-1.5 w-10 rounded-pill", handleBarClassName)
   });
-  var handleNode = showHandle ? snaps ? jsxRuntime.jsx("button", _objectSpread$17(_objectSpread$17({
+  var handleNode = showHandle ? snaps ? jsxRuntime.jsx("button", _objectSpread$19(_objectSpread$19({
     type: "button",
     "aria-label": "Resize sheet",
     "aria-keyshortcuts": "ArrowUp ArrowDown",
@@ -6865,7 +6865,7 @@ var SheetCore = /*#__PURE__*/React.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
-  })) : jsxRuntime.jsx("div", _objectSpread$17(_objectSpread$17({
+  })) : jsxRuntime.jsx("div", _objectSpread$19(_objectSpread$19({
     "aria-hidden": "true",
     "data-sheet-handle": "",
     "data-testid": "".concat(testIdPrefix, "-handle")
@@ -6885,7 +6885,7 @@ var SheetCore = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           onClick: function onClick() {
             return dismissible && requestClose("backdrop");
           }
-        }), jsxRuntime.jsxs("div", _objectSpread$17(_objectSpread$17({
+        }), jsxRuntime.jsxs("div", _objectSpread$19(_objectSpread$19({
           ref: panelCallbackRef,
           role: "dialog",
           "aria-modal": "true",
@@ -6929,12 +6929,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$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).
@@ -6956,7 +6956,7 @@ var Sheet = /*#__PURE__*/React.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
@@ -6994,7 +6994,7 @@ var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       })]
     }) : null;
   };
-  return jsxRuntime.jsx(SheetCore, _objectSpread$16({
+  return jsxRuntime.jsx(SheetCore, _objectSpread$18({
     ref: ref,
     open: Boolean(open !== null && open !== void 0 ? open : isOpen),
     placement: side,
@@ -7011,7 +7011,7 @@ var SheetHeader = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     props = _objectWithoutProperties$1(_ref3, _excluded2$9);
   var ctx = React.useContext(SheetContext);
   var dragProps = ctx ? mergeHandlers(ctx.headerDragProps, props) : {};
-  return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16(_objectSpread$16({
+  return jsxRuntime.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)
@@ -7022,7 +7022,7 @@ var SheetBody = /*#__PURE__*/React.forwardRef(function (_ref4, _ref5) {
     props = _objectWithoutProperties$1(_ref4, _excluded3$5);
   var ctx = React.useContext(SheetContext);
   var dragProps = ctx ? mergeHandlers(ctx.bodyDragProps, props) : {};
-  return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16(_objectSpread$16({
+  return jsxRuntime.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);
     },
@@ -7034,7 +7034,7 @@ var SheetBody = /*#__PURE__*/React.forwardRef(function (_ref4, _ref5) {
 var SheetFooter = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
   var className = _ref6.className,
     props = _objectWithoutProperties$1(_ref6, _excluded4$3);
-  return jsxRuntime.jsx("div", _objectSpread$16({
+  return jsxRuntime.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));
@@ -7046,9 +7046,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
@@ -7104,7 +7104,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;
@@ -7127,7 +7127,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
       }));
     });
@@ -7202,7 +7202,7 @@ var Select = /*#__PURE__*/React.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 = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -7283,7 +7283,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
   var flatOptions = React.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 = React.useMemo(function () {
@@ -7317,7 +7317,7 @@ var Select = /*#__PURE__*/React.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) {
@@ -7539,7 +7539,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
         className: "flex flex-wrap gap-1",
         children: selectedOptions.map(function (opt) {
           return jsxRuntime.jsxs("div", {
-            className: "flex items-center gap-1 rounded-full bg-gray-100 px-2 py-0.5 text-xs",
+            className: "flex items-center gap-1 rounded-full bg-line/60 px-2 py-0.5 text-xs",
             children: [jsxRuntime.jsx("span", {
               className: "truncate max-w-[8rem]",
               children: opt.label
@@ -7568,7 +7568,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
           className: "flex flex-wrap gap-1",
           children: selectedOptions.slice(0, maxTagCount).map(function (opt) {
             return jsxRuntime.jsx("div", {
-              className: "flex items-center gap-1 rounded-full bg-gray-100 px-2 py-0.5 text-xs",
+              className: "flex items-center gap-1 rounded-full bg-line/60 px-2 py-0.5 text-xs",
               children: jsxRuntime.jsx("span", {
                 className: "truncate max-w-[6rem]",
                 children: opt.label
@@ -7606,10 +7606,10 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
               "aria-expanded": !collapsed,
               "aria-controls": collapsed ? undefined : groupOptionsId,
               "aria-label": "".concat(collapsed ? "Expand" : "Collapse", " ").concat(groupName),
-              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",
+              className: "text-xs border border-line p-0.5 rounded-md cursor-pointer hover:bg-line/50 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: jsxRuntime.jsx(ChevronDown, {
@@ -7633,16 +7633,16 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
                 onClick: function onClick() {
                   return handleSelect(option);
                 },
-                className: cn("flex items-center hover:bg-gray-100 cursor-pointer", rowClass, {
+                className: cn("flex items-center hover:bg-line/50 cursor-pointer", rowClass, {
                   "opacity-50 cursor-not-allowed": option.disabled,
-                  "bg-primary-50 text-primary-600": focusedIndex === index
+                  "bg-primary-50 text-primary-600 dark:bg-primary-900/40 dark:text-primary-300": focusedIndex === index
                 }),
                 children: [multiSelect && jsxRuntime.jsx("div", {
                   className: "mr-2",
                   children: selectedValues.includes(option.value) ? jsxRuntime.jsx(Check, {
                     className: "h-4 w-4 text-primary-600"
                   }) : jsxRuntime.jsx("div", {
-                    className: "h-4 w-4 rounded border border-gray-300"
+                    className: "h-4 w-4 rounded border border-gray-300 dark:border-gray-600"
                   })
                 }), onMenuItemRender ? onMenuItemRender(option) : highlight(option.label, searchTerm), !multiSelect && selectedValues === option.value && jsxRuntime.jsx(Check, {
                   className: "ml-auto h-4 w-4 text-primary-600"
@@ -7671,17 +7671,17 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
           onClick: function onClick() {
             return handleSelect(option);
           },
-          className: cn("flex items-center hover:bg-gray-100 cursor-pointer", ROW_CLASSES$1[isSheet ? "sheet" : "popover"], {
+          className: cn("flex items-center hover:bg-line/50 cursor-pointer", ROW_CLASSES$1[isSheet ? "sheet" : "popover"], {
             "opacity-50 cursor-not-allowed": option.disabled,
-            "bg-primary-50 text-primary-600": focusedIndex === index,
-            "bg-primary-100": multiSelect && selectedValues.includes(option.value)
+            "bg-primary-50 text-primary-600 dark:bg-primary-900/40 dark:text-primary-300": focusedIndex === index,
+            "bg-primary-100 dark:bg-primary-900/60": multiSelect && selectedValues.includes(option.value)
           }),
           children: [multiSelect && jsxRuntime.jsx("div", {
             className: "mr-2",
             children: selectedValues.includes(option.value) ? jsxRuntime.jsx(Check, {
               className: "h-4 w-4 text-primary-600"
             }) : jsxRuntime.jsx("div", {
-              className: "h-4 w-4 rounded border border-gray-300"
+              className: "h-4 w-4 rounded border border-gray-300 dark:border-gray-600"
             })
           }), onMenuItemRender ? onMenuItemRender(option) : highlight(option.label, searchTerm), !multiSelect && selectedValues === option.value && jsxRuntime.jsx(Check, {
             className: "ml-auto h-4 w-4 text-primary-600"
@@ -7693,7 +7693,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
         children: jsxRuntime.jsxs("button", {
           type: "button",
           onClick: handleCreate,
-          className: "flex w-full items-center gap-2 px-3 py-2 text-left hover:bg-gray-100 focus:outline-none focus:bg-gray-100",
+          className: "flex w-full items-center gap-2 px-3 py-2 text-left hover:bg-line/50 focus:outline-none focus:bg-line/50",
           children: [jsxRuntime.jsx(Plus, {
             className: "h-4 w-4",
             "aria-hidden": "true"
@@ -7721,7 +7721,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
               className: "h-4 w-4 text-primary-600",
               "aria-hidden": "true"
             }) : jsxRuntime.jsx("div", {
-              className: "h-4 w-4 rounded border border-gray-300"
+              className: "h-4 w-4 rounded border border-gray-300 dark:border-gray-600"
             })
           });
         }()
@@ -7776,7 +7776,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }), jsxRuntime.jsxs("div", {
       ref: wrapperRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$15(_objectSpread$15({
+      children: [jsxRuntime.jsxs("button", _objectSpread$17(_objectSpread$17({
         ref: triggerRef,
         type: "button",
         id: baseId,
@@ -7786,7 +7786,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
         "aria-labelledby": label ? "".concat(labelId, " ").concat(valueId) : valueId,
         "aria-describedby": describedBy,
         "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, {
+        className: cn("flex w-full items-center justify-between rounded-md border border-line bg-surface text-foreground 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,
           // Empty: the placeholder reads muted, like Input's
           // ::placeholder (#159). `className` still merges last.
@@ -7822,7 +7822,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
         type: "button",
         onClick: handleClear,
         "aria-label": "Clear selection",
-        className: cn("absolute right-8 top-1/2 -translate-y-1/2 inline-flex items-center justify-center rounded p-1 text-primary-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-500", TOUCH_TARGET),
+        className: cn("absolute right-8 top-1/2 -translate-y-1/2 inline-flex items-center justify-center rounded p-1 text-primary-500 hover:bg-line/50 focus:outline-none focus:ring-2 focus:ring-primary-500", TOUCH_TARGET),
         children: jsxRuntime.jsx(X, {
           className: "h-4 w-4",
           "aria-hidden": "true"
@@ -7845,7 +7845,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
         value: selectedValues !== null && selectedValues !== void 0 ? selectedValues : ""
       })), isOpen && !isSheet && typeof document !== "undefined" && /*#__PURE__*/ReactDOM.createPortal(jsxRuntime.jsxs("div", {
         ref: popoverRef,
-        className: "fixed z-popover overflow-auto rounded-md border border-gray-300 bg-white shadow-lg",
+        className: "fixed z-popover overflow-auto rounded-md border border-line bg-surface text-foreground shadow-lg",
         role: "dialog",
         "data-placement": floatingPlacement.split("-")[0],
         // Portaled to document.body with position:fixed so the menu
@@ -7853,11 +7853,11 @@ var Select = /*#__PURE__*/React.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 && jsxRuntime.jsx("div", {
-          className: "border-b border-gray-200 p-2",
+          className: "border-b border-line p-2",
           children: renderSearch()
         }), renderListbox()]
       }), document.body)]
@@ -8321,8 +8321,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; }
@@ -8401,7 +8401,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;
@@ -8443,7 +8443,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),
@@ -8731,8 +8731,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). */
@@ -8794,7 +8794,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");
@@ -9082,8 +9082,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.
@@ -9194,7 +9194,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) {
@@ -9246,9 +9246,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
@@ -9289,7 +9289,7 @@ var ActionSheetMenu = /*#__PURE__*/React.forwardRef(function ActionSheetMenu(_re
     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;
   });
@@ -9311,7 +9311,7 @@ var ActionSheetMenu = /*#__PURE__*/React.forwardRef(function ActionSheetMenu(_re
       children: message
     })]
   }) : null;
-  return jsxRuntime.jsx(Sheet, _objectSpread$11(_objectSpread$11({
+  return jsxRuntime.jsx(Sheet, _objectSpread$13(_objectSpread$13({
     ref: ref,
     open: open,
     onClose: onClose,
@@ -9539,8 +9539,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
  */
@@ -9627,7 +9627,7 @@ function TableRow(_ref) {
   var isRowActive = interactive && (activeCell === null || activeCell === void 0 ? void 0 : activeCell.rowKey) === rowKey;
   var effectiveRow = React.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 jsxRuntime.jsxs(React.Fragment, {
     children: [jsxRuntime.jsxs("tr", {
@@ -10029,9 +10029,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
@@ -10126,7 +10126,7 @@ var SwipeableListItem = /*#__PURE__*/React.forwardRef(function SwipeableListItem
     contentClassName = _ref2.contentClassName,
     className = _ref2.className,
     onKeyDown = _ref2.onKeyDown,
-    rest = _objectWithoutProperties$1(_ref2, _excluded$V);
+    rest = _objectWithoutProperties$1(_ref2, _excluded$W);
   var leading = React.useMemo(function () {
     return Array.isArray(leadingActions) ? leadingActions : [];
   }, [leadingActions]);
@@ -10229,7 +10229,7 @@ var SwipeableListItem = /*#__PURE__*/React.forwardRef(function SwipeableListItem
       setOpenSide(null);
     }
   };
-  return jsxRuntime.jsxs(Component, _objectSpread$$(_objectSpread$$({
+  return jsxRuntime.jsxs(Component, _objectSpread$11(_objectSpread$11({
     ref: function ref(node) {
       return setRefs$1(node, rootRef, _ref4);
     },
@@ -10254,7 +10254,7 @@ var SwipeableListItem = /*#__PURE__*/React.forwardRef(function SwipeableListItem
       armed: armed === "trailing",
       dragging: dragging,
       onSelect: runAction
-    }), jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({
+    }), jsxRuntime.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 ? {
@@ -10682,10 +10682,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 = {
@@ -10791,8 +10791,8 @@ var Table = /*#__PURE__*/React.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.
@@ -10823,7 +10823,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
     setCurrentPage = _useState8[1];
   var _useState9 = React.useState(function () {
       return Array.isArray(initialColumns) ? initialColumns.map(function (c) {
-        return _objectSpread$_({}, c);
+        return _objectSpread$10({}, c);
       }) : [];
     }),
     _useState0 = _slicedToArray(_useState9, 2),
@@ -10941,7 +10941,7 @@ var Table = /*#__PURE__*/React.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;
@@ -11008,7 +11008,7 @@ var Table = /*#__PURE__*/React.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,
@@ -11021,11 +11021,11 @@ var Table = /*#__PURE__*/React.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,
@@ -11033,7 +11033,7 @@ var Table = /*#__PURE__*/React.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 = React.useCallback(function (positionOverride) {
@@ -11101,7 +11101,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
       });
     });
     setPendingEdits(function (prev) {
-      var next = _objectSpread$_({}, prev);
+      var next = _objectSpread$10({}, prev);
       delete next[rowKey];
       return next;
     });
@@ -11127,7 +11127,7 @@ var Table = /*#__PURE__*/React.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;
           });
@@ -11260,7 +11260,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
   React.useEffect(function () {
     if (initialColumns !== initialColumnsRef.current) {
       setColumnsState(Array.isArray(initialColumns) ? initialColumns.map(function (c) {
-        return _objectSpread$_({}, c);
+        return _objectSpread$10({}, c);
       }) : []);
       initialColumnsRef.current = initialColumns;
     }
@@ -11591,7 +11591,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
   var toggleColumnVisibility = React.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;
       });
@@ -11610,7 +11610,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
   }, [sortable, onSort]);
   var handleFilter = React.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;
@@ -11620,7 +11620,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
   // Commits several filters at once (the phone filter sheet's Apply).
   var applyFilters = React.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;
@@ -11892,7 +11892,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
             type: "button",
             "aria-label": "Reload",
             title: "Reload",
-            className: "px-4 py-2 bg-primary-100 flex items-center gap-2 rounded-lg md:rounded text-primary-700 hover:bg-primary-200 transition-colors",
+            className: "px-4 py-2 bg-primary-100 flex items-center gap-2 rounded-lg md:rounded text-primary-700 hover:bg-primary-200 transition-colors dark:bg-primary-900/40 dark:text-primary-300 dark:hover:bg-primary-900/60",
             onClick: onReload,
             children: [jsxRuntime.jsx(RefreshCcw, {
               className: "size-4",
@@ -12034,7 +12034,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
       style: stickyHeader && stickyHeader !== true ? {
         maxHeight: typeof stickyHeader === "number" ? "".concat(stickyHeader, "px") : stickyHeader
       } : undefined,
-      children: jsxRuntime.jsxs("table", _objectSpread$_(_objectSpread$_({
+      children: jsxRuntime.jsxs("table", _objectSpread$10(_objectSpread$10({
         className: cn("min-w-full divide-y divide-line", className)
       }, props), {}, {
         children: [jsxRuntime.jsxs("thead", {
@@ -12184,7 +12184,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
             }), interactive && newRowPosition !== "top" && renderAddRowClickableRow()]
           }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [interactive && newRowPosition === "top" && renderAddRowClickableRow(), interactive && newRowPosition === "top" && newRows.map(function (newRow, newIdx) {
-              return jsxRuntime.jsx(TableRow, _objectSpread$_({
+              return jsxRuntime.jsx(TableRow, _objectSpread$10({
                 row: newRow,
                 rowIndexInPage: newIdx,
                 startIndex: 0,
@@ -12193,14 +12193,14 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
                 onDeleteNewRow: handleDeleteNewRow
               }, rowSharedProps), newRow._key);
             }), paginatedData.map(function (row, rowIndexInPage) {
-              return jsxRuntime.jsx(TableRow, _objectSpread$_({
+              return jsxRuntime.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 jsxRuntime.jsx(TableRow, _objectSpread$_({
+              return jsxRuntime.jsx(TableRow, _objectSpread$10({
                 row: newRow,
                 rowIndexInPage: paginatedData.length + newIdx,
                 startIndex: 0,
@@ -12240,7 +12240,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
           })]
         })
       }) : paginatedData.map(function (row, rowIndexInPage) {
-        return jsxRuntime.jsx(MobileCard, _objectSpread$_(_objectSpread$_({
+        return jsxRuntime.jsx(MobileCard, _objectSpread$10(_objectSpread$10({
           row: row,
           rowIndexInPage: rowIndexInPage,
           startIndex: startIndex
@@ -12414,7 +12414,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect$7 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect$8 = typeof window !== 'undefined' ? React.useLayoutEffect : React.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.
@@ -12460,7 +12460,7 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    useIsomorphicLayoutEffect$7(() => control._subscribe({
+    useIsomorphicLayoutEffect$8(() => control._subscribe({
         name,
         formState: _localProxyFormState.current,
         exact,
@@ -12579,7 +12579,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;
@@ -14660,7 +14660,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 }),
@@ -17663,8 +17663,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
@@ -17911,7 +17911,7 @@ function Calendar(_ref3) {
           children: label
         }, label);
       })
-    }), jsxRuntime.jsx("div", _objectSpread$Z(_objectSpread$Z({
+    }), jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({
       ref: grid,
       role: "grid",
       "aria-label": format(month, "MMMM yyyy"),
@@ -17961,8 +17961,8 @@ function Calendar(_ref3) {
               className: cn("mx-auto rounded-md text-sm transition-colors motion-reduce:transition-none focus-visible:outline-2 focus-visible:outline-offset-1", sheet ? "h-11 w-full min-w-0 text-base" : "h-9 w-full max-w-9", {
                 "text-primary-400": !currentMonth,
                 "bg-primary-600 text-primary-50": state.edge,
-                "bg-primary-200": state.inRange && !state.edge,
-                "bg-primary-100 text-primary-600": todayDate && !state.edge && !state.inRange,
+                "bg-primary-200 dark:bg-primary-900/60": state.inRange && !state.edge,
+                "bg-primary-100 text-primary-600 dark:bg-primary-900/40 dark:text-primary-300": todayDate && !state.edge && !state.inRange,
                 "hover:bg-background": currentMonth && !state.edge && !state.inRange && !disabled,
                 "cursor-not-allowed opacity-50": disabled
               }),
@@ -18034,9 +18034,9 @@ function PickerSurface(_ref4) {
   return portal && typeof document !== "undefined" ? /*#__PURE__*/ReactDOM.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.forwardRef(function (_ref, forwardedRef) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -18064,7 +18064,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     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 = React.useId();
@@ -18184,7 +18184,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       edge: isSel
     };
   };
-  var actionClass = isSheet ? "rounded-md px-3 py-2 text-sm hover:bg-gray-100" : "rounded-md px-2 py-1 text-xs hover:bg-gray-100";
+  var actionClass = isSheet ? "rounded-md px-3 py-2 text-sm hover:bg-line/50" : "rounded-md px-2 py-1 text-xs hover:bg-line/50";
   var actions = jsxRuntime.jsxs("div", {
     className: "flex gap-2",
     children: [showClear && jsxRuntime.jsx("button", {
@@ -18228,14 +18228,14 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     }), jsxRuntime.jsxs("div", {
       ref: fieldRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$Y(_objectSpread$Y({
+      children: [jsxRuntime.jsxs("button", _objectSpread$_(_objectSpread$_({
         ref: triggerRef,
         type: "button",
         id: fieldId,
         "aria-labelledby": label ? "".concat(labelId, " ").concat(valueId) : valueId,
         "aria-describedby": error ? errorId : helperText ? helperId : undefined,
         "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", {
+        className: cn("flex w-full items-center justify-between rounded-md border border-line bg-surface text-foreground 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,
           // Empty: the placeholder reads muted, like Input's
           // ::placeholder (#159). `className` still merges last.
@@ -18271,7 +18271,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
           // this button unmounts once the value clears
           (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 || _triggerRef$current3.focus();
         },
-        className: "absolute right-9 top-1/2 inline-flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-primary-400 hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50",
+        className: "absolute right-9 top-1/2 inline-flex -translate-y-1/2 items-center justify-center rounded-md p-1 text-primary-400 hover:bg-line/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50",
         children: jsxRuntime.jsx(X, {
           className: "h-4 w-4",
           "aria-hidden": "true"
@@ -18315,9 +18315,9 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
 });
 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)
@@ -18417,7 +18417,7 @@ var Switch = /*#__PURE__*/React.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 = React.useState(defaultChecked),
     _useState2 = _slicedToArray(_useState, 2),
@@ -18536,7 +18536,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
         htmlFor: switchId,
         className: labelOpacityClass,
         children: leftLabel
-      }) : null, jsxRuntime.jsxs("button", _objectSpread$X(_objectSpread$X({
+      }) : null, jsxRuntime.jsxs("button", _objectSpread$Z(_objectSpread$Z({
         ref: ref,
         id: switchId,
         type: "button",
@@ -18720,9 +18720,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__*/React.forwardRef(function (_ref, ref) {
   var value = _ref.value,
@@ -18750,7 +18750,7 @@ var Slider = /*#__PURE__*/React.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(React.useId());
   var trackRef = React.useRef(null);
   var bounds = React.useMemo(function () {
@@ -18798,7 +18798,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var display = values.map(function (v) {
     return formatValue(v);
   }).join(" – ");
-  return jsxRuntime.jsxs("div", _objectSpread$W(_objectSpread$W({
+  return jsxRuntime.jsxs("div", _objectSpread$Y(_objectSpread$Y({
     ref: ref,
     className: cn("w-full", disabled && "opacity-50", className)
   }, rest), {}, {
@@ -18813,7 +18813,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         "aria-hidden": "true",
         children: display
       })]
-    }), jsxRuntime.jsxs("div", _objectSpread$W(_objectSpread$W({
+    }), jsxRuntime.jsxs("div", _objectSpread$Y(_objectSpread$Y({
       ref: trackRef,
       className: cn(
       // 44px tall row on coarse pointers so the whole strip is easy to grab.
@@ -18866,9 +18866,9 @@ var Slider = /*#__PURE__*/React.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)
@@ -19021,7 +19021,7 @@ var ColorPicker = /*#__PURE__*/React.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 = React.useId();
@@ -19085,7 +19085,7 @@ var ColorPicker = /*#__PURE__*/React.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 jsxRuntime.jsxs("div", _objectSpread$V(_objectSpread$V({
+  return jsxRuntime.jsxs("div", _objectSpread$X(_objectSpread$X({
     ref: ref,
     className: cn("inline-block", className)
   }, rest), {}, {
@@ -19152,7 +19152,7 @@ var ColorPicker = /*#__PURE__*/React.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
               }));
             },
@@ -19175,7 +19175,7 @@ var ColorPicker = /*#__PURE__*/React.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
                   }));
                 }
@@ -19196,7 +19196,7 @@ var ColorPicker = /*#__PURE__*/React.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)
               }));
             },
@@ -19209,11 +19209,11 @@ var ColorPicker = /*#__PURE__*/React.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$4 = ["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; }
+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:
@@ -19274,7 +19274,7 @@ var Form = /*#__PURE__*/React.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
@@ -19320,7 +19320,7 @@ var Form = /*#__PURE__*/React.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,
@@ -19342,7 +19342,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
               onChange = _ref3$field.onChange,
               value = _ref3$field.value,
               ref = _ref3$field.ref;
-            return jsxRuntime.jsx(Input, _objectSpread$U(_objectSpread$U({
+            return jsxRuntime.jsx(Input, _objectSpread$W(_objectSpread$W({
               type: type,
               value: value || "",
               onChange: onChange,
@@ -19369,7 +19369,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
               onChange = _ref4$field.onChange,
               value = _ref4$field.value,
               ref = _ref4$field.ref;
-            return jsxRuntime.jsx(Select, _objectSpread$U({
+            return jsxRuntime.jsx(Select, _objectSpread$W({
               value: value,
               onChange: onChange,
               ref: ref,
@@ -19387,7 +19387,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
               onChange = _ref5$field.onChange,
               value = _ref5$field.value,
               ref = _ref5$field.ref;
-            return jsxRuntime.jsx(DatePicker, _objectSpread$U({
+            return jsxRuntime.jsx(DatePicker, _objectSpread$W({
               value: value,
               onChange: onChange,
               ref: ref,
@@ -19418,7 +19418,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
                 id: fieldId,
                 "aria-invalid": error ? true : undefined,
                 "aria-describedby": describedBy,
-                className: cn("flex w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm placeholder:text-primary-400 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", {
+                className: cn("flex w-full rounded-md border border-line bg-surface text-foreground px-3 py-2 text-sm placeholder:text-primary-400 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
                 }),
                 placeholder: placeholder,
@@ -19457,7 +19457,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
                   },
                   "aria-invalid": error ? true : undefined,
                   "aria-describedby": describedBy,
-                  className: "rounded border-gray-300 text-primary-600 focus:ring-primary-500"
+                  className: "rounded border-gray-300 text-primary-600 focus:ring-primary-500 dark:border-gray-600"
                 }), label && jsxRuntime.jsxs("label", {
                   htmlFor: fieldId,
                   className: "ml-2 text-sm",
@@ -19554,7 +19554,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
                 className: "mt-1 flex items-center",
                 children: [jsxRuntime.jsxs("label", {
                   htmlFor: name,
-                  className: cn("cursor-pointer inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", {
+                  className: cn("cursor-pointer inline-flex items-center px-4 py-2 border border-line rounded-md shadow-sm text-sm font-medium bg-surface text-foreground hover:bg-background focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500", {
                     "border-error-500": error
                   }),
                   children: [jsxRuntime.jsx("svg", {
@@ -19570,7 +19570,7 @@ var Form = /*#__PURE__*/React.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"]
-                }), jsxRuntime.jsx("input", _objectSpread$U(_objectSpread$U({}, field), {}, {
+                }), jsxRuntime.jsx("input", _objectSpread$W(_objectSpread$W({}, field), {}, {
                   id: name,
                   ref: ref,
                   type: "file",
@@ -19585,13 +19585,13 @@ var Form = /*#__PURE__*/React.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));
                       });
                     }
                   },
@@ -19605,7 +19605,7 @@ var Form = /*#__PURE__*/React.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",
@@ -19640,7 +19640,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
               ref = _ref0$field.ref;
             return jsxRuntime.jsxs("div", {
               className: "w-full",
-              children: [jsxRuntime.jsx(Switch, _objectSpread$U({
+              children: [jsxRuntime.jsx(Switch, _objectSpread$W({
                 checked: !!value,
                 onChange: onChange,
                 ref: ref,
@@ -19727,8 +19727,8 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref2, ref) {
     }
     return renderField(group);
   };
-  return jsxRuntime.jsx(FormProvider, _objectSpread$U(_objectSpread$U({}, methods), {}, {
-    children: jsxRuntime.jsxs("form", _objectSpread$U(_objectSpread$U({
+  return jsxRuntime.jsx(FormProvider, _objectSpread$W(_objectSpread$W({}, methods), {}, {
+    children: jsxRuntime.jsxs("form", _objectSpread$W(_objectSpread$W({
       ref: ref,
       className: cn("space-y-6", className),
       onSubmit: handleSubmit(handleFormSubmit)
@@ -19755,9 +19755,9 @@ var Form = /*#__PURE__*/React.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/>)
@@ -19789,7 +19789,7 @@ var Accordion = /*#__PURE__*/React.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;
   }) : [];
@@ -19924,7 +19924,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
     lg: "rounded-lg",
     xl: "rounded-xl"
   };
-  var wrapperClasses = cn(bordered ? "bg-white" : "bg-transparent", bordered ? "divide-y divide-gray-200" : "", roundedMap[rounded] || roundedMap.md, "shadow-sm", className);
+  var wrapperClasses = cn(bordered ? "bg-surface text-foreground" : "bg-transparent", bordered ? "divide-y divide-line" : "", roundedMap[rounded] || roundedMap.md, "shadow-sm", className);
   var renderLeftIcon = function renderLeftIcon(item, index) {
     var left = item === null || item === void 0 ? void 0 : item.leftIcon;
     if (!left) return null;
@@ -19939,7 +19939,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
     }
     return left; // assume ReactNode
   };
-  return jsxRuntime.jsx("div", _objectSpread$T(_objectSpread$T({
+  return jsxRuntime.jsx("div", _objectSpread$V(_objectSpread$V({
     ref: ref,
     className: wrapperClasses,
     role: "presentation"
@@ -19952,7 +19952,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
       var panelId = "".concat(uid, "accordion-panel-").concat(id);
       var leftIconEl = renderLeftIcon(item, index);
       return jsxRuntime.jsxs("div", {
-        className: "bg-white",
+        className: "bg-surface text-foreground",
         children: [jsxRuntime.jsx("h3", {
           children: jsxRuntime.jsx("button", {
             ref: function ref(el) {
@@ -20039,9 +20039,9 @@ var Accordion = /*#__PURE__*/React.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",
@@ -20138,7 +20138,7 @@ var Checkbox = /*#__PURE__*/React.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 = React.useId();
   var inputId = id || "".concat(autoId, "-checkbox");
   var inputRef = React.useRef(null);
@@ -20181,7 +20181,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var iconState = function iconState(shown) {
     return shown ? "opacity-100 scale-100" : "opacity-0 scale-50";
   };
-  return jsxRuntime.jsxs("div", _objectSpread$S(_objectSpread$S({
+  return jsxRuntime.jsxs("div", _objectSpread$U(_objectSpread$U({
     className: cn("inline-flex items-center", className)
   }, wrapperProps !== null && wrapperProps !== void 0 ? wrapperProps : {}), {}, {
     children: [label && labelPosition === "left" && jsxRuntime.jsx("label", {
@@ -20191,7 +20191,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }), jsxRuntime.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: [jsxRuntime.jsx("input", _objectSpread$S({
+      children: [jsxRuntime.jsx("input", _objectSpread$U({
         id: inputId,
         ref: inputRef,
         name: name,
@@ -20235,9 +20235,9 @@ var Checkbox = /*#__PURE__*/React.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
@@ -20279,7 +20279,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_re
     _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 = React.useId();
@@ -20526,12 +20526,12 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_re
         onClick: function onClick() {
           return applyPreset(preset);
         },
-        className: cn("shrink-0 rounded-full border px-3 text-xs font-medium transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", isSheet ? "min-h-11 text-sm" : "py-1", active ? "border-primary-600 bg-primary-600 text-white" : "border-gray-300 hover:bg-gray-100"),
+        className: cn("shrink-0 rounded-full border px-3 text-xs font-medium transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", isSheet ? "min-h-11 text-sm" : "py-1", active ? "border-primary-600 bg-primary-600 text-white" : "border-line hover:bg-line/50"),
         children: preset.label
       }, preset.label);
     })
   }) : null;
-  var actionClass = isSheet ? "rounded-md px-3 py-2 text-sm hover:bg-gray-100" : "rounded-md px-2 py-1 text-xs hover:bg-gray-100";
+  var actionClass = isSheet ? "rounded-md px-3 py-2 text-sm hover:bg-line/50" : "rounded-md px-2 py-1 text-xs hover:bg-line/50";
   var calendar = jsxRuntime.jsx(Calendar, {
     month: currentMonth,
     onMonthChange: setCurrentMonth,
@@ -20579,14 +20579,14 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_re
     }), jsxRuntime.jsxs("div", {
       ref: fieldRef,
       className: "relative",
-      children: [jsxRuntime.jsxs("button", _objectSpread$R(_objectSpread$R({
+      children: [jsxRuntime.jsxs("button", _objectSpread$T(_objectSpread$T({
         ref: triggerRef,
         type: "button",
         id: fieldId,
         "aria-labelledby": label ? "".concat(labelId, " ").concat(valueId) : valueId,
         "aria-describedby": error ? errorId : helperText ? helperId : undefined,
         "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", {
+        className: cn("flex w-full items-center justify-between rounded-md border border-line bg-surface text-foreground 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,
           // Empty: the placeholder reads muted, like Input's
           // ::placeholder (#159). `className` still merges last.
@@ -20675,9 +20675,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_re
 });
 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;
@@ -20722,13 +20722,13 @@ var Loader = /*#__PURE__*/React.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 jsxRuntime.jsxs("div", _objectSpread$Q(_objectSpread$Q({
+  return jsxRuntime.jsxs("div", _objectSpread$S(_objectSpread$S({
     ref: ref,
     role: "progressbar",
     "aria-label": ariaLabel,
@@ -20778,7 +20778,7 @@ var Loader = /*#__PURE__*/React.forwardRef(function Loader(_ref, ref) {
     }), variant === "bar" && jsxRuntime.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 ? {
@@ -20797,9 +20797,9 @@ var Loader = /*#__PURE__*/React.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)
  *
@@ -20882,7 +20882,7 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
     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 = React.useState(function () {
       return isControlled ? {
@@ -20964,7 +20964,7 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
       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.
@@ -20980,12 +20980,12 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
     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;
@@ -21039,7 +21039,7 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
     vmin: current.min,
     vmax: max
   }];
-  return jsxRuntime.jsxs("div", _objectSpread$P(_objectSpread$P({
+  return jsxRuntime.jsxs("div", _objectSpread$R(_objectSpread$R({
     ref: ref,
     className: cn("bg-surface rounded-lg p-4 w-full max-w-lg", className)
   }, rest), {}, {
@@ -21153,9 +21153,9 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
 });
 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.
@@ -21214,7 +21214,7 @@ var ProgressBar = /*#__PURE__*/React.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));
@@ -21236,10 +21236,10 @@ var ProgressBar = /*#__PURE__*/React.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 jsxRuntime.jsxs("div", _objectSpread$O(_objectSpread$O({
+  return jsxRuntime.jsxs("div", _objectSpread$Q(_objectSpread$Q({
     ref: ref,
     className: cn("w-full", className),
     style: style
@@ -22451,9 +22451,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",
@@ -22491,7 +22491,7 @@ var Radio = /*#__PURE__*/React.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 = React.useId();
   var inputId = id || "".concat(autoId, "-radio");
   // Default to the brand's primary token so the radio follows theming.
@@ -22562,7 +22562,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
         "aria-hidden": "true",
         children: " *"
       }) : null]
-    }), jsxRuntime.jsx("input", _objectSpread$N({
+    }), jsxRuntime.jsx("input", _objectSpread$P({
       ref: setRefs,
       id: inputId,
       type: "radio",
@@ -22630,9 +22630,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;
@@ -22686,7 +22686,7 @@ var Rate = /*#__PURE__*/React.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 = React.useState(Math.max(0, Math.min(count, Math.floor(defaultValue || 0)))),
     _useState2 = _slicedToArray(_useState, 2),
     internalValue = _useState2[0],
@@ -22806,7 +22806,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function Rate(_ref3, ref) {
     if (target) target.focus();
     if (next !== selectedValue) setValue(next);
   };
-  return jsxRuntime.jsxs("div", _objectSpread$M(_objectSpread$M({
+  return jsxRuntime.jsxs("div", _objectSpread$O(_objectSpread$O({
     ref: ref,
     id: id,
     className: cn("inline-flex items-center gap-2", className),
@@ -22875,9 +22875,9 @@ var Rate = /*#__PURE__*/React.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__*/React.forwardRef(function RoundedTag(_ref, ref) {
   var label = _ref.label,
     _ref$avatarSrc = _ref.avatarSrc,
@@ -22904,7 +22904,7 @@ var RoundedTag = /*#__PURE__*/React.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: {
@@ -22967,7 +22967,7 @@ var RoundedTag = /*#__PURE__*/React.forwardRef(function RoundedTag(_ref, ref) {
       children: initials
     })
   });
-  return jsxRuntime.jsxs("div", _objectSpread$L(_objectSpread$L({
+  return jsxRuntime.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",
@@ -23004,9 +23004,9 @@ var RoundedTag = /*#__PURE__*/React.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)
  *
@@ -23057,7 +23057,7 @@ var Skeleton = /*#__PURE__*/React.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 jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: children
   });
@@ -23068,13 +23068,13 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(_ref, ref) {
   var items = Array.from({
     length: Math.max(1, Math.floor(count))
   });
-  return jsxRuntime.jsx("div", _objectSpread$K(_objectSpread$K({
+  return jsxRuntime.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,
@@ -23098,12 +23098,12 @@ var Skeleton = /*#__PURE__*/React.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" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$7 = typeof window !== "undefined" ? React.useLayoutEffect : React.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;
@@ -23172,7 +23172,7 @@ var Tabs = /*#__PURE__*/React.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 = React.useState(defaultIndex),
     _useState2 = _slicedToArray(_useState, 2),
@@ -23210,7 +23210,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
   };
   return jsxRuntime.jsx(TabsContext.Provider, {
     value: value,
-    children: jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({
+    children: jsxRuntime.jsx("div", _objectSpread$L(_objectSpread$L({
       ref: ref,
       className: cn("tabs-root", className)
     }, rest), {}, {
@@ -23245,7 +23245,7 @@ var TabList = /*#__PURE__*/React.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;
@@ -23279,7 +23279,7 @@ var TabList = /*#__PURE__*/React.forwardRef(function TabList(_ref2, ref) {
     if (!hasIndicator && indicatorReady) setIndicatorReady(false);
   }, [hasIndicator, indicatorReady, setIndicatorReady]);
   var showIndicator = hasIndicator && indicatorReady && indicator;
-  return jsxRuntime.jsxs("div", _objectSpread$J(_objectSpread$J({
+  return jsxRuntime.jsxs("div", _objectSpread$L(_objectSpread$L({
     ref: setRefs,
     role: "tablist",
     "aria-orientation": orientation,
@@ -23479,7 +23479,7 @@ function Panels(_ref4) {
       start.current = null;
     }
   } : {};
-  return jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J({
+  return jsxRuntime.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), {}, {
@@ -23530,9 +23530,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
  *
@@ -23569,7 +23569,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
     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 = React.useRef(null);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -23624,7 +23624,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
     "aria-expanded": open,
     "aria-controls": open ? menuId : undefined
   };
-  var DefaultTrigger = jsxRuntime.jsx("button", _objectSpread$I(_objectSpread$I({
+  var DefaultTrigger = jsxRuntime.jsx("button", _objectSpread$K(_objectSpread$K({
     type: "button",
     "aria-label": ariaLabel
   }, triggerA11y), {}, {
@@ -23639,7 +23639,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
   var triggerNode = trigger ?
   /*#__PURE__*/
   // eslint-disable-next-line react-hooks/refs -- setTriggerNode is a callback ref, run by React at commit
-  React.cloneElement(trigger, _objectSpread$I({
+  React.cloneElement(trigger, _objectSpread$K({
     ref: setTriggerNode,
     onClick: function onClick(e) {
       trigger.props && trigger.props.onClick && trigger.props.onClick(e);
@@ -23650,7 +23650,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
       if (!e.defaultPrevented) onTriggerKeyDown(e);
     }
   }, triggerA11y)) : DefaultTrigger;
-  return jsxRuntime.jsxs("div", _objectSpread$I(_objectSpread$I({
+  return jsxRuntime.jsxs("div", _objectSpread$K(_objectSpread$K({
     ref: ref,
     className: cn("inline-block relative", wrapperClassName)
   }, rest), {}, {
@@ -23675,9 +23675,9 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
 });
 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").
@@ -23761,7 +23761,7 @@ var Tooltip = /*#__PURE__*/React.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 = React.useRef(null);
   var tooltipRef = React.useRef(null);
   var delayRef = React.useRef(null);
@@ -24081,7 +24081,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref, forwardedRef)
     }
   } : {};
   // Tooltip box element
-  var tooltipNode = open ? jsxRuntime.jsx("div", _objectSpread$H(_objectSpread$H(_objectSpread$H({
+  var tooltipNode = open ? jsxRuntime.jsx("div", _objectSpread$J(_objectSpread$J(_objectSpread$J({
     ref: function ref(node) {
       return setRefs$1(node, tooltipRef, setFloating);
     },
@@ -24090,7 +24090,7 @@ var Tooltip = /*#__PURE__*/React.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: jsxRuntime.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()
@@ -24103,9 +24103,9 @@ var Tooltip = /*#__PURE__*/React.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.",
@@ -24152,7 +24152,7 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_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 = React.useState(function () {
       return formatCoords(value);
     }),
@@ -24278,7 +24278,7 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref,
       strokeLinecap: "round"
     })]
   });
-  var iconButton = jsxRuntime.jsx("button", _objectSpread$G(_objectSpread$G({
+  var iconButton = jsxRuntime.jsx("button", _objectSpread$I(_objectSpread$I({
     type: "button",
     onClick: handleIconClick
   }, iconProps), {}, {
@@ -24290,13 +24290,13 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_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 jsxRuntime.jsxs("div", _objectSpread$G(_objectSpread$G({
+  return jsxRuntime.jsxs("div", _objectSpread$I(_objectSpread$I({
     className: cn(fullWidth ? "flex w-full flex-col" : "inline-flex flex-col", className),
     "data-status": status
   }, rest), {}, {
     children: [jsxRuntime.jsxs("div", {
       className: cn("relative", fullWidth && "w-full"),
-      children: [jsxRuntime.jsx("input", _objectSpread$G(_objectSpread$G({
+      children: [jsxRuntime.jsx("input", _objectSpread$I(_objectSpread$I({
         ref: ref,
         type: "text",
         placeholder: placeholder,
@@ -24304,7 +24304,7 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref,
       }, inputProps), {}, {
         value: text,
         onChange: handleInputChange,
-        className: cn("rounded-md border border-gray-300 bg-white py-2 px-3 text-sm text-gray-900 placeholder-gray-400 shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-primary-500", "dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 dark:placeholder-gray-500", "[@media(pointer:coarse)]:text-base", fullWidth ? "w-full" : "min-w-[200px]", status === "error" && "border-error-500 dark:border-error-400", inputProps.className, inputPaddingClass)
+        className: cn("rounded-md border border-line bg-surface py-2 px-3 text-sm text-foreground placeholder-gray-400 shadow-sm focus:border-primary-500 focus:ring-1 focus:ring-primary-500", "dark:placeholder-gray-500", "[@media(pointer:coarse)]:text-base", fullWidth ? "w-full" : "min-w-[200px]", status === "error" && "border-error-500 dark:border-error-400", inputProps.className, inputPaddingClass)
       })), jsxRuntime.jsx("div", {
         className: cn("absolute inset-y-0 flex items-center", iconPosition === "right" ? "right-2" : "left-2"),
         children: iconButton
@@ -24324,9 +24324,9 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_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 = [{
@@ -24372,7 +24372,7 @@ var SpeechToText = /*#__PURE__*/React.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 = React.useRef(null);
   var isMountedRef = React.useRef(true);
   var autoStartedRef = React.useRef(false);
@@ -24551,7 +24551,7 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     });
   }
   var isDisabled = disabled || !_isSupported;
-  return jsxRuntime.jsxs("button", _objectSpread$F(_objectSpread$F({
+  return jsxRuntime.jsxs("button", _objectSpread$H(_objectSpread$H({
     type: "button",
     "aria-pressed": _isListening,
     "aria-label": _isListening ? "Stop listening" : "Start listening",
@@ -24595,9 +24595,9 @@ var SpeechToText = /*#__PURE__*/React.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.
@@ -24620,7 +24620,7 @@ var TextToSpeech = /*#__PURE__*/React.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 = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSpeaking = _useState2[0],
@@ -24708,7 +24708,7 @@ var TextToSpeech = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       stop: stop
     });
   }
-  return jsxRuntime.jsxs("button", _objectSpread$E(_objectSpread$E({
+  return jsxRuntime.jsxs("button", _objectSpread$G(_objectSpread$G({
     ref: ref,
     type: "button",
     onClick: handleClick,
@@ -24734,10 +24734,10 @@ var TextToSpeech = /*#__PURE__*/React.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" ? React.useLayoutEffect : React.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" ? React.useLayoutEffect : React.useEffect;
 function fitToContent(el, maxRows) {
   if (!el) return;
   el.style.height = "auto";
@@ -24783,7 +24783,7 @@ var Textarea = /*#__PURE__*/React.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 = React.useId();
   var textareaId = id || "textarea-".concat(reactId);
   var errorId = "".concat(textareaId, "-error");
@@ -24800,7 +24800,7 @@ var Textarea = /*#__PURE__*/React.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) {
@@ -24819,7 +24819,7 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
         "aria-hidden": "true",
         children: "*"
       })]
-    }), jsxRuntime.jsx("textarea", _objectSpread$D(_objectSpread$D({}, rest), {}, {
+    }), jsxRuntime.jsx("textarea", _objectSpread$F(_objectSpread$F({}, rest), {}, {
       id: textareaId,
       ref: setRef,
       rows: rows,
@@ -24860,9 +24860,9 @@ var Textarea = /*#__PURE__*/React.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) {
   React.useEffect(function () {
     if (!open) return undefined;
@@ -24900,7 +24900,7 @@ var Popover = /*#__PURE__*/React.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 = React.useRef(null);
   var panelRef = React.useRef(null);
   var reactId = React.useId();
@@ -24988,7 +24988,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
   // backdrop, the modal focus trap, Escape and focus return.
   if (asSheet) {
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [anchor, jsxRuntime.jsx(Sheet, _objectSpread$C(_objectSpread$C({
+      children: [anchor, jsxRuntime.jsx(Sheet, _objectSpread$E(_objectSpread$E({
         ref: _ref2,
         open: open,
         onClose: close,
@@ -25006,7 +25006,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     });
   }
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [anchor, open && typeof document !== "undefined" && /*#__PURE__*/ReactDOM.createPortal(jsxRuntime.jsxs("div", _objectSpread$C(_objectSpread$C({
+    children: [anchor, open && typeof document !== "undefined" && /*#__PURE__*/ReactDOM.createPortal(jsxRuntime.jsxs("div", _objectSpread$E(_objectSpread$E({
       ref: function ref(node) {
         return setRefs$1(node, panelRef, _ref2, setFloating);
       },
@@ -25017,8 +25017,8 @@ var Popover = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
       onKeyDown: handlePanelKeyDown,
       "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)
+      className: cn("z-popover min-w-[12rem] max-w-sm rounded-lg border border-line bg-surface p-4 text-sm text-foreground shadow-lg focus:outline-none", "animate-fade-in motion-reduce:animate-none", className),
+      style: _objectSpread$E(_objectSpread$E({}, floatingStyles), style)
     }, props), {}, {
       children: [title && jsxRuntime.jsx("h2", {
         id: titleId,
@@ -25030,11 +25030,11 @@ var Popover = /*#__PURE__*/React.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" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$5 = typeof window !== "undefined" ? React.useLayoutEffect : React.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",
@@ -25081,7 +25081,7 @@ var SegmentedControl = /*#__PURE__*/React.forwardRef(function SegmentedControl(_
     _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,
@@ -25104,7 +25104,7 @@ var SegmentedControl = /*#__PURE__*/React.forwardRef(function SegmentedControl(_
   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;
@@ -25157,7 +25157,7 @@ var SegmentedControl = /*#__PURE__*/React.forwardRef(function SegmentedControl(_
     (_optionRefs$current$t = optionRefs.current[target]) === null || _optionRefs$current$t === void 0 || _optionRefs$current$t.focus();
     select(target);
   };
-  return jsxRuntime.jsxs("div", _objectSpread$B(_objectSpread$B({
+  return jsxRuntime.jsxs("div", _objectSpread$D(_objectSpread$D({
     ref: function ref(node) {
       return setRefs$1(node, rootRef, _ref2);
     },
@@ -25211,9 +25211,9 @@ var SegmentedControl = /*#__PURE__*/React.forwardRef(function SegmentedControl(_
 });
 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.
@@ -25273,7 +25273,7 @@ var SearchField = /*#__PURE__*/React.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,
@@ -25448,7 +25448,7 @@ var SearchField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onChange: handleChange,
     "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : rest["aria-labelledby"] ? undefined : placeholder || "Search"
   };
-  var inlineInput = jsxRuntime.jsx("input", _objectSpread$A(_objectSpread$A(_objectSpread$A({
+  var inlineInput = jsxRuntime.jsx("input", _objectSpread$C(_objectSpread$C(_objectSpread$C({
     ref: inputCallbackRef
   }, sharedInputProps), {}, {
     "aria-controls": popoverOpen ? resultsId : undefined,
@@ -25489,7 +25489,7 @@ var SearchField = /*#__PURE__*/React.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: jsxRuntime.jsx("input", _objectSpread$A(_objectSpread$A({
+          inputProps: jsxRuntime.jsx("input", _objectSpread$C(_objectSpread$C({
             ref: sheetInputRef
           }, sharedInputProps), {}, {
             "aria-controls": resultsId,
@@ -25510,9 +25510,9 @@ var SearchField = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 SearchField.displayName = "SearchField";
 
-var _excluded$u = ["items", "collapsed", "collapsible", "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)";
@@ -25613,7 +25613,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" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$4 = typeof window !== "undefined" ? React.useLayoutEffect : React.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) {
@@ -25722,7 +25722,7 @@ var Sidebar = /*#__PURE__*/React.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 = React.useMemo(function () {
@@ -25791,7 +25791,7 @@ var Sidebar = /*#__PURE__*/React.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");
@@ -25912,7 +25912,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       className: "relative h-4 w-0",
       children: compactBadge
     });
-    var itemEl = jsxRuntime.jsxs(ItemTag, _objectSpread$z(_objectSpread$z({}, hasHref ? {
+    var itemEl = jsxRuntime.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,
@@ -25975,7 +25975,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     }));
     return jsxRuntime.jsxs("div", {
       className: "relative",
-      children: [showTooltipForThis ? jsxRuntime.jsx(Tooltip, _objectSpread$z(_objectSpread$z({}, tooltipOptions), {}, {
+      children: [showTooltipForThis ? jsxRuntime.jsx(Tooltip, _objectSpread$B(_objectSpread$B({}, tooltipOptions), {}, {
         trigger: "hover",
         content: item.label,
         position: "right",
@@ -26150,7 +26150,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       },
       "aria-hidden": "true",
       "data-sidebar-backdrop": ""
-    }), jsxRuntime.jsx("aside", _objectSpread$z(_objectSpread$z(_objectSpread$z({
+    }), jsxRuntime.jsx("aside", _objectSpread$B(_objectSpread$B(_objectSpread$B({
       ref: drawerRef,
       className: drawerClasses,
       style: drawerTransform ? {
@@ -26165,7 +26165,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       "aria-hidden": mobileOpen ? undefined : true,
       tabIndex: -1
     } : {}), closeDrag.bodyDragProps), {}, {
-      children: jsxRuntime.jsx("div", _objectSpread$z(_objectSpread$z({
+      children: jsxRuntime.jsx("div", _objectSpread$B(_objectSpread$B({
         ref: ref,
         className: cn("h-full", className)
       }, props), {}, {
@@ -26176,9 +26176,9 @@ var Sidebar = /*#__PURE__*/React.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,
@@ -26186,7 +26186,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 = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -26209,7 +26209,7 @@ var Dropdown = function Dropdown(_ref) {
     'top-start': 'bottom-full left-0 mb-1',
     'top-end': 'bottom-full right-0 mb-1'
   };
-  return jsxRuntime.jsxs("div", _objectSpread$y(_objectSpread$y({
+  return jsxRuntime.jsxs("div", _objectSpread$A(_objectSpread$A({
     className: "relative inline-block ".concat(className),
     ref: dropdownRef
   }, props), {}, {
@@ -26225,9 +26225,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',
@@ -26247,7 +26247,7 @@ var Avatar = /*#__PURE__*/React.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).
@@ -26288,7 +26288,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return jsxRuntime.jsxs("div", {
     ref: ref,
     className: "relative inline-block",
-    children: [jsxRuntime.jsx("div", _objectSpread$x(_objectSpread$x({
+    children: [jsxRuntime.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',
@@ -26323,11 +26323,11 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 Avatar.displayName = 'Avatar';
 
-var _excluded$r = ["emitter", "content", "notifications"],
+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$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; }
+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);
@@ -26525,10 +26525,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 jsxRuntime.jsx("div", {
     className: "relative",
-    children: jsxRuntime.jsx(NotificationsDropdown, _objectSpread$w({
+    children: jsxRuntime.jsx(NotificationsDropdown, _objectSpread$y({
       emitter: emitter,
       notifications: notifications
     }, props))
@@ -26663,11 +26663,11 @@ var Navbar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   };
   // RightMenuContent: prefer prop if provided, else fallback
   var RightMenuComponent = typeof RightMenuContentProp === "function" ? RightMenuContentProp : function (rest) {
-    return jsxRuntime.jsx(RightMenuContent, _objectSpread$w({
+    return jsxRuntime.jsx(RightMenuContent, _objectSpread$y({
       emitter: emitter
     }, rest));
   };
-  return jsxRuntime.jsxs("nav", _objectSpread$w(_objectSpread$w({
+  return jsxRuntime.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
@@ -26686,7 +26686,7 @@ var Navbar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
           "aria-hidden": true
         }), jsxRuntime.jsxs("div", {
           className: "flex min-w-0 items-center",
-          children: [leftIcon !== false && jsxRuntime.jsx("button", _objectSpread$w(_objectSpread$w({
+          children: [leftIcon !== false && jsxRuntime.jsx("button", _objectSpread$y(_objectSpread$y({
             type: "button",
             "aria-label": leftIconLabel
           }, leftIconRest), {}, {
@@ -26900,10 +26900,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);
 };
@@ -26972,7 +26972,7 @@ var FootNav = /*#__PURE__*/React.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],
@@ -26982,7 +26982,7 @@ var FootNav = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
     if (hidden) setHidden(false);
     onFocus === null || onFocus === void 0 || onFocus(e);
   };
-  return jsxRuntime.jsx("nav", _objectSpread$v(_objectSpread$v({
+  return jsxRuntime.jsx("nav", _objectSpread$x(_objectSpread$x({
     ref: ref,
     "aria-label": "Primary",
     "data-hidden": hideOnScroll ? String(hidden) : undefined,
@@ -26998,14 +26998,14 @@ var FootNav = /*#__PURE__*/React.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 jsxRuntime.jsxs(Item, _objectSpread$v(_objectSpread$v(_objectSpread$v({}, linkProps), {}, {
+        return jsxRuntime.jsxs(Item, _objectSpread$x(_objectSpread$x(_objectSpread$x({}, linkProps), {}, {
           "aria-current": item.active ? 'page' : undefined,
           "data-variant": isAction ? 'action' : undefined
         }, passthrough(item)), {}, {
@@ -27047,7 +27047,7 @@ FootNav.displayName = 'FootNav';
 var FootNavSpacer = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
   var className = _ref5.className,
     props = _objectWithoutProperties$1(_ref5, _excluded2$4);
-  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({
+  return jsxRuntime.jsx("div", _objectSpread$x(_objectSpread$x({
     ref: ref,
     "aria-hidden": "true",
     "data-slot": "footnav-spacer",
@@ -27061,9 +27061,9 @@ var FootNavSpacer = /*#__PURE__*/React.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;
@@ -27104,7 +27104,7 @@ var Breadcrumbs = /*#__PURE__*/React.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 = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
@@ -27139,7 +27139,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       children: separator
     });
   };
-  return jsxRuntime.jsx("nav", _objectSpread$u(_objectSpread$u({
+  return jsxRuntime.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"
@@ -27191,12 +27191,12 @@ var Breadcrumbs = /*#__PURE__*/React.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.
@@ -27252,7 +27252,7 @@ var Dialog = /*#__PURE__*/React.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 = React.useRef(null);
   // Unique per instance so two open dialogs never share an aria-labelledby target.
   var titleId = "dialog-title-".concat(React.useId());
@@ -27300,7 +27300,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
       var _onCloseRef$current2;
       return (_onCloseRef$current2 = onCloseRef.current) === null || _onCloseRef$current2 === void 0 ? void 0 : _onCloseRef$current2.call(onCloseRef);
     };
-    return jsxRuntime.jsxs(Sheet, _objectSpread$t(_objectSpread$t({
+    return jsxRuntime.jsxs(Sheet, _objectSpread$v(_objectSpread$v({
       ref: panelRef,
       isOpen: Boolean(isOpen),
       onClose: close,
@@ -27342,7 +27342,7 @@ var Dialog = /*#__PURE__*/React.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: jsxRuntime.jsxs("div", _objectSpread$t(_objectSpread$t({
+    children: jsxRuntime.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,
@@ -27378,7 +27378,7 @@ var DialogHeader = function DialogHeader(_ref3) {
   var children = _ref3.children,
     className = _ref3.className,
     props = _objectWithoutProperties$1(_ref3, _excluded2$3);
-  return jsxRuntime.jsx("div", _objectSpread$t(_objectSpread$t({
+  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({
     className: cn('border-b border-line px-6 py-4', className)
   }, props), {}, {
     children: children
@@ -27388,7 +27388,7 @@ var DialogBody = function DialogBody(_ref4) {
   var children = _ref4.children,
     className = _ref4.className,
     props = _objectWithoutProperties$1(_ref4, _excluded3$2);
-  return jsxRuntime.jsx("div", _objectSpread$t(_objectSpread$t({
+  return jsxRuntime.jsx("div", _objectSpread$v(_objectSpread$v({
     className: cn('px-6 py-4', className)
   }, props), {}, {
     children: children
@@ -27398,7 +27398,7 @@ var DialogFooter = function DialogFooter(_ref5) {
   var children = _ref5.children,
     className = _ref5.className,
     props = _objectWithoutProperties$1(_ref5, _excluded4$2);
-  return jsxRuntime.jsx("div", _objectSpread$t(_objectSpread$t({
+  return jsxRuntime.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
@@ -27457,9 +27457,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
@@ -27547,7 +27547,7 @@ function usePauseReasons() {
     setReasons = _useState2[1];
   var set = React.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];
@@ -27592,7 +27592,7 @@ var Toast = /*#__PURE__*/React.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 = React.useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     isVisible = _useState4[0],
@@ -27676,7 +27676,7 @@ var Toast = /*#__PURE__*/React.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) {
@@ -27692,7 +27692,7 @@ var Toast = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var onTouchRelease = function onTouchRelease() {
     return setPaused('touch', false);
   };
-  var toastContent = jsxRuntime.jsxs("div", _objectSpread$s(_objectSpread$s(_objectSpread$s({
+  var toastContent = jsxRuntime.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,
@@ -27795,8 +27795,8 @@ var Toast = /*#__PURE__*/React.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)
@@ -27903,7 +27903,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: jsxRuntime.jsx(Toast, _objectSpread$r(_objectSpread$r({}, t), {}, {
+          children: jsxRuntime.jsx(Toast, _objectSpread$t(_objectSpread$t({}, t), {}, {
             portal: false,
             position: position,
             paused: collapsible && interacting ? true : t.paused,
@@ -27916,9 +27916,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
@@ -27931,7 +27931,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 jsxRuntime.jsx(ToastStack, _objectSpread$q({}, props));
+  return jsxRuntime.jsx(ToastStack, _objectSpread$s({}, props));
 };
 var useToastQueue = function useToastQueue() {
   var _useState = React.useState([]),
@@ -27940,7 +27940,7 @@ var useToastQueue = function useToastQueue() {
     setToasts = _useState2[1];
   var addToast = React.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) {
@@ -27963,7 +27963,7 @@ var useToastQueue = function useToastQueue() {
   var toast = React.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
@@ -28000,11 +28000,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 jsxRuntime.jsxs(ToastContext.Provider, {
     value: queue,
-    children: [children, jsxRuntime.jsx(ToastStack, _objectSpread$q({
+    children: [children, jsxRuntime.jsx(ToastStack, _objectSpread$s({
       toasts: queue.toasts,
       position: position,
       onRemove: queue.removeToast,
@@ -28021,9 +28021,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']);
@@ -28081,10 +28081,10 @@ var Alert = /*#__PURE__*/React.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 jsxRuntime.jsx("div", _objectSpread$p(_objectSpread$p({
+  return jsxRuntime.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'
@@ -28130,12 +28130,12 @@ var Alert = /*#__PURE__*/React.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.
@@ -28194,8 +28194,8 @@ var DrawerTitleBar = function DrawerTitleBar(_ref2) {
   var _useGrabZone = useGrabZone({}),
     dragProps = _useGrabZone.dragProps,
     grabClass = _useGrabZone.grabClass;
-  return jsxRuntime.jsx("div", _objectSpread$o(_objectSpread$o({}, 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),
+  return jsxRuntime.jsx("div", _objectSpread$q(_objectSpread$q({}, dragProps), {}, {
+    className: cn("flex shrink-0 items-start justify-between gap-4 border-b border-line px-6 py-4", grabClass, className),
     children: children
   }));
 };
@@ -28218,7 +28218,7 @@ var Drawer = /*#__PURE__*/React.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
@@ -28256,7 +28256,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       })]
     });
   };
-  return jsxRuntime.jsx(SheetCore, _objectSpread$o(_objectSpread$o({
+  return jsxRuntime.jsx(SheetCore, _objectSpread$q(_objectSpread$q({
     ref: ref,
     open: Boolean(isOpen),
     onClose: close,
@@ -28270,7 +28270,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     idPrefix: "drawer",
     testIdPrefix: "drawer",
     handleBarClassName: "bg-gray-300 dark:bg-gray-600",
-    panelClassName: cn("border-gray-200 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100", PLACEMENT_CLASSES[side], sizes[size] || sizes.md),
+    panelClassName: cn("border-line bg-surface text-foreground", PLACEMENT_CLASSES[side], sizes[size] || sizes.md),
     renderHeader: renderHeader
   }, props), {}, {
     children: composed ? children : jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -28278,7 +28278,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
         className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-6 py-4",
         children: children
       }), footer && jsxRuntime.jsx("div", {
-        className: "flex shrink-0 items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700",
+        className: "flex shrink-0 items-center justify-end gap-3 border-t border-line px-6 py-4",
         children: footer
       })]
     })
@@ -28291,16 +28291,16 @@ var DrawerHeader = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
   var _useGrabZone2 = useGrabZone(props),
     dragProps = _useGrabZone2.dragProps,
     grabClass = _useGrabZone2.grabClass;
-  return jsxRuntime.jsx("div", _objectSpread$o(_objectSpread$o(_objectSpread$o({
+  return jsxRuntime.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)
+    className: cn("border-b border-line px-6 py-4", grabClass, className)
   }));
 });
 var DrawerBody = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
   var className = _ref6.className,
     props = _objectWithoutProperties$1(_ref6, _excluded3$1);
-  return jsxRuntime.jsx("div", _objectSpread$o({
+  return jsxRuntime.jsx("div", _objectSpread$q({
     ref: ref,
     className: cn("min-h-0 flex-1 overflow-y-auto px-6 py-4", className)
   }, props));
@@ -28308,9 +28308,9 @@ var DrawerBody = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
 var DrawerFooter = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
   var className = _ref7.className,
     props = _objectWithoutProperties$1(_ref7, _excluded4$1);
-  return jsxRuntime.jsx("div", _objectSpread$o({
+  return jsxRuntime.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)
+    className: cn("flex items-center justify-end gap-3 border-t border-line px-6 py-4", className)
   }, props));
 });
 DrawerHeader.displayName = "Drawer.Header";
@@ -28320,9 +28320,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
@@ -28343,7 +28343,7 @@ var ActionSheet = /*#__PURE__*/React.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;
@@ -28351,7 +28351,7 @@ var ActionSheet = /*#__PURE__*/React.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 jsxRuntime.jsx(ActionSheetMenu, _objectSpread$n({
+  return jsxRuntime.jsx(ActionSheetMenu, _objectSpread$p({
     ref: ref,
     open: Boolean(open !== null && open !== void 0 ? open : isOpen),
     onClose: function onClose(reason) {
@@ -28519,10 +28519,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" ? React.useLayoutEffect : React.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" ? React.useLayoutEffect : React.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;
@@ -28574,7 +28574,7 @@ var Tour = /*#__PURE__*/React.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 = React.useRef(null);
   var swipeRef = React.useRef({
     x: 0,
@@ -28583,7 +28583,7 @@ var Tour = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     swipedAt: -Infinity
   });
   var baseId = React.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.
@@ -28626,7 +28626,7 @@ var Tour = /*#__PURE__*/React.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;
@@ -28636,7 +28636,7 @@ var Tour = /*#__PURE__*/React.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
       });
     });
@@ -28715,7 +28715,7 @@ var Tour = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
     children: [jsxRuntime.jsx(TourSpotlight, {
       rect: ready ? rect : null,
       padding: spotlightPadding
-    }), jsxRuntime.jsxs("div", _objectSpread$m(_objectSpread$m(_objectSpread$m({
+    }), jsxRuntime.jsxs("div", _objectSpread$o(_objectSpread$o(_objectSpread$o({
       ref: function ref(node) {
         return setRefs$1(node, cardRef, _ref2, setFloating);
       },
@@ -28727,8 +28727,8 @@ var Tour = /*#__PURE__*/React.forwardRef(function (_ref, _ref2) {
       onKeyDown: handleKeyDown,
       "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
+      className: cn("fixed overflow-y-auto overscroll-contain rounded-lg border border-line bg-surface text-foreground shadow-xl focus:outline-none", "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$o(_objectSpread$o({}, floatingStyles), style) : style
     }, swipeHandlers), rest), {}, {
       children: [jsxRuntime.jsxs("div", {
         className: "flex items-start justify-between gap-3 px-4 pt-4",
@@ -28794,9 +28794,9 @@ var Tour = /*#__PURE__*/React.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',
@@ -28833,9 +28833,9 @@ var Badge = /*#__PURE__*/React.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 jsxRuntime.jsxs("span", _objectSpread$l(_objectSpread$l({
+  return jsxRuntime.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,
@@ -28857,9 +28857,9 @@ var Badge = /*#__PURE__*/React.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',
@@ -28878,13 +28878,13 @@ var AvatarGroup = /*#__PURE__*/React.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.Children.toArray(children).filter(React.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 jsxRuntime.jsxs("div", _objectSpread$k(_objectSpread$k({
+  return jsxRuntime.jsxs("div", _objectSpread$m(_objectSpread$m({
     ref: ref,
     role: "group",
     className: cn('flex items-center', OVERLAP[sizeKey], className)
@@ -28907,14 +28907,14 @@ var AvatarGroup = /*#__PURE__*/React.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');
@@ -28927,7 +28927,7 @@ var Card = /*#__PURE__*/React.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;
@@ -28939,7 +28939,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onClick(e);
     }
   };
-  return jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsxRuntime.jsx("div", _objectSpread$l(_objectSpread$l({
     ref: ref,
     role: actsAsButton ? 'button' : undefined,
     tabIndex: actsAsButton ? 0 : undefined,
@@ -28958,7 +28958,7 @@ var CardHeader = function CardHeader(_ref2) {
   var children = _ref2.children,
     className = _ref2.className,
     props = _objectWithoutProperties$1(_ref2, _excluded2$1);
-  return jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsxRuntime.jsx("div", _objectSpread$l(_objectSpread$l({
     className: cn('px-4 sm:px-6 py-4 border-b border-line', className)
   }, props), {}, {
     children: children
@@ -28968,7 +28968,7 @@ var CardTitle = function CardTitle(_ref3) {
   var children = _ref3.children,
     className = _ref3.className,
     props = _objectWithoutProperties$1(_ref3, _excluded3);
-  return jsxRuntime.jsx("h3", _objectSpread$j(_objectSpread$j({
+  return jsxRuntime.jsx("h3", _objectSpread$l(_objectSpread$l({
     className: cn('text-lg font-semibold text-primary-900 dark:text-primary-100', className)
   }, props), {}, {
     children: children
@@ -28978,7 +28978,7 @@ var CardDescription = function CardDescription(_ref4) {
   var children = _ref4.children,
     className = _ref4.className,
     props = _objectWithoutProperties$1(_ref4, _excluded4);
-  return jsxRuntime.jsx("p", _objectSpread$j(_objectSpread$j({
+  return jsxRuntime.jsx("p", _objectSpread$l(_objectSpread$l({
     className: cn('text-sm text-primary-600 dark:text-primary-300', className)
   }, props), {}, {
     children: children
@@ -28988,7 +28988,7 @@ var CardContent = function CardContent(_ref5) {
   var children = _ref5.children,
     className = _ref5.className,
     props = _objectWithoutProperties$1(_ref5, _excluded5);
-  return jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsxRuntime.jsx("div", _objectSpread$l(_objectSpread$l({
     className: cn('px-4 sm:px-6 py-4', className)
   }, props), {}, {
     children: children
@@ -28998,7 +28998,7 @@ var CardFooter = function CardFooter(_ref6) {
   var children = _ref6.children,
     className = _ref6.className,
     props = _objectWithoutProperties$1(_ref6, _excluded6);
-  return jsxRuntime.jsx("div", _objectSpread$j(_objectSpread$j({
+  return jsxRuntime.jsx("div", _objectSpread$l(_objectSpread$l({
     className: cn('px-4 sm:px-6 py-4 border-t border-line', className)
   }, props), {}, {
     children: children
@@ -29010,12 +29010,12 @@ 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';
+var BUTTON_IDLE = 'border-line bg-surface text-foreground hover:bg-background dark:hover:bg-gray-800';
 var BUTTON_ACTIVE = 'border-primary-500 bg-primary-50 text-primary-600 dark:bg-primary-950 dark:text-primary-300';
 var DISABLED = 'disabled:opacity-50 disabled:cursor-not-allowed';
 var Pagination = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -29031,7 +29031,7 @@ var Pagination = /*#__PURE__*/React.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);
@@ -29061,7 +29061,7 @@ var Pagination = /*#__PURE__*/React.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 jsxRuntime.jsxs("nav", _objectSpread$i(_objectSpread$i({
+  return jsxRuntime.jsxs("nav", _objectSpread$k(_objectSpread$k({
     ref: ref,
     className: cn('flex flex-wrap items-center justify-center gap-1', className),
     "aria-label": "Pagination"
@@ -29132,9 +29132,9 @@ var Pagination = /*#__PURE__*/React.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.
@@ -29201,7 +29201,7 @@ var Stepper = /*#__PURE__*/React.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';
@@ -29219,7 +29219,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   // Compact progress dots: no titles, just one dot per step (current = pill).
   if (variant === 'dots') {
-    return jsxRuntime.jsx("nav", _objectSpread$h(_objectSpread$h({
+    return jsxRuntime.jsx("nav", _objectSpread$j(_objectSpread$j({
       ref: ref,
       className: cn('flex flex-row items-center gap-1', className),
       "aria-label": "Progress",
@@ -29245,7 +29245,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }));
   }
   var layout = LAYOUT[orientation] || LAYOUT.horizontal;
-  return jsxRuntime.jsx("nav", _objectSpread$h(_objectSpread$h({
+  return jsxRuntime.jsx("nav", _objectSpread$j(_objectSpread$j({
     ref: ref,
     className: cn('flex', layout.nav, className),
     "aria-label": "Progress"
@@ -29294,9 +29294,9 @@ var Stepper = /*#__PURE__*/React.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]';
@@ -29321,7 +29321,7 @@ var FileUpload = /*#__PURE__*/React.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 = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isDragOver = _useState2[0],
@@ -29412,7 +29412,7 @@ var FileUpload = /*#__PURE__*/React.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 jsxRuntime.jsxs("div", _objectSpread$g(_objectSpread$g({
+  return jsxRuntime.jsxs("div", _objectSpread$i(_objectSpread$i({
     ref: ref,
     className: cn('w-full', className)
   }, props), {}, {
@@ -29546,9 +29546,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";
@@ -29583,7 +29583,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function Carousel(props, ref) {
     _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.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -29651,7 +29651,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function Carousel(props, ref) {
       return clearInterval(timer);
     };
   }, [isAutoPlaying, next, interval]);
-  return jsxRuntime.jsxs("div", _objectSpread$f(_objectSpread$f({
+  return jsxRuntime.jsxs("div", _objectSpread$h(_objectSpread$h({
     ref: ref,
     role: "region",
     "aria-roledescription": "carousel",
@@ -29763,7 +29763,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;
@@ -29784,6 +29802,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 = {
@@ -29794,13 +29823,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 = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     grabbed = _useState2[0],
@@ -29818,21 +29865,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);
@@ -29842,7 +29895,8 @@ function useSortableKeyboard(_ref) {
   var cancel = React.useCallback(function () {
     setGrabbed(null);
     setDraft(null);
-  }, [setDraft]);
+    cross === null || cross === void 0 || cross.cancel();
+  }, [setDraft, cross]);
   return {
     grabbed: grabbed,
     keyDownFor: keyDownFor,
@@ -29888,13 +29942,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 = React.useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     dragging = _useState4[0],
@@ -29904,7 +29959,8 @@ function useSortablePointer(_ref2) {
     keys: keys,
     commit: commit,
     nodeFor: nodeFor,
-    orientation: orientation
+    orientation: orientation,
+    cross: cross
   });
   var end = React.useCallback(function () {
     var _session$current;
@@ -29933,9 +29989,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 = {
@@ -29948,6 +30004,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);
       };
@@ -29972,7 +30034,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() {
@@ -29994,20 +30056,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.
@@ -30045,47 +30111,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" ? React.useLayoutEffect : React.useEffect;
+var SortableGroupContext = /*#__PURE__*/React.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 = React.useRef(new Map());
+  var carryRef = React.useRef(null);
+  var focusRef = React.useRef(null);
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    carry = _useState2[0],
+    setCarryState = _useState2[1];
+  var latest = useLatestRef$1({
+    onMove: onMove,
+    canDrop: canDrop
+  });
+  var api = React.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 React.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 = React.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;
+  React.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 = React.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__*/React.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 jsxRuntime.jsx(SortableGroupContext.Provider, {
+    value: value,
+    children: jsxRuntime.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 jsxRuntime.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" ? React.useLayoutEffect : React.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__*/React.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__*/React.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(React.useId());
   var text = React.useMemo(function () {
     return _objectSpread$e(_objectSpread$e({}, DEFAULT_SORTABLE_MESSAGES), messages);
@@ -30100,6 +30457,10 @@ var Sortable = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
     announcement = _useState4[0],
     setAnnouncement = _useState4[1];
   var nodes = React.useRef(new Map());
+  var listRef = React.useRef(null);
+  var setListRef = React.useCallback(function (node) {
+    return setRefs$1(node, listRef, ref);
+  }, [ref]);
   var itemKeys = items.map(function (item, i) {
     return getKey(item, i);
   });
@@ -30133,13 +30494,32 @@ var Sortable = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
   var nodeFor = React.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,
@@ -30147,7 +30527,8 @@ var Sortable = /*#__PURE__*/React.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 () {
@@ -30166,24 +30547,30 @@ var Sortable = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
   var isNativeList = List === "ul" || List === "ol";
   var ItemTag = isNativeList ? "li" : "div";
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(List, _objectSpread$e(_objectSpread$e({
-      ref: ref,
+    children: [jsxRuntime.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 jsxRuntime.jsx(ItemTag, {
+        var placeholder = (incoming === null || incoming === void 0 ? void 0 : incoming.index) === index ? [jsxRuntime.jsx(SortablePlaceholder, {
+          as: ItemTag,
+          allowed: incoming.allowed
+        }, "dt-sortable-placeholder")] : [];
+        return placeholder.concat(jsxRuntime.jsx(ItemTag, {
           ref: function ref(node) {
             if (node) nodes.current.set(key, node);else nodes.current["delete"](key);
           },
@@ -30193,12 +30580,13 @@ var Sortable = /*#__PURE__*/React.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,
@@ -30216,12 +30604,15 @@ var Sortable = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
               return moveBy(originalIndex, 1);
             }
           }) : labelFor(key)
-        }, key);
-      })
+        }, key));
+      }), incoming && incoming.index >= keys.length && jsxRuntime.jsx(SortablePlaceholder, {
+        as: ItemTag,
+        allowed: incoming.allowed
+      })]
     })), jsxRuntime.jsx("span", {
       id: instructionsId,
       className: "sr-only",
-      children: text.instructions
+      children: cross ? "".concat(text.instructions, " ").concat(text.groupInstructions) : text.instructions
     }), jsxRuntime.jsx("span", {
       role: "status",
       "aria-live": "assertive",
@@ -40011,6 +40402,7 @@ exports.Sidebar = Sidebar;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Sortable = Sortable;
+exports.SortableGroup = SortableGroup;
 exports.SpeechToText = SpeechToText;
 exports.StatCard = StatCard;
 exports.StatusPill = StatusPill;