@flipdish/ui-library 0.43.2 → 0.45.0

package/dist/hooks/__internal__/usePanelFocus/usePanelFocus.js

@@ -0,0 +1,154 @@
+import { useRef, useState, useEffect, useCallback, useLayoutEffect } from 'react';
+import { getFocusedElement } from '../../../utilities/__internal__/focusUtils/focus.utils.js';
+import { coverElement, lastCoverOf } from '../../../utilities/__internal__/inertUtils/inert.utils.js';
+
+/** The element before the panel when it can take focus, such as `AppShell`'s scroll area. */
+const focusableSiblingBefore = (panel) => {
+    const sibling = panel.previousElementSibling;
+    return sibling instanceof HTMLElement && sibling.tabIndex >= 0 ? sibling : null;
+};
+/** Whether a hand-back can land: a control, or a region given a `tabindex`, neither disabled nor under a cover. */
+const canTakeFocus = (element) => element instanceof HTMLElement &&
+    (element.tabIndex >= 0 || element.hasAttribute('tabindex')) &&
+    !element.matches(':disabled') &&
+    element.closest('[inert]') === null;
+/**
+ * What covers an element under an inert ancestor: the last panel to cover that ancestor, else the sibling after it, as a
+ * side panel sits after the page it covers, else the first region inside that sibling given a `tabindex` that can take
+ * focus, as a host wraps its side panel. Nothing when none of those can.
+ */
+const coverOver = (element) => {
+    const covered = element.closest('[inert]');
+    if (!(covered instanceof HTMLElement))
+        return null;
+    const candidate = lastCoverOf(covered) ?? covered.nextElementSibling;
+    if (canTakeFocus(candidate))
+        return candidate;
+    const regions = candidate ? [...candidate.querySelectorAll('[tabindex]')] : [];
+    return regions.find(canTakeFocus) ?? null;
+};
+/**
+ * What the panel covers: the given element, unless the panel sits inside it, as overlays do without a scoped anchor, when
+ * nothing is; without one, the panel's siblings.
+ */
+const resolveCovered = (panel, coveredRef) => {
+    if (!coveredRef)
+        return panel.parentElement;
+    const covered = coveredRef.current;
+    return covered && !covered.contains(panel) ? covered : null;
+};
+/**
+ * Hands focus into the panel when it opens and back to the control that opened it when it closes,
+ * makes a leaving panel inert, and takes what the panel covers out of reach while it covers it.
+ * Managed by hand, not with a focus scope: a scope would also reroute Tab at the panel's edges, as
+ * a popover does.
+ *
+ * @param options See `UsePanelFocusOptions`.
+ * @returns a capture-phase focus handler to spread onto the panel element, `setOpener`, which points the hand-back on
+ *   close at another control after a content swap, and `liftCover`, which lifts the cover ahead of the close that follows
+ */
+const usePanelFocus = ({ panelRef, isPresent, isDesktop, coveredRef, shouldFocusOnMount, contentKey }) => {
+    const openerRef = useRef(null);
+    const previousIsPresent = useRef(null);
+    const previousIsDesktop = useRef(isDesktop);
+    // Read while rendering, before the content mounts: an `autoFocus` input takes focus during commit, ahead of any effect.
+    const [focusedBeforeMount] = useState(getFocusedElement);
+    useEffect(() => {
+        const panel = panelRef.current;
+        if (!panel)
+            return;
+        const previous = previousIsPresent.current;
+        previousIsPresent.current = isPresent;
+        // Entering covers a fresh open and a reopen that interrupts the close animation.
+        const isEntering = isPresent && (previous === false || (previous === null && shouldFocusOnMount));
+        const isLeaving = !isPresent && previous === true;
+        const focused = getFocusedElement();
+        const hasFocusInside = focused !== null && panel.contains(focused);
+        // A panel reopened mid-close is still inert from leaving, and an inert element cannot take focus.
+        if (isPresent)
+            panel.inert = false;
+        if (isEntering) {
+            // On mount the content may already hold focus, so the opener is what was focused before it. A reopen mid-close finds focus still outside.
+            openerRef.current = previous === null ? focusedBeforeMount : focused;
+            // Content that focused itself (an `autoFocus` input) keeps focus; otherwise the region takes it.
+            // preventScroll: below `lg` the panel starts off-screen, and scrolling it into view would shift the layout.
+            if (!hasFocusInside)
+                panel.focus({ preventScroll: true });
+        }
+        // Hand focus back only if it is still in the panel, so a user who has moved on is left alone.
+        if (isLeaving && hasFocusInside) {
+            const opener = openerRef.current;
+            // The opener may have unmounted meanwhile, such as a header button that only renders at one breakpoint.
+            const target = opener?.isConnected ? opener : focusableSiblingBefore(panel);
+            target?.focus();
+            // An opener under a cover, a side panel or another panel over the page below `lg`, refuses focus: what covers it takes it instead.
+            if (target && getFocusedElement() !== target)
+                coverOver(target)?.focus();
+        }
+        // A leaving panel must not be reachable while another opens; set last, since inert drops any focus inside it.
+        if (!isPresent)
+            panel.inert = true;
+    }, [panelRef, isPresent, shouldFocusOnMount, focusedBeforeMount]);
+    // Before the cover below is applied, so focus leaves the page while the page can still be read as holding it.
+    useEffect(() => {
+        const hasStartedCoveringPage = previousIsDesktop.current && !isDesktop;
+        previousIsDesktop.current = isDesktop;
+        const panel = panelRef.current;
+        const focused = getFocusedElement();
+        // The page the panel covers is about to go out of reach, so focus must not be left in it, where inert would drop it on nothing.
+        const covered = panel && resolveCovered(panel, coveredRef);
+        if (hasStartedCoveringPage && panel && focused && !panel.contains(focused) && covered?.contains(focused)) {
+            panel.focus({ preventScroll: true });
+        }
+    }, [panelRef, coveredRef, isDesktop]);
+    // React runs every cleanup before any effect in a commit, so the cover lifts before the hand-back above lands focus in the
+    // page. Covers are counted per element, so two panels over the same page restore its own `inert` only when the last lifts.
+    const isCovering = isPresent && !isDesktop;
+    const liftCoverRef = useRef(null);
+    useEffect(() => {
+        const panel = panelRef.current;
+        // Only a given element is covered; the panel's siblings are the layout's to cover, as `AppShell` does for a side panel.
+        const covered = isCovering && panel && coveredRef ? resolveCovered(panel, coveredRef) : null;
+        if (!panel || !covered)
+            return;
+        // An area chosen while the panel is open, such as the app root arriving a commit late, may hold focus the hand-off above
+        // did not see: it moves into the panel before the area goes out of reach.
+        const focused = getFocusedElement();
+        if (focused && covered.contains(focused))
+            panel.focus({ preventScroll: true });
+        const lift = coverElement(covered, panel);
+        liftCoverRef.current = lift;
+        return () => {
+            lift();
+            liftCoverRef.current = null;
+        };
+    }, [panelRef, coveredRef, isCovering]);
+    // For a close that another panel caused: that panel is mounting under this cover in the same pass, and its focus call would
+    // be refused until the cover lifts at the next commit. Lifting is idempotent, so the effect's own cleanup stays harmless.
+    const liftCover = useCallback(() => liftCoverRef.current?.(), []);
+    // Swapping content unmounts whatever held focus, which drops it on the page. The region takes it, so Tab stays inside and
+    // closing can still hand it back. Content that focuses itself on mount (an `autoFocus` input) has done so by now and keeps it.
+    const previousContentKey = useRef(contentKey);
+    useLayoutEffect(() => {
+        if (previousContentKey.current === contentKey)
+            return;
+        previousContentKey.current = contentKey;
+        const panel = panelRef.current;
+        if (panel && isPresent && getFocusedElement() === null)
+            panel.focus({ preventScroll: true });
+    }, [panelRef, contentKey, isPresent]);
+    // A panel that was open on load has no opener, so closing hands focus back to wherever it first came in from.
+    const onFocusCapture = (event) => {
+        const from = event.relatedTarget;
+        if (openerRef.current === null && from instanceof HTMLElement && !event.currentTarget.contains(from))
+            openerRef.current = from;
+    };
+    // A panel whose content swaps while open follows the user's latest gesture, so closing lands on the row they are on, not the first one.
+    const setOpener = useCallback((element) => {
+        openerRef.current = element;
+    }, []);
+    return { onFocusCapture, setOpener, liftCover };
+};
+
+export { usePanelFocus };
+//# sourceMappingURL=usePanelFocus.js.map

