@navikt/ds-react 7.30.0 → 7.31.0

package/cjs/overlays/overlay/hooks/useAnimationsFinished.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+/**
+ * Returns a stable function that, when invoked, waits for all current CSS/Web Animations
+ * on a target element (and its subtree) to finish before executing a callback.
+ *
+ * Why:
+ *  - Coordinate logic (unmount, focus restore, measuring) after exit / enter animations.
+ *  - Avoid `animationend` event bookkeeping across multiple animations / nested elements.
+ *  - Batch detection using `requestAnimationFrame` so freshly-applied animations are discoverable.
+ *
+ * Mechanics:
+ *  1. Resolves the concrete `HTMLElement` (direct element or from ref) – early no-op if missing.
+ *  2. If `getAnimations` is unsupported or animations are globally disabled (`AKSEL_ANIMATIONS_DISABLED`),
+ *     runs the callback immediately.
+ *  3. Schedules a frame so style/animation changes applied this render are committed.
+ *  4. Optionally schedules an additional frame (`waitForNextTick=true`) to catch animations that
+ *     start only after layout (e.g. when an `open` class triggers the animation).
+ *  5. Captures all current animations, waits on their `.finished` promises (using `Promise.allSettled`
+ *     so rejections don't block), then `flushSync` executes the callback (ensures React state updates
+ *     inside run before the browser paints the next frame).
+ *  6. If an `AbortSignal` aborts while waiting, it silently cancels execution.
+ *
+ * @param elementOrRef HTMLElement or ref to observe.
+ * @param waitForNextTick If true, waits an extra frame to ensure enter animations are detectable.
+ * @returns Stable function (identity preserved) accepting (fn, abortSignal?).
+ */
+export declare function useAnimationsFinished(elementOrRef: React.RefObject<HTMLElement | null> | HTMLElement | null, waitForNextTick?: boolean): (fnToExecute: () => void, signal?: AbortSignal | null) => void;

package/cjs/overlays/overlay/hooks/useAnimationsFinished.js

