@iress-oss/ids-components 6.0.1 → 6.1.0

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Autocomplete-CuUjmIAw.js";
+import { t as e } from "../../Autocomplete-BRGD9dSh.js";
 export { e as IressAutocomplete };

package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../useAutocompleteSearch-BJ_hhoKp.js";
+import { t as e } from "../../../useAutocompleteSearch-DxKxs6HH.js";
 export { e as useAutocompleteSearch };

package/dist/components/Autocomplete/index.js

@@ -1,4 +1,4 @@
 import { autoComplete as e } from "./Autocomplete.styles.js";
-import { t } from "../../useAutocompleteSearch-BJ_hhoKp.js";
-import { t as n } from "../../Autocomplete-CuUjmIAw.js";
+import { t } from "../../useAutocompleteSearch-DxKxs6HH.js";
+import { t as n } from "../../Autocomplete-BRGD9dSh.js";
 export { n as IressAutocomplete, e as autoComplete, t as useAutocompleteSearch };

package/dist/components/Field/Field.js

@@ -8,65 +8,65 @@ import { toArray as o } from "../../helpers/formatting/toArray.js";
 import { IressLabel as s } from "../Label/Label.js";
 import { field as c } from "./Field.styles.js";
 import { FieldFooter as l } from "./components/FieldFooter.js";