package/dist/hooks/__internal__/usePanelFocus/usePanelFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanelFocus.js","sources":["../../../../src/hooks/__internal__/usePanelFocus/usePanelFocus.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/providers/ThemeProvider/Theme.context.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+
+// Its own file so library components can read it without a public export; one module, so one context for every reader.
+const ThemeContext = React.createContext(undefined);
+/**
+ * The element the app's theme cascades from: in a micro-frontend, its whole mount. Unlike `useTheme` it never throws, so a
+ * component such as `SlideoutMenu` can adapt to the app's root without requiring the provider.
+ *
+ * @returns The themed root, or `null` outside a `ThemeProvider` or before it has mounted.
+ */
+const useThemeRoot = () => React.useContext(ThemeContext)?.themeRoot ?? null;
+
+exports.ThemeContext = ThemeContext;
+exports.useThemeRoot = useThemeRoot;
+//# sourceMappingURL=Theme.context.cjs.map

package/dist/providers/ThemeProvider/Theme.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.context.cjs","sources":["../../../src/providers/ThemeProvider/Theme.context.ts"],"sourcesContent":[null],"names":["createContext","useContext"],"mappings":";;;;AAaA;MACa,YAAY,GAAGA,mBAAa,CAA+B,SAAS;AAEjF;;;;;AAKG;AACI,MAAM,YAAY,GAAG,MAA0BC,gBAAU,CAAC,YAAY,CAAC,EAAE,SAAS,IAAI;;;"}

