@dreamtree-org/twreact-ui 2.1.0 → 2.1.2

package/dist/index.esm.js

@@ -3836,7 +3836,7 @@ function setRefs$1(node) {
 }
 
 // useLayoutEffect warns during SSR; fall back to useEffect on the server.
-var useIsomorphicLayoutEffect$a = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect$c = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 /**
  * Internal (not exported from the package): a ref that always holds the latest
  * `value`. Lets an effect call the newest consumer callback (e.g. `onChange`)
@@ -3845,7 +3845,7 @@ var useIsomorphicLayoutEffect$a = typeof window !== "undefined" ? useLayoutEffec
  */
 function useLatestRef$1(value) {
   var ref = useRef(value);
-  useIsomorphicLayoutEffect$a(function () {
+  useIsomorphicLayoutEffect$c(function () {
     ref.current = value;
   });
   return ref;
@@ -8963,7 +8963,7 @@ function MobileFilters(_ref5) {
           });
         },
         "aria-expanded": !!showMobileFilters,
-        className: "text-xs font-medium text-primary-700",
+        className: "text-xs font-medium text-primary-700 dark:text-primary-300",
         children: showMobileFilters ? "Hide" : "Show"
       })]
     }), showMobileFilters && jsxs("div", {
@@ -9116,6 +9116,8 @@ function normalizeAction(action, idx) {
 
 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; }
+// useLayoutEffect warns during SSR; fall back to useEffect on the server.
+var useIsomorphicLayoutEffect$b = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 // 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.
@@ -9168,7 +9170,7 @@ function MenuPopover(_ref) {
     menuEl = _useState2[0],
     setMenuEl = _useState2[1];
   var closeRef = useLatestRef$1(onRequestClose);
-  useLayoutEffect(function () {
+  useIsomorphicLayoutEffect$b(function () {
     refs.setReference(anchorEl !== null && anchorEl !== void 0 ? anchorEl : null);
   }, [refs, anchorEl]);
   var setMenuNode = useCallback(function (node) {
@@ -10529,10 +10531,10 @@ function MobileCard(_ref) {
         return jsxs("div", {
           className: cn("flex justify-between items-center flex-row py-2 border-b last:border-b-0", safeExtraCellClass),
           children: [jsx("div", {
-            className: "text-xs font-medium text-primary-700 uppercase tracking-wide mb-1 sm:mb-0 sm:w-1/3 sm:pr-2",
+            className: "text-xs font-medium text-primary-700 dark:text-primary-300 uppercase tracking-wide mb-1 sm:mb-0 sm:w-1/3 sm:pr-2",
             children: column.label
           }), jsx("div", {
-            className: "text-sm text-primary-900 sm:w-2/3 sm:pl-2 break-words",
+            className: "text-sm text-primary-900 dark:text-foreground sm:w-2/3 sm:pl-2 break-words",
             children: renderCell(column, row, globalIndex)
           })]
         }, column.key);
@@ -10876,6 +10878,12 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     filters = _useState14[0],
     setFilters = _useState14[1];
+  // The handlers below read and advance these refs synchronously, so they can
+  // call onSort / onFilter after setting state instead of inside a setState
+  // updater (updaters must be pure; React runs them during render and twice
+  // in StrictMode, #194). They are the only writers of sortConfig / filters.
+  var sortConfigRef = useRef(sortConfig);
+  var filtersRef = useRef(filters);
   var _useState15 = useState(""),
     _useState16 = _slicedToArray(_useState15, 2),
     searchInput = _useState16[0],
@@ -11631,34 +11639,30 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
   }, []);
   var handleSort = useCallback(function (key) {
     if (!sortable) return;
-    setSortConfig(function (prev) {
-      var direction = prev.key === key && prev.direction === "asc" ? "desc" : "asc";
-      onSort === null || onSort === void 0 || onSort(key, direction);
-      return {
-        key: key,
-        direction: direction
-      };
-    });
+    var prev = sortConfigRef.current;
+    var direction = prev.key === key && prev.direction === "asc" ? "desc" : "asc";
+    var next = {
+      key: key,
+      direction: direction
+    };
+    sortConfigRef.current = next;
+    setSortConfig(next);
+    onSort === null || onSort === void 0 || onSort(key, direction);
   }, [sortable, onSort]);
-  var handleFilter = useCallback(function (key, value) {
-    setFilters(function (prev) {
-      var newFilters = _objectSpread$16(_objectSpread$16({}, prev), {}, _defineProperty$4({}, key, value));
-      onFilter === null || onFilter === void 0 || onFilter(newFilters);
-      onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
-      return newFilters;
-    });
+  var commitFilters = useCallback(function (newFilters) {
+    filtersRef.current = newFilters;
+    setFilters(newFilters);
     setCurrentPage(1);
+    onFilter === null || onFilter === void 0 || onFilter(newFilters);
+    onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
   }, [onFilter, onFilterChange]);
+  var handleFilter = useCallback(function (key, value) {
+    return commitFilters(_objectSpread$16(_objectSpread$16({}, filtersRef.current), {}, _defineProperty$4({}, key, value)));
+  }, [commitFilters]);
   // Commits several filters at once (the phone filter sheet's Apply).
   var applyFilters = useCallback(function (patch) {
-    setFilters(function (prev) {
-      var newFilters = _objectSpread$16(_objectSpread$16({}, prev), patch);
-      onFilter === null || onFilter === void 0 || onFilter(newFilters);
-      onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
-      return newFilters;
-    });
-    setCurrentPage(1);
-  }, [onFilter, onFilterChange]);
+    return commitFilters(_objectSpread$16(_objectSpread$16({}, filtersRef.current), patch));
+  }, [commitFilters]);
   // One open swipe row at a time: `{ key, side }`.
   var _useState37 = useState(null),
     _useState38 = _slicedToArray(_useState37, 2),
@@ -11895,7 +11899,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
       className: "bg-primary-50/40 hover:bg-primary-100/70 active:bg-primary-100 transition-colors border-t-2 border-b-2 border-dashed border-primary-300 cursor-pointer group",
       children: jsx("td", {
         colSpan: visibleCount,
-        className: "px-6 py-3.5 text-left text-sm font-semibold text-primary-700 group-hover:text-primary-800",
+        className: "px-6 py-3.5 text-left text-sm font-semibold text-primary-700 group-hover:text-primary-800 dark:text-primary-300 dark:group-hover:text-primary-200",
         children: jsxs("div", {
           className: "flex items-center justify-start gap-2",
           children: [jsx(Plus, {
@@ -12075,7 +12079,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
             children: [hasDetailsColumn && jsx("th", {
               className: "w-8 px-4 py-3"
             }), showSerial && jsx("th", {
-              className: "w-8 px-4 py-3 text-left text-xs font-medium text-primary-700 uppercase tracking-wider",
+              className: "w-8 px-4 py-3 text-left text-xs font-medium text-primary-700 dark:text-primary-300 uppercase tracking-wider",
               children: "#"
             }), selectable && jsx("th", {
               className: "w-12 px-6 py-3",
@@ -12102,7 +12106,7 @@ var Table = /*#__PURE__*/forwardRef(function Table(_ref, ref) {
               return jsx("th", {
                 scope: "col",
                 "aria-sort": ariaSort,
-                className: cn("px-6 py-3 text-left text-xs font-medium text-primary-700 uppercase tracking-wider", isSortable && "p-0"),
+                className: cn("px-6 py-3 text-left text-xs font-medium text-primary-700 dark:text-primary-300 uppercase tracking-wider", isSortable && "p-0"),
                 children: isSortable ? jsxs("button", {
                   type: "button",
                   onClick: function onClick() {
@@ -12446,7 +12450,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect$9 = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
+const useIsomorphicLayoutEffect$a = typeof window !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
 
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
@@ -12492,7 +12496,7 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    useIsomorphicLayoutEffect$9(() => control._subscribe({
+    useIsomorphicLayoutEffect$a(() => control._subscribe({
         name,
         formState: _localProxyFormState.current,
         exact,
@@ -12611,7 +12615,7 @@ function useWatch(props) {
             }
         }
     }, [control._formValues, control._names, disabled, name]);
-    useIsomorphicLayoutEffect$9(() => {
+    useIsomorphicLayoutEffect$a(() => {
         if (_prevControl.current !== control ||
             !deepEqual(_prevName.current, name)) {
             _prevControl.current = control;
@@ -14692,7 +14696,7 @@ function useForm(props = {}) {
     }
     const control = _formControl.current.control;
     control._options = props;
-    useIsomorphicLayoutEffect$9(() => {
+    useIsomorphicLayoutEffect$a(() => {
         const sub = control._subscribe({
             formState: control._proxyFormState,
             callback: () => updateFormState({ ...control._formState }),
@@ -19790,6 +19794,8 @@ Form.displayName = "Form";
 var _excluded$T = ["items", "allowMultiple", "defaultOpenIndexes", "onChange", "className", "headerClassName", "contentClassName", "chevronPosition", "chevronIcon", "bordered", "rounded", "size", "transitionDuration"];
 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; }
+// useLayoutEffect warns during SSR; fall back to useEffect on the server.
+var useIsomorphicLayoutEffect$9 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 /**
  * item.leftIcon may be:
  * - ReactNode (e.g. <svg/>)
@@ -19859,7 +19865,7 @@ var Accordion = /*#__PURE__*/forwardRef(function Accordion(_ref, ref) {
   // refs / the DOM. An open panel settles on `max-height: none` so content
   // that grows after opening is never clipped; closed panels are `inert` so
   // Tab cannot land inside collapsed content.
-  useLayoutEffect(function () {
+  useIsomorphicLayoutEffect$9(function () {
     var prevOpen = prevOpenRef.current;
     var timers = [];
     panelRefs.current.forEach(function (panelEl, idx) {
@@ -27210,8 +27216,11 @@ var Navbar = /*#__PURE__*/React__default.forwardRef(function (_ref3, ref) {
       })
     });
   };
-  // RightMenuContent: prefer prop if provided, else fallback
-  var RightMenuComponent = typeof RightMenuContentProp === "function" ? RightMenuContentProp : function (rest) {
+  // RightMenuContent: a render function or an element (#193), else the
+  // built-in notifications menu.
+  var RightMenuComponent = typeof RightMenuContentProp === "function" ? RightMenuContentProp : RightMenuContentProp != null ? function () {
+    return RightMenuContentProp;
+  } : function (rest) {
     return jsx(RightMenuContent, _objectSpread$C({
       emitter: emitter
     }, rest));
@@ -27440,7 +27449,7 @@ Navbar.propTypes = {
   emitter: PropTypes.object.isRequired,
   logo: PropTypes.node,
   center: PropTypes.node,
-  items: PropTypes.array.isRequired,
+  items: PropTypes.array,
   user: PropTypes.object,
   notifications: PropTypes.array,
   searchable: PropTypes.bool,

package/dist/index.js

@@ -3856,7 +3856,7 @@ function setRefs$1(node) {
 }
 
 // useLayoutEffect warns during SSR; fall back to useEffect on the server.
-var useIsomorphicLayoutEffect$a = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$c = 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`)
@@ -3865,7 +3865,7 @@ var useIsomorphicLayoutEffect$a = typeof window !== "undefined" ? React.useLayou
  */
 function useLatestRef$1(value) {
   var ref = React.useRef(value);
-  useIsomorphicLayoutEffect$a(function () {
+  useIsomorphicLayoutEffect$c(function () {
     ref.current = value;
   });
   return ref;
@@ -8983,7 +8983,7 @@ function MobileFilters(_ref5) {
           });
         },
         "aria-expanded": !!showMobileFilters,
-        className: "text-xs font-medium text-primary-700",
+        className: "text-xs font-medium text-primary-700 dark:text-primary-300",
         children: showMobileFilters ? "Hide" : "Show"
       })]
     }), showMobileFilters && jsxRuntime.jsxs("div", {
@@ -9136,6 +9136,8 @@ function normalizeAction(action, idx) {
 
 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; }
+// useLayoutEffect warns during SSR; fall back to useEffect on the server.
+var useIsomorphicLayoutEffect$b = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 // 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.
@@ -9188,7 +9190,7 @@ function MenuPopover(_ref) {
     menuEl = _useState2[0],
     setMenuEl = _useState2[1];
   var closeRef = useLatestRef$1(onRequestClose);
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect$b(function () {
     refs.setReference(anchorEl !== null && anchorEl !== void 0 ? anchorEl : null);
   }, [refs, anchorEl]);
   var setMenuNode = React.useCallback(function (node) {
@@ -10549,10 +10551,10 @@ function MobileCard(_ref) {
         return jsxRuntime.jsxs("div", {
           className: cn("flex justify-between items-center flex-row py-2 border-b last:border-b-0", safeExtraCellClass),
           children: [jsxRuntime.jsx("div", {
-            className: "text-xs font-medium text-primary-700 uppercase tracking-wide mb-1 sm:mb-0 sm:w-1/3 sm:pr-2",
+            className: "text-xs font-medium text-primary-700 dark:text-primary-300 uppercase tracking-wide mb-1 sm:mb-0 sm:w-1/3 sm:pr-2",
             children: column.label
           }), jsxRuntime.jsx("div", {
-            className: "text-sm text-primary-900 sm:w-2/3 sm:pl-2 break-words",
+            className: "text-sm text-primary-900 dark:text-foreground sm:w-2/3 sm:pl-2 break-words",
             children: renderCell(column, row, globalIndex)
           })]
         }, column.key);
@@ -10896,6 +10898,12 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     filters = _useState14[0],
     setFilters = _useState14[1];
+  // The handlers below read and advance these refs synchronously, so they can
+  // call onSort / onFilter after setting state instead of inside a setState
+  // updater (updaters must be pure; React runs them during render and twice
+  // in StrictMode, #194). They are the only writers of sortConfig / filters.
+  var sortConfigRef = React.useRef(sortConfig);
+  var filtersRef = React.useRef(filters);
   var _useState15 = React.useState(""),
     _useState16 = _slicedToArray(_useState15, 2),
     searchInput = _useState16[0],
@@ -11651,34 +11659,30 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
   }, []);
   var handleSort = React.useCallback(function (key) {
     if (!sortable) return;
-    setSortConfig(function (prev) {
-      var direction = prev.key === key && prev.direction === "asc" ? "desc" : "asc";
-      onSort === null || onSort === void 0 || onSort(key, direction);
-      return {
-        key: key,
-        direction: direction
-      };
-    });
+    var prev = sortConfigRef.current;
+    var direction = prev.key === key && prev.direction === "asc" ? "desc" : "asc";
+    var next = {
+      key: key,
+      direction: direction
+    };
+    sortConfigRef.current = next;
+    setSortConfig(next);
+    onSort === null || onSort === void 0 || onSort(key, direction);
   }, [sortable, onSort]);
-  var handleFilter = React.useCallback(function (key, value) {
-    setFilters(function (prev) {
-      var newFilters = _objectSpread$16(_objectSpread$16({}, prev), {}, _defineProperty$4({}, key, value));
-      onFilter === null || onFilter === void 0 || onFilter(newFilters);
-      onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
-      return newFilters;
-    });
+  var commitFilters = React.useCallback(function (newFilters) {
+    filtersRef.current = newFilters;
+    setFilters(newFilters);
     setCurrentPage(1);
+    onFilter === null || onFilter === void 0 || onFilter(newFilters);
+    onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
   }, [onFilter, onFilterChange]);
+  var handleFilter = React.useCallback(function (key, value) {
+    return commitFilters(_objectSpread$16(_objectSpread$16({}, filtersRef.current), {}, _defineProperty$4({}, key, value)));
+  }, [commitFilters]);
   // Commits several filters at once (the phone filter sheet's Apply).
   var applyFilters = React.useCallback(function (patch) {
-    setFilters(function (prev) {
-      var newFilters = _objectSpread$16(_objectSpread$16({}, prev), patch);
-      onFilter === null || onFilter === void 0 || onFilter(newFilters);
-      onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
-      return newFilters;
-    });
-    setCurrentPage(1);
-  }, [onFilter, onFilterChange]);
+    return commitFilters(_objectSpread$16(_objectSpread$16({}, filtersRef.current), patch));
+  }, [commitFilters]);
   // One open swipe row at a time: `{ key, side }`.
   var _useState37 = React.useState(null),
     _useState38 = _slicedToArray(_useState37, 2),
@@ -11915,7 +11919,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
       className: "bg-primary-50/40 hover:bg-primary-100/70 active:bg-primary-100 transition-colors border-t-2 border-b-2 border-dashed border-primary-300 cursor-pointer group",
       children: jsxRuntime.jsx("td", {
         colSpan: visibleCount,
-        className: "px-6 py-3.5 text-left text-sm font-semibold text-primary-700 group-hover:text-primary-800",
+        className: "px-6 py-3.5 text-left text-sm font-semibold text-primary-700 group-hover:text-primary-800 dark:text-primary-300 dark:group-hover:text-primary-200",
         children: jsxRuntime.jsxs("div", {
           className: "flex items-center justify-start gap-2",
           children: [jsxRuntime.jsx(Plus, {
@@ -12095,7 +12099,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
             children: [hasDetailsColumn && jsxRuntime.jsx("th", {
               className: "w-8 px-4 py-3"
             }), showSerial && jsxRuntime.jsx("th", {
-              className: "w-8 px-4 py-3 text-left text-xs font-medium text-primary-700 uppercase tracking-wider",
+              className: "w-8 px-4 py-3 text-left text-xs font-medium text-primary-700 dark:text-primary-300 uppercase tracking-wider",
               children: "#"
             }), selectable && jsxRuntime.jsx("th", {
               className: "w-12 px-6 py-3",
@@ -12122,7 +12126,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
               return jsxRuntime.jsx("th", {
                 scope: "col",
                 "aria-sort": ariaSort,
-                className: cn("px-6 py-3 text-left text-xs font-medium text-primary-700 uppercase tracking-wider", isSortable && "p-0"),
+                className: cn("px-6 py-3 text-left text-xs font-medium text-primary-700 dark:text-primary-300 uppercase tracking-wider", isSortable && "p-0"),
                 children: isSortable ? jsxRuntime.jsxs("button", {
                   type: "button",
                   onClick: function onClick() {
@@ -12466,7 +12470,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect$9 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect$a = 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.
@@ -12512,7 +12516,7 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    useIsomorphicLayoutEffect$9(() => control._subscribe({
+    useIsomorphicLayoutEffect$a(() => control._subscribe({
         name,
         formState: _localProxyFormState.current,
         exact,
@@ -12631,7 +12635,7 @@ function useWatch(props) {
             }
         }
     }, [control._formValues, control._names, disabled, name]);
-    useIsomorphicLayoutEffect$9(() => {
+    useIsomorphicLayoutEffect$a(() => {
         if (_prevControl.current !== control ||
             !deepEqual(_prevName.current, name)) {
             _prevControl.current = control;
@@ -14712,7 +14716,7 @@ function useForm(props = {}) {
     }
     const control = _formControl.current.control;
     control._options = props;
-    useIsomorphicLayoutEffect$9(() => {
+    useIsomorphicLayoutEffect$a(() => {
         const sub = control._subscribe({
             formState: control._proxyFormState,
             callback: () => updateFormState({ ...control._formState }),
@@ -19810,6 +19814,8 @@ Form.displayName = "Form";
 var _excluded$T = ["items", "allowMultiple", "defaultOpenIndexes", "onChange", "className", "headerClassName", "contentClassName", "chevronPosition", "chevronIcon", "bordered", "rounded", "size", "transitionDuration"];
 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; }
+// useLayoutEffect warns during SSR; fall back to useEffect on the server.
+var useIsomorphicLayoutEffect$9 = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 /**
  * item.leftIcon may be:
  * - ReactNode (e.g. <svg/>)
@@ -19879,7 +19885,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
   // refs / the DOM. An open panel settles on `max-height: none` so content
   // that grows after opening is never clipped; closed panels are `inert` so
   // Tab cannot land inside collapsed content.
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect$9(function () {
     var prevOpen = prevOpenRef.current;
     var timers = [];
     panelRefs.current.forEach(function (panelEl, idx) {
@@ -27230,8 +27236,11 @@ var Navbar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
       })
     });
   };
-  // RightMenuContent: prefer prop if provided, else fallback
-  var RightMenuComponent = typeof RightMenuContentProp === "function" ? RightMenuContentProp : function (rest) {
+  // RightMenuContent: a render function or an element (#193), else the
+  // built-in notifications menu.
+  var RightMenuComponent = typeof RightMenuContentProp === "function" ? RightMenuContentProp : RightMenuContentProp != null ? function () {
+    return RightMenuContentProp;
+  } : function (rest) {
     return jsxRuntime.jsx(RightMenuContent, _objectSpread$C({
       emitter: emitter
     }, rest));
@@ -27460,7 +27469,7 @@ Navbar.propTypes = {
   emitter: PropTypes.object.isRequired,
   logo: PropTypes.node,
   center: PropTypes.node,
-  items: PropTypes.array.isRequired,
+  items: PropTypes.array,
   user: PropTypes.object,
   notifications: PropTypes.array,
   searchable: PropTypes.bool,