@iress-oss/ids-components 6.0.0-alpha.7 → 6.0.0-alpha.9

package/dist/components/Popover/InputPopover/InputPopoverActivator.js

@@ -1,37 +1,37 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useContext as m, useCallback as c, cloneElement as C } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { useCallback as c, cloneElement as g } from "react";
 import { hasFocus as w } from "../helpers/hasFocus.js";
-import { usePopoverActivatorInteractions as E } from "../hooks/usePopoverActivatorInteractions.js";
-import { PopoverContext as R } from "../hooks/usePopover.js";
-const S = ({
+import { usePopoverActivatorInteractions as C } from "../hooks/usePopoverActivatorInteractions.js";
+import { usePopover as E } from "../hooks/usePopover.js";
+const P = ({
   children: r,
   minLength: l,
   ...u
 }) => {
-  const t = m(R), o = r?.props, n = l ?? o.minLength ?? 1, a = "focus", h = c(
-    (e) => {
-      const s = e.currentTarget.value, i = s.length >= n;
-      i && t?.show === !1 ? t.setShowWithReason(!0, e.nativeEvent, a) : !i && t?.show && t.setShowWithReason(!1, e.nativeEvent, a), o.onChange?.(e, s);
+  const e = E(), o = r?.props, n = l ?? o.minLength ?? 1, a = "focus", h = c(
+    (t) => {
+      const s = t.currentTarget.value, i = s.length >= n;
+      i && e?.show === !1 ? e.setShowWithReason(!0, t.nativeEvent, a) : !i && e?.show && e.setShowWithReason(!1, t.nativeEvent, a), o.onChange?.(t, s);
     },
-    [o, n, t]
+    [o, n, e]
   ), v = c(
-    (e) => {
-      const s = e.currentTarget.value;
-      o.onClick?.(e), t?.show === !1 && w(e.currentTarget) && s.length >= n && t.setShowWithReason(!0, e.nativeEvent, a);
+    (t) => {
+      const s = t.currentTarget.value;
+      o.onClick?.(t), e?.show === !1 && w(t.currentTarget) && s.length >= n && e.setShowWithReason(!0, t.nativeEvent, a);
     },
-    [o, n, t]
+    [o, n, e]
   ), p = c(
-    (e) => {
-      o.onFocus?.(e), (!n || e.currentTarget.value.length >= n) && t?.show === !1 && t.setShowWithReason(!0, e.nativeEvent, "focus");
+    (t) => {
+      o.onFocus?.(t), (!n || t.currentTarget.value.length >= n) && e?.show === !1 && e.setShowWithReason(!0, t.nativeEvent, "focus");
     },
-    [o, n, t]
-  ), f = E(
-    t,
+    [o, n, e]
+  ), f = C(
+    e,
     o
   );
-  return /* @__PURE__ */ g("div", { ...u, ref: t?.api.refs.setReference, children: r && t && C(
+  return /* @__PURE__ */ m("div", { ...u, ref: e?.api.refs.setReference, children: r && e && g(
     r,
-    t.interactions.getReferenceProps({
+    e.interactions.getReferenceProps({
       ...f,
       "aria-autocomplete": "list",
       onChange: h,
@@ -40,6 +40,7 @@ const S = ({
     })
   ) });
 };
+P.displayName = "InputPopoverActivator";
 export {
-  S as InputPopoverActivator
+  P as InputPopoverActivator
 };

package/dist/{src/components → components}/Popover/Popover.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 import { PopoverActivatorProps } from './components/PopoverActivator';
-import { DisplayModes, FloatingUIAligns, FloatingUIContainer, IressStyledProps } from '../../types';
+import { FloatingUIAligns, FloatingUIContainer, IressStyledProps } from '../../types';
 import { OpenChangeReason } from '@floating-ui/react';
 import { PopoverRef } from './hooks/usePopoverImperativeHandle';
 import { IressCustomiseSlot } from '../../interfaces';
-import { PopoverHookReturn } from './hooks/usePopover';
+import { FloatingPopoverHookReturn } from './hooks/useFloatingPopover';
 export interface IressPopoverProps extends IressStyledProps {
     /**
      * Content for an activator element, usually an `IressButton`.
@@ -44,7 +44,7 @@ export interface IressPopoverProps extends IressStyledProps {
      * Sets the display mode of popover.
      * @default overlay
      */
-    displayMode?: DisplayModes;
+    displayMode?: 'inline' | 'overlay';
     /**
      * Popovers can be fluid, meaning they will take up the full width of their container.
      */
@@ -79,7 +79,7 @@ export interface IressPopoverProps extends IressStyledProps {
     /**
      * Describes the type of content contained in the popover.
      */
-    type?: PopoverHookReturn['type'];
+    type?: FloatingPopoverHookReturn['type'];
     /**
      * Whether the focus is virtual (using `aria-activedescendant`).
      * Use this if you need focus to remain on the reference element (such as an input), but allow arrow keys to navigate items.

package/dist/components/Popover/Popover.js

@@ -1,18 +1,18 @@
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as E, useRef as G, useContext as H } from "react";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as w, useRef as E, useContext as G } from "react";
 import { GlobalCSSClass as e } from "../../enums.js";
-import { propagateTestid as c } from "../../helpers/utility/propagateTestid.js";
-import { PopoverActivator as S } from "./components/PopoverActivator.js";
-import { PopoverContent as T } from "./components/PopoverContent.js";
-import { s as k } from "../../factory-oPXoMw9H.js";
-import { c as n } from "../../cx-DN21T1EH.js";
-import { usePopoverImperativeHandle as q } from "./hooks/usePopoverImperativeHandle.js";
-import { popover as z } from "./Popover.styles.js";
-import { usePopover as B, PopoverContext as v } from "./hooks/usePopover.js";
-import { NestedPopoverActivator as D } from "./components/NestedPopoverActivator.js";
-const F = ({
-  activator: d,
-  align: l = "auto",
+import { propagateTestid as n } from "../../helpers/utility/propagateTestid.js";
+import { PopoverActivator as H } from "./components/PopoverActivator.js";
+import { PopoverContent as S } from "./components/PopoverContent.js";
+import { s as T } from "../../factory-CWvlR9Yh.js";
+import { c } from "../../cx-DN21T1EH.js";
+import { usePopoverImperativeHandle as k } from "./hooks/usePopoverImperativeHandle.js";
+import { popover as q } from "./Popover.styles.js";
+import { NestedPopoverActivator as z } from "./components/NestedPopoverActivator.js";
+import { useFloatingPopover as B, FloatingPopoverContext as v } from "./hooks/useFloatingPopover.js";
+const D = ({
+  activator: l,
+  align: d = "auto",
   children: f,
   className: P,
   container: h,
@@ -23,58 +23,64 @@ const F = ({
   fluid: C,
   focusStartIndex: N,
   matchActivatorWidth: A,
-  onActivated: j,
+  onActivated: g,
   onDeactivated: I,
-  onNavigate: R,
-  type: W,
-  show: b,
+  onNavigate: j,
+  type: y,
+  show: F,
   virtualFocus: s,
   ...t
-}, g) => {
-  const w = G(null), i = A && m === "overlay", r = z({ fluid: C, matchActivatorWidth: i }), p = B({
-    align: l,
+}, R) => {
+  const W = E(null), i = A && m === "overlay", r = q({ fluid: C, matchActivatorWidth: i }), p = B({
+    align: d,
     defaultShow: u,
     focusStartIndex: N,
     matchActivatorWidth: i,
-    onActivated: j,
+    onActivated: g,
     onDeactivated: I,
-    onNavigate: R,
-    show: b,
-    type: W,
+    onNavigate: j,
+    show: F,
+    type: y,
     virtualFocus: s
   });
-  return q(g, p), /* @__PURE__ */ o(v.Provider, { value: p, children: /* @__PURE__ */ y(
-    k.div,
+  return k(R, p), /* @__PURE__ */ o(v.Provider, { value: p, children: /* @__PURE__ */ b(
+    T.div,
     {
       ...t,
-      className: n(
+      className: c(
         P,
         e.FormElement,
         r.root,
         e.Popover
       ),
-      ref: w,
+      ref: W,
       children: [
-        /* @__PURE__ */ o(D, { parentPopover: H(v), children: /* @__PURE__ */ o(
-          S,
+        /* @__PURE__ */ o(
+          z,
           {
-            className: r.activator,
-            "data-testid": c(t["data-testid"], "activator"),
-            children: d
+            parentPopover: G(v),
+            children: /* @__PURE__ */ o(
+              H,
+              {
+                className: r.activator,
+                "data-testid": n(t["data-testid"], "activator"),
+                children: l
+              }
+            )
           }
-        ) }),
+        ),
         /* @__PURE__ */ o(
-          T,
+          S,
           {
             ...a,
-            className: n(
+            className: c(
               x,
               a?.className,
               e.PopoverContent,
               r.content
             ),
             container: h,
-            "data-testid": c(t["data-testid"], "content"),
+            "data-testid": n(t["data-testid"], "content"),
             displayMode: m,
             virtualFocus: s,
             children: f
@@ -83,7 +89,8 @@ const F = ({
       ]
     }
   ) });
-}, M = E(F);
+}, J = w(D);
+J.displayName = "IressPopover";
 export {
-  M as IressPopover
+  J as IressPopover
 };

package/dist/components/Popover/Popover.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-OmxClA9g.js";
+import { s as t } from "../../sva-wwkEhoyo.js";
 const a = t({
   slots: ["root", "activator", "content"],
   base: {

package/dist/components/Popover/components/NestedPopoverActivator.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { FloatingPopoverHookReturn } from '../hooks/useFloatingPopover';
+export declare const NestedPopoverActivator: {
+    ({ children, parentPopover, }: PropsWithChildren & {
+        parentPopover?: FloatingPopoverHookReturn;
+    }): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    displayName: string;
+};

package/dist/components/Popover/components/NestedPopoverActivator.js

@@ -1,9 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { w as e } from "../../../floating-ui.react-BetVZ099.js";
-const m = ({
+import { jsx as o } from "react/jsx-runtime";
+import { w as r } from "../../../floating-ui.react-BetVZ099.js";
+const s = ({
   children: t,
-  parentPopover: o
-}) => o ? /* @__PURE__ */ r(e, { elementsRef: o.list, children: t }) : t;
+  parentPopover: e
+}) => e ? /* @__PURE__ */ o(r, { elementsRef: e.list, children: t }) : t;
+s.displayName = "NestedPopoverActivator";
 export {
-  m as NestedPopoverActivator
+  s as NestedPopoverActivator
 };

package/dist/{src/components → components}/Popover/components/PopoverActivator.d.ts

@@ -3,4 +3,7 @@ import { IressUnstyledProps } from '../../../types';
 export interface PopoverActivatorProps extends IressUnstyledProps {
     children?: ReactElement;
 }
-export declare const PopoverActivator: ({ children, ...restProps }: PopoverActivatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopoverActivator: {
+    ({ children, ...restProps }: PopoverActivatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Popover/components/PopoverActivator.js

@@ -1,9 +1,9 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useContext as l, useRef as d, useMemo as p, useEffect as m } from "react";
-import { focusableElements as v } from "../../../helpers/dom/focusableElements.js";
-import { usePopoverActivatorInteractions as g } from "../hooks/usePopoverActivatorInteractions.js";
-import { PopoverContext as A } from "../hooks/usePopover.js";
-const b = [
+import { useRef as l, useMemo as p, useEffect as d } from "react";
+import { focusableElements as m } from "../../../helpers/dom/focusableElements.js";
+import { usePopoverActivatorInteractions as v } from "../hooks/usePopoverActivatorInteractions.js";
+import { usePopover as g } from "../hooks/usePopover.js";
+const A = [
   "aria-controls",
   "aria-expanded",
   "aria-haspopup",
@@ -11,17 +11,17 @@ const b = [
   "id",
   "role",
   "tabindex"
-], x = (i, s) => {
-  const t = i.querySelector("[id]"), o = t?.getAttribute("id");
-  t?.removeAttribute("id"), b.forEach((r) => {
-    const c = i.getAttribute(r);
-    i.removeAttribute(r), c && s.setAttribute(r, c);
+], b = (n, s) => {
+  const t = n.querySelector("[id]"), o = t?.getAttribute("id");
+  t?.removeAttribute("id"), A.forEach((r) => {
+    const c = n.getAttribute(r);
+    n.removeAttribute(r), c && s.setAttribute(r, c);
   }), o && s.setAttribute("id", o);
-}, y = ({
-  children: i,
+}, E = ({
+  children: n,
   ...s
 }) => {
-  const t = l(A), o = d(null), r = i?.props, c = g(
+  const t = g(), o = l(null), r = n?.props, c = v(
     t,
     r
   ), u = p(() => {
@@ -32,7 +32,7 @@ const b = [
         t.api.context.floatingId
       ].join(" ").trim();
   }, [r, t]);
-  return m(() => {
+  return d(() => {
     !o.current || !t?.getVirtualFocus || t.activeIndex === null || (setTimeout(
       () => t?.api.refs.domReference.current?.removeAttribute(
         "aria-activedescendant"
@@ -52,26 +52,27 @@ const b = [
         ref: (e) => {
           if (!e) return;
           t?.api.refs.setReference(e);
-          const n = e?.querySelector("[role=combobox]") ?? v(e)[0];
-          n && (o.current = n, x(e, n));
+          const i = e?.querySelector("[role=combobox]") ?? m(e)[0];
+          i && (o.current = i, b(e, i));
         },
         onBlur: (e) => {
-          const n = t?.api.refs.floating.current, a = e.relatedTarget;
-          a instanceof Element && n?.contains(a) && (e.preventDefault(), e.stopPropagation());
+          const i = t?.api.refs.floating.current, a = e.relatedTarget;
+          a instanceof Element && i?.contains(a) && (e.preventDefault(), e.stopPropagation());
         },
         onFocus: (e) => {
-          const n = t?.api.refs.floating.current, a = e.relatedTarget;
-          a instanceof Element && (a.hasAttribute("data-floating-ui-focus-guard") || n?.contains(a)) && t.show && (setTimeout(() => {
+          const i = t?.api.refs.floating.current, a = e.relatedTarget;
+          a instanceof Element && (a.hasAttribute("data-floating-ui-focus-guard") || i?.contains(a)) && t.show && (setTimeout(() => {
             o.current?.focus();
           }), setTimeout(() => {
             t.setShowWithReason(!1, e.nativeEvent, "focus");
           }, 300));
         }
       }),
-      children: i
+      children: n
     }
   );
 };
+E.displayName = "PopoverActivator";
 export {
-  y as PopoverActivator
+  E as PopoverActivator
 };

package/dist/components/Popover/components/PopoverContent.d.ts

@@ -0,0 +1,19 @@
+import { FloatingUIContainer, IressStyledProps } from '../../../types';
+export interface PopoverContentProps extends IressStyledProps {
+    /**
+     * The container element to render the popover into.
+     */
+    container?: FloatingUIContainer;
+    /**
+     * Whether the popover is displayed as an inline element or an overlay.
+     */
+    displayMode?: 'inline' | 'overlay';
+    /**
+     * Whether to use virtual focus management to prevent focus traps when using nested popovers.
+     */
+    virtualFocus?: boolean;
+}
+export declare const PopoverContent: {
+    (props: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Popover/components/PopoverContent.js

@@ -1,74 +1,79 @@
 import { jsx as e } from "react/jsx-runtime";
-import { q as F, r as v, t as x, v as c, g as I, w as P, f as w } from "../../../floating-ui.react-BetVZ099.js";
-import { composePopoverFloatingProps as C } from "../helpers/composeFloatingProps.js";
-import { useContext as E, useEffect as T } from "react";
-import { s as N } from "../../../factory-oPXoMw9H.js";
-import { PopoverContext as A } from "../hooks/usePopover.js";
-const u = ({
-  children: r,
-  displayMode: n,
+import { q as b, r as F, t as I, v as u, g as P, w as x, f as C } from "../../../floating-ui.react-BetVZ099.js";
+import { composePopoverFloatingProps as N } from "../helpers/composeFloatingProps.js";
+import { useEffect as w } from "react";
+import { s as y } from "../../../factory-CWvlR9Yh.js";
+import { usePopover as E } from "../hooks/usePopover.js";
+const s = ({
+  children: n,
+  displayMode: r,
   id: i,
   style: f,
-  virtualFocus: a,
+  virtualFocus: c,
   ...m
 }) => {
-  const t = E(A);
-  if (T(() => {
+  const t = E();
+  if (w(() => {
     if (t?.show) {
-      const p = () => {
+      const h = () => {
         document.querySelectorAll(
           '[data-floating-ui-focus-guard][aria-hidden="true"]'
-        ).forEach((s) => {
-          s instanceof HTMLElement && s.tabIndex !== -1 && (s.tabIndex = -1);
+        ).forEach((a) => {
+          a instanceof HTMLElement && a.tabIndex !== -1 && (a.tabIndex = -1);
         });
       }, g = (o) => {
         o instanceof HTMLElement && o.hasAttribute("data-floating-ui-focus-guard") && o.getAttribute("aria-hidden") === "true" && o.tabIndex !== -1 && (o.tabIndex = -1);
-      }, b = setTimeout(p, 0), d = new MutationObserver((o) => {
-        o.forEach((s) => {
-          s.addedNodes.forEach(g);
+      }, v = setTimeout(h, 0), l = new MutationObserver((o) => {
+        o.forEach((a) => {
+          a.addedNodes.forEach(g);
         });
       });
-      return d.observe(document.body, {
+      return l.observe(document.body, {
         childList: !0,
         subtree: !0
       }), () => {
-        clearTimeout(b), d.disconnect();
+        clearTimeout(v), l.disconnect();
       };
     }
   }, [t?.show]), !t) return null;
-  const h = C(
+  const p = N(
     t,
-    n,
+    r,
     f,
     i
   );
-  return /* @__PURE__ */ e(P, { elementsRef: t.list, children: /* @__PURE__ */ e(
-    w,
+  return /* @__PURE__ */ e(x, { elementsRef: t.list, children: /* @__PURE__ */ e(
+    C,
     {
       context: t.api.context,
-      initialFocus: a ? -1 : 0,
+      initialFocus: c ? -1 : 0,
       modal: !1,
       disabled: !t?.show,
-      returnFocus: !a,
+      returnFocus: !c,
       children: /* @__PURE__ */ e(
-        N.div,
+        y.div,
         {
           ...m,
           hidden: !t?.show,
           ref: t?.api.refs.setFloating,
-          ...h,
-          children: r
+          ...p,
+          children: n
         }
       )
     }
   ) });
-}, l = ({
-  container: r,
-  ...n
+};
+s.displayName = "PopoverContentInner";
+const d = ({
+  container: n,
+  ...r
 }) => {
-  const i = x();
-  return r ? /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(I, { root: r, preserveTabOrder: !0, children: /* @__PURE__ */ e(u, { ...n }) }) }) : /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(u, { ...n }) });
-}, O = (r) => F() === null ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(l, { ...r }) }) : /* @__PURE__ */ e(l, { ...r });
+  const i = I();
+  return n ? /* @__PURE__ */ e(u, { id: i, children: /* @__PURE__ */ e(P, { root: n, preserveTabOrder: !0, children: /* @__PURE__ */ e(s, { ...r }) }) }) : /* @__PURE__ */ e(u, { id: i, children: /* @__PURE__ */ e(s, { ...r }) });
+};
+d.displayName = "PopoverContentContainer";
+const T = (n) => b() === null ? /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(d, { ...n }) }) : /* @__PURE__ */ e(d, { ...n });
+T.displayName = "PopoverContent";
 export {
-  O as PopoverContent
+  T as PopoverContent
 };

package/dist/{src/components → components}/Popover/helpers/composeFloatingProps.d.ts

@@ -1,16 +1,16 @@
 import { CSSProperties } from 'react';
-import { DisplayModes, IressUnstyledProps } from '../../../types';
-import { PopoverHookReturn } from '../hooks/usePopover';
+import { IressUnstyledProps } from '../../../types';
+import { FloatingPopoverHookReturn } from '../hooks/useFloatingPopover';
 /**
  * This adds additional props to the Floating UI floatingProps to better suit the requirements of IressPopover.
  * Some are slight tweaks to the UX to ensure it behaves according to IDS standards, as well as fix some issues found when using Floating UI.
  *
  * See: https://floating-ui.com/docs/useFloating#floatingstyles
  *
- * @param {PopoverHookReturn} popover the popover context
- * @param {DisplayModes} displayMode how the content is to be displayed, whether inline (static, underneath activator) or overlay (floating, anchored to the activator)
+ * @param {FloatingPopoverHookReturn} popover the popover context
+ * @param {'inline' | 'overlay'} displayMode how the content is to be displayed, whether inline (static, underneath activator) or overlay (floating, anchored to the activator)
  * @param {CSSProperties} style any custom styles for the popover, it will be appended to the Floating UI styles
  * @param {string} customId optional custom ID to override the floating ID - used to prevent ID conflicts
  * @returns {IressUnstyledProps} the props to be passed to the floating content
  */
-export declare const composePopoverFloatingProps: (popover: PopoverHookReturn, displayMode?: DisplayModes, style?: CSSProperties, customId?: string) => IressUnstyledProps;
+export declare const composePopoverFloatingProps: (popover: FloatingPopoverHookReturn, displayMode?: "inline" | "overlay", style?: CSSProperties, customId?: string) => IressUnstyledProps;

package/dist/{src/components → components}/Popover/helpers/handlePopoverTabKey.d.ts

@@ -1,8 +1,8 @@
 import { KeyboardEvent } from 'react';
-import { PopoverHookReturn } from '../hooks/usePopover';
+import { FloatingPopoverHookReturn } from '../hooks/useFloatingPopover';
 /**
  * This helper function is used to handle the tab key press event when the popover is open, as Floating UI sometimes does not focus on the next element when the user tabs from the popover contents.
- * @param popover {PopoverHookReturn} The popover context value, usually retrieved from the usePopover hook.
+ * @param popover {FloatingPopoverHookReturn} The popover context value, usually retrieved from the usePopover hook.
  * @param e {KeyboardEvent} The keyboard event object that triggered the tab key press.
  */
-export declare const handlePopoverTabKey: (popover: PopoverHookReturn, e: KeyboardEvent) => Promise<void>;
+export declare const handlePopoverTabKey: (popover: FloatingPopoverHookReturn, e: KeyboardEvent) => Promise<void>;

package/dist/{src/components/Popover/hooks/usePopover.d.ts → components/Popover/hooks/useFloatingPopover.d.ts}

@@ -1,10 +1,10 @@
-import { MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { ControlledStateProps } from '../../../hooks/useControlledState';
 import { OpenChangeReason, UseFloatingReturn, useInteractions } from '@floating-ui/react';
 import { FloatingUIAligns } from '../../../types';
 import { PopoverVirtualNode } from './usePopoverItem';
 import { PopoverAriaHookReturn } from './usePopoverAria';
-export interface PopoverHookProps {
+export interface FloatingPopoverHookProps {
     align?: FloatingUIAligns;
     autoHighlight?: boolean;
     component?: ControlledStateProps['component'];
@@ -19,7 +19,7 @@ export interface PopoverHookProps {
     type?: 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
     virtualFocus?: boolean;
 }
-export interface PopoverHookReturn extends PopoverAriaHookReturn {
+export interface FloatingPopoverHookReturn extends PopoverAriaHookReturn {
     /**
      * The index of the currently active item in the popover (ie. which item is currently focused or virtually focused).
      */
@@ -67,7 +67,7 @@ export interface PopoverHookReturn extends PopoverAriaHookReturn {
      * The list of items in the popover.
      * It is used by other components to manage the aria attributes and keyboard navigation of the items.
      */
-    list: MutableRefObject<(HTMLElement | null)[]>;
+    list: RefObject<(HTMLElement | null)[]>;
     /**
      * Resets the active index of the popover items, either to the `focusStartIndex` or null
      */
@@ -106,7 +106,7 @@ export interface PopoverHookReturn extends PopoverAriaHookReturn {
      * The type of the popover, which is used to determine the role of the popover.
      * It is used by components such as `IressMenu` to manage the aria attributes and keyboard navigation of the items.
      */
-    type?: PopoverHookProps['type'];
+    type?: FloatingPopoverHookProps['type'];
 }
 /**
  * This is a wrapper around the useFloating hook from Floating UI specifically for popover components.
@@ -117,8 +117,8 @@ export interface PopoverHookReturn extends PopoverAriaHookReturn {
  * - It provides a way to set the virtual focus of the popover items, and to manage the focus state of the popover items.
  * - It provides a way to set the hasInnerRole state, which is used to determine whether the popover has an inner role or not.
  */
-export declare const usePopover: ({ align, autoHighlight, component, defaultShow, focusStartIndex, hasInputActivator, matchActivatorWidth, onActivated, onDeactivated, onNavigate, show: showProp, type, virtualFocus, }: PopoverHookProps) => PopoverHookReturn;
+export declare const useFloatingPopover: ({ align, autoHighlight, component, defaultShow, focusStartIndex, hasInputActivator, matchActivatorWidth, onActivated, onDeactivated, onNavigate, show: showProp, type, virtualFocus, }: FloatingPopoverHookProps) => FloatingPopoverHookReturn;
 /**
  * This context is used to provide the popover state and API to allow items to be navigatable by keyboard and screen readers.
  */
-export declare const PopoverContext: import('react').Context<PopoverHookReturn | undefined>;
+export declare const FloatingPopoverContext: import('react').Context<FloatingPopoverHookReturn | undefined>;