package/dist/providers/ThemeProvider/Theme.context.d.ts

@@ -0,0 +1,16 @@
+export type Theme = 'light' | 'dark' | 'system';
+export interface ThemeContextType {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+    themeRoot: HTMLElement | null;
+    resolvedMode: 'light' | 'dark';
+}
+export declare const ThemeContext: import("react").Context<ThemeContextType | undefined>;
+/**
+ * The element the app's theme cascades from: in a micro-frontend, its whole mount. Unlike `useTheme` it never throws, so a
+ * component such as `SlideoutMenu` can adapt to the app's root without requiring the provider.
+ *
+ * @returns The themed root, or `null` outside a `ThemeProvider` or before it has mounted.
+ */
+export declare const useThemeRoot: () => HTMLElement | null;
+//# sourceMappingURL=Theme.context.d.ts.map

package/dist/providers/ThemeProvider/Theme.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.context.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProvider/Theme.context.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAGD,eAAO,MAAM,YAAY,uDAAyD,CAAC;AAEnF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,QAAO,WAAW,GAAG,IAAmD,CAAC"}

package/dist/providers/ThemeProvider/Theme.context.js

@@ -0,0 +1,14 @@
+import { createContext, useContext } from 'react';
+
+// Its own file so library components can read it without a public export; one module, so one context for every reader.
+const ThemeContext = createContext(undefined);
+/**
+ * The element the app's theme cascades from: in a micro-frontend, its whole mount. Unlike `useTheme` it never throws, so a
+ * component such as `SlideoutMenu` can adapt to the app's root without requiring the provider.
+ *
+ * @returns The themed root, or `null` outside a `ThemeProvider` or before it has mounted.
+ */
+const useThemeRoot = () => useContext(ThemeContext)?.themeRoot ?? null;
+
+export { ThemeContext, useThemeRoot };
+//# sourceMappingURL=Theme.context.js.map

package/dist/providers/ThemeProvider/Theme.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.context.js","sources":["../../../src/providers/ThemeProvider/Theme.context.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAaA;MACa,YAAY,GAAG,aAAa,CAA+B,SAAS;AAEjF;;;;;AAKG;AACI,MAAM,YAAY,GAAG,MAA0B,UAAU,CAAC,YAAY,CAAC,EAAE,SAAS,IAAI;;"}

package/dist/providers/ThemeProvider/index.cjs

@@ -2,8 +2,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var Theme_context = require('./Theme.context.cjs');
 
