@iress-oss/ids-components 6.0.1 → 6.2.0

package/dist/components/Menu/Menu.js

@@ -1,102 +1,106 @@
-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 { menu as c } from "./Menu.styles.js";
-import { createContext as l, useCallback as u, useEffect as d, useMemo as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
+import { IressTooltipProvider as c } from "../Tooltip/TooltipProvider.js";
+import { menu as l } from "./Menu.styles.js";
+import { createContext as u, useCallback as d, useEffect as f, useMemo as p, useRef as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/Menu/Menu.tsx
-function m() {
-	return l(void 0);
+function v() {
+	return u(void 0);
 }
-function h() {
-	return g;
+function y() {
+	return b;
 }
-var g = m(), _ = ({ changeOnBlur: l, className: m, defaultSelected: g, fluid: _, id: v, layout: y = "stack", maxWidth: b = "12/12", multiSelect: x, noWrap: S, numbered: C, onChange: w, role: T = "list", selected: E, variant: D, ...O }) => {
-	let k = a({ id: v }), A = s(), j = f(() => A?.type === "listbox" || A?.type === "menu" ? (A.setHasInnerRole(!0), A.type) : x ? "listbox" : T, [
-		x,
-		A,
-		T
-	]), M = f(() => ({
-		"aria-multiselectable": j === "listbox" && x ? !0 : void 0,
-		"aria-orientation": j === "menu" ? y === "stack" ? "vertical" : "horizontal" : void 0
+var b = v(), x = ({ changeOnBlur: u, className: v, defaultSelected: b, fluid: x, id: S, layout: C = "stack", maxWidth: w = "12/12", multiSelect: T, noWrap: E, numbered: D, onChange: O, role: k = "list", selected: A, variant: j, ...M }) => {
+	let N = a({ id: S }), P = s(), F = m(null), I = p(() => P?.type === "listbox" || P?.type === "menu" ? (P.setHasInnerRole(!0), P.type) : T ? "listbox" : k, [
+		T,
+		P,
+		k
+	]), L = p(() => ({
+		"aria-multiselectable": I === "listbox" && T ? !0 : void 0,
+		"aria-orientation": I === "menu" ? C === "stack" ? "vertical" : "horizontal" : void 0
 	}), [
-		y,
-		x,
-		j
-	]), N = f(() => j && ["menu", "listbox"].includes(j), [j]), P = f(() => !A && N, [A, N]), F = f(() => j === "listbox" || !!x, [j, x]), { toggleValue: I, value: L } = i({
+		C,
+		T,
+		I
+	]), R = p(() => I && ["menu", "listbox"].includes(I), [I]), z = p(() => !P && R, [P, R]), B = p(() => I === "listbox" || !!T, [I, T]), { toggleValue: V, value: H } = i({
 		component: "IressMenu",
-		defaultValue: g,
-		multiple: x,
-		onChange: w,
+		defaultValue: b,
+		multiple: T,
+		onChange: O,
 		propName: "selected",
-		value: E
-	}), R = u((e) => !F || e === void 0 ? !1 : x ? r(L).includes(e) : L === e, [
-		x,
-		L,
-		F
-	]), z = f(() => ({
-		changeOnBlur: l && j === "listbox",
-		hasArrowKeyNav: N,
-		isComposite: P,
-		isSelected: R,
-		layout: y,
-		multiSelect: x,
-		noWrap: S,
-		numbered: C,
-		role: j,
-		supportsSelection: F,
-		toggle: I,
-		variant: D
+		value: A
+	}), U = d((e) => !B || e === void 0 ? !1 : T ? r(H).includes(e) : H === e, [
+		T,
+		H,
+		B
+	]), W = p(() => ({
+		changeOnBlur: u && I === "listbox",
+		hasArrowKeyNav: R,
+		isComposite: z,
+		isSelected: U,
+		layout: C,
+		multiSelect: T,
+		noWrap: E,
+		numbered: D,
+		role: I,
+		supportsSelection: B,
+		toggle: V,
+		variant: j
 	}), [
-		l,
-		N,
-		P,
+		u,
 		R,
-		y,
-		x,
-		S,
+		z,
+		U,
 		C,
-		j,
-		F,
+		T,
+		E,
+		D,
 		I,
-		D
+		B,
+		V,
+		j
 	]);
-	d(() => (A?.toggleAriaControls && k && A.toggleAriaControls(k, !0), () => {
-		A?.toggleAriaControls && k && A.toggleAriaControls(k, !1);
-	}), [k, A]);
-	let B = c({
-		fluid: _,
-		layout: y,
-		noWrap: S,
-		numbered: C,
-		insidePopover: !!A,
-		variant: D
-	}), V = {
-		...O,
+	f(() => (P?.toggleAriaControls && N && P.toggleAriaControls(N, !0), () => {
+		P?.toggleAriaControls && N && P.toggleAriaControls(N, !1);
+	}), [N, P]);
+	let G = l({
+		fluid: x,
+		layout: C,
+		noWrap: E,
+		numbered: D,
+		insidePopover: !!P,
+		variant: j
+	}), K = {
 		...M,
-		className: e(m, B.root, n.Menu),
-		id: k,
-		role: j
-	}, { Provider: H } = h();
-	return /* @__PURE__ */ p(H, {
-		value: z,
-		children: P ? /* @__PURE__ */ p(o, {
-			loop: j === "menu",
-			render: /* @__PURE__ */ p(t.div, {
-				...V,
-				maxWidth: b
+		...L,
+		className: e(v, G.root, n.Menu),
+		id: N,
+		role: I
+	}, { Provider: q } = y(), J = /* @__PURE__ */ g(q, {
+		value: W,
+		children: z ? /* @__PURE__ */ g(o, {
+			loop: I === "menu",
+			render: /* @__PURE__ */ g(t.div, {
+				...K,
+				maxWidth: w
 			})
-		}) : /* @__PURE__ */ p(t.div, {
-			...V,
-			maxWidth: b
+		}) : /* @__PURE__ */ g(t.div, {
+			...K,
+			maxWidth: w
 		})
 	});
+	return j == "rail" ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(c, {
+		container: F,
+		children: J
+	}), /* @__PURE__ */ g("div", { ref: F })] }) : J;
 };
-_.displayName = "IressMenu";
+x.displayName = "IressMenu";
 //#endregion
-export { _ as IressMenu, g as MenuContext };
+export { x as IressMenu, b as MenuContext };

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"],
@@ -50,6 +50,13 @@ var t = e({
 			display: "flex",
 			flexDirection: "column"
 		} }
+	}, {
+		layout: "stack",
+		variant: ["rail", "side"],
+		css: { root: {
+			flexWrap: "nowrap",
+			scrollable: "y"
+		} }
 	}],
 	defaultVariants: { layout: "stack" }
 });

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.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import { ElementType, MouseEventHandler, ReactNode } from 'react';
 import { TextElements } from '../../Text';
 import { IressMenuTextProps } from '../MenuText/MenuText';
 import { IressPopoverProps } from '../../Popover';
 import { MenuVariants } from '../Menu';
-type MenuGroupRestProps<TLabel extends TextElements = 'h2', TVariant extends MenuVariants = undefined> = TVariant extends 'subdraw' ? Omit<IressPopoverProps, 'children' | 'activator'> : Omit<IressMenuTextProps<TLabel>, 'children'>;
+type MenuGroupRestProps<TLabel extends TextElements = 'h2', TVariant extends MenuVariants = undefined> = TVariant extends 'subdraw' ? Omit<IressPopoverProps, 'children' | 'activator'> : Omit<IressMenuTextProps<TLabel>, 'children' | 'element'>;
 export type IressMenuGroupProps<TLabel extends TextElements = 'h2', TVariant extends MenuVariants = undefined> = MenuGroupRestProps<TLabel, TVariant> & {
     /**
      * Whether this header is active/expanded, revealing child drawer items.
@@ -32,11 +32,26 @@ export type IressMenuGroupProps<TLabel extends TextElements = 'h2', TVariant ext
      * Adds a divider after the group.
      */
     divider?: boolean;
+    /**
+     * Custom element type for the activator (e.g. for third-party routing).
+     * Only used when parent Menu has variant="side".
+     */
+    element?: ElementType;
+    /**
+     * URL for the group activator link.
+     * Only used when parent Menu has variant="side".
+     */
+    href?: string;
     /**
      * Callback fired when the active/expanded state changes.
      * Only used when parent Menu has variant="side".
      */
     onActiveChange?: (active?: boolean) => void;
+    /**
+     * Click handler for the group activator.
+     * Only used when parent Menu has variant="side".
+     */
+    onClick?: MouseEventHandler;
     /**
      * Variant of the menu group.
      * - `undefined` (default): Renders inline with label as heading and children below.
@@ -53,7 +68,7 @@ export type IressMenuGroupProps<TLabel extends TextElements = 'h2', TVariant ext
  * a fly-over submenu containing the group's children.
  */
 export declare const IressMenuGroup: {
-    <E extends TextElements = "div", TVariant extends MenuVariants = undefined>({ append, active: activeProp, children, className, defaultActive, divider, label, onActiveChange, variant: variantProp, "data-testid": dataTestId, ...restProps }: IressMenuGroupProps<E, TVariant>): import("react/jsx-runtime").JSX.Element;
+    <E extends TextElements = "div", TVariant extends MenuVariants = undefined>({ append, active: activeProp, children, className, defaultActive, divider, element, href, label, onActiveChange, onClick, variant: variantProp, "data-testid": dataTestId, ...restProps }: IressMenuGroupProps<E, TVariant>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

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";
@@ -9,40 +9,44 @@ import { IressPopover as s } from "../../Popover/Popover.js";
 import { IressMenu as c, MenuContext as l } from "../Menu.js";
 import { menuGroup as u } from "./MenuGroup.styles.js";
 import { IressMenuDivider as d } from "../MenuDivider/MenuDivider.js";
-import { IressMenuHeading as f } from "../MenuText/MenuText.js";
-import { IressMenuItem as p } from "../MenuItem/MenuItem.js";
+import { IressMenuItem as f } from "../MenuItem/MenuItem.js";
+import { IressMenuHeading as p } from "../MenuHeading/MenuHeading.js";
 import { useContext as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/Menu/MenuGroup/MenuGroup.tsx
-var v = ({ append: v, active: y, children: b, className: x, defaultActive: S, divider: C, label: w, onActiveChange: T, variant: E, "data-testid": D, ...O }) => {
-	let k = a(O), A = m(l), j = o(), M = E ?? A?.variant;
-	if (M && (j?.type === "listbox" || A?.role === "listbox")) throw Error("[IressMenuGroup] IressMenu with variants cannot be used within a Menu with role=\"listbox\" or Popover with type=\"listbox\", as it is not intended for that use case. Please unset the variant for grouping in listbox contexts.");
-	let { value: N, setValue: P } = i({
+var v = ({ append: v, active: y, children: b, className: x, defaultActive: S, divider: C, element: w, href: T, label: E, onActiveChange: D, onClick: O, variant: k, "data-testid": A, ...j }) => {
+	let M = a(j), N = m(l), P = o(), F = k ?? N?.variant;
+	if (F && (P?.type === "listbox" || N?.role === "listbox")) throw Error("[IressMenuGroup] IressMenu with variants cannot be used within a Menu with role=\"listbox\" or Popover with type=\"listbox\", as it is not intended for that use case. Please unset the variant for grouping in listbox contexts.");
+	let { value: I, setValue: L } = i({
 		component: "IressMenuGroup",
 		defaultValue: S,
-		onChange: T,
+		onChange: D,
 		value: y
 	});
-	if (M == "side") {
+	if (F == "side") {
 		let n = u({
-			numbered: A?.numbered,
-			open: N
+			numbered: N?.numbered,
+			open: I
 		});
 		return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("div", {
 			className: e(n.root, x),
-			...O,
-			"data-testid": D,
-			children: [/* @__PURE__ */ g(p, {
+			...j,
+			"data-testid": A,
+			children: [/* @__PURE__ */ g(f, {
 				className: e(n.activator, t.MenuGroupActivator),
-				"data-testid": r(D, "activator"),
-				onClick: () => P(!N),
-				"aria-expanded": N,
-				id: k,
-				"aria-controls": `${k}-content`,
-				children: w
+				"data-testid": r(A, "activator"),
+				href: T,
+				element: w,
+				onClick: (e) => {
+					L(!I), O?.(e);
+				},
+				"aria-expanded": I,
+				id: M,
+				"aria-controls": `${M}-content`,
+				children: E
 			}), /* @__PURE__ */ g("div", {
 				className: e(n.wrapper, t.MenuGroup),
-				id: `${k}-content`,
+				id: `${M}-content`,
 				children: /* @__PURE__ */ g("div", {
 					className: n.content,
 					children: b
@@ -50,34 +54,34 @@ var v = ({ append: v, active: y, children: b, className: x, defaultActive: S, di
 			})]
 		}), C && /* @__PURE__ */ g(d, {})] });
 	}
-	return M == "subdraw" ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, {
+	return F == "subdraw" ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(s, {
 		align: "right-start",
 		nested: !0,
 		offset: {
 			mainAxis: 0,
 			crossAxis: 0
 		},
-		type: A?.role === "list" ? void 0 : A?.role,
-		virtualFocus: j?.isVirtualFocus,
+		type: N?.role === "list" ? void 0 : N?.role,
+		virtualFocus: P?.isVirtualFocus,
 		contentStyle: { p: "none" },
-		...O,
+		...j,
 		className: e(t.MenuGroup, x),
-		"data-testid": r(D, "subdraw"),
-		activator: /* @__PURE__ */ g(p, {
+		"data-testid": r(A, "subdraw"),
+		activator: /* @__PURE__ */ g(f, {
 			append: v ?? /* @__PURE__ */ g(n, { name: "keyboard_arrow_right" }),
 			className: t.MenuGroupActivator,
-			"data-testid": r(D, "subdraw__trigger"),
-			children: w
+			"data-testid": r(A, "subdraw__trigger"),
+			children: E
 		}),
 		children: /* @__PURE__ */ g(c, { children: b })
 	}), C && /* @__PURE__ */ g(d, {})] }) : /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ g(f, {
-			"data-testid": D,
-			...O,
+		/* @__PURE__ */ g(p, {
+			"data-testid": A,
+			...j,
 			className: e(t.MenuGroup, x),
-			srOnly: M == "rail" ? !0 : void 0,
-			width: M == "rail" ? "auto" : void 0,
-			children: w
+			srOnly: F == "rail" || void 0,
+			width: F == "rail" ? "auto" : void 0,
+			children: E
 		}),
 		b,
 		C && /* @__PURE__ */ g(d, {})

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.d.ts

@@ -0,0 +1,20 @@
+import { TextElements } from '../../Text';
+import { IressMenuTextProps } from '../MenuText/MenuText';
+export type { IressMenuTextProps as IressMenuHeadingProps } from '../MenuText/MenuText';
+/**
+ * A heading element within a menu, used to label groups of menu items.
+ *
+ * @example
+ * ```tsx
+ * import { IressMenu, IressMenuHeading, IressMenuItem } from '@iress-oss/ids-components';
+ *
+ * <IressMenu>
+ *   <IressMenuHeading>Actions</IressMenuHeading>
+ *   <IressMenuItem>Edit</IressMenuItem>
+ * </IressMenu>
+ * ```
+ */
+export declare const IressMenuHeading: {
+    <E extends TextElements = "h2">({ className, element, textStyle, ...restProps }: IressMenuTextProps<E>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,14 @@
+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";
+//#region src/components/Menu/MenuHeading/MenuHeading.tsx
+var i = ({ className: i, element: a = "h2", textStyle: o = "typography.body.md.medium", ...s }) => /* @__PURE__ */ r(n, {
+	element: a,
+	textStyle: o,
+	...s,
+	className: e(i, t.MenuHeading)
+});
+i.displayName = "IressMenuHeading";
+//#endregion
+export { i as IressMenuHeading };

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: [
@@ -194,6 +194,15 @@ var t = e({
 				"option"
 			],
 			css: { root: { focusable: "colour.primary.onFill" } }
+		},
+		{
+			variant: "side",
+			selected: !0,
+			css: { root: {
+				bg: "colour.neutral.20",
+				color: "colour.primary.text",
+				_after: { width: "menu.indicator" }
+			} }
 		}
 	],
 	defaultVariants: { layout: "stack" }

package/dist/components/Menu/MenuText/MenuText.d.ts

@@ -16,10 +16,6 @@ export type IressMenuTextProps<E extends TextElements = 'div'> = IressTextProps<
     prepend?: ReactNode;
 };
 export declare const IressMenuText: {
-    <E extends TextElements = "div">({ append, children, className, "data-testid": dataTestid, divider, element, prepend, role, textStyle, ...restProps }: IressMenuTextProps<E>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const IressMenuHeading: {
-    <E extends TextElements = "h2">({ className, element, textStyle, ...restProps }: IressMenuTextProps<E>): import("react/jsx-runtime").JSX.Element;
+    <E extends TextElements = "div">({ append, children, className, "data-testid": dataTestid, divider, element, prepend, role, textStyle, width, ...restProps }: IressMenuTextProps<E>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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";
@@ -23,39 +23,33 @@ var p = (e, t) => (e && [
 	"typography.heading.3",
 	"typography.heading.4",
 	"typography.heading.5"
-].includes(t)), m = ({ append: m, children: h, className: g, "data-testid": _, divider: v, element: y, prepend: b, role: x, textStyle: S, ...C }) => {
-	let w = l(a), T = c() ?? x, E = o.raw({
-		layout: w?.layout,
+].includes(t)), m = ({ append: m, children: h, className: g, "data-testid": _, divider: v, element: y, prepend: b, role: x, textStyle: S, width: C = "12/12", ...w }) => {
+	let T = l(a), E = c() ?? x, D = o.raw({
+		layout: T?.layout,
 		isHeading: p(y, S),
 		hasAppendOrPrepend: !!(m ?? b)
-	}), [D, O] = n(C);
+	}), [O, k] = n(w);
 	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
-		className: t(g, e(E.root, D), r.MenuText),
+		className: t(g, e(D.root, O, { width: C }), r.MenuText),
 		"data-testid": _,
-		role: T,
+		role: E,
 		children: [
 			b && /* @__PURE__ */ d("div", { children: b }),
 			/* @__PURE__ */ d(i, {
-				...O,
-				className: e(E.contents),
+				...k,
+				className: e(D.contents),
 				element: y,
 				textStyle: S,
+				width: C,
 				children: h
 			}),
 			m && /* @__PURE__ */ d("div", {
-				className: e(E.append),
+				className: e(D.append),
 				children: m
 			})
 		]
 	}), v && /* @__PURE__ */ d(s, { mt: "spacing.1" })] });
 };
 m.displayName = "IressMenuText";
-var h = ({ className: e, element: n = "h2", textStyle: i = "typography.body.md.medium", ...a }) => /* @__PURE__ */ d(m, {
-	element: n,
-	textStyle: i,
-	...a,
-	className: t(e, r.MenuHeading)
-});
-h.displayName = "IressMenuHeading";
 //#endregion
-export { h as IressMenuHeading, m as IressMenuText };
+export { m as IressMenuText };

package/dist/components/Menu/index.d.ts

@@ -7,3 +7,4 @@ export * from './MenuDivider/MenuDivider';
 export * from './MenuGroup/MenuGroup';
 export * from './MenuItem/MenuItem';
 export * from './MenuText/MenuText';
+export * from './MenuHeading/MenuHeading';

package/dist/components/Menu/index.js

@@ -3,7 +3,8 @@ import { IressMenu as t } from "./Menu.js";
 import { menuItem as n } from "./MenuItem/MenuItem.styles.js";
 import { menuGroup as r } from "./MenuGroup/MenuGroup.styles.js";
 import { IressMenuDivider as i } from "./MenuDivider/MenuDivider.js";
-import { IressMenuHeading as a, IressMenuText as o } from "./MenuText/MenuText.js";
-import { IressMenuItem as s } from "./MenuItem/MenuItem.js";
+import { IressMenuItem as a } from "./MenuItem/MenuItem.js";
+import { IressMenuText as o } from "./MenuText/MenuText.js";
+import { IressMenuHeading as s } from "./MenuHeading/MenuHeading.js";
 import { IressMenuGroup as c } from "./MenuGroup/MenuGroup.js";
-export { t as IressMenu, i as IressMenuDivider, c as IressMenuGroup, a as IressMenuHeading, s as IressMenuItem, o as IressMenuText, e as menu, r as menuGroup, n as menuItem };
+export { t as IressMenu, i as IressMenuDivider, c as IressMenuGroup, s as IressMenuHeading, a as IressMenuItem, o as IressMenuText, e as menu, r as menuGroup, n as menuItem };

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: [