@@ -0,0 +1,138 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnimationsFinished = useAnimationsFinished;
+const react_1 = __importStar(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const useEventCallback_1 = require("./useEventCallback");
+/**
+ * Returns a stable function that, when invoked, waits for all current CSS/Web Animations
+ * on a target element (and its subtree) to finish before executing a callback.
+ *
+ * Why:
+ *  - Coordinate logic (unmount, focus restore, measuring) after exit / enter animations.
+ *  - Avoid `animationend` event bookkeeping across multiple animations / nested elements.
+ *  - Batch detection using `requestAnimationFrame` so freshly-applied animations are discoverable.
+ *
+ * Mechanics:
+ *  1. Resolves the concrete `HTMLElement` (direct element or from ref) – early no-op if missing.
+ *  2. If `getAnimations` is unsupported or animations are globally disabled (`AKSEL_ANIMATIONS_DISABLED`),
+ *     runs the callback immediately.
+ *  3. Schedules a frame so style/animation changes applied this render are committed.
+ *  4. Optionally schedules an additional frame (`waitForNextTick=true`) to catch animations that
+ *     start only after layout (e.g. when an `open` class triggers the animation).
+ *  5. Captures all current animations, waits on their `.finished` promises (using `Promise.allSettled`
+ *     so rejections don't block), then `flushSync` executes the callback (ensures React state updates
+ *     inside run before the browser paints the next frame).
+ *  6. If an `AbortSignal` aborts while waiting, it silently cancels execution.
+ *
+ * @param elementOrRef HTMLElement or ref to observe.
+ * @param waitForNextTick If true, waits an extra frame to ensure enter animations are detectable.
+ * @returns Stable function (identity preserved) accepting (fn, abortSignal?).
+ */
+function useAnimationsFinished(elementOrRef, waitForNextTick = false) {
+    const rootFrameRef = react_1.default.useRef(null);
+    const nestedFrameRef = react_1.default.useRef(null);
+    const cancelScheduled = (0, react_1.useCallback)(() => {
+        for (const ref of [rootFrameRef, nestedFrameRef]) {
+            if (ref.current !== null) {
+                cancelAnimationFrame(ref.current);
+                ref.current = null;
+            }
+        }
+    }, []);
+    /* Unmount cleanup */
+    (0, react_1.useEffect)(() => {
+        return () => cancelScheduled();
+    }, [cancelScheduled]);
+    return (0, useEventCallback_1.useEventCallback)((
+    /**
+     * A function to execute once all animations have finished.
+     */
+    fnToExecute, 
+    /**
+     * An optional [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) that
+     * can be used to abort `fnToExecute` before all the animations have finished.
+     * @default null
+     */
+    signal = null) => {
+        // Cancel any in-flight scheduling from a previous invocation (next-frame debounce semantics)
+        cancelScheduled();
+        if (elementOrRef == null) {
+            return;
+        }
+        const element = "current" in elementOrRef ? elementOrRef.current : elementOrRef;
+        if (element == null) {
+            return;
+        }
+        // Fast path: no Web Animations API support OR animations globally disabled.
+        if (typeof element.getAnimations !== "function" ||
+            // Flag hook for test envs.
+            globalThis.AKSEL_ANIMATIONS_DISABLED) {
+            fnToExecute();
+            return;
+        }
+        rootFrameRef.current = requestAnimationFrame(() => {
+            function exec() {
+                if (!element) {
+                    return;
+                }
+                // Collect animations present at this moment; we don't continuously observe
+                // if new animations start after these settle, caller should invoke again.
+                Promise.allSettled(element.getAnimations().map((anim) => anim.finished)).then(() => {
+                    if (signal === null || signal === void 0 ? void 0 : signal.aborted)
+                        return;
+                    // Ensure any state updates inside the callback are flushed synchronously,
+                    // guaranteeing that dependent logic observes the current
+                    // tree rather than a stale in-progress update.
+                    react_dom_1.default.flushSync(fnToExecute);
+                });
+            }
+            // Some animations (e.g. triggered by a class applied this same frame) only
+            // become observable after an extra frame; opt-in via flag.
+            if (waitForNextTick) {
+                nestedFrameRef.current = requestAnimationFrame(exec);
+            }
+            else {
+                exec();
+            }
+        });
+    });
+}
+//# sourceMappingURL=useAnimationsFinished.js.map

package/cjs/overlays/overlay/hooks/useAnimationsFinished.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimationsFinished.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useAnimationsFinished.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+Bb,sDAqFC;AAlHD,+CAAsD;AACtD,0DAAiC;AACjC,yDAAsD;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAgB,qBAAqB,CACnC,YAAsE,EACtE,eAAe,GAAG,KAAK;IAEvB,MAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,eAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEzD,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,KAAK,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,cAAc,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;gBACzB,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBAClC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,qBAAqB;IACrB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,IAAA,mCAAgB,EACrB;IACE;;OAEG;IACH,WAAuB;IACvB;;;;OAIG;IACH,SAA6B,IAAI,EACjC,EAAE;QACF,6FAA6F;QAC7F,eAAe,EAAE,CAAC;QAElB,IAAI,YAAY,IAAI,IAAI,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GACX,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;QAClE,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,4EAA4E;QAC5E,IACE,OAAO,OAAO,CAAC,aAAa,KAAK,UAAU;YAC3C,2BAA2B;YAC1B,UAAkB,CAAC,yBAAyB,EAC7C,CAAC;YACD,WAAW,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,YAAY,CAAC,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;YAChD,SAAS,IAAI;gBACX,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,OAAO;gBACT,CAAC;gBACD,2EAA2E;gBAC3E,0EAA0E;gBAC1E,OAAO,CAAC,UAAU,CAChB,OAAO,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CACrD,CAAC,IAAI,CAAC,GAAG,EAAE;oBACV,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO;wBAAE,OAAO;oBAC5B,0EAA0E;oBAC1E,yDAAyD;oBACzD,+CAA+C;oBAC/C,mBAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;gBAClC,CAAC,CAAC,CAAC;YACL,CAAC;YAED,2EAA2E;YAC3E,2DAA2D;YAC3D,IAAI,eAAe,EAAE,CAAC;gBACpB,cAAc,CAAC,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;YACvD,CAAC;iBAAM,CAAC;gBACN,IAAI,EAAE,CAAC;YACT,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CACF,CAAC;AACJ,CAAC"}

package/cjs/overlays/overlay/hooks/useEventCallback.d.ts

@@ -0,0 +1,6 @@
+type Callback = (...args: any[]) => any;
+/**
+ * TODO: Long term, replace `useCallbackRef` with this hook.
+ */
+export declare function useEventCallback<T extends Callback>(callback: T | undefined): T;
+export {};

package/cjs/overlays/overlay/hooks/useEventCallback.js

@@ -0,0 +1,89 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventCallback = useEventCallback;
+/**
+ * Stable event callback: returns a function whose identity never changes but always
+ * invokes the latest `callback`. Avoids stale closures without re‑creating handlers.
+ *
+ * Why not `useCallback`? Its identity depends on a deps array:
+ * - omit deps -> stale; include deps -> new function each render.
+ * - This hook decouples identity from freshness.
+ *
+ * How it works: a single stable "trampoline" function delegates to a mutable ref. The current
+ * `callback` is promoted from `next` in an insertion/layout phase effect so abandoned concurrent
+ * renders cannot leak outdated handlers.
+ *
+ * Guarantees: stable identity; latest logic executed; no calls from uncommitted renders; dev
+ * error if invoked during render; safe when `callback` is undefined (no-op).
+ */
+const react_1 = __importStar(require("react"));
+const useRefWithInit_1 = require("./useRefWithInit");
+/* https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379 */
+const useInsertionEffect = react_1.default[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)];
+const useSafeInsertionEffect = 
+// React 17 doesn't have useInsertionEffect.
+useInsertionEffect &&
+    // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
+    useInsertionEffect !== react_1.useLayoutEffect
+    ? useInsertionEffect
+    : (fn) => fn();
+/**
+ * TODO: Long term, replace `useCallbackRef` with this hook.
+ */
+function useEventCallback(callback) {
+    const stable = (0, useRefWithInit_1.useRefWithInit)(createStableCallback).current;
+    stable.next = callback;
+    useSafeInsertionEffect(stable.effect);
+    return stable.trampoline;
+}
+function createStableCallback() {
+    const stable = {
+        next: undefined,
+        callback: assertNotCalled,
+        trampoline: (...args) => { var _a; return (_a = stable.callback) === null || _a === void 0 ? void 0 : _a.call(stable, ...args); },
+        effect: () => {
+            stable.callback = stable.next;
+        },
+    };
+    return stable;
+}
+function assertNotCalled() {
+    if (process.env.NODE_ENV !== "production") {
+        throw new Error("Aksel: Cannot call an event handler while rendering.");
+    }
+}
+//# sourceMappingURL=useEventCallback.js.map

