@edgeandnode/eds-react 1.0.1 → 1.0.2

package/dist/hooks/useEDS.d.ts

@@ -1,8 +1,23 @@
 /** Throws an error if used outside of a `EDSProvider`. */
 export declare function useEDS(): {
+    /** The page's theme: `'dark'`, `'light'`, or `'system'` (follows the OS preference) */
     theme: import("../EDSContext.ts").Theme;
-    activeTheme: import("../EDSContext.ts").ResolvedTheme;
+    /** Changes the page's theme (use `ThemeSwitcher` for the UI) */
     setTheme: (theme: import("../EDSContext.ts").Theme) => void;
+    /** The page's theme, with `'system'` resolved to `'dark'` or `'light'` */
+    activeTheme: import("../EDSContext.ts").ResolvedTheme;
+    /**
+     * The theme of the nearest `Dark` or `Light` ancestor, or `undefined` if there's none. Use
+     * `localTheme ?? activeTheme` to get the theme content is rendered in.
+     */
+    localTheme: import("../EDSContext.ts").ResolvedTheme | undefined;
+    /**
+     * The class of the nearest `Dark` or `Light` ancestor, or `undefined` if there's none. Add it
+     * to content rendered outside of that ancestor in the DOM (e.g. with `createPortal`) so it
+     * keeps its theme.
+     */
+    localThemeClass: string | undefined;
+    /** The `dir` and `lang` of `EDSProvider`, to spread on content rendered outside of it. */
     dirProps: {
         dir: NonNullable<import("@base-ui/react").TextDirection | undefined>;
         lang: string;

package/dist/hooks/useEDS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEDS.d.ts","sourceRoot":"","sources":["../../src/hooks/useEDS.ts"],"names":[],"mappings":"AAIA,0DAA0D;AAC1D,wBAAgB,MAAM;IAQlB,KAAK;IACL,WAAW;IACX,QAAQ;IACR,QAAQ;QACN,GAAG;QACH,IAAI;;EAGT"}
+{"version":3,"file":"useEDS.d.ts","sourceRoot":"","sources":["../../src/hooks/useEDS.ts"],"names":[],"mappings":"AAIA,0DAA0D;AAC1D,wBAAgB,MAAM;IASlB,uFAAuF;;IAEvF,gEAAgE;;IAEhE,0EAA0E;;IAE1E;;;OAGG;;IAEH;;;;OAIG;;IAEH,0FAA0F;;QAExF,GAAG;QACH,IAAI;;EAGT"}

package/dist/hooks/useEDS.js

@@ -1,15 +1,31 @@
 import { useContext } from 'react';
-import { EDSContext } from '../EDSContext.js';
+import { EDSContext, LocalThemeContext, THEME_CLASSES } from '../EDSContext.js';
 /** Throws an error if used outside of a `EDSProvider`. */
 export function useEDS() {
     const context = useContext(EDSContext);
+    const localTheme = useContext(LocalThemeContext);
     if (context === null) {
         throw new Error('EDS components must be wrapped in a `EDSProvider`');
     }
     return {
+        /** The page's theme: `'dark'`, `'light'`, or `'system'` (follows the OS preference) */
         theme: context.theme,
-        activeTheme: context.activeTheme,
+        /** Changes the page's theme (use `ThemeSwitcher` for the UI) */
         setTheme: context.setTheme,
+        /** The page's theme, with `'system'` resolved to `'dark'` or `'light'` */
+        activeTheme: context.activeTheme,
+        /**
+         * The theme of the nearest `Dark` or `Light` ancestor, or `undefined` if there's none. Use
+         * `localTheme ?? activeTheme` to get the theme content is rendered in.
+         */
+        localTheme,
+        /**
+         * The class of the nearest `Dark` or `Light` ancestor, or `undefined` if there's none. Add it
+         * to content rendered outside of that ancestor in the DOM (e.g. with `createPortal`) so it
+         * keeps its theme.
+         */
+        localThemeClass: localTheme !== undefined ? THEME_CLASSES[localTheme] : undefined,
+        /** The `dir` and `lang` of `EDSProvider`, to spread on content rendered outside of it. */
         dirProps: {
             dir: context.direction,
             lang: context.language,

package/dist/hooks/useEDS.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEDS.js","sourceRoot":"","sources":["../../src/hooks/useEDS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,UAAU,MAAM;IACpB,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,CAAA;IAEtC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;IACtE,CAAC;IAED,OAAO;QACL,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,QAAQ,EAAE;YACR,GAAG,EAAE,OAAO,CAAC,SAAS;YACtB,IAAI,EAAE,OAAO,CAAC,QAAQ;SACvB;KACF,CAAA;AACH,CAAC"}
+{"version":3,"file":"useEDS.js","sourceRoot":"","sources":["../../src/hooks/useEDS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAE/E,0DAA0D;AAC1D,MAAM,UAAU,MAAM;IACpB,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,CAAA;IACtC,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAEhD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;IACtE,CAAC;IAED,OAAO;QACL,uFAAuF;QACvF,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,gEAAgE;QAChE,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,0EAA0E;QAC1E,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC;;;WAGG;QACH,UAAU;QACV;;;;WAIG;QACH,eAAe,EAAE,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS;QACjF,0FAA0F;QAC1F,QAAQ,EAAE;YACR,GAAG,EAAE,OAAO,CAAC,SAAS;YACtB,IAAI,EAAE,OAAO,CAAC,QAAQ;SACvB;KACF,CAAA;AACH,CAAC"}

package/dist/hooks/useStyleObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStyleObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useStyleObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAiC,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAG3F;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAC/C,UAAU,EAAE,CAAC,EAAE,EACf,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EACrD,IAAI,EAAE,OAAO,EAAE,EACf,OAAO,GAAE;IACP,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC1B,4CA4CP"}
+{"version":3,"file":"useStyleObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useStyleObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAI3E;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAC/C,UAAU,EAAE,CAAC,EAAE,EACf,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EACrD,IAAI,EAAE,OAAO,EAAE,EACf,OAAO,GAAE;IACP,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC1B,4CA4CP"}

package/dist/hooks/useStyleObserver.js

@@ -1,6 +1,7 @@
 import { useCallback, useLayoutEffect, useRef } from 'react';
 import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
-import { styleObserver, styleScheduler } from '../utils/index.js';
+import { styleObserver } from '../utils/index.js';
+import { styleScheduler } from '../utils/internal/index.js';
 import { useEffectWithRefDeps } from './useEffectWithRefDeps.js';
 /**
  * Hook that observes style changes on an element. Calls the `onChange` callback whenever specified

package/dist/hooks/useStyleObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStyleObserver.js","sourceRoot":"","sources":["../../src/hooks/useStyleObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAY,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,cAAc,EAA4B,MAAM,mBAAmB,CAAA;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEhE;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,UAAe,EACf,QAAqD,EACrD,IAAe,EACf,OAAO,GAIH,EAAE;IAEN,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,OAAO,CAAA;IACvE,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;IAEvD,uDAAuD;IACvD,MAAM,gBAAgB,GAAG,WAAW,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAEpD,MAAM,CAAC,WAAW,CAAC,GAAG,oBAAoB,CACxC,GAAG,EAAE;QACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;QAClC,IAAI,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ;YAAE,OAAM;QAE3D,uHAAuH;QACvH,IAAI,SAAS,EAAE,CAAC;YACd,cAAc,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC3B,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;gBACtD,gBAAgB,CACd,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;oBAC5B,MAAM,EAAE,OAAO;oBACf,QAAQ;oBACR,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC;oBAC/C,QAAQ,EAAE,EAAE;iBACb,CAAC,CAAC,CACJ,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,aAAa,CAAC,SAAS,CAC5B,OAAO,EACP,UAAU,EACV,gBAA4D,CAC7D,CAAA;IACH,CAAC,EACD,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,QAAQ,CAAC,EACnD,CAAC,UAAU,CAAC,EACZ;QACE,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,eAAe;KACtB,CACF,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC"}
+{"version":3,"file":"useStyleObserver.js","sourceRoot":"","sources":["../../src/hooks/useStyleObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAY,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAA4B,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEhE;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,UAAe,EACf,QAAqD,EACrD,IAAe,EACf,OAAO,GAIH,EAAE;IAEN,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,OAAO,CAAA;IACvE,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;IAEvD,uDAAuD;IACvD,MAAM,gBAAgB,GAAG,WAAW,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAEpD,MAAM,CAAC,WAAW,CAAC,GAAG,oBAAoB,CACxC,GAAG,EAAE;QACH,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;QAClC,IAAI,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ;YAAE,OAAM;QAE3D,uHAAuH;QACvH,IAAI,SAAS,EAAE,CAAC;YACd,cAAc,CAAC,QAAQ,CAAC,GAAG,EAAE;gBAC3B,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;gBACtD,gBAAgB,CACd,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;oBAC5B,MAAM,EAAE,OAAO;oBACf,QAAQ;oBACR,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC;oBAC/C,QAAQ,EAAE,EAAE;iBACb,CAAC,CAAC,CACJ,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,aAAa,CAAC,SAAS,CAC5B,OAAO,EACP,UAAU,EACV,gBAA4D,CAC7D,CAAA;IACH,CAAC,EACD,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,QAAQ,CAAC,EACnD,CAAC,UAAU,CAAC,EACZ;QACE,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,eAAe;KACtB,CACF,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/dist/icons/CalendarDynamicIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDynamicIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CalendarDynamicIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IACtE,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,IAAiB,EACjB,GAAG,KAAK,EACT,EAAE,wBAAwB,+BAwC1B"}
+{"version":3,"file":"CalendarDynamicIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CalendarDynamicIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IACtE,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EAEH,IAAiB,EACjB,GAAG,KAAK,EACT,EAAE,wBAAwB,+BAwC1B"}

package/dist/icons/CalendarDynamicIcon.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId } from 'react';
 import { Icon } from '../components/Icon.js';
-export function CalendarDynamicIcon({ alt, date = new Date(), ...props }) {
+export function CalendarDynamicIcon({ alt, 
+// oxlint-disable-next-line react/purity -- `useState(() => new Date())` would need `'use client'`, which would cause hydration mismatches (time zone, locale) where this is rendered by a server component
+date = new Date(), ...props }) {
     const uniqueId = useId();
     return (_jsx(Icon, { src: _jsxs("svg", { viewBox: "0 0 16 16", fill: "currentcolor", children: [_jsxs("defs", { children: [_jsx("path", { id: `${uniqueId}-calendar-path`, d: "M13 2H11.5V1.5C11.5 1.37 11.45 1.24 11.35 1.15C11.26 1.05 11.13 1 11 1C10.87 1 10.74 1.05 10.65 1.15C10.55 1.24 10.5 1.37 10.5 1.5V2H5.5V1.5C5.5 1.37 5.45 1.24 5.35 1.15C5.26 1.05 5.13 1 5 1C4.87 1 4.74 1.05 4.65 1.15C4.55 1.24 4.5 1.37 4.5 1.5V2H3C2.73 2 2.48 2.11 2.29 2.29C2.11 2.48 2 2.73 2 3V13C2 13.27 2.11 13.52 2.29 13.71C2.48 13.89 2.73 14 3 14H13C13.27 14 13.52 13.89 13.71 13.71C13.89 13.52 14 13.27 14 13V3C14 2.73 13.89 2.48 13.71 2.29C13.52 2.11 13.27 2 13 2ZM3 5V3H4.5V3.5C4.5 3.63 4.55 3.76 4.65 3.85C4.74 3.95 4.87 4 5 4C5.13 4 5.26 3.95 5.35 3.85C5.45 3.76 5.5 3.63 5.5 3.5V3H10.5V3.5C10.5 3.63 10.55 3.76 10.65 3.85C10.74 3.95 10.87 4 11 4C11.13 4 11.26 3.95 11.35 3.85C11.45 3.76 11.5 3.63 11.5 3.5V3H13V5H3Z" }), _jsxs("mask", { id: `${uniqueId}-text-mask`, children: [_jsx("rect", { width: "16", height: "16", fill: "white" }), _jsx("text", { x: "8", y: "10", textAnchor: "middle", dominantBaseline: "middle", fill: "black", fontSize: "7px", fontWeight: "bold", children: typeof date === 'number' ? date : date.getDate() })] })] }), _jsx("use", { href: `#${uniqueId}-calendar-path`, mask: `url(#${uniqueId}-text-mask)` })] }), alt: alt ??
             (typeof date === 'number'

package/dist/icons/CalendarDynamicIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDynamicIcon.js","sourceRoot":"","sources":["../../src/icons/CalendarDynamicIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,OAAO,EAAE,IAAI,EAAkB,MAAM,uBAAwB,CAAA;AAc7D,MAAM,UAAU,mBAAmB,CAAC,EAClC,GAAG,EACH,IAAI,GAAG,IAAI,IAAI,EAAE,EACjB,GAAG,KAAK,EACiB;IACzB,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EACD,eAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,aAC1C,2BACE,eACE,EAAE,EAAE,GAAG,QAAQ,gBAAgB,EAC/B,CAAC,EAAC,0tBAA0tB,GAC5tB,EACF,gBAAM,EAAE,EAAE,GAAG,QAAQ,YAAY,aAC/B,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5C,eACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,IAAI,EACN,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,QAAQ,EACzB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,KAAK,EACd,UAAU,EAAC,MAAM,YAEhB,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,GAC5C,IACF,IACF,EACP,cAAK,IAAI,EAAE,IAAI,QAAQ,gBAAgB,EAAE,IAAI,EAAE,QAAQ,QAAQ,aAAa,GAAI,IAC5E,EAER,GAAG,EACD,GAAG;YACH,CAAC,OAAO,IAAI,KAAK,QAAQ;gBACvB,CAAC,CAAC,OAAO,IAAI,eAAe;gBAC5B,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,eAEtD,iBAAiB,KACvB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"CalendarDynamicIcon.js","sourceRoot":"","sources":["../../src/icons/CalendarDynamicIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAE7B,OAAO,EAAE,IAAI,EAAkB,MAAM,uBAAwB,CAAA;AAc7D,MAAM,UAAU,mBAAmB,CAAC,EAClC,GAAG;AACH,2MAA2M;AAC3M,IAAI,GAAG,IAAI,IAAI,EAAE,EACjB,GAAG,KAAK,EACiB;IACzB,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAA;IAExB,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EACD,eAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,aAC1C,2BACE,eACE,EAAE,EAAE,GAAG,QAAQ,gBAAgB,EAC/B,CAAC,EAAC,0tBAA0tB,GAC5tB,EACF,gBAAM,EAAE,EAAE,GAAG,QAAQ,YAAY,aAC/B,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5C,eACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,IAAI,EACN,UAAU,EAAC,QAAQ,EACnB,gBAAgB,EAAC,QAAQ,EACzB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,KAAK,EACd,UAAU,EAAC,MAAM,YAEhB,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,GAC5C,IACF,IACF,EACP,cAAK,IAAI,EAAE,IAAI,QAAQ,gBAAgB,EAAE,IAAI,EAAE,QAAQ,QAAQ,aAAa,GAAI,IAC5E,EAER,GAAG,EACD,GAAG;YACH,CAAC,OAAO,IAAI,KAAK,QAAQ;gBACvB,CAAC,CAAC,OAAO,IAAI,eAAe;gBAC5B,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,eAEtD,iBAAiB,KACvB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

package/dist/utils/getReactNodeKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getReactNodeKey.d.ts","sourceRoot":"","sources":["../../src/utils/getReactNodeKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMhE;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAe5D"}
+{"version":3,"file":"getReactNodeKey.d.ts","sourceRoot":"","sources":["../../src/utils/getReactNodeKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOhE;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CA8B5D"}

package/dist/utils/getReactNodeKey.js

@@ -1,5 +1,6 @@
 import { Children, isValidElement } from 'react';
 import { getKey } from '@edgeandnode/eds-utils';
+import { resolveLazy } from './internal/index.js';
 import { reactNodeToString } from './reactNodeToString.js';
 /**
  * Generates a stable key for a `ReactNode`. Useful for detecting when arbitrary content has
@@ -9,18 +10,35 @@ import { reactNodeToString } from './reactNodeToString.js';
  * @returns A string key that uniquely identifies the node structure and content.
  */
 export function getReactNodeKey(reactNode) {
-    const keys = Children.map(reactNode, (child) => {
-        if (!child || typeof child === 'boolean') {
-            return 'empty';
-        }
-        if (!isValidElement(child)) {
-            return getKey(child);
-        }
-        if (child.key !== null) {
-            return `key:${child.key}`;
-        }
-        return `${getKey(child.type)}:${reactNodeToString(child)}`;
-    }) ?? [];
-    return keys.length > 0 ? keys.join('|') : 'empty';
+    try {
+        const keys = Children.map(reactNode, (child) => {
+            if (!child || typeof child === 'boolean') {
+                return 'empty';
+            }
+            if (!isValidElement(child)) {
+                return getKey(child);
+            }
+            if (child.key !== null) {
+                return `key:${child.key}`;
+            }
+            /**
+             * Key the type by the component it resolves to, so that identical content created by a
+             * server component gets the same key in every server response (each of which has new lazy
+             * types)
+             */
+            return `${getKey(resolveLazy(child.type))}:${reactNodeToString(child)}`;
+        }) ?? [];
+        return keys.length > 0 ? keys.join('|') : 'empty';
+    }
+    catch (error) {
+        /**
+         * Resolving a lazy value (e.g. from a server component) suspends (throws a thenable) while it's
+         * still loading, which isn't possible in effects, where this is also called. Fall back to the
+         * node's identity then, but let any other error through.
+         */
+        if (typeof error !== 'object' || error === null || !('then' in error))
+            throw error;
+        return getKey(reactNode);
+    }
 }
 //# sourceMappingURL=getReactNodeKey.js.map

package/dist/utils/getReactNodeKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"getReactNodeKey.js","sourceRoot":"","sources":["../../src/utils/getReactNodeKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,SAAoB;IAClD,MAAM,IAAI,GACR,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QAChC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;YACzC,OAAO,OAAO,CAAA;QAChB,CAAC;QACD,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;QACD,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;YACvB,OAAO,OAAO,KAAK,CAAC,GAAG,EAAE,CAAA;QAC3B,CAAC;QACD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAA;IAC5D,CAAC,CAAC,IAAI,EAAE,CAAA;IACV,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;AACnD,CAAC"}
+{"version":3,"file":"getReactNodeKey.js","sourceRoot":"","sources":["../../src/utils/getReactNodeKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,SAAoB;IAClD,IAAI,CAAC;QACH,MAAM,IAAI,GACR,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YAChC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;gBACzC,OAAO,OAAO,CAAA;YAChB,CAAC;YACD,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC3B,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC;YACD,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;gBACvB,OAAO,OAAO,KAAK,CAAC,GAAG,EAAE,CAAA;YAC3B,CAAC;YACD;;;;eAIG;YACH,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAA;QACzE,CAAC,CAAC,IAAI,EAAE,CAAA;QACV,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IACnD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf;;;;WAIG;QACH,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC;YAAE,MAAM,KAAK,CAAA;QAClF,OAAO,MAAM,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC;AACH,CAAC"}

package/dist/utils/index.d.ts

@@ -3,13 +3,13 @@ export { getAssetUrl } from './getAssetUrl.ts';
 export { getCSSPropsAttributes } from './getCSSPropsAttributes.ts';
 export { getReactNodeKey } from './getReactNodeKey.ts';
 export { InlineCounter } from './InlineCounter.tsx';
+export { isComponentType } from './isComponentType.ts';
 export { isReactNode } from './isReactNode.ts';
 export { reactNodeToString } from './reactNodeToString.ts';
 export { RenderCount } from './RenderCount.tsx';
 export { setInputValue } from './setInputValue.ts';
 export { splitProps } from './splitProps.ts';
 export { styleObserver, type StyleObserverRecord } from './styleObserver.ts';
-export { styleScheduler } from './styleScheduler.ts';
 export { trimReactNode } from './trimReactNode.tsx';
 export type { OptionValue, Stringifiable } from './types.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/utils/index.js

@@ -3,12 +3,12 @@ export { getAssetUrl } from './getAssetUrl.js';
 export { getCSSPropsAttributes } from './getCSSPropsAttributes.js';
 export { getReactNodeKey } from './getReactNodeKey.js';
 export { InlineCounter } from './InlineCounter.js';
+export { isComponentType } from './isComponentType.js';
 export { isReactNode } from './isReactNode.js';
 export { reactNodeToString } from './reactNodeToString.js';
 export { RenderCount } from './RenderCount.js';
 export { setInputValue } from './setInputValue.js';
 export { splitProps } from './splitProps.js';
 export { styleObserver } from './styleObserver.js';
-export { styleScheduler } from './styleScheduler.js';
 export { trimReactNode } from './trimReactNode.js';
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAA4B,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAA4B,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAA"}

package/dist/utils/internal/getTooltipProps.d.ts

@@ -0,0 +1,9 @@
+import type { TooltipProps } from '../../components/Tooltip.tsx';
+/**
+ * Normalizes a component's `tooltip` prop, which accepts either the tooltip's content or its props.
+ * Checks for props (a plain object that isn't a React node) rather than for content, so that any
+ * kind of node is treated as content, including ones that `isReactNode` doesn't recognize (e.g.
+ * portals or promises).
+ */
+export declare function getTooltipProps(tooltip: TooltipProps['content'] | Omit<TooltipProps, 'children'>): Omit<TooltipProps, 'children'>;
+//# sourceMappingURL=getTooltipProps.d.ts.map

package/dist/utils/internal/getTooltipProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTooltipProps.d.ts","sourceRoot":"","sources":["../../../src/utils/internal/getTooltipProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEhE;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAChE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAGhC"}

package/dist/utils/internal/getTooltipProps.js

@@ -0,0 +1,18 @@
+/**
+ * Normalizes a component's `tooltip` prop, which accepts either the tooltip's content or its props.
+ * Checks for props (a plain object that isn't a React node) rather than for content, so that any
+ * kind of node is treated as content, including ones that `isReactNode` doesn't recognize (e.g.
+ * portals or promises).
+ */
+export function getTooltipProps(tooltip) {
+    if (tooltip === undefined)
+        return {};
+    return isTooltipProps(tooltip) ? tooltip : { content: tooltip };
+}
+function isTooltipProps(tooltip) {
+    return (typeof tooltip === 'object' &&
+        tooltip !== null &&
+        !('$$typeof' in tooltip) &&
+        [Object.prototype, null].includes(Object.getPrototypeOf(tooltip)));
+}
+//# sourceMappingURL=getTooltipProps.js.map

package/dist/utils/internal/getTooltipProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTooltipProps.js","sourceRoot":"","sources":["../../../src/utils/internal/getTooltipProps.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAiE;IAEjE,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,EAAE,CAAA;IACpC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;AACjE,CAAC;AAED,SAAS,cAAc,CACrB,OAAqF;IAErF,OAAO,CACL,OAAO,OAAO,KAAK,QAAQ;QAC3B,OAAO,KAAK,IAAI;QAChB,CAAC,CAAC,UAAU,IAAI,OAAO,CAAC;QACxB,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAClE,CAAA;AACH,CAAC"}

package/dist/utils/internal/index.d.ts

@@ -0,0 +1,4 @@
+export { getTooltipProps } from './getTooltipProps.ts';
+export { isLazy, resolveLazy } from './resolveLazy.ts';
+export { styleScheduler } from './styleScheduler.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/internal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/internal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/utils/internal/index.js

@@ -0,0 +1,4 @@
+export { getTooltipProps } from './getTooltipProps.js';
+export { isLazy, resolveLazy } from './resolveLazy.js';
+export { styleScheduler } from './styleScheduler.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/internal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/internal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/utils/internal/resolveLazy.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Whether `value` is a lazy value, which is how the React Server Components payload can encode an
+ * element passed as a prop from a server component (e.g. when it's rendered by an async server
+ * component), or the `type` of an element created by a server component (so the client can suspend
+ * on that component's code). `React.lazy()` components are lazy values too.
+ *
+ * Not to be confused with `react-is`'s `isLazy`, which checks whether an element's type is lazy.
+ */
+export declare function isLazy(value: unknown): value is {
+    _payload: unknown;
+    _init: (payload: unknown) => unknown;
+};
+/**
+ * Resolves a lazy value (see `isLazy`) to what it stands for. React resolves lazy values when
+ * rendering them, but code that inspects nodes or element types (`isValidElement`, `cloneElement`,
+ * reading `props`, comparing `type`, etc.) must resolve them first. Suspends (throws) while the
+ * value's content or code is still loading, so it must be called during render.
+ *
+ * React has no public API for this. Its `Children` utilities resolve lazy values but only keep
+ * renderable results, so they drop a function component and throw on a `memo` or `forwardRef` one.
+ * This relies on the same internal `_init` and `_payload` fields they use, which is why it's kept
+ * internal rather than offered as public API. Returns other values as is, including lazy ones in an
+ * unexpected shape.
+ *
+ * The return type is the same as the argument's because TypeScript already types a lazy value as
+ * what it resolves to.
+ */
+export declare function resolveLazy<Value>(value: Value): Value;
+//# sourceMappingURL=resolveLazy.d.ts.map

package/dist/utils/internal/resolveLazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveLazy.d.ts","sourceRoot":"","sources":["../../../src/utils/internal/resolveLazy.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,MAAM,CACpB,KAAK,EAAE,OAAO,GACb,KAAK,IAAI;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAA;CAAE,CAUtE;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAItD"}

package/dist/utils/internal/resolveLazy.js

@@ -0,0 +1,40 @@
+import { Lazy } from 'react-is';
+/**
+ * Whether `value` is a lazy value, which is how the React Server Components payload can encode an
+ * element passed as a prop from a server component (e.g. when it's rendered by an async server
+ * component), or the `type` of an element created by a server component (so the client can suspend
+ * on that component's code). `React.lazy()` components are lazy values too.
+ *
+ * Not to be confused with `react-is`'s `isLazy`, which checks whether an element's type is lazy.
+ */
+export function isLazy(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        '$$typeof' in value &&
+        value.$$typeof === Lazy &&
+        '_payload' in value &&
+        '_init' in value &&
+        typeof value._init === 'function');
+}
+/**
+ * Resolves a lazy value (see `isLazy`) to what it stands for. React resolves lazy values when
+ * rendering them, but code that inspects nodes or element types (`isValidElement`, `cloneElement`,
+ * reading `props`, comparing `type`, etc.) must resolve them first. Suspends (throws) while the
+ * value's content or code is still loading, so it must be called during render.
+ *
+ * React has no public API for this. Its `Children` utilities resolve lazy values but only keep
+ * renderable results, so they drop a function component and throw on a `memo` or `forwardRef` one.
+ * This relies on the same internal `_init` and `_payload` fields they use, which is why it's kept
+ * internal rather than offered as public API. Returns other values as is, including lazy ones in an
+ * unexpected shape.
+ *
+ * The return type is the same as the argument's because TypeScript already types a lazy value as
+ * what it resolves to.
+ */
+export function resolveLazy(value) {
+    let resolvedValue = value;
+    while (isLazy(resolvedValue))
+        resolvedValue = resolvedValue._init(resolvedValue._payload);
+    return resolvedValue;
+}
+//# sourceMappingURL=resolveLazy.js.map

package/dist/utils/internal/resolveLazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveLazy.js","sourceRoot":"","sources":["../../../src/utils/internal/resolveLazy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B;;;;;;;GAOG;AACH,MAAM,UAAU,MAAM,CACpB,KAAc;IAEd,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,UAAU,IAAI,KAAK;QACnB,KAAK,CAAC,QAAQ,KAAK,IAAI;QACvB,UAAU,IAAI,KAAK;QACnB,OAAO,IAAI,KAAK;QAChB,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAClC,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,WAAW,CAAQ,KAAY;IAC7C,IAAI,aAAa,GAAY,KAAK,CAAA;IAClC,OAAO,MAAM,CAAC,aAAa,CAAC;QAAE,aAAa,GAAG,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IACzF,OAAO,aAAsB,CAAA;AAC/B,CAAC"}

package/dist/utils/internal/styleScheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleScheduler.d.ts","sourceRoot":"","sources":["../../../src/utils/internal/styleScheduler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,cAAM,cAAc;IAClB,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,OAAO,CAAqB;IAEpC;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAiBzC;IAED;;;OAGG;IACH,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAM/D;CACF;AAGD,eAAO,MAAM,cAAc,gBAAuB,CAAA"}

package/dist/utils/internal/styleScheduler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleScheduler.js","sourceRoot":"","sources":["../../../src/utils/internal/styleScheduler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,MAAM,cAAc;IACV,KAAK,GAAkB,IAAI,CAAA;IAC3B,OAAO,GAAmB,EAAE,CAAA;IAEpC;;;;OAIG;IACH,QAAQ,CAAC,QAAoB;QAC3B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAE3B,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACtC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAA;gBAC9B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;gBACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;gBAEjB,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;YACjC,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAC5C,IAAI,KAAK,KAAK,CAAC,CAAC;gBAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QACjD,CAAC,CAAA;IACH,CAAC;IAED;;;OAGG;IACH,gBAAgB,CAAC,OAAgB;QAC/B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACjB,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAA;YAC3C,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAED,kDAAkD;AAClD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,cAAc,EAAE,CAAA"}

package/dist/utils/isComponentType.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentType, ReactNode } from 'react';
+/**
+ * Whether `value` is a component (function, class, `forwardRef`, or `memo`) rather than a node.
+ *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ */
+export declare function isComponentType<Props>(value: ReactNode | ComponentType<Props>): value is ComponentType<Props>;
+//# sourceMappingURL=isComponentType.d.ts.map

package/dist/utils/isComponentType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isComponentType.d.ts","sourceRoot":"","sources":["../../src/utils/isComponentType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EACnC,KAAK,EAAE,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,GACtC,KAAK,IAAI,aAAa,CAAC,KAAK,CAAC,CAa/B"}

package/dist/utils/isComponentType.js

@@ -0,0 +1,22 @@
+import { ForwardRef, Memo } from 'react-is';
+import { isLazy, resolveLazy } from './internal/index.js';
+/**
+ * Whether `value` is a component (function, class, `forwardRef`, or `memo`) rather than a node.
+ *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ */
+export function isComponentType(value) {
+    /**
+     * Unlike `react-is`'s `isValidElementType`, which returns `true` for any lazy value, resolving
+     * tells lazy components (e.g. `React.lazy()`) apart from lazy nodes.
+     */
+    if (isLazy(value))
+        return isComponentType(resolveLazy(value));
+    return (typeof value === 'function' ||
+        (typeof value === 'object' &&
+            value !== null &&
+            '$$typeof' in value &&
+            (value.$$typeof === ForwardRef || value.$$typeof === Memo)));
+}
+//# sourceMappingURL=isComponentType.js.map

package/dist/utils/isComponentType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isComponentType.js","sourceRoot":"","sources":["../../src/utils/isComponentType.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE3C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,KAAuC;IAEvC;;;OAGG;IACH,IAAI,MAAM,CAAC,KAAK,CAAC;QAAE,OAAO,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAA;IAC7D,OAAO,CACL,OAAO,KAAK,KAAK,UAAU;QAC3B,CAAC,OAAO,KAAK,KAAK,QAAQ;YACxB,KAAK,KAAK,IAAI;YACd,UAAU,IAAI,KAAK;YACnB,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAC9D,CAAA;AACH,CAAC"}

package/dist/utils/isReactNode.d.ts

@@ -1,3 +1,10 @@
 import { type ReactNode } from 'react';
+/**
+ * Whether `value` is a React node: `null`, `undefined`, a string, number, or boolean, an element, a
+ * lazy node (e.g. an element from a server component), or an array of these.
+ *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ */
 export declare function isReactNode(value: unknown): value is ReactNode;
 //# sourceMappingURL=isReactNode.d.ts.map

package/dist/utils/isReactNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isReactNode.d.ts","sourceRoot":"","sources":["../../src/utils/isReactNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAU9D"}
+{"version":3,"file":"isReactNode.d.ts","sourceRoot":"","sources":["../../src/utils/isReactNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAY9D"}

package/dist/utils/isReactNode.js

@@ -1,5 +1,16 @@
 import { isValidElement } from 'react';
+import { isLazy, resolveLazy } from './internal/index.js';
+/**
+ * Whether `value` is a React node: `null`, `undefined`, a string, number, or boolean, an element, a
+ * lazy node (e.g. an element from a server component), or an array of these.
+ *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ */
 export function isReactNode(value) {
+    // Resolving tells lazy nodes apart from lazy components (e.g. `React.lazy()`)
+    if (isLazy(value))
+        return isReactNode(resolveLazy(value));
     return (value === null ||
         value === undefined ||
         typeof value === 'string' ||

package/dist/utils/isReactNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"isReactNode.js","sourceRoot":"","sources":["../../src/utils/isReactNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAEtD,MAAM,UAAU,WAAW,CAAC,KAAc;IACxC,OAAO,CACL,KAAK,KAAK,IAAI;QACd,KAAK,KAAK,SAAS;QACnB,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,SAAS;QAC1B,cAAc,CAAC,KAAK,CAAC;QACrB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CACnD,CAAA;AACH,CAAC"}
+{"version":3,"file":"isReactNode.js","sourceRoot":"","sources":["../../src/utils/isReactNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAc;IACxC,8EAA8E;IAC9E,IAAI,MAAM,CAAC,KAAK,CAAC;QAAE,OAAO,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAA;IACzD,OAAO,CACL,KAAK,KAAK,IAAI;QACd,KAAK,KAAK,SAAS;QACnB,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,SAAS;QAC1B,cAAc,CAAC,KAAK,CAAC;QACrB,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CACnD,CAAA;AACH,CAAC"}

package/dist/utils/reactNodeToString.d.ts

@@ -5,6 +5,9 @@ import { type ReactNode } from 'react';
  *
  * Based on `https://github.com/sunknudsen/react-node-to-string`
  *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ *
  * @param reactNode - The React node to convert to string.
  * @returns The string representation of the node, or empty string for null/undefined/boolean.
  */

package/dist/utils/reactNodeToString.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactNodeToString.d.ts","sourceRoot":"","sources":["../../src/utils/reactNodeToString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzE;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAe9D"}
+{"version":3,"file":"reactNodeToString.d.ts","sourceRoot":"","sources":["../../src/utils/reactNodeToString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzE;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,CAiB9D"}

package/dist/utils/reactNodeToString.js

@@ -1,14 +1,20 @@
 import { isValidElement } from 'react';
+import { isLazy, resolveLazy } from './internal/index.js';
 /**
  * Converts a `ReactNode` to a `string` representation. Extracts text content from React elements
  * recursively.
  *
  * Based on `https://github.com/sunknudsen/react-node-to-string`
  *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ *
  * @param reactNode - The React node to convert to string.
  * @returns The string representation of the node, or empty string for null/undefined/boolean.
  */
 export function reactNodeToString(reactNode) {
+    if (isLazy(reactNode))
+        return reactNodeToString(resolveLazy(reactNode));
     if (typeof reactNode === 'string') {
         return reactNode;
     }

package/dist/utils/reactNodeToString.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactNodeToString.js","sourceRoot":"","sources":["../../src/utils/reactNodeToString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAA;AAEzE;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,SAAoB;IACpD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC/E,CAAC;IACD,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,SAAmD,CAAA;QACnE,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAClD,CAAC;IACD,OAAO,EAAE,CAAA;AACX,CAAC"}
+{"version":3,"file":"reactNodeToString.js","sourceRoot":"","sources":["../../src/utils/reactNodeToString.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEzD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,iBAAiB,CAAC,SAAoB;IACpD,IAAI,MAAM,CAAC,SAAS,CAAC;QAAE,OAAO,iBAAiB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAA;IAEvE,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC/E,CAAC;IACD,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,SAAmD,CAAA;QACnE,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAClD,CAAC;IACD,OAAO,EAAE,CAAA;AACX,CAAC"}

package/dist/utils/styleObserver.js

@@ -1,5 +1,5 @@
 import StyleObserver from 'style-observer';
-import { styleScheduler } from './styleScheduler.js';
+import { styleScheduler } from './internal/index.js';
 /**
  * Singleton StyleObserver that all `useStyleObserver` hooks subscribe to. Instead of each hook
  * creating its own StyleObserver instance (with its own CSS transitions and event listeners), a

package/dist/utils/trimReactNode.d.ts

@@ -13,6 +13,9 @@ type Side = 'start' | 'end' | 'both';
  * When recursing into a non-string edge child (e.g. a nested fragment), only the corresponding side
  * is trimmed, so that whitespace which is internal to the outer node is preserved.
  *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ *
  * @example
  *   ````tsx
  *   trimReactNode('  hello  ') // 'hello'

package/dist/utils/trimReactNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trimReactNode.d.ts","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnF,KAAK,IAAI,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,GAAE,IAAa,GAAG,SAAS,CAkElF"}
+{"version":3,"file":"trimReactNode.d.ts","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAInF,KAAK,IAAI,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,GAAE,IAAa,GAAG,SAAS,CAoElF"}

package/dist/utils/trimReactNode.js

@@ -1,4 +1,5 @@
 import { Children, isValidElement } from 'react';
+import { isLazy, resolveLazy } from './internal/index.js';
 /**
  * Trims leading and trailing whitespace from a `ReactNode`.
  *
@@ -12,6 +13,9 @@ import { Children, isValidElement } from 'react';
  * When recursing into a non-string edge child (e.g. a nested fragment), only the corresponding side
  * is trimmed, so that whitespace which is internal to the outer node is preserved.
  *
+ * Like React's `Children` utilities, this resolves lazy values (e.g. elements from server
+ * components), which suspends while one is still loading, so call it during render.
+ *
  * @example
  *   ````tsx
  *   trimReactNode('  hello  ') // 'hello'
@@ -27,6 +31,8 @@ import { Children, isValidElement } from 'react';
  * @returns A new `ReactNode` with the requested edge whitespace removed.
  */
 export function trimReactNode(reactNode, side = 'both') {
+    if (isLazy(reactNode))
+        return trimReactNode(resolveLazy(reactNode), side);
     // Handle primitives
     if (typeof reactNode === 'string') {
         switch (side) {

package/dist/utils/trimReactNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"trimReactNode.js","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"trimReactNode.js","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"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"}