@iress-oss/ids-components 6.2.2 → 6.4.0

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

@@ -1,52 +1,52 @@
-import { t as e } from "../../../css-R34N3rft.js";
+import { t as e } from "../../../css-BRrgGHqo.js";
 import { t } from "../../../cx-QcEwjve6.js";
-import { n } from "../../../is-valid-prop-BVyYPT21.js";
+import { n } from "../../../is-valid-prop-CvqUuuBB.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-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";
-import { MenuContext as c } from "../Menu.js";
-import { menuItem as re } from "./MenuItem.styles.js";
-import { IressMenuDivider as ie } from "../MenuDivider/MenuDivider.js";
-import { useMenuItemRole as ae } from "./hooks/useMenuItemRole.js";
-import { IressCheckboxMark as oe } from "../../CheckboxMark/CheckboxMark.js";
-import { spreadUnlessUndefined as l } from "../../../helpers/utility/spreadUnlessUndefined.js";
-import { IressRadioMark as u } from "../../RadioMark/RadioMark.js";
-import { cloneElement as d, forwardRef as f, useCallback as p, useContext as m, useImperativeHandle as h, useMemo as g, useRef as se } from "react";
+import { idsLogger as i } from "../../../helpers/utility/idsLogger.js";
+import { IressIcon as a } from "../../Icon/Icon.js";
+import { propagateTestid as o } from "../../../helpers/utility/propagateTestid.js";
+import { n as ee } from "../../../floating-ui.react-DP-wD-Nz.js";
+import { usePopover as s } from "../../Popover/hooks/usePopover.js";
+import { usePopoverItem as te } from "../../Popover/hooks/usePopoverItem.js";
+import { IressTooltip as c } from "../../Tooltip/Tooltip.js";
+import { MenuContext as l } from "../Menu.js";
+import { menuItem as ne } from "./MenuItem.styles.js";
+import { IressMenuDivider as re } from "../MenuDivider/MenuDivider.js";
+import { useMenuItemRole as ie } from "./hooks/useMenuItemRole.js";
+import { IressCheckboxMark as ae } from "../../CheckboxMark/CheckboxMark.js";
+import { spreadUnlessUndefined as u } from "../../../helpers/utility/spreadUnlessUndefined.js";
+import { IressRadioMark as d } from "../../RadioMark/RadioMark.js";
+import { cloneElement as f, forwardRef as p, useCallback as m, useContext as h, useImperativeHandle as oe, useMemo as g, useRef as se } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/Menu/MenuItem/MenuItem.tsx
-var b = (...e) => (t) => {
+var ce = (...e) => (t) => {
 	e.forEach((e) => {
 		e && (typeof e == "function" ? e(t) : e.current = t);
 	});
-}, x = f(({ append: f, canToggle: x, children: S, className: C, "data-testid": w, divider: T, element: E, icon: D, listItemStyle: O, onBlur: k, onClick: A, onKeyDown: j, prepend: M, selected: N, value: P, ...F }, I) => {
-	let L = m(c), R = o(), z = ae(), B = se(null), V = g(() => (L?.supportsSelection && N && ee("IressMenuItem: The selected prop on IressMenuItem does not work when used inside an IressMenu with role=listbox or the multiSelect prop set to true. Use the selected prop on IressMenu instead."), L?.supportsSelection ? L.isSelected(P) : N), [
-		L,
-		N,
-		P
-	]), H = g(() => ({
-		"aria-current": L?.supportsSelection ? void 0 : V,
-		"aria-selected": L?.supportsSelection ? V : void 0
-	}), [L?.supportsSelection, V]), U = p((e) => {
-		A?.(e), !e.defaultPrevented && (L?.supportsSelection && L.toggle(P, x || L?.multiSelect ? !V : !0), L?.hasArrowKeyNav && !L?.multiSelect && (R?.setShow?.(!1), R?.getFocusableActivator?.()?.focus(), R?.resetActiveIndex()));
+}, b = p(({ append: p, canToggle: b, children: x, className: S, "data-testid": C, divider: w, element: T, icon: E, listItemStyle: D, onBlur: O, onClick: k, onKeyDown: A, prepend: j, selected: M, value: N, ...P }, F) => {
+	let I = h(l), L = s(), R = ie(), z = se(null), B = g(() => (I?.supportsSelection && M && i("IressMenuItem: The selected prop on IressMenuItem does not work when used inside an IressMenu with role=listbox or the multiSelect prop set to true. Use the selected prop on IressMenu instead."), I?.supportsSelection ? I.isSelected(N) : M), [
+		I,
+		M,
+		N
+	]), V = g(() => ({
+		"aria-current": I?.supportsSelection ? void 0 : B,
+		"aria-selected": I?.supportsSelection ? B : void 0
+	}), [I?.supportsSelection, B]), H = m((e) => {
+		k?.(e), !e.defaultPrevented && (I?.supportsSelection && I.toggle(N, b || I?.multiSelect ? !B : !0), I?.hasArrowKeyNav && !I?.multiSelect && (L?.setShow?.(!1), L?.getFocusableActivator?.()?.focus(), L?.resetActiveIndex()));
 	}, [
-		x,
+		b,
+		I,
+		k,
 		L,
-		A,
-		R,
-		V,
-		P
-	]), W = p((e) => {
-		j?.(e), !e.defaultPrevented && e.key === "Tab" && L?.supportsSelection && L?.changeOnBlur && L?.toggle(P, !0);
+		B,
+		N
+	]), U = m((e) => {
+		A?.(e), !e.defaultPrevented && e.key === "Tab" && I?.supportsSelection && I?.changeOnBlur && I?.toggle(N, !0);
 	}, [
-		L,
-		j,
-		P
-	]), { isActiveInPopover: G, ...K } = s(void 0, g(() => ({
+		I,
+		A,
+		N
+	]), W = g(() => ({
 		onBlur: (e) => {
 			let t = new Event("blur", { bubbles: !0 });
 			Object.defineProperty(t, "target", {
@@ -61,7 +61,7 @@ var b = (...e) => (t) => {
 					value: "",
 					...e.target
 				}
-			}), k?.(t), !t.defaultPrevented && L?.supportsSelection && L?.changeOnBlur && L?.toggle(P, !0);
+			}), O?.(t), !t.defaultPrevented && I?.supportsSelection && I?.changeOnBlur && I?.toggle(N, !0);
 		},
 		onKeyDown: (e) => {
 			if (e.key === "Enter") {
@@ -72,139 +72,139 @@ var b = (...e) => (t) => {
 						value: "",
 						...e.target
 					}
-				}), A?.(t), t.defaultPrevented) return;
-				e.preventDefault(), L?.toggle(P, x || L?.multiSelect ? !V : !0);
+				}), k?.(t), t.defaultPrevented) return;
+				e.preventDefault(), I?.toggle(N, b || I?.multiSelect ? !B : !0);
 			}
-			j?.(e);
+			A?.(e);
 		}
 	}), [
-		x,
-		L,
+		b,
+		I,
+		O,
 		k,
 		A,
-		j,
-		V,
-		P
-	])), q = g(() => re({
-		active: !!R?.isActiveActivator(B.current),
-		hasAppendOrPrepend: !!(f ?? M ?? L?.multiSelect ?? L?.numbered),
+		B,
+		N
+	]), { isActiveInPopover: G, ...K } = te(void 0, W), q = g(() => ne({
+		active: !!L?.isActiveActivator(z.current),
+		hasAppendOrPrepend: !!(p ?? j ?? I?.multiSelect ?? I?.numbered),
 		isActiveInPopover: G,
-		layout: L?.layout,
-		multiSelect: !!L?.multiSelect,
-		noWrap: L?.noWrap,
-		numbered: L?.numbered,
-		role: z,
-		selected: V,
-		variant: L?.variant
+		layout: I?.layout,
+		multiSelect: !!I?.multiSelect,
+		noWrap: I?.noWrap,
+		numbered: I?.numbered,
+		role: R,
+		selected: B,
+		variant: I?.variant
 	}), [
-		f,
+		p,
 		G,
-		L?.layout,
-		L?.multiSelect,
-		L?.noWrap,
-		L?.numbered,
-		L?.variant,
+		I?.layout,
+		I?.multiSelect,
+		I?.noWrap,
+		I?.numbered,
+		I?.variant,
+		L,
+		j,
 		R,
-		M,
-		z,
-		V
-	]), J = g(() => L?.multiSelect ? /* @__PURE__ */ v(oe, {
-		checked: V,
+		B
+	]), J = g(() => I?.multiSelect ? /* @__PURE__ */ v(ae, {
+		checked: B,
 		className: q.checkboxMark,
-		"data-testid": a(w, "checkbox-mark")
-	}) : L?.variant == "radio" ? /* @__PURE__ */ v(u, {
-		checked: V,
+		"data-testid": o(C, "checkbox-mark")
+	}) : I?.variant == "radio" ? /* @__PURE__ */ v(d, {
+		checked: B,
 		className: q.checkboxMark,
-		"data-testid": a(w, "checkbox")
-	}) : M, [
+		"data-testid": o(C, "checkbox")
+	}) : j, [
 		q.checkboxMark,
-		w,
-		L?.multiSelect,
-		L?.variant,
-		M,
-		V
-	]), [Y, X] = g(() => n(F), [F]), Z = g(() => ({
-		...H,
+		C,
+		I?.multiSelect,
+		I?.variant,
+		j,
+		B
+	]), [Y, X] = g(() => n(P), [P]), Z = g(() => ({
+		...V,
 		children: /* @__PURE__ */ y(_, { children: [
 			J,
-			(D ?? S) && /* @__PURE__ */ v("span", {
+			(E ?? x) && /* @__PURE__ */ v("span", {
 				className: q.contents,
-				children: D ? /* @__PURE__ */ v(i, { name: D }) : S
+				children: E ? /* @__PURE__ */ v(a, { name: E }) : x
 			}),
-			f && /* @__PURE__ */ v("span", {
+			p && /* @__PURE__ */ v("span", {
 				className: q.append,
-				children: f
+				children: p
 			})
 		] }),
-		className: t(C, q.root, e(Y), r.MenuItem),
-		"data-testid": w,
+		className: t(S, q.root, e(Y), r.MenuItem),
+		"data-testid": C,
 		id: K.id,
-		onClick: U,
-		onKeyDown: W,
+		onClick: H,
+		onKeyDown: U,
 		ref: (e) => {
-			L?.isComposite || K.ref?.(e), e && (B.current = e);
+			I?.isComposite || K.ref?.(e), e && (z.current = e);
 		},
-		role: z === "listitem" ? void 0 : z,
-		tabIndex: L?.hasArrowKeyNav ? K.tabIndex : void 0
+		role: R === "listitem" ? void 0 : R,
+		tabIndex: I?.hasArrowKeyNav ? K.tabIndex : void 0
 	}), [
-		f,
-		H,
+		p,
+		V,
+		x,
 		S,
-		C,
 		q.append,
 		q.contents,
 		q.root,
-		w,
+		C,
+		H,
 		U,
-		W,
-		D,
-		L?.hasArrowKeyNav,
-		L?.isComposite,
+		E,
+		I?.hasArrowKeyNav,
+		I?.isComposite,
 		K,
 		J,
-		z,
+		R,
 		Y
 	]), Q = g(() => {
-		let e = E ?? (X.href ? "a" : "button"), t = e === "button" ? { type: "button" } : {};
-		if (D && S) {
-			let n = String(S);
-			return /* @__PURE__ */ v(ne, {
+		let e = T ?? (X.href ? "a" : "button"), t = e === "button" ? { type: "button" } : {};
+		if (E && x) {
+			let n = String(x);
+			return /* @__PURE__ */ v(c, {
 				tooltipText: n,
-				align: L?.variant == "rail" ? "right" : void 0,
+				align: I?.variant == "rail" ? "right" : void 0,
 				children: /* @__PURE__ */ v(e, {
 					"aria-label": n,
-					...l(Z, X),
+					...u(Z, X),
 					...t
 				})
 			});
 		}
 		return /* @__PURE__ */ v(e, {
-			...l(Z, X),
+			...u(Z, X),
 			...t
 		});
 	}, [
-		S,
+		x,
+		T,
 		E,
-		D,
-		L?.variant,
+		I?.variant,
 		X,
 		Z
 	]);
-	h(I, () => B.current);
-	let $ = g(() => z === "listitem" ? /* @__PURE__ */ v("span", {
+	oe(F, () => z.current);
+	let $ = g(() => R === "listitem" ? /* @__PURE__ */ v("span", {
 		role: "listitem",
-		...O,
+		...D,
 		children: Q
 	}) : Q, [
-		O,
+		D,
 		Q,
-		z
+		R
 	]);
-	return /* @__PURE__ */ y(_, { children: [L?.isComposite ? /* @__PURE__ */ v(te, { render: (e) => d($, {
+	return /* @__PURE__ */ y(_, { children: [I?.isComposite ? /* @__PURE__ */ v(ee, { render: (e) => f($, {
 		...e,
-		ref: b(Z.ref, e.ref)
-	}) }) : $, T && /* @__PURE__ */ v(ie, {})] });
+		ref: ce(Z.ref, e.ref)
+	}) }) : $, w && /* @__PURE__ */ v(re, {})] });
 });
-x.displayName = "IressMenuItem";
+b.displayName = "IressMenuItem";
 //#endregion
-export { x as IressMenuItem };
+export { b as IressMenuItem };

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DGhdmNso.js";
+import { t as e } from "../../../sva-CG-TbBow.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-R34N3rft.js";
+import { t as e } from "../../../css-BRrgGHqo.js";
 import { t } from "../../../cx-QcEwjve6.js";
-import { n } from "../../../is-valid-prop-BVyYPT21.js";
+import { n } from "../../../is-valid-prop-CvqUuuBB.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.d.ts

@@ -27,9 +27,10 @@ export interface IressModalProps<TStatus extends ModalStatus = undefined> extend
      */
     defaultShow?: boolean;
     /**
-     * When set to `true`, users cannot exit the modal by clicking the backdrop or using the escape key.
+     * When set to `true`, users cannot exit the modal by clicking the backdrop.
+     * When set to `"no-esc"`, users also cannot exit the modal using the escape key.
      */
-    disableBackdropClick?: boolean;
+    disableBackdropClick?: boolean | 'no-esc';
     /**
      * When set to `true` the modal's footer will always be visible and fixed to the bottom of the modal.
      */

package/dist/components/Modal/Modal.js

@@ -1,21 +1,21 @@
 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 { n as t } from "../../is-valid-prop-CvqUuuBB.js";
+import { t as n } from "../../factory-Dbc35N0_.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-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-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";
-import { getTransitionDuration as p } from "../../helpers/transition/getTransitionDuration.js";
-import { createElement as m, useEffect as h, useMemo as g, useState as ue } from "react";
+import { t as te } from "../../Button-x1_YRAyD.js";
+import { t as ne } from "../../Text.styles-CVKI4cU7.js";
+import { IressText as re } from "../Text/Text.js";
+import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
+import { alert as o } from "../Alert/Alert.styles.js";
+import { useIdIfNeeded as s } from "../../hooks/useIdIfNeeded.js";
+import { b as c, d as l, g as u, o as d, r as f, s as p, u as m, y as h } from "../../floating-ui.react-DP-wD-Nz.js";
+import { IressCloseButton as ie } from "../Button/CloseButton/CloseButton.js";
+import { modal as ae } from "./Modal.styles.js";
+import { useProviderModal as oe } from "./hooks/useProviderModal.js";
+import { getTransitionDuration as se } from "../../helpers/transition/getTransitionDuration.js";
+import { createElement as ce, useEffect as g, useMemo as le, useState as ue } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/Modal/Modal.tsx
 var de = {
@@ -23,50 +23,50 @@ var de = {
 	success: "check",
 	warning: "warning"
 }, y = ({ actions: y, children: fe, className: pe, closeText: b, container: x, "data-testid": S, defaultShow: C = !1, disableBackdropClick: w, fixedFooter: T, footer: E, heading: D, noCloseButton: O, onEntered: k, onExited: A, onShowChange: j, onStatus: M, onTransitionEnd: N, show: P, size: F, status: I, static: L, style: R, ...z }) => {
-	let B = F ?? (I ? "sm" : "md"), V = !!y?.length, [me, he] = ue(C), H = 240, U = f(z.id), W = c({ id: z.id }), G = `${W}--heading`, ge = U.opened || P || me, K = (e) => {
+	let B = F ?? (I ? "sm" : "md"), V = !!y?.length, [me, he] = ue(C), H = 240, U = oe(z.id), W = s({ id: z.id }), G = `${W}--heading`, ge = U.opened || P || me, K = (e) => {
 		U.show(e), he(e), j?.(e);
-	}, { context: q } = u({
+	}, { context: q } = l({
 		open: ge,
 		onOpenChange: K
-	}), _e = re([se(q, {
-		enabled: !w,
-		outsidePress: (e) => !e.target.closest(`.${r.Toaster}`),
+	}), _e = m(q, {
+		escapeKey: w !== "no-esc",
+		outsidePress: (e) => w === !0 || w === "no-esc" ? !1 : !e.target.closest(`.${r.Toaster}`),
 		outsidePressEvent: "mousedown"
-	}), ce(q)]);
-	q.refs.floating.current && (H = p(q.refs.floating.current, 1.2, 240));
-	let { isMounted: ve, status: J } = l(q, { duration: { close: H } }), Y = d({
+	}), ve = h(q), ye = u([_e, ve]);
+	q.refs.floating.current && (H = se(q.refs.floating.current, 1.2, 240));
+	let { isMounted: be, status: J } = c(q, { duration: { close: H } }), Y = ae({
 		alertStatus: I,
 		fixedFooter: T,
 		size: B,
 		static: L,
 		status: J
-	}), X = s({ status: I }), ye = B === "sm" && !!I, [be, xe] = t(z), { p: Z = "lg", ...Se } = be;
-	h(() => {
+	}), X = o({ status: I }), xe = B === "sm" && !!I, [Se, Ce] = t(z), { p: Z = "lg", ...we } = Se;
+	g(() => {
 		U.opened && P && i("IressModal: Please use either IressModalProvider for uncontrolled components, or the show prop for controlled components, rather than both. If you use both, the open state of the modal will become unpredictable. If you want to show a modal by default in uncontrolled mode, use the defaultShow prop.");
-	}, [U.opened, P]), h(() => {
+	}, [U.opened, P]), g(() => {
 		M?.(J);
 	}, [J, M]);
-	let Q = g(() => typeof D == "string" ? /* @__PURE__ */ _(a, {
+	let Q = le(() => typeof D == "string" ? /* @__PURE__ */ _(re, {
 		className: Y.header,
 		id: G,
 		element: "h2",
-		"data-testid": o(S, "heading"),
+		"data-testid": a(S, "heading"),
 		children: D
 	}) : D, [
 		S,
 		G,
 		D,
 		Y.header
-	]), Ce = (e) => {
-		N?.(e), !(!(e.propertyName === "opacity" || !e.propertyName) || e.target !== e.currentTarget) && (J === "open" ? (k?.(), L || q.refs.floating?.current?.focus()) : J === "close" && A?.());
+	]), Te = (e) => {
+		N?.(e), !(e.propertyName !== "opacity" && e.propertyName || e.target !== e.currentTarget) && (J === "open" ? (k?.(), L || q.refs.floating?.current?.focus()) : J === "close" && A?.());
 	};
-	if (!ve) return null;
-	let $ = /* @__PURE__ */ _(ie, {
+	if (!be) return null;
+	let $ = /* @__PURE__ */ _(d, {
 		className: e(pe, Y.backdrop, r.ModalBackdrop),
-		"data-testid": o(S, "backdrop"),
+		"data-testid": a(S, "backdrop"),
 		lockScroll: !L,
 		style: R,
-		children: /* @__PURE__ */ _(ae, {
+		children: /* @__PURE__ */ _(f, {
 			context: q,
 			initialFocus: q.refs.floating,
 			disabled: L,
@@ -76,39 +76,39 @@ var de = {
 				id: W,
 				"data-testid": S,
 				"aria-labelledby": Q ? G : void 0,
-				..._e.getFloatingProps(xe),
-				...Se,
-				onTransitionEnd: Ce,
+				...ye.getFloatingProps(Ce),
+				...we,
+				onTransitionEnd: Te,
 				children: [
-					!O && /* @__PURE__ */ _(le, {
+					!O && /* @__PURE__ */ _(ie, {
 						onClick: () => K(!1),
 						screenreaderText: b,
 						className: Y.closeButton,
-						"data-testid": o(S, "close-button__button")
+						"data-testid": a(S, "close-button__button")
 					}),
 					/* @__PURE__ */ v(n.div, {
 						className: Y.content,
-						"data-testid": o(S, "content"),
+						"data-testid": a(S, "content"),
 						p: Z,
-						textAlign: ye ? "center" : void 0,
+						textAlign: xe ? "center" : void 0,
 						children: [I ? /* @__PURE__ */ v("div", {
 							className: Y.statusHeader,
-							"data-testid": o(S, "status-header"),
+							"data-testid": a(S, "status-header"),
 							children: [/* @__PURE__ */ _(ee, {
 								name: de[I],
 								className: Y.statusIcon,
 								screenreaderText: `${I}: `,
-								"data-testid": o(S, "status-icon")
+								"data-testid": a(S, "status-icon")
 							}), Q]
 						}) : Q, fe]
 					}),
 					(E ?? V) && /* @__PURE__ */ v(n.div, {
 						className: Y.footer,
-						"data-testid": o(S, "footer"),
+						"data-testid": a(S, "footer"),
 						p: Z,
 						children: [V && /* @__PURE__ */ _("div", {
 							className: Y.footerActions,
-							children: y?.map((t, n) => /* @__PURE__ */ m(te, {
+							children: y?.map((t, n) => /* @__PURE__ */ ce(te, {
 								...t,
 								className: e(t.className, Y.action, X.action),
 								status: I,
@@ -119,8 +119,8 @@ var de = {
 				]
 			})
 		})
-	}), we = x ?? U?.container;
-	return L && !we ? $ : /* @__PURE__ */ _(oe, {
+	}), Ee = x ?? U?.container;
+	return L && !Ee ? $ : /* @__PURE__ */ _(p, {
 		root: x ?? U?.container,
 		children: $
 	});

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

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

package/dist/components/Pill/Pill.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-R34N3rft.js";
+import { t as e } from "../../css-BRrgGHqo.js";
 import { t } from "../../cx-QcEwjve6.js";
-import { n } from "../../is-valid-prop-BVyYPT21.js";
-import { t as r } from "../../factory-BKr3zaf6.js";
+import { n } from "../../is-valid-prop-CvqUuuBB.js";
+import { t as r } from "../../factory-Dbc35N0_.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-DcOwIar2.js";
+import { n as e } from "../../cva-1V8NmPTA.js";
 //#region src/components/Pill/Pill.styles.ts
 var t = e({
 	base: {

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DGhdmNso.js";
+import { t as e } from "../../sva-CG-TbBow.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-QcEwjve6.js";
-import { t } from "../../../factory-BKr3zaf6.js";
+import { t } from "../../../factory-Dbc35N0_.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-R34N3rft.js";
+import { t as e } from "../../css-BRrgGHqo.js";
 import { t } from "../../cx-QcEwjve6.js";
-import { n } from "../../is-valid-prop-BVyYPT21.js";
-import { t as r } from "../../factory-BKr3zaf6.js";
+import { n } from "../../is-valid-prop-CvqUuuBB.js";
+import { t as r } from "../../factory-Dbc35N0_.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-DGhdmNso.js";
+import { t as e } from "../../sva-CG-TbBow.js";
 //#region src/components/Popover/Popover.styles.ts
 var t = e({
 	slots: [

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

@@ -1,5 +1,5 @@
-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 { t as e } from "../../../factory-Dbc35N0_.js";
+import { a as t, c as n, f as r, i, p as a, r as o, s } from "../../../floating-ui.react-DP-wD-Nz.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";

package/dist/components/Popover/helpers/handlePopoverTabKey.js

@@ -1,6 +1,6 @@
 import "../../../constants-DJz-xntC.js";
 import { focusableElements as e } from "../../../helpers/dom/focusableElements.js";
-import { r as t } from "../../../index.esm-CapMi3wi.js";
+import { r as t } from "../../../index.esm-Bl8pnHUv.js";
 import { waitUntilTrue as n } from "./waitUntilTrue.js";
 //#region src/components/Popover/helpers/handlePopoverTabKey.ts
 var r = (e, t) => {
@@ -11,7 +11,7 @@ var r = (e, t) => {
 }, a = async (e, r) => {
 	e.setShowWithReason(!1);
 	let i = t(document.documentElement).filter((t) => !e.api.elements.floating?.contains(t) && !t.hasAttribute("data-floating-ui-focus-guard")), a = i.indexOf(r), o = i[a + 1];
-	a === -1 || !o || (await n(() => !o.hasAttribute("data-floating-ui-inert")), setTimeout(() => o.focus()));
+	a !== -1 && o && (await n(() => !o.hasAttribute("data-floating-ui-inert")), setTimeout(() => o.focus()));
 }, o = (e, n) => {
 	let r = t(document.documentElement).filter((t) => e.api.elements.floating?.contains(t)), i = r[r.length - 1];
 	document.activeElement === i && e.setShowWithReason(!1, n, "focus-out");