package/cjs/overlays/overlay/hooks/useEventCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useEventCallback.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+Cb,4CAOC;AApDD;;;;;;;;;;;;;;GAcG;AACH,+CAA+C;AAC/C,qDAAkD;AAElD,6EAA6E;AAC7E,MAAM,kBAAkB,GAAI,eAAa,CACvC,qBAAqB,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAC7D,CAAC;AAEF,MAAM,sBAAsB;AAC1B,4CAA4C;AAC5C,kBAAkB;IAClB,8EAA8E;IAC9E,kBAAkB,KAAK,uBAAe;IACpC,CAAC,CAAC,kBAAkB;IACpB,CAAC,CAAC,CAAC,EAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;AAaxB;;GAEG;AACH,SAAgB,gBAAgB,CAC9B,QAAuB;IAEvB,MAAM,MAAM,GAAG,IAAA,+BAAc,EAAC,oBAAoB,CAAC,CAAC,OAAoB,CAAC;IACzE,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,sBAAsB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtC,OAAO,MAAM,CAAC,UAAU,CAAC;AAC3B,CAAC;AAED,SAAS,oBAAoB;IAC3B,MAAM,MAAM,GAAqB;QAC/B,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,eAAe;QACzB,UAAU,EAAE,CAAC,GAAG,IAAW,EAAE,EAAE,WAAC,OAAA,MAAA,MAAM,CAAC,QAAQ,uDAAG,GAAG,IAAI,CAAC,CAAA,EAAA;QAC1D,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC;QAChC,CAAC;KACF,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,eAAe;IACtB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;AACH,CAAC"}