-const ThemeContext = React.createContext(undefined);
 /**
  * Reads the current theme and its setter from the nearest `ThemeProvider`.
  *
@@ -11,7 +11,7 @@ const ThemeContext = React.createContext(undefined);
  *   element carrying `data-theme`.
  */
 const useTheme = () => {
-    const context = React.useContext(ThemeContext);
+    const context = React.useContext(Theme_context.ThemeContext);
     if (context === undefined) {
         throw new Error('useTheme must be used within a ThemeProvider');
     }
@@ -80,7 +80,7 @@ const ThemeProvider = ({ children, defaultTheme = 'system', storageKey, themeMod
         return () => mediaQuery.removeEventListener('change', handleChange);
     }, []);
     const contextValue = React.useMemo(() => ({ theme: activeTheme, setTheme, themeRoot, resolvedMode }), [activeTheme, themeRoot, resolvedMode]);
-    return (jsxRuntime.jsx(ThemeContext.Provider, { value: contextValue, children: jsxRuntime.jsx("div", { ref: setThemeRoot, "data-theme": resolvedMode, "data-mfe-scope": scopeId, style: { display: 'contents' }, children: children }) }));
+    return (jsxRuntime.jsx(Theme_context.ThemeContext.Provider, { value: contextValue, children: jsxRuntime.jsx("div", { ref: setThemeRoot, "data-theme": resolvedMode, "data-mfe-scope": scopeId, style: { display: 'contents' }, children: children }) }));
 };
 
 exports.ThemeProvider = ThemeProvider;

package/dist/providers/ThemeProvider/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/providers/ThemeProvider/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useState","useEffect","useMemo","_jsx"],"mappings":";;;;;AAcA,MAAM,YAAY,GAAGA,mBAAa,CAA+B,SAAS,CAAC;AAE3E;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,MAAuB;AAC7C,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,YAAY,CAAC;AAExC,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACzB,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC;IACjE;AAEA,IAAA,OAAO,OAAO;AAChB;AAEA;AACA;AACA,IAAI,oBAAoB,GAAG,CAAC;AAE5B,MAAM,uBAAuB,GAAG,MAAuB;IACrD,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,OAAO;AACjD,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO;AACrF,CAAC;AAkCD;;;;;;;AAOG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,YAAY,GAAG,QAAQ,EACvB,UAAU,EACV,iBAAiB,EACjB,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAE,qBAAqB,GACrB,KAAI;;AAEvB,IAAA,MAAM,OAAO,GAAG,WAAW,IAAI,SAAS;AACxC,IAAA,MAAM,iBAAiB,GAAG,qBAAqB,KAAK,iBAAiB,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC;AAC7G,IAAA,MAAM,kBAAkB,GAAG,UAAU,KAAK,OAAO,GAAG,CAAA,SAAA,EAAY,OAAO,CAAA,CAAE,GAAG,UAAU,CAAC;IAEvF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAQ,MAAK;AAC7C,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAiB;YAC3E,OAAO,UAAU,IAAI,YAAY;QACnC;AACA,QAAA,OAAO,YAAY;AACrB,IAAA,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAmB,uBAAuB,CAAC;IACnG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAqB,IAAI,CAAC;AAEpE,IAAA,MAAM,WAAW,GAAU,iBAAiB,IAAI,KAAK;AACrD,IAAA,MAAM,YAAY,GAAqB,WAAW,KAAK,QAAQ,GAAG,gBAAgB,GAAG,WAAW;;;IAIhGC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,iBAAiB;YAAE;QACxB,oBAAoB,IAAI,CAAC;QACzB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC;AACjE,QAAA,OAAO,MAAK;YACV,oBAAoB,IAAI,CAAC;YACzB,IAAI,oBAAoB,KAAK,CAAC;AAAE,gBAAA,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,YAAY,CAAC;AACxF,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;;IAGrCA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,iBAAiB;YAAE;AACvB,QAAA,IAAI,WAAW,KAAK,QAAQ,EAAE;AAC5B,YAAA,YAAY,CAAC,UAAU,CAAC,kBAAkB,CAAC;QAC7C;aAAO;AACL,YAAA,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,WAAW,CAAC;QACvD;IACF,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;IAExDA,eAAS,CAAC,MAAK;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC;AACpE,QAAA,MAAM,YAAY,GAAG,MAAM,mBAAmB,CAAC,UAAU,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACrF,QAAA,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;QACnD,OAAO,MAAM,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;IACrE,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAGC,aAAO,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;AAEvI,IAAA,QACEC,cAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EACxCA,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,YAAY,EAAA,YAAA,EAAc,YAAY,EAAA,gBAAA,EAAkB,OAAO,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EACtG,QAAQ,EAAA,CACL,EAAA,CACgB;AAE5B;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/providers/ThemeProvider/index.tsx"],"sourcesContent":[null],"names":["useContext","ThemeContext","useState","useEffect","useMemo","_jsx"],"mappings":"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"}

