@navikt/ds-react 7.35.3 → 7.37.0

package/src/util/focus-boundary/FocusBoundary.tsx

@@ -8,8 +8,9 @@ import React, {
 import { Slot } from "../../slot/Slot";
 import { useClientLayoutEffect, useMergeRefs } from "../../util/hooks";
 import { hideNonTargetElements } from "../hideNonTargetElements";
-import { useLatestRef } from "../hooks/useLatestRef";
+import { useValueAsRef } from "../hooks/useValueAsRef";
 import { ownerDocument } from "../owner";
+import { resolveRef } from "../resolveRef";
 
 /* -------------------------------------------------------------------------- */
 /*                                 FocusBoundary                                 */
@@ -59,7 +60,10 @@ interface FocusBoundaryProps extends React.HTMLAttributes<HTMLDivElement> {
    *
    * Set to `false` to not focus anything.
    */
-  returnFocus?: boolean | React.MutableRefObject<HTMLElement | null>;
+  returnFocus?:
+    | boolean
+    | React.MutableRefObject<HTMLElement | null>
+    | (() => boolean | HTMLElement | null | undefined);
   /**
    * Hides all outside content from screen readers when true.
    * @default false
@@ -79,8 +83,8 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
     }: FocusBoundaryProps,
     forwardedRef,
   ) => {
-    const initialFocusRef = useLatestRef(initialFocus);
-    const returnFocusRef = useLatestRef(returnFocus);
+    const initialFocusRef = useValueAsRef(initialFocus);
+    const returnFocusRef = useValueAsRef(returnFocus);
 
     const lastFocusedElementRef = useRef<HTMLElement | null>(null);
     const [container, setContainer] = useState<HTMLElement | null>(null);
@@ -121,7 +125,6 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
         }
 
         const relatedTarget = event.relatedTarget as HTMLElement | null;
-
         /*
          * `focusout` event with a `null` `relatedTarget` will happen in a few known cases:
          * 1. When the user switches app/tabs/windows/the browser itself loses focus.
@@ -181,6 +184,11 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
         return;
       }
 
+      const ownerDoc = ownerDocument(container);
+      const activeElement = ownerDoc.activeElement;
+      const closestContainer = activeElement?.closest("[data-focus-boundary]");
+
+      addPreviouslyFocusedElement(ownerDoc.activeElement, closestContainer);
       focusBoundarysStack.add(focusBoundary);
 
       return () => {
@@ -190,6 +198,17 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
       };
     }, [container, focusBoundary]);
 
+    /**
+     * On unmount, we need to clean up previously focused elements associated with this container
+     * This makes sure we don't accidentally try to focus elements that are no longer relevant
+     * or will be removed from the DOM.
+     */
+    useEffect(() => {
+      return () => {
+        container && deleteContainerAndPreviouslyFocusedElements(container);
+      };
+    }, [container]);
+
     useEffect(() => {
       if (!container || !modal) {
         return;
@@ -253,10 +272,14 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
         return;
       }
       const ownerDoc = ownerDocument(container);
-      const previouslyFocusedElement = ownerDoc.activeElement;
 
       function getReturnElement() {
-        let resolvedReturnFocusValue = returnFocusRef.current;
+        const resolvedReturnFocusValueOrFn = returnFocusRef.current;
+
+        let resolvedReturnFocusValue =
+          typeof resolvedReturnFocusValueOrFn === "function"
+            ? resolvedReturnFocusValueOrFn()
+            : resolvedReturnFocusValueOrFn;
 
         if (
           resolvedReturnFocusValue === undefined ||
@@ -271,11 +294,11 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
         }
 
         if (typeof resolvedReturnFocusValue === "boolean") {
-          const el = previouslyFocusedElement;
+          const el = getPreviouslyFocusedElement();
           return el?.isConnected ? el : ownerDoc.body;
         }
 
-        const fallback = previouslyFocusedElement || ownerDoc.body;
+        const fallback = getPreviouslyFocusedElement() || ownerDoc.body;
 
         return resolveRef(resolvedReturnFocusValue) || fallback;
       }
@@ -354,6 +377,7 @@ const FocusBoundary = forwardRef<HTMLDivElement, FocusBoundaryProps>(
         {...restProps}
         ref={mergedRefs}
         onKeyDown={handleKeyDown}
+        data-focus-boundary
       />
     );
   },
@@ -508,16 +532,51 @@ function removeLinks(items: HTMLElement[]) {
   return items.filter((item) => item.tagName !== "A");
 }
 
+const LIST_LIMIT = 10;
+let previouslyFocusedElements: Element[] = [];
+const focusedElementsByContainer = new WeakMap<Element, Element[]>();
+
+function clearDisconnectedPreviouslyFocusedElements() {
+  previouslyFocusedElements = previouslyFocusedElements.filter(
+    (el) => el.isConnected,
+  );
+}
+
 /**
- * If the provided argument is a ref object, returns its `current` value.
- * Otherwise, returns the argument itself.
- *
- * Non-generic to safely handle refs whose `.current` may be `null`.
+ * Removes "will be" unmounted elements from previouslyFocusedElements,
+ * and deletes the container from focusedElementsByContainer.
  */
-function resolveRef(
-  maybeRef: HTMLElement | React.RefObject<HTMLElement | null | undefined>,
-): HTMLElement | null | undefined {
-  return "current" in maybeRef ? maybeRef.current : maybeRef;
+function deleteContainerAndPreviouslyFocusedElements(container: HTMLElement) {
+  const nestedElements = focusedElementsByContainer.get(container) || [];
+  previouslyFocusedElements = previouslyFocusedElements.filter((el) => {
+    return !nestedElements.includes(el);
+  });
+  focusedElementsByContainer.delete(container);
+}
+
+function addPreviouslyFocusedElement(
+  element: Element | null,
+  container: Element | null | undefined,
+) {
+  clearDisconnectedPreviouslyFocusedElements();
+  if (element && element?.nodeName !== "BODY") {
+    previouslyFocusedElements.push(element);
+
+    if (container) {
+      const nestedElements = focusedElementsByContainer.get(container) || [];
+      nestedElements.push(element);
+      focusedElementsByContainer.set(container, nestedElements);
+    }
+
+    if (previouslyFocusedElements.length > LIST_LIMIT) {
+      previouslyFocusedElements = previouslyFocusedElements.slice(-LIST_LIMIT);
+    }
+  }
+}
+
+function getPreviouslyFocusedElement() {
+  clearDisconnectedPreviouslyFocusedElements();
+  return previouslyFocusedElements[previouslyFocusedElements.length - 1];
 }
 
 export { FocusBoundary };

package/src/util/hideNonTargetElements.ts

@@ -169,11 +169,11 @@ function hideNonTargetElements(avoidElements: Element[]): UndoFn {
    * Assume that elements with `aria-live` or `script` tags should not be hidden.
    * This ensures that live regions and scripts continue to function properly.
    */
-  const ingoredElements = Array.from(
+  const ignoredElements = Array.from(
     body.querySelectorAll("[aria-live], script"),
   );
 
-  return applyAttributeToOthers(avoidElements.concat(ingoredElements), body);
+  return applyAttributeToOthers(avoidElements.concat(ignoredElements), body);
 }
 
 export { hideNonTargetElements };

package/src/util/hooks/descendants/useDescendant.tsx

@@ -2,7 +2,7 @@
  * https://github.com/chakra-ui/chakra-ui/tree/5ec0be610b5a69afba01a9c22365155c1b519136/packages/components/descendant
  */
 import React, { useRef, useState } from "react";
-import { createContext } from "../../create-context";
+import { createStrictContext } from "../../create-strict-context";
 import { useClientLayoutEffect } from "../useClientLayoutEffect";
 import { mergeRefs } from "../useMergeRefs";
 import { DescendantOptions, DescendantsManager } from "./descendant";
@@ -15,9 +15,10 @@ export function createDescendantContext<
   T extends HTMLElement = HTMLElement,
   K extends Record<string, any> = object,
 >() {
-  const [DescendantsContextProvider, useDescendantsContext] = createContext<
-    ReturnType<typeof useDescendants>
-  >({
+  const {
+    Provider: DescendantsContextProvider,
+    useContext: useDescendantsContext,
+  } = createStrictContext<ReturnType<typeof useDescendants>>({
     name: "DescendantsProvider",
     errorMessage:
       "useDescendantsContext must be used within DescendantsProvider",

package/src/util/hooks/index.ts

@@ -1,4 +1,3 @@
-export { useCallbackRef } from "./useCallbackRef";
 export { useClientLayoutEffect } from "./useClientLayoutEffect";
 export { useControllableState } from "./useControllableState";
 export { useMergeRefs } from "./useMergeRefs";

package/src/{overlays/overlay → util}/hooks/useAnimationsFinished.ts

@@ -2,7 +2,8 @@
 
 import React, { useCallback, useEffect } from "react";
 import ReactDOM from "react-dom";
-import { useEventCallback } from "../../../util/hooks/useEventCallback";
+import { resolveRef } from "../resolveRef";
+import { useEventCallback } from "./useEventCallback";
 
 /**
  * Returns a stable function that, when invoked, waits for all current CSS/Web Animations
@@ -15,7 +16,7 @@ import { useEventCallback } from "../../../util/hooks/useEventCallback";
  *
  * 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`),
+ *  2. If `getAnimations` is unsupported or animations are globally disabled (`AKSEL_NO_EXIT_ANIMATIONS`),
  *     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
@@ -66,12 +67,8 @@ export function useAnimationsFinished(
       // Cancel any in-flight scheduling from a previous invocation (next-frame debounce semantics)
       cancelScheduled();
 
-      if (elementOrRef == null) {
-        return;
-      }
+      const element = resolveRef(elementOrRef);
 
-      const element =
-        "current" in elementOrRef ? elementOrRef.current : elementOrRef;
       if (element == null) {
         return;
       }
@@ -80,7 +77,7 @@ export function useAnimationsFinished(
       if (
         typeof element.getAnimations !== "function" ||
         // Flag hook for test envs.
-        (globalThis as any).AKSEL_ANIMATIONS_DISABLED
+        (globalThis as any).AKSEL_NO_EXIT_ANIMATIONS
       ) {
         fnToExecute();
         return;
@@ -96,7 +93,9 @@ export function useAnimationsFinished(
           Promise.allSettled(
             element.getAnimations().map((anim) => anim.finished),
           ).then(() => {
-            if (signal?.aborted) return;
+            if (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.

package/src/util/hooks/useControllableState.ts

@@ -1,6 +1,6 @@
 // https://github.com/chakra-ui/chakra-ui/tree/5ec0be610b5a69afba01a9c22365155c1b519136/packages/hooks/use-controllable-state
 import { useState } from "react";
-import { useCallbackRef } from "./useCallbackRef";
+import { useEventCallback } from "./useEventCallback";
 
 export interface UseControllableStateProps<T> {
   value?: T;
@@ -16,25 +16,22 @@ export function useControllableState<T>({
   defaultValue,
   onChange,
 }: UseControllableStateProps<T>) {
-  const onChangeProp = useCallbackRef(onChange);
+  const onChangeProp = useEventCallback(onChange);
 
   const [uncontrolledState, setUncontrolledState] = useState(defaultValue);
   const controlled = valueProp !== undefined;
   const value = controlled ? valueProp : uncontrolledState;
 
-  const setValue = useCallbackRef(
-    (next: React.SetStateAction<T>) => {
-      const setter = next as (prevState?: T) => T;
-      const nextValue = typeof next === "function" ? setter(value) : next;
+  const setValue = useEventCallback((next: React.SetStateAction<T>) => {
+    const setter = next as (prevState?: T) => T;
+    const nextValue = typeof next === "function" ? setter(value) : next;
 
-      if (!controlled) {
-        setUncontrolledState(nextValue);
-      }
+    if (!controlled) {
+      setUncontrolledState(nextValue);
+    }
 
-      onChangeProp(nextValue);
-    },
-    [controlled, onChangeProp, value],
-  );
+    onChangeProp(nextValue);
+  });
 
   return [value, setValue] as const;
 }

package/src/util/hooks/useEventCallback.ts

@@ -14,6 +14,8 @@
  *
  * Guarantees: stable identity; latest logic executed; no calls from uncommitted renders; dev
  * error if invoked during render; safe when `callback` is undefined (no-op).
+ *
+ * This hook is a more permissive version of React 19.2's `React.useEffectEvent` in that it can be passed through contexts and called in event handler props, not just effects.
  */
 import React, { useLayoutEffect } from "react";
 import { useRefWithInit } from "./useRefWithInit";
@@ -42,12 +44,7 @@ type Stable<T extends Callback> = {
   effect: () => void;
 };
 
-/**
- * TODO: Long term, replace `useCallbackRef` with this hook.
- */
-export function useEventCallback<T extends Callback>(
-  callback: T | undefined,
-): T {
+function useEventCallback<T extends Callback>(callback: T | undefined): T {
   const stable = useRefWithInit(createStableCallback).current as Stable<T>;
   stable.next = callback;
   useSafeInsertionEffect(stable.effect);
@@ -71,3 +68,5 @@ function assertNotCalled() {
     throw new Error("Aksel: Cannot call an event handler while rendering.");
   }
 }
+
+export { useEventCallback };

package/src/util/hooks/useId.ts

@@ -3,10 +3,15 @@
 //https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
 import React, { useEffect, useState } from "react";
 
+/* eslint-disable react-hooks/rules-of-hooks */
+
 let globalId = 0;
 function useGlobalId(idOverride?: string): string | undefined {
+  // biome-ignore lint/correctness/useHookAtTopLevel: At runtime, `useGlobalId` is invariant.
   const [defaultId, setDefaultId] = useState(idOverride);
   const id = idOverride || defaultId;
+
+  // biome-ignore lint/correctness/useHookAtTopLevel: At runtime, `useGlobalId` is invariant.
   useEffect(() => {
     if (defaultId == null) {
       // Fallback to this default id when possible.
@@ -34,6 +39,6 @@ export function useId(idOverride?: string): string {
     const reactId = maybeReactUseId();
     return idOverride ?? reactId.replace(/(:)/g, "");
   }
-  // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.
+  // biome-ignore lint/correctness/useHookAtTopLevel: `useId` is invariant at runtime.
   return useGlobalId(idOverride) ?? "";
 }

package/src/util/hooks/useMergeRefs.ts

@@ -1,3 +1,5 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+
 /* https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/composeRefs.tsx */
 import React from "react";
 
@@ -27,6 +29,6 @@ export function mergeRefs<T>(refs: PossibleRef<T>[]) {
  * @returns React.useCallback(mergeRefs(refs), refs)
  */
 export function useMergeRefs<T>(...refs: PossibleRef<T>[]) {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // biome-ignore lint/correctness/useExhaustiveDependencies: we want to only update if refs change
   return React.useCallback(mergeRefs(refs), refs);
 }

package/src/{overlays/overlay → util}/hooks/useOpenChangeAnimationComplete.ts

@@ -1,9 +1,9 @@
 "use client";
 
 import React, { useEffect } from "react";
-import { useEventCallback } from "../../../util/hooks/useEventCallback";
-import { useLatestRef } from "../../../util/hooks/useLatestRef";
 import { useAnimationsFinished } from "./useAnimationsFinished";
+import { useEventCallback } from "./useEventCallback";
+import { useValueAsRef } from "./useValueAsRef";
 
 interface useOpenChangeAnimationCompleteParameters {
   /**
@@ -44,7 +44,7 @@ export function useOpenChangeAnimationComplete(
     onComplete: onCompleteParam,
   } = parameters;
 
-  const openRef = useLatestRef(open);
+  const openRef = useValueAsRef(open);
   const onComplete = useEventCallback(onCompleteParam);
   const runOnceAnimationsFinish = useAnimationsFinished(ref, open);
 

package/src/util/hooks/usePrevious.ts

@@ -12,5 +12,6 @@ export const usePrevious = <T>(value: T): T | undefined => {
   useEffect(() => {
     ref.current = value;
   }, [value]);
+
   return ref.current;
 };

package/src/util/hooks/useScrollLock.ts

@@ -107,7 +107,6 @@ function preventScrollStandard(referenceElement: Element | null) {
     const supportsStableScrollbarGutter =
       typeof CSS !== "undefined" &&
       CSS.supports?.("scrollbar-gutter", "stable");
-
     /*
      * DOM writes:
      * Do not read the DOM past this point!

package/src/{overlays/overlay → util}/hooks/useTransitionStatus.ts

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import ReactDOM from "react-dom";
-import { useClientLayoutEffect } from "../../../util";
+import { useClientLayoutEffect } from "./useClientLayoutEffect";
 
 type TransitionStatus = "entering" | "exiting" | "idle" | undefined;
 
@@ -141,5 +141,17 @@ function useTransitionStatus(
   );
 }
 
-export { useTransitionStatus };
+/**
+ * Creates a single data attribute with optional suffix
+ * (e.g., data-entering-style, data-exiting-style, data-idle-style)
+ */
+function createTransitionStatusAttribute(value?: string): Record<string, true> {
+  if (!value) {
+    return {};
+  }
+
+  return { [`data-${value}-style`]: true };
+}
+
+export { useTransitionStatus, createTransitionStatusAttribute };
 export type { TransitionStatus };

package/src/util/hooks/{useLatestRef.ts → useValueAsRef.ts}

@@ -3,7 +3,7 @@
 import { useClientLayoutEffect } from "./useClientLayoutEffect";
 import { useRefWithInit } from "./useRefWithInit";
 
-export function useLatestRef<T>(value: T) {
+function useValueAsRef<T>(value: T) {
   const latest = useRefWithInit(createLatestRef, value).current!;
 
   latest.next = value;
@@ -24,3 +24,5 @@ function createLatestRef<T>(value: T) {
   };
   return latest;
 }
+
+export { useValueAsRef };

package/src/util/link-anchor/LinkAnchor.tsx

@@ -9,7 +9,7 @@ import { ArrowRightIcon } from "@navikt/aksel-icons";
 import { Slot } from "../../slot/Slot";
 import { useRenameCSS } from "../../theme/Theme";
 import { composeEventHandlers } from "../composeEventHandlers";
-import { createContext } from "../create-context";
+import { createStrictContext } from "../create-strict-context";
 import { useMergeRefs } from "../hooks/useMergeRefs";
 import { ownerWindow } from "../owner";
 import { AsChildProps } from "../types";
@@ -18,10 +18,12 @@ type LinkAnchorOverlayContextProps = {
   anchorRef: React.RefObject<HTMLAnchorElement | null>;
 };
 
-const [LinkAnchorContextProvider, useLinkAnchorContext] =
-  createContext<LinkAnchorOverlayContextProps>({
-    name: "LinkAnchorOverlayContext",
-  });
+const {
+  Provider: LinkAnchorContextProvider,
+  useContext: useLinkAnchorContext,
+} = createStrictContext<LinkAnchorOverlayContextProps>({
+  name: "LinkAnchorOverlayContext",
+});
 
 type LinkAnchorOverlayProps = HTMLAttributes<HTMLDivElement> & AsChildProps;
 

package/src/util/resolveRef.ts

@@ -0,0 +1,20 @@
+/**
+ * If the provided argument is a ref object, returns its `current` value.
+ * Otherwise, returns the argument itself.
+ *
+ * Non-generic to safely handle refs whose `.current` may be `null`.
+ */
+function resolveRef(
+  maybeRef:
+    | HTMLElement
+    | React.RefObject<HTMLElement | null | undefined>
+    | null,
+): HTMLElement | null | undefined {
+  if (maybeRef === null) {
+    return maybeRef;
+  }
+
+  return "current" in maybeRef ? maybeRef.current : maybeRef;
+}
+
+export { resolveRef };

package/src/util/virtualfocus/Context.tsx

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from "react";
-import { createContext } from "../create-context";
+import { createStrictContext } from "../create-strict-context";
 import { createDescendantContext } from "../hooks/descendants/useDescendant";
 import { SlottedDivElementRef } from "./SlottedDivElement";
 
@@ -16,12 +16,14 @@ export const [
   }
 >();
 
-export const [
-  VirtualFocusInternalContextProvider,
-  useVirtualFocusInternalContext,
-] = createContext<{
+export const {
+  Provider: VirtualFocusInternalContextProvider,
+  useContext: useVirtualFocusInternalContext,
+} = createStrictContext<{
   virtualFocusIdx: number;
   setVirtualFocusIdx: Dispatch<SetStateAction<number>>;
   loop: boolean;
   uniqueId: string;
-}>();
+}>({
+  name: "VirtualFocusInternalContext",
+});

package/cjs/link/stories/RandomIcon.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const RandomIcon: () => React.JSX.Element;

package/cjs/link/stories/RandomIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RandomIcon.js","sourceRoot":"","sources":["../../../src/link/stories/RandomIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8DAAgD;AAEhD,4CAA4C;AAC5C,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAEzD,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,OAAO,8BAAC,IAAI,OAAG,CAAC;AAClB,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB"}

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

@@ -1 +0,0 @@
-{"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,2EAAwE;AAExE;;;;;;;;;;;;;;;;;;;;;;;;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/useOpenChangeAnimationComplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOpenChangeAnimationComplete.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useOpenChangeAnimationComplete.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAoCb,wEA6BC;AA/DD,iCAAyC;AACzC,2EAAwE;AACxE,mEAAgE;AAChE,mEAAgE;AAyBhE;;;;;GAKG;AACH,SAAgB,8BAA8B,CAC5C,UAAoD;IAEpD,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/useTransitionStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTransitionStatus.js","sourceRoot":"","sources":["../../../../src/overlays/overlay/hooks/useTransitionStatus.ts"],"names":[],"mappings":"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"}

package/cjs/util/create-context.d.ts

@@ -1,20 +0,0 @@
-/**
- * Custom createContext to consolidate context-implementation across the system
- * Inspired by:
- * - https://github.com/radix-ui/primitives/blob/main/packages/react/context/src/createContext.tsx
- * - https://github.com/chakra-ui/chakra-ui/blob/5ec0be610b5a69afba01a9c22365155c1b519136/packages/hooks/context/src/index.ts
- */
-import React from "react";
-export interface CreateContextOptions<T> {
-    hookName?: string;
-    providerName?: string;
-    errorMessage?: string;
-    name?: string;
-    defaultValue?: T;
-}
-type ProviderProps<T> = T & {
-    children: React.ReactNode;
-};
-export declare function createContext<T>(options?: CreateContextOptions<T>): readonly [React.ForwardRefExoticComponent<React.PropsWithoutRef<ProviderProps<T>> & React.RefAttributes<unknown>>, <S extends boolean = true>(strict?: S) => Context<S, T>];
-type Context<S, T> = S extends true ? T : T | undefined;
-export {};

package/cjs/util/create-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-context.js","sourceRoot":"","sources":["../../src/util/create-context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,sCAkDC;AA5ED;;;;;GAKG;AACH,+CAIe;AAYf,SAAS,eAAe,CAAC,IAAY,EAAE,QAAgB;IACrD,OAAO,GAAG,IAAI,sEAAsE,QAAQ,EAAE,CAAC;AACjG,CAAC;AAED,SAAgB,aAAa,CAAI,UAAmC,EAAE;IACpE,MAAM,EACJ,IAAI,EACJ,QAAQ,GAAG,YAAY,EACvB,YAAY,GAAG,UAAU,EACzB,YAAY,EACZ,YAAY,GACb,GAAG,OAAO,CAAC;IAEZ,MAAM,OAAO,GAAG,IAAA,qBAAkB,EAAgB,YAAY,CAAC,CAAC;IAEhE;;;OAGG;IACH,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CAAC,EAAwB,EAAE,GAAG,EAAE,EAAE;QAChC,0CAA0C;YAD3C,EAAE,QAAQ,OAAc,EAAT,OAAO,cAAtB,YAAwB,CAAF;QAGrB,6GAA6G;QAC7G,MAAM,KAAK,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAM,CAAC,CAAC,kDAAkD;QAE3H,OAAO,CACL,8BAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,CAAC,CAAC,iCAAM,KAAK,KAAE,GAAG,IAAG,CAAC,CAAC,KAAK,IACrD,QAAQ,CACQ,CACpB,CAAC;IACJ,CAAC,CACF,CAAC;IAEF,SAAS,UAAU,CACjB,SAAY,IAAS;;QAErB,MAAM,OAAO,GAAG,IAAA,kBAAe,EAAC,OAAO,CAAC,CAAC;QAEzC,IAAI,CAAC,OAAO,IAAI,MAAM,EAAE,CAAC;YACvB,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,eAAe,CAAC,QAAQ,EAAE,YAAY,CAAC,CACxD,CAAC;YACF,KAAK,CAAC,IAAI,GAAG,cAAc,CAAC;YAC5B,MAAA,KAAK,CAAC,iBAAiB,sDAAG,KAAK,EAAE,UAAU,CAAC,CAAC;YAC7C,MAAM,KAAK,CAAC;QACd,CAAC;QAED,OAAO,OAAwB,CAAC;IAClC,CAAC;IAED,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IAE3B,OAAO,CAAC,QAAQ,EAAE,UAAU,CAAU,CAAC;AACzC,CAAC"}

package/cjs/util/hooks/useCallbackRef.d.ts

@@ -1,6 +0,0 @@
-/**
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop or avoid re-executing effects when passed as a dependency
- * https://github.com/radix-ui/primitives/blob/main/packages/react/use-callback-ref/src/useCallbackRef.tsx
- */
-export declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined, deps?: React.DependencyList): T;

package/cjs/util/hooks/useCallbackRef.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCallbackRef = useCallbackRef;
-const react_1 = require("react");
-/**
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
- * prop or avoid re-executing effects when passed as a dependency
- * https://github.com/radix-ui/primitives/blob/main/packages/react/use-callback-ref/src/useCallbackRef.tsx
- */
-function useCallbackRef(callback, deps = []) {
-    const callbackRef = (0, react_1.useRef)(callback);
-    (0, react_1.useEffect)(() => {
-        callbackRef.current = callback;
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return (0, react_1.useCallback)(((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), deps);
-}
-//# sourceMappingURL=useCallbackRef.js.map

package/cjs/util/hooks/useCallbackRef.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCallbackRef.js","sourceRoot":"","sources":["../../../src/util/hooks/useCallbackRef.ts"],"names":[],"mappings":";;AAOA,wCAYC;AAnBD,iCAAuD;AAEvD;;;;GAIG;AACH,SAAgB,cAAc,CAC5B,QAAuB,EACvB,OAA6B,EAAE;IAE/B,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,uDAAuD;IACvD,OAAO,IAAA,mBAAW,EAAC,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,WAAC,OAAA,MAAA,WAAW,CAAC,OAAO,4DAAG,GAAG,IAAI,CAAC,CAAA,EAAA,CAAM,EAAE,IAAI,CAAC,CAAC;AAC/E,CAAC"}

package/cjs/util/hooks/useLatestRef.d.ts

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

package/cjs/util/hooks/useLatestRef.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLatestRef.js","sourceRoot":"","sources":["../../../src/util/hooks/useLatestRef.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAKb,oCASC;AAZD,mEAAgE;AAChE,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,uDAAuD;IACvD,IAAA,6CAAqB,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/esm/link/stories/RandomIcon.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const RandomIcon: () => React.JSX.Element;