package/cjs/overlays/overlay/hooks/useLatestRef.d.ts

@@ -0,0 +1,5 @@
+export declare function useLatestRef<T>(value: T): {
+    current: T;
+    next: T;
+    effect: () => void;
+};

package/cjs/overlays/overlay/hooks/useLatestRef.js

@@ -0,0 +1,23 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLatestRef = useLatestRef;
+const util_1 = require("../../../util");
+const useRefWithInit_1 = require("./useRefWithInit");
+function useLatestRef(value) {
+    const latest = (0, useRefWithInit_1.useRefWithInit)(createLatestRef, value).current;
+    latest.next = value;
+    (0, util_1.useClientLayoutEffect)(latest.effect);
+    return latest;
+}
+function createLatestRef(value) {
+    const latest = {
+        current: value,
+        next: value,
+        effect: () => {
+            latest.current = latest.next;
+        },
+    };
+    return latest;
+}
+//# sourceMappingURL=useLatestRef.js.map

package/cjs/overlays/overlay/hooks/useLatestRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatestRef.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useLatestRef.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAKb,oCAQC;AAXD,wCAAsD;AACtD,qDAAkD;AAElD,SAAgB,YAAY,CAAI,KAAQ;IACtC,MAAM,MAAM,GAAG,IAAA,+BAAc,EAAC,eAAe,EAAE,KAAK,CAAC,CAAC,OAAQ,CAAC;IAE/D,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;IAEpB,IAAA,4BAAqB,EAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAErC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,eAAe,CAAI,KAAQ;IAClC,MAAM,MAAM,GAAG;QACb,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;QAC/B,CAAC;KACF,CAAC;IACF,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/cjs/overlays/overlay/hooks/useOpenChangeComplete.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+interface useOpenChangeCompleteParameters {
+    /**
+     * Enable / disable the effect. Disabled => no animation tracking / callback.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Current open state (e.g. popover open). When this flips we wait for any
+     * associated CSS/Web animations on `ref` to finish before firing `onComplete`.
+     */
+    open?: boolean;
+    /**
+     * Element whose animations/transition we observe. Should be stable while the
+     * open/close animation runs (typically the root animated node).
+     */
+    ref?: React.RefObject<HTMLElement | null>;
+    /**
+     * Called exactly once per open-change cycle after animations finish OR
+     * immediately if animations are disabled / unsupported.
+     */
+    onComplete: () => void;
+}
+/**
+ * Waits for the element's current Web Animations / CSS transitions to finish after an
+ * `open` state change, then invokes `onComplete`. Guards against race conditions by
+ * comparing the `open` value captured at scheduling time with the latest `open` via ref;
+ * if they differ (state flipped again mid‑animation) the callback is skipped.
+ */
+export declare function useOpenChangeComplete(parameters: useOpenChangeCompleteParameters): void;
+export {};

package/cjs/overlays/overlay/hooks/useOpenChangeComplete.js

@@ -0,0 +1,35 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenChangeComplete = useOpenChangeComplete;
+const react_1 = require("react");
+const useAnimationsFinished_1 = require("./useAnimationsFinished");
+const useEventCallback_1 = require("./useEventCallback");
+const useLatestRef_1 = require("./useLatestRef");
+/**
+ * Waits for the element's current Web Animations / CSS transitions to finish after an
+ * `open` state change, then invokes `onComplete`. Guards against race conditions by
+ * comparing the `open` value captured at scheduling time with the latest `open` via ref;
+ * if they differ (state flipped again mid‑animation) the callback is skipped.
+ */
+function useOpenChangeComplete(parameters) {
+    const { enabled = true, open, ref = null, onComplete: onCompleteParam, } = parameters;
+    const openRef = (0, useLatestRef_1.useLatestRef)(open);
+    const onComplete = (0, useEventCallback_1.useEventCallback)(onCompleteParam);
+    const runOnceAnimationsFinish = (0, useAnimationsFinished_1.useAnimationsFinished)(ref, open);
+    (0, react_1.useEffect)(() => {
+        if (!enabled) {
+            return;
+        }
+        /*
+         * Schedule completion once the *current* set of animations settle. If during
+         * that wait `open` toggles again, skip to avoid firing for an outdated cycle.
+         */
+        runOnceAnimationsFinish(() => {
+            if (open === openRef.current) {
+                onComplete();
+            }
+        });
+    }, [enabled, open, onComplete, runOnceAnimationsFinish, openRef]);
+}
+//# sourceMappingURL=useOpenChangeComplete.js.map