package/dist/providers/ThemeProvider/index.d.ts

@@ -1,11 +1,5 @@
 import type { ReactNode } from 'react';
-type Theme = 'light' | 'dark' | 'system';
-interface ThemeContextType {
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
-    themeRoot: HTMLElement | null;
-    resolvedMode: 'light' | 'dark';
-}
+import { type Theme, type ThemeContextType } from './Theme.context';
 /**
  * Reads the current theme and its setter from the nearest `ThemeProvider`.
  *

package/dist/providers/ThemeProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEzC,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAID;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAQ3B,CAAC;AAWF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,4HAO3B,kBAAkB,gCA0DpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,KAAK,EAAgB,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAElF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAQ3B,CAAC;AAWF,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,4HAO3B,kBAAkB,gCA0DpB,CAAC"}

package/dist/providers/ThemeProvider/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useEffect, useMemo, useContext } from 'react';
+import { useState, useEffect, useMemo, useContext } from 'react';
+import { ThemeContext } from './Theme.context.js';
 
-const ThemeContext = createContext(undefined);
 /**
  * Reads the current theme and its setter from the nearest `ThemeProvider`.
  *

package/dist/providers/ThemeProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/providers/ThemeProvider/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/providers/ThemeProvider/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/utilities/__internal__/inertUtils/inert.utils.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+/** Covers in force per element, who holds each, and the `inert` the element had before the first, so the last to lift restores it. */
+const covers = new WeakMap();
+/**
+ * Makes an element inert for one cover among possibly several, such as two panels over the same page. The element's own
+ * `inert` is read at the first cover and restored only when the last lifts, whatever order the covers lift in, so nothing
+ * else may write `inert` on the element meanwhile.
+ *
+ * @param element The element to take out of reach.
+ * @param by The panel covering it, which `lastCoverOf` reports so focus can be handed to it.
+ * @returns Lifts this cover; calling it twice is harmless.
+ */
+const coverElement = (element, by) => {
+    // The attribute rather than the property: a browser reflects one into the other, and `[inert]` selectors then see the cover.
+    const active = covers.get(element) ?? { by: [], wasInert: element.hasAttribute('inert') };
+    if (active.by.length === 0)
+        element.setAttribute('inert', '');
+    active.by.push(by);
+    covers.set(element, active);
+    let lifted = false;
+    return () => {
+        if (lifted)
+            return;
+        lifted = true;
+        active.by.splice(active.by.lastIndexOf(by), 1);
+        if (active.by.length > 0)
+            return;
+        covers.delete(element);
+        if (active.wasInert)
+            element.setAttribute('inert', '');
+        else
+            element.removeAttribute('inert');
+    };
+};
+/**
+ * The panel most recently covering an element and still over it.
+ *
+ * @param element The covered element.
+ * @returns That panel, or `null` when no cover from `coverElement` is in force.
+ */
+const lastCoverOf = (element) => covers.get(element)?.by.slice(-1)[0] ?? null;
+
+exports.coverElement = coverElement;
+exports.lastCoverOf = lastCoverOf;
+//# sourceMappingURL=inert.utils.cjs.map

package/dist/utilities/__internal__/inertUtils/inert.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert.utils.cjs","sources":["../../../../src/utilities/__internal__/inertUtils/inert.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA,MAAM,MAAM,GAAG,IAAI,OAAO,EAAyD;AAEnF;;;;;;;;AAQG;MACU,YAAY,GAAG,CAAC,OAAoB,EAAE,EAAe,KAAkB;;IAElF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;AACzF,IAAA,IAAI,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;AAC7D,IAAA,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AAClB,IAAA,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC;IAE3B,IAAI,MAAM,GAAG,KAAK;AAClB,IAAA,OAAO,MAAK;AACV,QAAA,IAAI,MAAM;YAAE;QACZ,MAAM,GAAG,IAAI;AACb,QAAA,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9C,QAAA,IAAI,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC;YAAE;AAC1B,QAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;QACtB,IAAI,MAAM,CAAC,QAAQ;AAAE,YAAA,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;;AACjD,YAAA,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC;AACvC,IAAA,CAAC;AACH;AAEA;;;;;AAKG;AACI,MAAM,WAAW,GAAG,CAAC,OAAoB,KAAyB,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;;;"}

