@iress-oss/ids-components 6.1.0 → 6.2.1

package/dist/components/Icon/helpers/getMaterialSymbolsList.js

@@ -1,6 +1,6 @@
 //#region src/components/Icon/helpers/getMaterialSymbolsList.ts
 var e = async () => {
-	let { default: e } = await import("../../../index.d-CLYyYDIv.js"), t = e, n = /type MaterialSymbols = (\[)([\s\S]*?)(\]);/.exec(t);
+	let { default: e } = await import("../../../index.d-BITk11Vr.js"), t = e, n = /type MaterialSymbols = (\[)([\s\S]*?)(\]);/.exec(t);
 	if (!n) throw Error("Could not parse Material Symbols type definition");
 	return n[2].split(",").map((e) => e.trim()).filter((e) => e.startsWith("\"")).map((e) => e.replace(/(^")|("$)/g, ""));
 }, t = null, n = () => (t ??= e(), t);

package/dist/components/Icon/hooks/useDynamicFontSubsetting.js

@@ -2,63 +2,80 @@ import { getNonce as e } from "../../../helpers/dom/getNonce.js";
 import { idsLogger as t } from "../../../helpers/utility/idsLogger.js";
 import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 //#region src/components/Icon/hooks/useDynamicFontSubsetting.ts