package/cjs/overlays/overlay/hooks/useOpenChangeComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenChangeComplete.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useOpenChangeComplete.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAoCb,sDA6BC;AA/DD,iCAAyC;AACzC,mEAAgE;AAChE,yDAAsD;AACtD,iDAA8C;AAyB9C;;;;;GAKG;AACH,SAAgB,qBAAqB,CACnC,UAA2C;IAE3C,MAAM,EACJ,OAAO,GAAG,IAAI,EACd,IAAI,EACJ,GAAG,GAAG,IAAI,EACV,UAAU,EAAE,eAAe,GAC5B,GAAG,UAAU,CAAC;IAEf,MAAM,OAAO,GAAG,IAAA,2BAAY,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,IAAA,mCAAgB,EAAC,eAAe,CAAC,CAAC;IACrD,MAAM,uBAAuB,GAAG,IAAA,6CAAqB,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED;;;WAGG;QACH,uBAAuB,CAAC,GAAG,EAAE;YAC3B,IAAI,IAAI,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC;gBAC7B,UAAU,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC;AACpE,CAAC"}

package/cjs/overlays/overlay/hooks/useRefWithInit.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * useRef initialized with a function on mount.
+ */
+declare function useRefWithInit<T>(init: () => T): React.RefObject<T>;
+declare function useRefWithInit<T, U>(init: (arg: U) => T, initArg: U): React.RefObject<T>;
+export { useRefWithInit };

package/cjs/overlays/overlay/hooks/useRefWithInit.js

@@ -0,0 +1,14 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefWithInit = useRefWithInit;
+const react_1 = require("react");
+const UNINITIALIZED = {};
+function useRefWithInit(init, initArg) {
+    const ref = (0, react_1.useRef)(UNINITIALIZED);
+    if (ref.current === UNINITIALIZED) {
+        ref.current = init(initArg);
+    }
+    return ref;
+}
+//# sourceMappingURL=useRefWithInit.js.map

package/cjs/overlays/overlay/hooks/useRefWithInit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefWithInit.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useRefWithInit.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAwBJ,wCAAc;AAtBvB,iCAAsC;AAEtC,MAAM,aAAa,GAAG,EAAE,CAAC;AAUzB,SAAS,cAAc,CAAC,IAAgC,EAAE,OAAiB;IACzE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,aAAoB,CAAC,CAAC;IAEzC,IAAI,GAAG,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;QAClC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC"}

package/cjs/pagination/PaginationItem.js