package/dist/utilities/__internal__/inertUtils/inert.utils.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Makes an element inert for one cover among possibly several, such as two panels over the same page. The element's own
+ * `inert` is read at the first cover and restored only when the last lifts, whatever order the covers lift in, so nothing
+ * else may write `inert` on the element meanwhile.
+ *
+ * @param element The element to take out of reach.
+ * @param by The panel covering it, which `lastCoverOf` reports so focus can be handed to it.
+ * @returns Lifts this cover; calling it twice is harmless.
+ */
+export declare const coverElement: (element: HTMLElement, by: HTMLElement) => (() => void);
+/**
+ * The panel most recently covering an element and still over it.
+ *
+ * @param element The covered element.
+ * @returns That panel, or `null` when no cover from `coverElement` is in force.
+ */
+export declare const lastCoverOf: (element: HTMLElement) => HTMLElement | null;
+//# sourceMappingURL=inert.utils.d.ts.map

package/dist/utilities/__internal__/inertUtils/inert.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert.utils.d.ts","sourceRoot":"","sources":["../../../../src/utilities/__internal__/inertUtils/inert.utils.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,SAAS,WAAW,EAAE,IAAI,WAAW,KAAG,CAAC,MAAM,IAAI,CAiB/E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,SAAS,WAAW,KAAG,WAAW,GAAG,IAAoD,CAAC"}

package/dist/utilities/__internal__/inertUtils/inert.utils.js

@@ -0,0 +1,43 @@
+/** Covers in force per element, who holds each, and the `inert` the element had before the first, so the last to lift restores it. */
+const covers = new WeakMap();
+/**
+ * Makes an element inert for one cover among possibly several, such as two panels over the same page. The element's own
+ * `inert` is read at the first cover and restored only when the last lifts, whatever order the covers lift in, so nothing
+ * else may write `inert` on the element meanwhile.
+ *
+ * @param element The element to take out of reach.
+ * @param by The panel covering it, which `lastCoverOf` reports so focus can be handed to it.
+ * @returns Lifts this cover; calling it twice is harmless.
+ */
+const coverElement = (element, by) => {
+    // The attribute rather than the property: a browser reflects one into the other, and `[inert]` selectors then see the cover.
+    const active = covers.get(element) ?? { by: [], wasInert: element.hasAttribute('inert') };
+    if (active.by.length === 0)
+        element.setAttribute('inert', '');
+    active.by.push(by);
+    covers.set(element, active);
+    let lifted = false;
+    return () => {
+        if (lifted)
+            return;
+        lifted = true;
+        active.by.splice(active.by.lastIndexOf(by), 1);
+        if (active.by.length > 0)
+            return;
+        covers.delete(element);
+        if (active.wasInert)
+            element.setAttribute('inert', '');
+        else
+            element.removeAttribute('inert');
+    };
+};
+/**
+ * The panel most recently covering an element and still over it.
+ *
+ * @param element The covered element.
+ * @returns That panel, or `null` when no cover from `coverElement` is in force.
+ */
+const lastCoverOf = (element) => covers.get(element)?.by.slice(-1)[0] ?? null;
+
+export { coverElement, lastCoverOf };
+//# sourceMappingURL=inert.utils.js.map