-var o = ({ icons: o, buildUrl: s, dataAttribute: c, fontFamily: l, disabled: u = !1, noSubsetting: d = !1 }) => {
-	let [f, p] = a(/* @__PURE__ */ new Set()), [m, h] = a(!1), g = i(null), _ = n((e) => {
-		p((t) => {
+var o = (e, t, n) => {
+	let r = Array.from(document.querySelectorAll(`link[data-${t}]`)).filter((e) => e !== n).flatMap((e) => {
+		let t = e.getAttribute("data-icons");
+		return t ? t.split(",").filter(Boolean) : [];
+	});
+	if (r.length === 0) return e;
+	let i = Array.from(/* @__PURE__ */ new Set([...e, ...r]));
+	return i.sort((e, t) => e.localeCompare(t)), i;
+}, s = (e, t, n) => {
+	if (e) return !1;
+	let r = document.querySelector(`link[data-${t}]:not([data-icons])`);
+	return !!(r && r !== n);
+}, c = (e, t, n, r) => e ? !t : n.some((e) => !r.has(e)), l = 0, u = ({ icons: u, buildUrl: d, dataAttribute: f, fontFamily: p, disabled: m = !1, noSubsetting: h = !1 }) => {
+	let [g, _] = a(/* @__PURE__ */ new Set()), [v, y] = a(!1), b = i(null), x = i(String(++l)), S = n((e) => {
+		_((t) => {
 			let n = new Set(t);
 			return e.forEach((e) => n.add(e)), n;
 		});
-	}, []), v = n((e) => {
+	}, []), C = n((e) => {
 		e?.parentNode?.removeChild(e);
-	}, []), y = n((e, t) => {
-		_(t), v(e), d && h(!0);
+	}, []), w = n((e, t) => {
+		S(t), C(e), h && y(!0);
 	}, [
-		_,
-		v,
-		d
-	]), b = n((e) => {
-		t(`[useDynamicFontSubsetting] Failed to load font "${l}" for icons: ${e.join(", ")}. Icons will render as text after timeout.`), setTimeout(() => {
-			_(e);
+		S,
+		C,
+		h
+	]), T = n((e) => {
+		t(`[useDynamicFontSubsetting] Failed to load font "${p}" for icons: ${e.join(", ")}. Icons will render as text after timeout.`), setTimeout(() => {
+			S(e);
 		}, 3e3);
-	}, [_, l]), x = n((e, t) => {
-		"fonts" in document ? (document.fonts.check(`24px "${l}"`) ? Promise.resolve() : document.fonts.load(`24px "${l}"`)).then(() => y(e, t)).catch(() => b(t)) : setTimeout(() => _(t), 1e3);
+	}, [S, p]), E = n((e, t) => {
+		"fonts" in document ? (document.fonts.check(`24px "${p}"`) ? Promise.resolve() : document.fonts.load(`24px "${p}"`)).then(() => w(e, t)).catch(() => T(t)) : setTimeout(() => S(t), 1e3);
 	}, [
-		l,
-		y,
-		b,
-		_
+		p,
+		w,
+		T,
+		S
 	]);
 	return r(() => () => {
-		g.current?.parentNode?.removeChild(g.current);
-	}, []), r(() => {
-		if (u) return;
-		let t = Array.from(o);
-		t.sort((e, t) => e.localeCompare(t));
-		let n = s(t), r = document.querySelector(`link[data-${c}]`);
-		if (n === !1) {
-			d && h(!0);
+		document.querySelectorAll(`link[data-${f}="${x.current}"]`).forEach((e) => e.parentNode?.removeChild(e));
+	}, [f]), r(() => {
+		if (m) return;
+		let t = x.current, n = Array.from(u);
+		n.sort((e, t) => e.localeCompare(t));
+		let r = document.querySelector(`link[data-${f}="${t}"]`);
+		if (s(h, f, r)) {
+			E(null, n);
+			return;
+		}
+		let i = d(h ? n : o(n, f, r));
+		if (i === !1) {
+			h && y(!0);
 			return;
 		}
-		if (r?.getAttribute("data-url") === n) {
-			(d && !m || t.some((e) => !f.has(e))) && x(null, t);
+		if (r?.getAttribute("data-url") === i) {
+			c(h, v, n, g) && E(null, n);
 			return;
 		}
-		let i = e(), a = document.createElement("link");
-		a.rel = "stylesheet", a.href = n, i && (a.nonce = i), a.setAttribute(`data-${c}`, "true"), a.setAttribute("data-url", n), a.addEventListener("load", () => x(r, t)), a.addEventListener("error", () => b(t)), document.head.appendChild(a), g.current = a;
+		let a = e(), l = document.createElement("link");
+		l.rel = "stylesheet", l.href = i, a && (l.nonce = a), l.setAttribute(`data-${f}`, t), l.setAttribute("data-url", i), h || l.setAttribute("data-icons", n.join(",")), l.addEventListener("load", () => E(r, n)), l.addEventListener("error", () => T(n)), document.head.appendChild(l), b.current = l;
 	}, [
-		o,
-		s,
-		c,
 		u,
-		x,
-		b,
 		d,
+		f,
 		m,
-		f
+		E,
+		T,
+		h,
+		v,
+		g
 	]), {
-		loadedIcons: f,
-		isIconLoaded: (e) => d ? m : f.has(e)
+		loadedIcons: g,
+		isIconLoaded: (e) => h ? v : g.has(e)
 	};
 };
 //#endregion
-export { o as useDynamicFontSubsetting };
+export { u as useDynamicFontSubsetting };

package/dist/components/Icon/index.js

@@ -1,5 +1,5 @@
 import { icon as e } from "./Icon.styles.js";
-import { s as t } from "../../constants-D0UW4Ewm.js";
+import { s as t } from "../../constants-DJz-xntC.js";
 import { IressIconProvider as n } from "./IconProvider.js";
 import { IressIcon as r } from "./Icon.js";
 export { r as IressIcon, n as IressIconProvider, t as MATERIAL_SYMBOLS, e as icon };

package/dist/components/Image/Image.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { image as r } from "./Image.styles.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Image/Image.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Image/Image.styles.ts
 var t = e({
 	base: {

package/dist/components/Inline/Inline.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { inline as r } from "./Inline.styles.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Inline/Inline.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Inline/Inline.styles.ts
 var t = e({
 	base: {

package/dist/components/Input/Input.js

@@ -1,8 +1,8 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { n as t } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as n } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { n as t } from "../../is-valid-prop-BVyYPT21.js";
+import { t as n } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as r } from "../../enums.js";
-import { t as i } from "../../Button-bZPKq0ue.js";
+import { t as i } from "../../Button-BY2qzshw.js";
 import { IressSpinner as a } from "../Spinner/Spinner.js";
 import { useControlledState as o } from "../../hooks/useControlledState.js";
 import { IressCloseButton as s } from "../Button/CloseButton/CloseButton.js";

package/dist/components/Input/Input.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Input/Input.styles.ts
 var t = e({
 	slots: [

package/dist/components/Input/InputBase/InputBase.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../factory-BKr3zaf6.js";
 import { forwardRef as t, useImperativeHandle as n, useRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 var a = t(({ "data-testid": t, rows: a, ...o }, s) => {

package/dist/components/InputCurrency/InputCurrency.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
+import { t as e } from "../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../enums.js";
 import { IressText as n } from "../Text/Text.js";
 import { IressInput as r } from "../Input/Input.js";

package/dist/components/Label/Label.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Label/Label.styles.ts
 var t = e({
 	slots: [

package/dist/components/Label/LabelBase/LabelBase.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
-import { t } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
+import { t } from "../../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../../enums.js";
 import { IressIcon as r } from "../../Icon/Icon.js";
 import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";

package/dist/components/Link/Link.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { IressSpinner as i } from "../Spinner/Spinner.js";
 import { link as a } from "./Link.styles.js";

package/dist/components/Link/Link.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 var t = e({
 	slots: [
 		"root",

package/dist/components/Menu/Menu.js

@@ -1,10 +1,10 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { toArray as r } from "../../helpers/formatting/toArray.js";
 import { useControlledState as i } from "../../hooks/useControlledState.js";
 import { useIdIfNeeded as a } from "../../hooks/useIdIfNeeded.js";
-import { t as o } from "../../floating-ui.react-COiJC198.js";
+import { t as o } from "../../floating-ui.react-TDMXDOBr.js";
 import { usePopover as s } from "../Popover/hooks/usePopover.js";
 import { IressTooltipProvider as c } from "../Tooltip/TooltipProvider.js";
 import { menu as l } from "./Menu.styles.js";

package/dist/components/Menu/Menu.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Menu/Menu.styles.ts
 var t = e({
 	slots: ["root"],

package/dist/components/Menu/MenuDivider/MenuDivider.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { MenuContext as n } from "../Menu.js";
 import { IressDivider as r } from "../../Divider/Divider.js";

package/dist/components/Menu/MenuGroup/MenuGroup.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { IressIcon as n } from "../../Icon/Icon.js";
 import { propagateTestid as r } from "../../../helpers/utility/propagateTestid.js";
@@ -79,7 +79,7 @@ var v = ({ append: v, active: y, children: b, className: x, defaultActive: S, di
 			"data-testid": A,
 			...j,
 			className: e(t.MenuGroup, x),
-			srOnly: F == "rail" ? !0 : void 0,
+			srOnly: F == "rail" || void 0,
 			width: F == "rail" ? "auto" : void 0,
 			children: E
 		}),

package/dist/components/Menu/MenuGroup/MenuGroup.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Menu/MenuGroup/MenuGroup.styles.ts
 var t = e({
 	slots: [

package/dist/components/Menu/MenuHeading/MenuHeading.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { IressMenuText as n } from "../MenuText/MenuText.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/Menu/MenuItem/MenuItem.js

@@ -1,11 +1,11 @@
-import { t as e } from "../../../css-D3KwXbP0.js";
-import { t } from "../../../cx-CZ8IJJTy.js";
-import { n } from "../../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../../css-R34N3rft.js";
+import { t } from "../../../cx-QcEwjve6.js";
+import { n } from "../../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../../enums.js";
 import { idsLogger as ee } from "../../../helpers/utility/idsLogger.js";
 import { IressIcon as i } from "../../Icon/Icon.js";
 import { propagateTestid as a } from "../../../helpers/utility/propagateTestid.js";
-import { n as te } from "../../../floating-ui.react-COiJC198.js";
+import { n as te } from "../../../floating-ui.react-TDMXDOBr.js";
 import { usePopover as o } from "../../Popover/hooks/usePopover.js";
 import { usePopoverItem as s } from "../../Popover/hooks/usePopoverItem.js";
 import { IressTooltip as ne } from "../../Tooltip/Tooltip.js";

package/dist/components/Menu/MenuItem/MenuItem.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Menu/MenuItem/MenuItem.styles.ts
 var t = e({
 	slots: [

package/dist/components/Menu/MenuText/MenuText.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../css-D3KwXbP0.js";
-import { t } from "../../../cx-CZ8IJJTy.js";
-import { n } from "../../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../../css-R34N3rft.js";
+import { t } from "../../../cx-QcEwjve6.js";
+import { n } from "../../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../../enums.js";
 import { IressText as i } from "../../Text/Text.js";
 import { MenuContext as a } from "../Menu.js";

package/dist/components/Modal/Modal.js

@@ -1,16 +1,16 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { n as t } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as n } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { n as t } from "../../is-valid-prop-BVyYPT21.js";
+import { t as n } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { idsLogger as i } from "../../helpers/utility/idsLogger.js";
 import { IressIcon as ee } from "../Icon/Icon.js";
-import { t as te } from "../../Button-bZPKq0ue.js";
-import { t as ne } from "../../Text.styles-C0D5aEE_.js";
+import { t as te } from "../../Button-BY2qzshw.js";
+import { t as ne } from "../../Text.styles-DUvXBRio.js";
 import { IressText as a } from "../Text/Text.js";
 import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";
 import { alert as s } from "../Alert/Alert.styles.js";
 import { useIdIfNeeded as c } from "../../hooks/useIdIfNeeded.js";
-import { b as l, d as u, g as re, o as ie, r as ae, s as oe, u as se, y as ce } from "../../floating-ui.react-COiJC198.js";
+import { b as l, d as u, g as re, o as ie, r as ae, s as oe, u as se, y as ce } from "../../floating-ui.react-TDMXDOBr.js";
 import { IressCloseButton as le } from "../Button/CloseButton/CloseButton.js";
 import { modal as d } from "./Modal.styles.js";
 import { useProviderModal as f } from "./hooks/useProviderModal.js";

package/dist/components/Modal/Modal.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 var t = e({
 	slots: [
 		"modal",

package/dist/components/Panel/Panel.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
+import { t as e } from "../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../enums.js";
 import { IressCard as n } from "../Card/Card.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/Pill/Pill.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { pill as a } from "./Pill.styles.js";
 import { jsx as o } from "react/jsx-runtime";

package/dist/components/Pill/Pill.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Pill/Pill.styles.ts
 var t = e({
 	base: {

package/dist/components/Placeholder/Placeholder.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
+import { t as e } from "../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../enums.js";
 import { IressText as n } from "../Text/Text.js";
 import { toCSSLengthValue as r } from "../../helpers/formatting/toCSSLengthValue.js";

package/dist/components/Placeholder/Placeholder.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Placeholder/Placeholder.styles.ts
 var t = e({
 	slots: [

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

@@ -1,5 +1,5 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
-import { t } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
+import { t } from "../../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../../enums.js";
 import { propagateTestid as r } from "../../../helpers/utility/propagateTestid.js";
 import { FloatingPopoverContext as i, useFloatingPopover as a } from "../hooks/useFloatingPopover.js";

package/dist/components/Popover/Popover.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
 import { FloatingPopoverContext as o, useFloatingPopover as s } from "./hooks/useFloatingPopover.js";

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Popover/Popover.styles.ts
 var t = e({
 	slots: [

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

@@ -19,21 +19,25 @@ var s = [
 		e.removeAttribute(n), r && t.setAttribute(n, r);
 	}), r && t.setAttribute("id", r);
 }, l = ({ children: s, ...l }) => {
-	let u = n(), d = a(null), f = s?.props, p = t(u, f), m = i(() => {
+	let u = n(), d = a(null), f = a(null), p = a(null), m = s?.props, h = t(u, m), g = i(() => {
 		if (u?.show) return [
 			...u.getAriaControls(),
-			f["aria-controls"],
+			m["aria-controls"],
 			u.api.context.floatingId
 		].join(" ").trim();
-	}, [f, u]);
-	return r(() => {
-		!d.current || !u?.getVirtualFocus || u.activeIndex === null || (setTimeout(() => u?.api.refs.domReference.current?.removeAttribute("aria-activedescendant")), d.current.setAttribute("aria-activedescendant", u.list.current?.[u.activeIndex]?.id ?? ""));
+	}, [m, u]);
+	return r(() => () => {
+		f.current !== null && clearTimeout(f.current), p.current !== null && clearTimeout(p.current);
+	}, []), r(() => {
+		if (!d.current || !u?.getVirtualFocus || u.activeIndex === null) return;
+		let e = setTimeout(() => u?.api.refs.domReference.current?.removeAttribute("aria-activedescendant"));
+		return d.current.setAttribute("aria-activedescendant", u.list.current?.[u.activeIndex]?.id ?? ""), () => clearTimeout(e);
 	}, [u]), /* @__PURE__ */ o("div", {
 		...l,
 		...u?.interactions.getReferenceProps({
-			...p,
-			"aria-controls": m,
-			role: f.role,
+			...h,
+			"aria-controls": g,
+			role: m.role,
 			ref: (t) => {
 				if (!t) return;
 				u?.api.refs.setReference(t);
@@ -46,9 +50,9 @@ var s = [
 			},
 			onFocus: (e) => {
 				let t = u?.api.refs.floating.current, n = e.relatedTarget;
-				n instanceof Element && (n.hasAttribute("data-floating-ui-focus-guard") || t?.contains(n)) && u.show && (setTimeout(() => {
+				n instanceof Element && (n.hasAttribute("data-floating-ui-focus-guard") || t?.contains(n)) && u.show && (clearTimeout(f.current ?? void 0), f.current = setTimeout(() => {
 					d.current?.focus();
-				}), setTimeout(() => {
+				}), clearTimeout(p.current ?? void 0), p.current = setTimeout(() => {
 					let n = document.activeElement;
 					n instanceof Element && n.closest("[data-floating-ui-focusable]") && !t?.contains(n) || u.setShowWithReason(!1, e.nativeEvent, "focus");
 				}, 300));

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

@@ -1,74 +1,84 @@
-import { t as e } from "../../../factory-sKbby7-S.js";
-import { a as t, c as n, f as r, i, p as a, r as o, s } from "../../../floating-ui.react-COiJC198.js";
+import { t as e } from "../../../factory-BKr3zaf6.js";
+import { a as t, c as n, f as r, i, p as a, r as o, s } from "../../../floating-ui.react-TDMXDOBr.js";
 import { usePopover as c } from "../hooks/usePopover.js";
 import { composePopoverFloatingProps as l } from "../helpers/composeFloatingProps.js";
 import { usePopoverContainer as u } from "../hooks/usePopoverContainer.js";
-import { useEffect as d, useMemo as f, useRef as p } from "react";
-import { jsx as m } from "react/jsx-runtime";
+import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
 //#region src/components/Popover/components/PopoverContent.tsx
-var h = ({ children: t, displayMode: n, id: r, style: a, virtualFocus: s, ...u }) => {
-	let h = c(), g = p(null);
+var g = ({ children: t, displayMode: n, id: r, observerTarget: a, style: s, virtualFocus: u, ...m }) => {
+	let g = c(), _ = p(null);
 	d(() => {
-		if (h?.show) {
-			let e = () => {
-				document.querySelectorAll("[data-floating-ui-focus-guard][aria-hidden=\"true\"]").forEach((e) => {
+		if (g?.show) {
+			let e = a ?? document.body, t = () => {
+				e.querySelectorAll("[data-floating-ui-focus-guard][aria-hidden=\"true\"]").forEach((e) => {
 					e instanceof HTMLElement && e.tabIndex !== -1 && (e.tabIndex = -1);
 				});
-			}, t = (e) => {
+			}, n = (e) => {
 				e instanceof HTMLElement && e.hasAttribute("data-floating-ui-focus-guard") && e.getAttribute("aria-hidden") === "true" && e.tabIndex !== -1 && (e.tabIndex = -1);
-			}, n = setTimeout(e, 0), r = new MutationObserver((e) => {
+			}, r = setTimeout(t, 0), i = new MutationObserver((e) => {
 				e.forEach((e) => {
-					e.addedNodes.forEach(t);
+					e.addedNodes.forEach(n);
 				});
 			});
-			return r.observe(document.body, {
+			return i.observe(e, {
 				childList: !0,
 				subtree: !0
 			}), () => {
-				clearTimeout(n), r.disconnect();
+				clearTimeout(r), i.disconnect();
 			};
 		}
-	}, [h?.show]), d(() => {
-		h?.show && h.api.elements.reference && (g.current = h.getFocusableActivator() ?? null);
-	}, [h?.show, h]);
-	let _ = f(() => s ? !1 : g, [s]);
-	if (!h) return null;
-	let v = l(h, n, a, r);
-	return /* @__PURE__ */ m(i, {
-		elementsRef: h.list,
-		children: /* @__PURE__ */ m(o, {
-			context: h.api.context,
-			initialFocus: s ? -1 : 0,
+	}, [g?.show, a]), d(() => {
+		g?.show && g.api.elements.reference && (_.current = g.getFocusableActivator() ?? null);
+	}, [g?.show, g]);
+	let v = f(() => !u && _, [u]);
+	if (!g) return null;
+	let y = l(g, n, s, r);
+	return /* @__PURE__ */ h(i, {
+		elementsRef: g.list,
+		children: /* @__PURE__ */ h(o, {
+			context: g.api.context,
+			initialFocus: u ? -1 : 0,
 			modal: !1,
-			disabled: !h?.show,
-			returnFocus: _,
-			children: /* @__PURE__ */ m(e.div, {
-				...u,
-				hidden: !h?.show,
-				ref: h?.api.refs.setFloating,
-				...v,
+			disabled: !g?.show,
+			returnFocus: v,
+			children: /* @__PURE__ */ h(e.div, {
+				...m,
+				hidden: !g?.show,
+				ref: g?.api.refs.setFloating,
+				...y,
 				children: t
 			})
 		})
 	});
 };
-h.displayName = "PopoverContentInner";
-var g = ({ container: e, ...n }) => {
-	let i = r(), { container: a } = u(), o = e === void 0 ? a : e;
-	return o ? /* @__PURE__ */ m(t, {
+g.displayName = "PopoverContentInner";
+var _ = ({ container: e, ...n }) => {
+	let i = r(), { container: a } = u(), o = e === void 0 ? a : e, [c, l] = m();
+	return d(() => {
+		if (!o) {
+			l(void 0);
+			return;
+		}
+		let e = "current" in o ? o.current ?? void 0 : o ?? void 0;
+		l(e);
+	}, [o]), o ? /* @__PURE__ */ h(t, {
 		id: i,
-		children: /* @__PURE__ */ m(s, {
+		children: /* @__PURE__ */ h(s, {
 			root: o,
 			preserveTabOrder: !0,
-			children: /* @__PURE__ */ m(h, { ...n })
+			children: /* @__PURE__ */ h(g, {
+				...n,
+				observerTarget: c
+			})
 		})
-	}) : /* @__PURE__ */ m(t, {
+	}) : /* @__PURE__ */ h(t, {
 		id: i,
-		children: /* @__PURE__ */ m(h, { ...n })
+		children: /* @__PURE__ */ h(g, { ...n })
 	});
 };
-g.displayName = "PopoverContentContainer";
-var _ = (e) => a() === null ? /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(g, { ...e }) }) : /* @__PURE__ */ m(g, { ...e });
-_.displayName = "PopoverContent";
+_.displayName = "PopoverContentContainer";
+var v = (e) => a() === null ? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(_, { ...e }) }) : /* @__PURE__ */ h(_, { ...e });
+v.displayName = "PopoverContent";
 //#endregion
-export { _ as PopoverContent };
+export { v as PopoverContent };