@@ -52,7 +52,7 @@ exports.Item = (0, react_1.forwardRef)((_a, ref) => {
     var { children, as: Component = "button", selected = false, className, page, "data-color": color } = _a, rest = __rest(_a, ["children", "as", "selected", "className", "page", "data-color"]);
     const themeContext = (0, Theme_1.useThemeInternal)(false);
     const { cn } = (0, Theme_1.useRenameCSS)();
-    return (react_1.default.createElement(button_1.Button, Object.assign({ as: Component, variant: themeContext ? "tertiary-neutral" : "tertiary", "data-color": color, "aria-current": selected, "data-pressed": selected, ref: ref, className: cn("navds-pagination__item", className, {
+    return (react_1.default.createElement(button_1.Button, Object.assign({ as: Component, variant: (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? "tertiary-neutral" : "tertiary", "data-color": color, "aria-current": selected, "data-pressed": selected, ref: ref, className: cn("navds-pagination__item", className, {
             "navds-pagination__item--selected": selected,
         }), "data-page": page, 
         /* TODO: Breaking change to remove since it's in use by some applications. Add to future major version. */

package/cjs/pagination/PaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/pagination/PaginationItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,sCAAgD;AAChD,0CAAgE;AA2BnD,QAAA,IAAI,GAAuB,IAAA,kBAAU,EAChD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,iEAQC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,eAAM,kBACL,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,gBAC3C,KAAK,kBACH,QAAQ,kBACR,QAAQ,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACjD,kCAAkC,EAAE,QAAQ;SAC7C,CAAC,eACS,IAAI;QACf,0GAA0G;QAC1G,IAAI,EAAE,IAAI,IACN,CAAC,SAAS,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC9C,IAAI,GAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/pagination/PaginationItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,sCAAgD;AAChD,0CAAgE;AA2BnD,QAAA,IAAI,GAAuB,IAAA,kBAAU,EAChD,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,EAAE,EAAE,SAAS,GAAG,QAAQ,EACxB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,KAAK,OAEpB,EADI,IAAI,cAPT,iEAQC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,eAAM,kBACL,EAAE,EAAE,SAAS,EACb,OAAO,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,gBACvD,KAAK,kBACH,QAAQ,kBACR,QAAQ,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,EAAE;YACjD,kCAAkC,EAAE,QAAQ;SAC7C,CAAC,eACS,IAAI;QACf,0GAA0G;QAC1G,IAAI,EAAE,IAAI,IACN,CAAC,SAAS,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC9C,IAAI,GAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,YAAI,CAAC"}

package/cjs/popover/Popover.js

@@ -91,7 +91,7 @@ exports.Popover = (0, react_2.forwardRef)((_a, ref) => {
         placement,
         open,
         middleware: [
-            (0, react_1.offset)(offset !== null && offset !== void 0 ? offset : (themeContext ? 8 : arrow ? 16 : 4)),
+            (0, react_1.offset)(offset !== null && offset !== void 0 ? offset : ((themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) ? 8 : arrow ? 16 : 4)),
             chosenFlip &&
                 (0, react_1.flip)({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
             (0, react_1.shift)({ padding: 12 }),
@@ -122,7 +122,7 @@ exports.Popover = (0, react_2.forwardRef)((_a, ref) => {
                 "navds-popover--hidden": !open || !anchorEl,
             }), style: Object.assign(Object.assign({}, rest.style), floatingStyles), "data-placement": flPlacement, "aria-hidden": !open || !anchorEl }),
             children,
-            arrow && !themeContext && (react_2.default.createElement("div", { ref: (node) => {
+            arrow && !(themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) && (react_2.default.createElement("div", { ref: (node) => {
                     arrowRef.current = node;
                 }, style: Object.assign(Object.assign(Object.assign({}, (arrowX != null ? { left: arrowX } : {})), (arrowY != null ? { top: arrowY } : {})), (staticSide ? { [staticSide]: "-0.5rem" } : {})), className: cn("navds-popover__arrow") })))));
 });

package/cjs/popover/Popover.js.map

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

package/cjs/portal/Portal.js

@@ -64,7 +64,7 @@ exports.Portal = (0, react_1.forwardRef)((_a, ref) => {
      * Portal can be mounted outside of theme-classNames.
      * If a theme is present, we want to make sure that theme cascades to portaled element.
      */
-    if (themeContext) {
+    if (themeContext === null || themeContext === void 0 ? void 0 : themeContext.isDarkside) {
         return root
             ? react_dom_1.default.createPortal(react_1.default.createElement(Theme_1.Theme, { theme: themeContext.theme, asChild: true, hasBackground: false, "data-color": themeContext.color },
                 react_1.default.createElement(Component, Object.assign({ ref: ref, "data-aksel-portal": "" }, rest))), root)

package/cjs/portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0DAAiC;AACjC,mDAAmD;AACnD,uCAAoC;AACpC,0CAAyD;AAY5C,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAiC,EAAE,GAAG,EAAE,EAAE;;QAA1C,EAAE,WAAW,EAAE,OAAO,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAA,IAAA,sBAAW,GAAE,0CAAE,WAAW,CAAC;IAC/C,MAAM,IAAI,GAAG,MAAA,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW,mCAAI,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,IAAI,CAAC;IAEtE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC;;;OAGG;IACH,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,IAAI;YACT,CAAC,CAAC,mBAAQ,CAAC,YAAY,CACnB,8BAAC,aAAK,IACJ,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,QACP,aAAa,EAAE,KAAK,gBACR,YAAY,CAAC,KAAK;gBAE9B,8BAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,uBAAoB,EAAE,IAAK,IAAI,EAAI,CAChD,EACR,IAAI,CACL;YACH,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,OAAO,IAAI;QACT,CAAC,CAAC,mBAAQ,CAAC,YAAY,CACnB,8BAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,uBAAoB,EAAE,IAAK,IAAI,EAAI,EACtD,IAAI,CACL;QACH,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,kBAAe,cAAM,CAAC"}
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../src/portal/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0DAAiC;AACjC,mDAAmD;AACnD,uCAAoC;AACpC,0CAAyD;AAY5C,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAiC,EAAE,GAAG,EAAE,EAAE;;QAA1C,EAAE,WAAW,EAAE,OAAO,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAA,IAAA,sBAAW,GAAE,0CAAE,WAAW,CAAC;IAC/C,MAAM,IAAI,GAAG,MAAA,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW,mCAAI,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,IAAI,CAAC;IAEtE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC;;;OAGG;IACH,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI;YACT,CAAC,CAAC,mBAAQ,CAAC,YAAY,CACnB,8BAAC,aAAK,IACJ,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,OAAO,QACP,aAAa,EAAE,KAAK,gBACR,YAAY,CAAC,KAAK;gBAE9B,8BAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,uBAAoB,EAAE,IAAK,IAAI,EAAI,CAChD,EACR,IAAI,CACL;YACH,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAED,OAAO,IAAI;QACT,CAAC,CAAC,mBAAQ,CAAC,YAAY,CACnB,8BAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,uBAAoB,EAAE,IAAK,IAAI,EAAI,EACtD,IAAI,CACL;QACH,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,kBAAe,cAAM,CAAC"}

package/cjs/table/ExpandableRow.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { RowProps } from "./Row";
-export interface ExpandableRowProps extends Omit<RowProps, "content"> {
+export interface ExpandableRowProps extends Omit<RowProps, "content" | "onRowClick"> {
     /**
      * Content of the expanded row
      */

package/cjs/table/ExpandableRow.js

@@ -58,6 +58,7 @@ const i18n_hooks_1 = require("../util/i18n/i18n.hooks");
 const AnimateHeight_1 = __importDefault(require("./AnimateHeight"));
 const DataCell_1 = __importDefault(require("./DataCell"));
 const Row_1 = __importDefault(require("./Row"));
+const Table_utils_1 = require("./Table.utils");
 exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, expandOnRowClick = false, colSpan = 999, contentGutter, onClick } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "expandOnRowClick", "colSpan", "contentGutter", "onClick"]);
     const { cn } = (0, Theme_1.useRenameCSS)();
@@ -75,7 +76,7 @@ exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
     const handleRowClick = (event) => {
         expandOnRowClick &&
             !expansionDisabled &&
-            !isInteractiveTarget(event.target) &&
+            !(0, Table_utils_1.isElementInteractiveTarget)(event.target) &&
             expansionHandler(event);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -94,14 +95,5 @@ exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
             react_1.default.createElement("td", { colSpan: colSpan, className: cn("navds-table__expanded-row-cell") },
                 react_1.default.createElement(AnimateHeight_1.default, { className: cn("navds-table__expanded-row-collapse"), innerClassName: cn(`navds-table__expanded-row-content navds-table__expanded-row-content--gutter-${contentGutter !== null && contentGutter !== void 0 ? contentGutter : togglePlacement}`), height: _open ? "auto" : 0, duration: 150, easing: "cubic-bezier(0.39,0.57,0.56,1)" }, content)))));
 });
-function isInteractiveTarget(elm) {
-    if (elm.nodeName === "TD" || elm.nodeName === "TH" || !elm.parentElement) {
-        return false;
-    }
-    if (["BUTTON", "DETAILS", "LABEL", "SELECT", "TEXTAREA", "INPUT", "A"].includes(elm.nodeName)) {
-        return true;
-    }
-    return isInteractiveTarget(elm.parentElement);
-}
 exports.default = exports.ExpandableRow;
 //# sourceMappingURL=ExpandableRow.js.map

package/cjs/table/ExpandableRow.js.map

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

package/cjs/table/Row.d.ts

@@ -10,6 +10,13 @@ export interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
      * @default true
      */
     shadeOnHover?: boolean;
+    /**
+     * Click handler for row. This differs from onClick by not being called
+     * when clicking on interactive elements within the row (buttons, links, inputs etc).
+     *
+     * **Warning:** This will not be accessible by keyboard! Provide an alternative way to select the row, e.g. a checkbox or a button.
+     */
+    onRowClick?: (event: React.MouseEvent<HTMLTableRowElement>) => void;
 }
 export type RowType = React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLTableRowElement>>;
 export declare const Row: RowType;

package/cjs/table/Row.js

@@ -47,13 +47,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Row = void 0;
 const react_1 = __importStar(require("react"));
 const Theme_1 = require("../theme/Theme");
+const composeEventHandlers_1 = require("../util/composeEventHandlers");
+const Table_utils_1 = require("./Table.utils");
 exports.Row = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, selected = false, shadeOnHover = true } = _a, rest = __rest(_a, ["className", "selected", "shadeOnHover"]);
+    var { className, selected = false, shadeOnHover = true, onClick, onRowClick } = _a, rest = __rest(_a, ["className", "selected", "shadeOnHover", "onClick", "onRowClick"]);
     const { cn } = (0, Theme_1.useRenameCSS)();
+    const handleRowClick = (event) => {
+        if (!onRowClick) {
+            return;
+        }
+        if ((0, Table_utils_1.isElementInteractiveTarget)(event.target)) {
+            return;
+        }
+        onRowClick(event);
+    };
     return (react_1.default.createElement("tr", Object.assign({}, rest, { ref: ref, className: cn("navds-table__row", className, {
             "navds-table__row--selected": selected,
             "navds-table__row--shade-on-hover": shadeOnHover,
-        }) })));
+        }), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleRowClick), "data-interactive": !!onRowClick })));
 });
 exports.default = exports.Row;
 //# sourceMappingURL=Row.js.map

package/cjs/table/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/table/Row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAmBjC,QAAA,GAAG,GAAY,IAAA,kBAAU,EACpC,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,GAAG,IAAI,OAAW,EAAN,IAAI,cAA3D,yCAA6D,CAAF;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE;YAC3C,4BAA4B,EAAE,QAAQ;YACtC,kCAAkC,EAAE,YAAY;SACjD,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,WAAG,CAAC"}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/table/Row.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAC9C,uEAAoE;AACpE,+CAA2D;AA0B9C,QAAA,GAAG,GAAY,IAAA,kBAAU,EACpC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,IAAI,EACnB,OAAO,EACP,UAAU,OAEX,EADI,IAAI,cANT,kEAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,cAAc,GAAG,CAAC,KAA4C,EAAE,EAAE;QACtE,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QACD,IAAI,IAAA,wCAA0B,EAAC,KAAK,CAAC,MAAqB,CAAC,EAAE,CAAC;YAC5D,OAAO;QACT,CAAC;QACD,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE;YAC3C,4BAA4B,EAAE,QAAQ;YACtC,kCAAkC,EAAE,YAAY;SACjD,CAAC,EACF,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,cAAc,CAAC,sBACpC,CAAC,CAAC,UAAU,IAC9B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,WAAG,CAAC"}

package/cjs/table/Table.utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Walks up from the event target until TR/TH (row / header) or root.
+ * Returns true if any ancestor is inherently interactive, explicitly focusable,
+ * or has an interactive ARIA role.
+ * Used to decide whether a row click should be treated as a row selection
+ * or ignored because the user interacted with an embedded control.
+ */
+declare function isElementInteractiveTarget(element: HTMLElement | null): boolean;
+export { isElementInteractiveTarget };