package/dist/utilities/__internal__/inertUtils/inert.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert.utils.js","sources":["../../../../src/utilities/__internal__/inertUtils/inert.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,MAAM,MAAM,GAAG,IAAI,OAAO,EAAyD;AAEnF;;;;;;;;AAQG;MACU,YAAY,GAAG,CAAC,OAAoB,EAAE,EAAe,KAAkB;;IAElF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;AACzF,IAAA,IAAI,MAAM,CAAC,EAAE,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;AAC7D,IAAA,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;AAClB,IAAA,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC;IAE3B,IAAI,MAAM,GAAG,KAAK;AAClB,IAAA,OAAO,MAAK;AACV,QAAA,IAAI,MAAM;YAAE;QACZ,MAAM,GAAG,IAAI;AACb,QAAA,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC9C,QAAA,IAAI,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC;YAAE;AAC1B,QAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;QACtB,IAAI,MAAM,CAAC,QAAQ;AAAE,YAAA,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;;AACjD,YAAA,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC;AACvC,IAAA,CAAC;AACH;AAEA;;;;;AAKG;AACI,MAAM,WAAW,GAAG,CAAC,OAAoB,KAAyB,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;;"}

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+/**
+ * Fired on a side panel, bubbling, as it starts covering the page below `lg`. A DOM event rather than context, so it
+ * reaches an overlay in another React root, as a host's panel reaches a micro-frontend's slideout.
+ */
+const PAGE_COVER_EVENT = 'fd-page-cover';
+/**
+ * Announces that a panel has started covering the page.
+ *
+ * @param panel The panel now covering the page.
+ */
+const dispatchPageCover = (panel) => {
+    panel.dispatchEvent(new CustomEvent(PAGE_COVER_EVENT, { bubbles: true }));
+};
+/**
+ * Listens for any panel starting to cover the page.
+ *
+ * @param listener Runs on each cover.
+ * @returns Stops listening.
+ */
+const subscribePageCover = (listener) => {
+    document.addEventListener(PAGE_COVER_EVENT, listener);
+    return () => document.removeEventListener(PAGE_COVER_EVENT, listener);
+};
+
+exports.PAGE_COVER_EVENT = PAGE_COVER_EVENT;
+exports.dispatchPageCover = dispatchPageCover;
+exports.subscribePageCover = subscribePageCover;
+//# sourceMappingURL=pageCover.utils.cjs.map

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageCover.utils.cjs","sources":["../../../../src/utilities/__internal__/pageCoverUtils/pageCover.utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;AAGG;AACI,MAAM,gBAAgB,GAAG;AAEhC;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAkB,KAAU;AAC5D,IAAA,KAAK,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC3E;AAEA;;;;;AAKG;AACI,MAAM,kBAAkB,GAAG,CAAC,QAAoB,KAAkB;AACvE,IAAA,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACrD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AACvE;;;;"}

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Fired on a side panel, bubbling, as it starts covering the page below `lg`. A DOM event rather than context, so it
+ * reaches an overlay in another React root, as a host's panel reaches a micro-frontend's slideout.
+ */
+export declare const PAGE_COVER_EVENT = "fd-page-cover";
+/**
+ * Announces that a panel has started covering the page.
+ *
+ * @param panel The panel now covering the page.
+ */
+export declare const dispatchPageCover: (panel: HTMLElement) => void;
+/**
+ * Listens for any panel starting to cover the page.
+ *
+ * @param listener Runs on each cover.
+ * @returns Stops listening.
+ */
+export declare const subscribePageCover: (listener: () => void) => (() => void);
+//# sourceMappingURL=pageCover.utils.d.ts.map

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageCover.utils.d.ts","sourceRoot":"","sources":["../../../../src/utilities/__internal__/pageCoverUtils/pageCover.utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,gBAAgB,kBAAkB,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,WAAW,KAAG,IAEtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAGpE,CAAC"}

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.js

@@ -0,0 +1,26 @@
+/**
+ * Fired on a side panel, bubbling, as it starts covering the page below `lg`. A DOM event rather than context, so it
+ * reaches an overlay in another React root, as a host's panel reaches a micro-frontend's slideout.
+ */
+const PAGE_COVER_EVENT = 'fd-page-cover';
+/**
+ * Announces that a panel has started covering the page.
+ *
+ * @param panel The panel now covering the page.
+ */
+const dispatchPageCover = (panel) => {
+    panel.dispatchEvent(new CustomEvent(PAGE_COVER_EVENT, { bubbles: true }));
+};
+/**
+ * Listens for any panel starting to cover the page.
+ *
+ * @param listener Runs on each cover.
+ * @returns Stops listening.
+ */
+const subscribePageCover = (listener) => {
+    document.addEventListener(PAGE_COVER_EVENT, listener);
+    return () => document.removeEventListener(PAGE_COVER_EVENT, listener);
+};
+
+export { PAGE_COVER_EVENT, dispatchPageCover, subscribePageCover };
+//# sourceMappingURL=pageCover.utils.js.map

package/dist/utilities/__internal__/pageCoverUtils/pageCover.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageCover.utils.js","sources":["../../../../src/utilities/__internal__/pageCoverUtils/pageCover.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;AAGG;AACI,MAAM,gBAAgB,GAAG;AAEhC;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAkB,KAAU;AAC5D,IAAA,KAAK,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC3E;AAEA;;;;;AAKG;AACI,MAAM,kBAAkB,GAAG,CAAC,QAAoB,KAAkB;AACvE,IAAA,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACrD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC;AACvE;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.43.2",
+  "version": "0.45.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {