@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/navigation/Accordion/Accordion.js

@@ -1,34 +1,81 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { accordionDefinition } from "./accordion.cva.js";
 import { AccordionItem } from "./AccordionItem.js";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { DisclosureGroup } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation/Accordion/Accordion.tsx
-var Accordion = ({ items, variant = "filled", actionPosition = "right", allowsMultipleExpanded = false, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }) => {
-	return /* @__PURE__ */ jsx(DisclosureGroup, {
-		allowsMultipleExpanded,
-		expandedKeys,
-		defaultExpandedKeys,
-		onExpandedChange,
-		className: clsx(UIOverrides.useCva("accordion.cva", accordionDefinition)({
+const Accordion = (t0) => {
+	const $ = c(23);
+	const { items, variant: t1, actionPosition: t2, allowsMultipleExpanded: t3, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled } = t0;
+	const variant = t1 === void 0 ? "filled" : t1;
+	const actionPosition = t2 === void 0 ? "right" : t2;
+	const allowsMultipleExpanded = t3 === void 0 ? false : t3;
+	const accordionCva = UIOverrides.useCva("accordion.cva", accordionDefinition);
+	const t4 = items.length === 1;
+	let t5;
+	if ($[0] !== accordionCva || $[1] !== className || $[2] !== t4 || $[3] !== variant) {
+		t5 = clsx(accordionCva({
 			className,
 			variant,
-			singleItem: items.length === 1
-		})),
-		isDisabled: disabled,
-		children: items.map((item) => /* @__PURE__ */ jsx(AccordionItem, {
-			id: item.id,
-			heading: item.heading,
-			subheading: item.subheading,
-			icon: item.icon,
-			variant,
-			actionPosition,
-			disabled: item.disabled || disabled,
-			isSingle: items.length === 1,
-			children: item.children
-		}, item.id))
-	});
+			singleItem: t4
+		}));
+		$[0] = accordionCva;
+		$[1] = className;
+		$[2] = t4;
+		$[3] = variant;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== actionPosition || $[6] !== disabled || $[7] !== items || $[8] !== variant) {
+		let t7;
+		if ($[10] !== actionPosition || $[11] !== disabled || $[12] !== items.length || $[13] !== variant) {
+			t7 = (item) => /* @__PURE__ */ jsx(AccordionItem, {
+				id: item.id,
+				heading: item.heading,
+				subheading: item.subheading,
+				icon: item.icon,
+				variant,
+				actionPosition,
+				disabled: item.disabled || disabled,
+				isSingle: items.length === 1,
+				children: item.children
+			}, item.id);
+			$[10] = actionPosition;
+			$[11] = disabled;
+			$[12] = items.length;
+			$[13] = variant;
+			$[14] = t7;
+		} else t7 = $[14];
+		t6 = items.map(t7);
+		$[5] = actionPosition;
+		$[6] = disabled;
+		$[7] = items;
+		$[8] = variant;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[15] !== allowsMultipleExpanded || $[16] !== defaultExpandedKeys || $[17] !== disabled || $[18] !== expandedKeys || $[19] !== onExpandedChange || $[20] !== t5 || $[21] !== t6) {
+		t7 = /* @__PURE__ */ jsx(DisclosureGroup, {
+			allowsMultipleExpanded,
+			expandedKeys,
+			defaultExpandedKeys,
+			onExpandedChange,
+			className: t5,
+			isDisabled: disabled,
+			children: t6
+		});
+		$[15] = allowsMultipleExpanded;
+		$[16] = defaultExpandedKeys;
+		$[17] = disabled;
+		$[18] = expandedKeys;
+		$[19] = onExpandedChange;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+	} else t7 = $[22];
+	return t7;
 };
 //#endregion
 export { Accordion };

package/dist/components/navigation/Accordion/AccordionItem.js

@@ -2,10 +2,15 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { accordionChevronDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./accordion.cva.js";
 import { ChevronDown } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { Button, Disclosure, DisclosurePanel, Heading } from "react-aria-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/Accordion/AccordionItem.tsx
-var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon, variant = "filled", actionPosition = "right", isSingle }) => {
+const AccordionItem = (t0) => {
+	const $ = c(25);
+	const { id, disabled, heading, subheading, children, icon: Icon, variant: t1, actionPosition: t2, isSingle } = t0;
+	const variant = t1 === void 0 ? "filled" : t1;
+	const actionPosition = t2 === void 0 ? "right" : t2;
 	const itemCva = UIOverrides.useCva("accordion.itemCva", accordionItemDefinition);
 	const triggerCva = UIOverrides.useCva("accordion.triggerCva", accordionTriggerDefinition);
 	const headingCva = UIOverrides.useCva("accordion.headingCva", accordionHeadingDefinition);
@@ -15,49 +20,89 @@ var AccordionItem = ({ id, disabled, heading, subheading, children, icon: Icon,
 	const iconCva = UIOverrides.useCva("accordion.iconCva", accordionIconDefinition);
 	const panelCva = UIOverrides.useCva("accordion.panelCva", accordionPanelDefinition);
 	const panelContentCva = UIOverrides.useCva("accordion.panelContentCva", accordionPanelContentDefinition);
-	return /* @__PURE__ */ jsx(Disclosure, {
-		id,
-		className: itemCva({
+	let t3;
+	if ($[0] !== isSingle || $[1] !== itemCva || $[2] !== variant) {
+		t3 = itemCva({
 			variant,
 			singleItem: isSingle
-		}),
-		isDisabled: disabled,
-		children: ({ isExpanded }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heading, { children: /* @__PURE__ */ jsxs(Button, {
-			slot: "trigger",
-			className: triggerCva({
-				variant,
-				actionPosition,
-				disabled
-			}),
-			children: [/* @__PURE__ */ jsx("div", {
-				className: headingCva({}),
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-1 items-center gap-accordion-gap-icon-to-text",
-					children: [
-						Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({}) }),
-						/* @__PURE__ */ jsx(Typography, {
-							size: "label-2",
-							variant: "default",
-							className: headingTitleCva({}),
-							children: heading
-						}),
-						subheading && /* @__PURE__ */ jsx(Typography, {
-							size: "label-3",
-							variant: "default",
-							className: headingSubtitleCva({}),
-							children: subheading
-						})
-					]
+		});
+		$[0] = isSingle;
+		$[1] = itemCva;
+		$[2] = variant;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== Icon || $[5] !== actionPosition || $[6] !== chevronCva || $[7] !== children || $[8] !== disabled || $[9] !== heading || $[10] !== headingCva || $[11] !== headingSubtitleCva || $[12] !== headingTitleCva || $[13] !== iconCva || $[14] !== panelContentCva || $[15] !== panelCva || $[16] !== subheading || $[17] !== triggerCva || $[18] !== variant) {
+		t4 = (t5) => {
+			const { isExpanded } = t5;
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heading, { children: /* @__PURE__ */ jsxs(Button, {
+				slot: "trigger",
+				className: triggerCva({
+					variant,
+					actionPosition,
+					disabled
+				}),
+				children: [/* @__PURE__ */ jsx("div", {
+					className: headingCva({}),
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-1 items-center gap-accordion-gap-icon-to-text",
+						children: [
+							Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva({}) }),
+							/* @__PURE__ */ jsx(Typography, {
+								size: "label-2",
+								variant: "default",
+								className: headingTitleCva({}),
+								children: heading
+							}),
+							subheading && /* @__PURE__ */ jsx(Typography, {
+								size: "label-3",
+								variant: "default",
+								className: headingSubtitleCva({}),
+								children: subheading
+							})
+						]
+					})
+				}), /* @__PURE__ */ jsx(ChevronDown, { className: chevronCva({ isExpanded }) })]
+			}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
+				className: panelCva({ isExpanded }),
+				children: /* @__PURE__ */ jsx("div", {
+					className: panelContentCva({}),
+					children
 				})
-			}), /* @__PURE__ */ jsx(ChevronDown, { className: chevronCva({ isExpanded }) })]
-		}) }), /* @__PURE__ */ jsx(DisclosurePanel, {
-			className: panelCva({ isExpanded }),
-			children: /* @__PURE__ */ jsx("div", {
-				className: panelContentCva({}),
-				children
-			})
-		})] })
-	});
+			})] });
+		};
+		$[4] = Icon;
+		$[5] = actionPosition;
+		$[6] = chevronCva;
+		$[7] = children;
+		$[8] = disabled;
+		$[9] = heading;
+		$[10] = headingCva;
+		$[11] = headingSubtitleCva;
+		$[12] = headingTitleCva;
+		$[13] = iconCva;
+		$[14] = panelContentCva;
+		$[15] = panelCva;
+		$[16] = subheading;
+		$[17] = triggerCva;
+		$[18] = variant;
+		$[19] = t4;
+	} else t4 = $[19];
+	let t5;
+	if ($[20] !== disabled || $[21] !== id || $[22] !== t3 || $[23] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Disclosure, {
+			id,
+			className: t3,
+			isDisabled: disabled,
+			children: t4
+		});
+		$[20] = disabled;
+		$[21] = id;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+	} else t5 = $[24];
+	return t5;
 };
 //#endregion
 export { AccordionItem };

package/dist/components/navigation/Accordion/accordion.cva.d.ts

@@ -1,110 +1,86 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const accordionDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly filled: "gap-1";
-            readonly outlined: "";
-        };
-        readonly singleItem: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/navigation/Accordion/accordion.cva.d.ts
+declare const accordionDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly filled: "gap-1";
+      readonly outlined: "";
+    };
+    readonly singleItem: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type AccordionConfig = NonNullable<typeof accordionDefinition.config>;
-export interface AccordionVariantProps extends UIOverrides.VariantProps<AccordionConfig> {
-}
-export declare const accordionItemDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2";
-            readonly outlined: "";
-        };
-        readonly singleItem: {
-            readonly true: "";
-            readonly false: "";
-        };
-    }>;
+type AccordionConfig = NonNullable<typeof accordionDefinition.config>;
+interface AccordionVariantProps extends UIOverrides.VariantProps<AccordionConfig> {}
+declare const accordionItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2";
+      readonly outlined: "";
+    };
+    readonly singleItem: {
+      readonly true: "";
+      readonly false: "";
+    };
+  }>;
 };
-export type AccordionItemConfig = NonNullable<typeof accordionItemDefinition.config>;
-export interface AccordionItemVariantProps extends UIOverrides.VariantProps<AccordionItemConfig> {
-}
-export declare const accordionTriggerDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly outlined: "rounded-accordion-rounding-outlined hover:bg-elevation-fill-default-2";
-            readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2 hover:bg-elevation-fill-default-3";
-        };
-        readonly actionPosition: {
-            readonly left: "flex-row-reverse";
-            readonly right: "flex-row";
-        };
-        readonly disabled: {
-            readonly true: "opacity-50";
-        };
-    }>;
+declare const accordionTriggerDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly variant: {
+      readonly outlined: "rounded-accordion-rounding-outlined hover:bg-elevation-fill-default-2";
+      readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2 hover:bg-elevation-fill-default-3";
+    };
+    readonly actionPosition: {
+      readonly left: "flex-row-reverse";
+      readonly right: "flex-row";
+    };
+    readonly disabled: {
+      readonly true: "opacity-50";
+    };
+  }>;
 };
-export type AccordionTriggerConfig = NonNullable<typeof accordionTriggerDefinition.config>;
-export interface AccordionTriggerVariantProps extends UIOverrides.VariantProps<AccordionTriggerConfig> {
-}
-export declare const accordionHeadingDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{}>;
+declare const accordionHeadingDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{}>;
 };
-export type AccordionHeadingConfig = NonNullable<typeof accordionHeadingDefinition.config>;
-export interface AccordionHeadingVariantProps extends UIOverrides.VariantProps<AccordionHeadingConfig> {
-}
-export declare const accordionHeadingTitleDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{}>;
+declare const accordionHeadingTitleDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{}>;
 };
-export type AccordionHeadingTitleConfig = NonNullable<typeof accordionHeadingTitleDefinition.config>;
-export interface AccordionHeadingTitleVariantProps extends UIOverrides.VariantProps<AccordionHeadingTitleConfig> {
-}
-export declare const accordionHeadingSubtitleDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{}>;
+declare const accordionHeadingSubtitleDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{}>;
 };
-export type AccordionHeadingSubtitleConfig = NonNullable<typeof accordionHeadingSubtitleDefinition.config>;
-export interface AccordionHeadingSubtitleVariantProps extends UIOverrides.VariantProps<AccordionHeadingSubtitleConfig> {
-}
-export declare const accordionChevronDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isExpanded: {
-            readonly true: "rotate-180";
-            readonly false: "rotate-0";
-        };
-    }>;
+declare const accordionChevronDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isExpanded: {
+      readonly true: "rotate-180";
+      readonly false: "rotate-0";
+    };
+  }>;
 };
-export type AccordionChevronConfig = NonNullable<typeof accordionChevronDefinition.config>;
-export interface AccordionChevronVariantProps extends UIOverrides.VariantProps<AccordionChevronConfig> {
-}
-export declare const accordionIconDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{}>;
+declare const accordionIconDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{}>;
 };
-export type AccordionIconConfig = NonNullable<typeof accordionIconDefinition.config>;
-export interface AccordionIconVariantProps extends UIOverrides.VariantProps<AccordionIconConfig> {
-}
-export declare const accordionPanelDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isExpanded: {
-            readonly true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion";
-        };
-    }>;
+declare const accordionPanelDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isExpanded: {
+      readonly true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion";
+    };
+  }>;
 };
-export type AccordionPanelConfig = NonNullable<typeof accordionPanelDefinition.config>;
-export interface AccordionPanelVariantProps extends UIOverrides.VariantProps<AccordionPanelConfig> {
-}
-export declare const accordionPanelContentDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{}>;
+declare const accordionPanelContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{}>;
 };
-export type AccordionPanelContentConfig = NonNullable<typeof accordionPanelContentDefinition.config>;
-export interface AccordionPanelContentVariantProps extends UIOverrides.VariantProps<AccordionPanelContentConfig> {
-}
+//#endregion
+export { AccordionConfig, AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition };

package/dist/components/navigation/Accordion/accordion.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/navigation/Accordion/accordion.cva.ts
-var accordionDefinition = UIOverrides.defineConfig({
+const accordionDefinition = UIOverrides.defineConfig({
 	base: ["flex w-full flex-col"],
 	config: {
 		variants: {
@@ -24,7 +24,7 @@ var accordionDefinition = UIOverrides.defineConfig({
 		}]
 	}
 });
-var accordionItemDefinition = UIOverrides.defineConfig({
+const accordionItemDefinition = UIOverrides.defineConfig({
 	base: ["flex w-full flex-col"],
 	config: {
 		variants: {
@@ -52,7 +52,7 @@ var accordionItemDefinition = UIOverrides.defineConfig({
 		}]
 	}
 });
-var accordionTriggerDefinition = UIOverrides.defineConfig({
+const accordionTriggerDefinition = UIOverrides.defineConfig({
 	base: [
 		"group flex w-full items-center gap-accordion-gap-content-to-arrow",
 		"px-accordion-side-accordion py-accordion-height-accordion",
@@ -76,28 +76,28 @@ var accordionTriggerDefinition = UIOverrides.defineConfig({
 		}
 	}
 });
-var accordionHeadingDefinition = UIOverrides.defineConfig({
+const accordionHeadingDefinition = UIOverrides.defineConfig({
 	base: ["flex flex-1 items-center justify-between gap-accordion-gap-content-to-arrow"],
 	config: {
 		variants: {},
 		defaultVariants: {}
 	}
 });
-var accordionHeadingTitleDefinition = UIOverrides.defineConfig({
+const accordionHeadingTitleDefinition = UIOverrides.defineConfig({
 	base: ["flex-1 text-left text-text-default-1"],
 	config: {
 		variants: {},
 		defaultVariants: {}
 	}
 });
-var accordionHeadingSubtitleDefinition = UIOverrides.defineConfig({
+const accordionHeadingSubtitleDefinition = UIOverrides.defineConfig({
 	base: ["flex-1 text-left text-text-default-2"],
 	config: {
 		variants: {},
 		defaultVariants: {}
 	}
 });
-var accordionChevronDefinition = UIOverrides.defineConfig({
+const accordionChevronDefinition = UIOverrides.defineConfig({
 	base: ["size-6 shrink-0 text-interactive-text-secondary-idle transition-transform duration-200"],
 	config: {
 		variants: { isExpanded: {
@@ -107,18 +107,18 @@ var accordionChevronDefinition = UIOverrides.defineConfig({
 		defaultVariants: { isExpanded: false }
 	}
 });
-var accordionIconDefinition = UIOverrides.defineConfig({
+const accordionIconDefinition = UIOverrides.defineConfig({
 	base: ["size-6 shrink-0 text-text-default-3"],
 	config: {
 		variants: {},
 		defaultVariants: {}
 	}
 });
-var accordionPanelDefinition = UIOverrides.defineConfig({
+const accordionPanelDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: { variants: { isExpanded: { true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion" } } }
 });
-var accordionPanelContentDefinition = UIOverrides.defineConfig({
+const accordionPanelContentDefinition = UIOverrides.defineConfig({
 	base: ["py-accordion-height-content"],
 	config: {
 		variants: {},

package/dist/components/navigation/Accordion/accordion.types.d.ts

@@ -1,52 +1,55 @@
-import { FC, ReactNode, SVGProps } from 'react';
-import { Key } from 'react-aria-components';
-export interface AccordionItem {
-    /** Unique identifier for the item */
-    id: Key;
-    /** Main heading text */
-    heading: string;
-    /** Optional subheading text */
-    subheading?: string;
-    /** Content displayed when expanded */
-    children: ReactNode;
-    /** Optional leading icon */
-    icon?: FC<SVGProps<SVGSVGElement>>;
-    disabled?: boolean;
+import { FC, ReactNode, SVGProps } from "react";
+import { Key } from "react-aria-components";
+//#region src/components/navigation/Accordion/accordion.types.d.ts
+interface AccordionItem {
+  /** Unique identifier for the item */
+  id: Key;
+  /** Main heading text */
+  heading: string;
+  /** Optional subheading text */
+  subheading?: string;
+  /** Content displayed when expanded */
+  children: ReactNode;
+  /** Optional leading icon */
+  icon?: FC<SVGProps<SVGSVGElement>>;
+  disabled?: boolean;
 }
-export interface AccordionProps {
-    /** Array of accordion items */
-    items: AccordionItem[];
-    /** Visual style variant */
-    variant?: "filled" | "outlined";
-    /** Position of the expand/collapse chevron */
-    actionPosition?: "left" | "right";
-    /** Allow multiple items to be expanded simultaneously */
-    allowsMultipleExpanded?: boolean;
-    /** Controlled expanded keys */
-    expandedKeys?: Iterable<Key>;
-    /** Default expanded keys (uncontrolled) */
-    defaultExpandedKeys?: Iterable<Key>;
-    /** Callback when expansion state changes */
-    onExpandedChange?: (keys: Set<Key>) => void;
-    /** Additional CSS class */
-    className?: string;
-    disabled?: boolean;
+interface AccordionProps {
+  /** Array of accordion items */
+  items: AccordionItem[];
+  /** Visual style variant */
+  variant?: "filled" | "outlined";
+  /** Position of the expand/collapse chevron */
+  actionPosition?: "left" | "right";
+  /** Allow multiple items to be expanded simultaneously */
+  allowsMultipleExpanded?: boolean;
+  /** Controlled expanded keys */
+  expandedKeys?: Iterable<Key>;
+  /** Default expanded keys (uncontrolled) */
+  defaultExpandedKeys?: Iterable<Key>;
+  /** Callback when expansion state changes */
+  onExpandedChange?: (keys: Set<Key>) => void;
+  /** Additional CSS class */
+  className?: string;
+  disabled?: boolean;
 }
-export interface AccordionItemProps {
-    /** Unique identifier for the item */
-    id: Key;
-    /** Main heading text */
-    heading: string;
-    /** Optional subheading text */
-    subheading?: string;
-    /** Content displayed when expanded */
-    children: ReactNode;
-    /** Optional leading icon */
-    icon?: FC<SVGProps<SVGSVGElement>>;
-    /** Visual style variant */
-    variant?: "filled" | "outlined";
-    /** Position of the expand/collapse chevron */
-    actionPosition?: "left" | "right";
-    disabled?: boolean;
-    isSingle?: boolean;
+interface AccordionItemProps {
+  /** Unique identifier for the item */
+  id: Key;
+  /** Main heading text */
+  heading: string;
+  /** Optional subheading text */
+  subheading?: string;
+  /** Content displayed when expanded */
+  children: ReactNode;
+  /** Optional leading icon */
+  icon?: FC<SVGProps<SVGSVGElement>>;
+  /** Visual style variant */
+  variant?: "filled" | "outlined";
+  /** Position of the expand/collapse chevron */
+  actionPosition?: "left" | "right";
+  disabled?: boolean;
+  isSingle?: boolean;
 }
+//#endregion
+export { AccordionItem, AccordionItemProps, AccordionProps };

package/dist/components/navigation/Stepper/Stepper.d.ts

@@ -1,2 +1,5 @@
-import { StepperProps } from './stepper.types';
-export declare const Stepper: ({ steps, currentStep, orientation, contentOrientation, iconsOnly, titlesOnly, onStepClick, className, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+import { StepperProps } from "./stepper.types.js";
+//#region src/components/navigation/Stepper/Stepper.d.ts
+declare const Stepper: ({ steps, currentStep, orientation, contentOrientation, iconsOnly, titlesOnly, onStepClick, className }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Stepper };