-import { FieldHint as u, FieldHintIcon as d } from "./components/FieldHint.js";
-import { isValidElement as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { FieldHint as u } from "./components/FieldHint.js";
+import { isValidElement as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/Field/Field.tsx
-var h = ({ children: h, className: g, "data-testid": _, error: v, errorMessages: y, hiddenLabel: b, hint: x, horizontal: S, label: C, labelWidth: w, required: T, readOnly: E, removeErrorMargin: D = !1, supplementary: O, ...k }) => {
-	let { htmlFor: A } = k, j;
-	j = A === void 0 && f(h) ? o(h)[0].props.id : A;
-	let M = c.raw({
-		hasError: !!v || !!y?.length,
-		hasHint: !!x,
-		hiddenLabel: b,
-		horizontal: S,
+var m = ({ children: m, className: h, "data-testid": g, error: _, errorMessages: v, hiddenLabel: y, hint: b, horizontal: x, label: S, labelWidth: C, required: w, readOnly: T, removeErrorMargin: E = !1, supplementary: D, ...O }) => {
+	let { htmlFor: k } = O, A;
+	A = k === void 0 && d(m) ? o(m)[0].props.id : k;
+	let j = c.raw({
+		hasError: !!_ || !!v?.length,
+		hasHint: !!b,
+		hiddenLabel: y,
+		horizontal: x,
 		multipleFields: !1,
-		removeErrorMargin: D
-	}), [N, P] = n(k), F = !!E, I = () => {
-		let t = /* @__PURE__ */ m(s, {
-			className: e(M.label),
-			"data-testid": a(_, "label"),
-			hiddenLabel: b,
-			htmlFor: j,
-			readOnly: E,
-			required: F ? !1 : !!T,
-			children: [C, S && x && /* @__PURE__ */ p(d, { hint: x })]
+		removeErrorMargin: E
+	}), [M, N] = n(O), P = !!T, F = () => {
+		let t = /* @__PURE__ */ f(s, {
+			className: e(j.label),
+			"data-testid": a(g, "label"),
+			hiddenLabel: y,
+			htmlFor: A,
+			readOnly: T,
+			required: P ? !1 : !!w,
+			children: S
 		});
-		return x ? /* @__PURE__ */ p(u, {
-			hint: x,
-			horizontal: S,
-			hiddenLabel: b,
-			dataTestId: _,
+		return b ? /* @__PURE__ */ f(u, {
+			hint: b,
+			horizontal: x,
+			hiddenLabel: y,
+			dataTestId: g,
 			children: t
 		}) : t;
 	};
-	return /* @__PURE__ */ m(r.div, {
-		className: t(g, e(M.root, N), i.Field),
-		style: { ...S && w && { gridTemplateColumns: `${w} 1fr` } },
-		"data-testid": _,
-		...P,
+	return /* @__PURE__ */ p(r.div, {
+		className: t(h, e(j.root, M), i.Field),
+		style: { ...x && C && { gridTemplateColumns: `${C} 1fr` } },
+		"data-testid": g,
+		...N,
 		children: [
-			/* @__PURE__ */ p(r.div, {
-				className: e(M.labelContainer),
-				children: I()
+			/* @__PURE__ */ f(r.div, {
+				className: e(j.labelContainer),
+				children: F()
 			}),
-			/* @__PURE__ */ p(r.div, {
-				className: e(M.fieldContainer),
-				children: /* @__PURE__ */ p("div", {
-					className: e(M.element),
-					children: h
+			/* @__PURE__ */ f(r.div, {
+				className: e(j.fieldContainer),
+				children: /* @__PURE__ */ f("div", {
+					className: e(j.element),
+					children: m
 				})
 			}),
-			/* @__PURE__ */ p(l, {
-				className: e(M.footer),
-				"data-testid": a(_, "error"),
-				error: v,
-				errorMessages: y,
-				supplementary: O
+			/* @__PURE__ */ f(l, {
+				className: e(j.footer),
+				"data-testid": a(g, "error"),
+				error: _,
+				errorMessages: v,
+				supplementary: D
 			})
 		]
 	});
 };
-h.displayName = "IressField";
+m.displayName = "IressField";
 //#endregion
-export { h as IressField };
+export { m as IressField };

package/dist/components/Field/Field.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const field: import('../../styled-system/types').SlotRecipeRuntimeFn<"label" | "footer" | "hint" | "element" | "root" | "footerIcon" | "supplementary" | "labelContainer" | "fieldContainer", {
+export declare const field: import('../../styled-system/types').SlotRecipeRuntimeFn<"label" | "footer" | "hint" | "element" | "root" | "horizontalLabelWithHint" | "footerIcon" | "supplementary" | "labelContainer" | "fieldContainer", {
     horizontal: {
         true: {
             root: {

package/dist/components/Field/Field.styles.js

@@ -5,6 +5,7 @@ var t = e({
 		"root",
 		"hint",
 		"label",
+		"horizontalLabelWithHint",
 		"footer",
 		"footerIcon",
 		"supplementary",
@@ -34,6 +35,11 @@ var t = e({
 		footerIcon: { verticalAlign: "[-1.5px]" },
 		supplementary: { fontSize: "inherit" },
 		label: { mb: "spacing.2" },
+		horizontalLabelWithHint: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: "spacing.1"
+		},
 		labelContainer: {},
 		fieldContainer: { "& .ids-popover__content": { zIndex: "100" } }
 	},

package/dist/components/Field/components/FieldHint.js

@@ -1,33 +1,41 @@
 import { t as e } from "../../../css-D3KwXbP0.js";
 import { t } from "../../../factory-sKbby7-S.js";
 import { IressIcon as n } from "../../Icon/Icon.js";
-import { propagateTestid as r } from "../../../helpers/utility/propagateTestid.js";
-import { IressTooltip as i } from "../../Tooltip/Tooltip.js";
-import { field as a } from "../Field.styles.js";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t as r } from "../../../Button-bZPKq0ue.js";
+import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";
+import { IressTooltip as a } from "../../Tooltip/Tooltip.js";
+import { field as o } from "../Field.styles.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/Field/components/FieldHint.tsx
-var l = ({ hint: n, horizontal: i, hiddenLabel: l, dataTestId: u, children: d }) => {
-	let f = a.raw({
+var u = ({ hint: n, horizontal: r, hiddenLabel: a, dataTestId: u, children: f }) => {
+	let p = o.raw({
 		hasError: !1,
-		hiddenLabel: l,
-		horizontal: i,
+		hiddenLabel: a,
+		horizontal: r,
 		multipleFields: !1
 	});
-	return i ? /* @__PURE__ */ s(o, { children: d }) : /* @__PURE__ */ c(o, { children: [d, /* @__PURE__ */ s(t.div, {
-		className: e(f.hint),
-		"data-testid": r(u, "hint"),
-		srOnly: l,
+	return r ? /* @__PURE__ */ l(t.div, {
+		className: e(p.horizontalLabelWithHint),
+		children: [f, /* @__PURE__ */ c(d, { hint: n })]
+	}) : /* @__PURE__ */ l(s, { children: [f, /* @__PURE__ */ c(t.div, {
+		className: e(p.hint),
+		"data-testid": i(u, "hint"),
+		srOnly: a,
 		children: n
 	})] });
-}, u = ({ hint: e }) => /* @__PURE__ */ s(i, {
+}, d = ({ hint: e }) => /* @__PURE__ */ c(a, {
 	tooltipText: typeof e == "string" ? e : "Additional information",
 	align: "top",
-	children: /* @__PURE__ */ s(n, {
-		name: "info-circle",
-		screenreaderText: "More information",
-		ml: "spacing.1"
+	children: /* @__PURE__ */ c(r, {
+		mode: "muted",
+		p: "none",
+		mb: "-spacing.1",
+		children: /* @__PURE__ */ c(n, {
+			name: "info-circle",
+			screenreaderText: "More information"
+		})
 	})
 });
-l.displayName = "FieldHint";
+u.displayName = "FieldHint";
 //#endregion
-export { l as FieldHint, u as FieldHintIcon };
+export { u as FieldHint, d as FieldHintIcon };

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

@@ -1,4 +1,2 @@
 export * from './Field';
 export * from './Field.styles';
-export * from './FieldGroup/FieldGroup';
-export * from './FieldGroup/FieldGroup.styles';

package/dist/components/Field/index.js

@@ -1,5 +1,3 @@
 import { field as e } from "./Field.styles.js";
 import { IressField as t } from "./Field.js";
-import { fieldGroup as n } from "./FieldGroup/FieldGroup.styles.js";
-import { IressFieldGroup as r } from "./FieldGroup/FieldGroup.js";
-export { t as IressField, r as IressFieldGroup, e as field, n as fieldGroup };
+export { t as IressField, e as field };

package/dist/components/{Field/FieldGroup → FieldGroup}/FieldGroup.js

@@ -1,14 +1,14 @@
-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 { GlobalCSSClass as i } from "../../../enums.js";
-import { propagateTestid as a } from "../../../helpers/utility/propagateTestid.js";
-import { LabelBase as o } from "../../Label/LabelBase/LabelBase.js";
-import { FieldFooter as s } from "../components/FieldFooter.js";
+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 { GlobalCSSClass as i } from "../../enums.js";
+import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
+import { LabelBase as o } from "../Label/LabelBase/LabelBase.js";
+import { FieldFooter as s } from "../Field/components/FieldFooter.js";
 import { fieldGroup as c } from "./FieldGroup.styles.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/Field/FieldGroup/FieldGroup.tsx
+//#region src/components/FieldGroup/FieldGroup.tsx
 var d = ({ children: d, className: f, "data-testid": p, error: m, errorMessages: h, hiddenLabel: g, hint: _, inline: v, join: y, label: b, removeErrorMargin: x, required: S, supplementary: C, ...w }) => {
 	let T = c.raw({
 		hasError: !!m || !!h?.length,

package/dist/components/{Field/FieldGroup → FieldGroup}/FieldGroup.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const fieldGroup: import('../../../styled-system/types').SlotRecipeRuntimeFn<"legend" | "hint" | "root" | "fields", {
+export declare const fieldGroup: import('../../styled-system/types').SlotRecipeRuntimeFn<"legend" | "hint" | "root" | "fields", {
     hasError: {
         true: {
             root: {

package/dist/components/{Field/FieldGroup → FieldGroup}/FieldGroup.styles.js

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

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

@@ -0,0 +1,2 @@
+export * from './FieldGroup';
+export * from './FieldGroup.styles';

package/dist/components/FieldGroup/index.js

@@ -0,0 +1,3 @@
+import { fieldGroup as e } from "./FieldGroup.styles.js";
+import { IressFieldGroup as t } from "./FieldGroup.js";
+export { t as IressFieldGroup, e as fieldGroup };

package/dist/components/Input/Input.styles.d.ts

@@ -101,7 +101,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '25%': {
             wrapper: {
-                width: "3/12";
+                maxWidth: "3/12";
             };
             formControl: {
                 width: "12/12";
@@ -109,7 +109,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '50%': {
             wrapper: {
-                width: "6/12";
+                maxWidth: "6/12";
             };
             formControl: {
                 width: "12/12";
@@ -117,7 +117,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '75%': {
             wrapper: {
-                width: "9/12";
+                maxWidth: "9/12";
             };
             formControl: {
                 width: "12/12";
@@ -125,7 +125,7 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
         };
         '100%': {
             wrapper: {
-                width: "12/12";
+                maxWidth: "12/12";
             };
             formControl: {
                 width: "12/12";

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

@@ -142,19 +142,19 @@ var t = e({
 				formControl: { width: "input.16" }
 			},
 			"25%": {
-				wrapper: { width: "3/12" },
+				wrapper: { maxWidth: "3/12" },
 				formControl: { width: "12/12" }
 			},
 			"50%": {
-				wrapper: { width: "6/12" },
+				wrapper: { maxWidth: "6/12" },
 				formControl: { width: "12/12" }
 			},
 			"75%": {
-				wrapper: { width: "9/12" },
+				wrapper: { maxWidth: "9/12" },
 				formControl: { width: "12/12" }
 			},
 			"100%": {
-				wrapper: { width: "12/12" },
+				wrapper: { maxWidth: "12/12" },
 				formControl: { width: "12/12" }
 			}
 		},

package/dist/components/Link/Link.styles.d.ts

@@ -15,6 +15,7 @@ export declare const link: import('../../styled-system/types').SlotRecipeRuntime
         true: {
             content: {
                 _groupHover: {
+                    cursor: "not-allowed";
                     textDecoration: "underline";
                 };
             };

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

@@ -33,7 +33,10 @@ var t = e({
 	variants: {
 		active: { true: { root: { borderBottom: "[1px dashed currentColor]" } } },
 		loading: { true: {
-			content: { _groupHover: { textDecoration: "underline" } },
+			content: { _groupHover: {
+				cursor: "not-allowed",
+				textDecoration: "underline"
+			} },
 			root: {
 				cursor: "not-allowed",
 				filter: "[saturate(0.25)]",

package/dist/components/Menu/Menu.js

@@ -6,97 +6,101 @@ 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 { 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

@@ -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/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 {};