@povio/ui 3.4.0-rc.8 → 4.0.0-rc.1

package/README.md

@@ -4,12 +4,66 @@ UI Components that match Povio's Atlas Design System.
 
 ## Installation
 
-`pnpm add @povio/ui`
+`bun add @povio/ui`
+
+## Imports
+
+Use component and feature subpaths in application code. Each subpath resolves to an isolated ESM entry and lets route-level bundlers retain only the component graph used by that route.
+
+```tsx
+import { Button } from "@povio/ui/button";
+import { Dialog } from "@povio/ui/dialog";
+import { Select } from "@povio/ui/tanstack/select";
+import { useForm } from "@povio/ui/tanstack/form";
+import { Table } from "@povio/ui/tanstack/table";
+import { RichTextEditor } from "@povio/ui/rich-text-editor";
+```
+
+Form inputs are available from matching integration paths, such as `@povio/ui/rhf/input` and `@povio/ui/tanstack/input`. Dynamic input builders are exposed from `@povio/ui/rhf/inputs` and `@povio/ui/tanstack/inputs`.
+
+The broad `@povio/ui`, `@povio/ui/rhf`, and `@povio/ui/tanstack` entries remain for compatibility. They are not recommended for new application imports because they reconnect otherwise independent feature graphs.
+
+Feature dependencies are optional peers. Install the matching packages when using date/calendar entries, `@povio/ui/tanstack/table`, RHF/TanStack Form inputs, or the rich text editor. Basic components such as Button, Typography, and Dialog do not require table, drag-and-drop, calendar, or TipTap packages.
+
+React Aria is an internal `@povio/ui` dependency and does not need to be installed separately. Povio component entries include the React Aria implementation they use. Component-scoped escape-hatch entries expose only the corresponding React Aria primitive and its types for custom implementations:
+
+```tsx
+import { Link, type LinkProps } from "@povio/ui/link/react-aria";
+import { useTextField } from "@povio/ui/use-text-field/react-aria";
+import { useFocusWithin } from "@povio/ui/use-focus-within/react-aria";
+import type { Key } from "@povio/ui/key/react-aria";
+```
+
+Every public React Aria component has a matching `@povio/ui/<component>/react-aria` entry, including primitives that do not have a Povio wrapper. Compound controls are split into their individual pieces—for example, `@povio/ui/table-header/react-aria` and `@povio/ui/slider-thumb/react-aria` are independent entries.
+
+The React Aria hooks used by Povio are similarly isolated under `use-text-field`, `use-focus-visible`, `use-focus-within`, `use-hover`, and `use-label`. The shared `Key`, `Selection`, and `DOMAttributes` types are available from matching `key`, `selection`, and `dom-attributes` React Aria entries. There is no shared hooks or types barrel.
+
+Each emitted entry is independently bundled and tree-shaken; it does not forward React Aria's aggregate barrel or share a generated aggregate chunk with unrelated controls. Ordinary Povio component imports do not include the escape-hatch entries.
 
 ## Versioning
 
 `^2.1` still corresponds to Atlas 2.1. All versions after that currently target Atlas 2.2 and follow semantic versioning — breaking changes bump the major version.
 
+## AI component rules
+
+The package ships RuleSync source rules in `.rulesync/` and `rulesync.jsonc`. They document the public component API, standard aliases, form contracts, accessibility expectations, and styling conventions for AI coding tools. Generated tool files are deliberately excluded from the published npm package.
+
+To generate the UI rules into a consuming project's repository root, run the executable bundled with `@povio/ui`:
+
+```bash
+pnpm exec povio-ui-rules
+```
+
+With npm, use:
+
+```bash
+npx povio-ui-rules
+```
+
+This generates the relevant Cursor, Claude Code, and Codex CLI files in the consuming repository. Add generated files to that repository's `.gitignore` unless they are intentionally versioned. Re-run the command after upgrading `@povio/ui`; verify without writing files by adding `--check` (for example, `pnpm exec povio-ui-rules --check`).
+
+Within this monorepo, the equivalent package-local commands are `pnpm --filter @povio/ui rules:gen` and `pnpm --filter @povio/ui rules:check`.
+
 ## Publishing
 
 ### Stable release
@@ -122,7 +176,7 @@ To override the translations, add a partial `ui-translation.json` file for the l
 
 ```ts
 // src/config/i18n.ts
-import { resources as uiDefaultResources, ns as uiNs } from "@povio/ui";
+import { resources as uiDefaultResources, ns as uiNs } from "@povio/ui/resources";
 import deepMerge from "deepmerge";
 
 import uiTranslationEN from "./locales/en/ui-translation.json";

package/dist/Accordion-Cup5eRZz.d.ts

@@ -0,0 +1,58 @@
+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;
+}
+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 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
+//#region src/components/navigation/Accordion/Accordion.d.ts
+declare const Accordion: ({ items, variant, actionPosition, allowsMultipleExpanded, expandedKeys, defaultExpandedKeys, onExpandedChange, className, disabled }: AccordionProps) => import("react").JSX.Element;
+//#endregion
+export { AccordionProps as i, AccordionItem as n, AccordionItemProps as r, Accordion as t };

package/dist/Accordion-rZ9P9dZy.js

@@ -0,0 +1,416 @@
+import { t as ChevronDown } from "./chevron-down-RksSwG1O.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, o as $7230ffa83bc0c2cf$export$c62b8e45d58ddad9, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-D3gCeElo.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1, t as $7705c033048f6da7$export$24d547caef80ccd1 } from "./Button-CRlZqaJq.js";
+import { t as $2ec61d1d4f780267$export$a8a3e93435678ff9 } from "./Heading-D0cYUzVa.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import $ahdqC$react, { createContext, forwardRef, useContext } from "react";
+import { c } from "react/compiler-runtime";
+import { mergeProps } from "react-aria/mergeProps";
+import { mergeRefs } from "react-aria/mergeRefs";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import { useFocusRing } from "react-aria/useFocusRing";
+import { useId as useId$1 } from "react-aria/useId";
+import { useDisclosure } from "react-aria/useDisclosure";
+import { useDisclosureGroupState } from "react-stately/useDisclosureGroupState";
+import { useDisclosureState } from "react-stately/useDisclosureState";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Disclosure.mjs
+const $a3e16eab0ea4036c$export$1d40e3e0cc4d5de = /*#__PURE__*/ createContext(null);
+const $a3e16eab0ea4036c$export$944aceb4f8c89f10 = /*#__PURE__*/ forwardRef(function DisclosureGroup(props, ref) {
+	let state = useDisclosureGroupState(props);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-DisclosureGroup",
+		values: {
+			isDisabled: state.isDisabled,
+			state
+		}
+	});
+	let domProps = filterDOMProps(props, { global: true });
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...domProps,
+		...renderProps,
+		ref,
+		"data-disabled": props.isDisabled || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement($a3e16eab0ea4036c$export$1d40e3e0cc4d5de.Provider, { value: state }, renderProps.children));
+});
+const $a3e16eab0ea4036c$export$d665dd135a51b28a = /*#__PURE__*/ createContext(null);
+const $a3e16eab0ea4036c$export$dab3ea4a6ef094da = /*#__PURE__*/ createContext(null);
+const $a3e16eab0ea4036c$var$InternalDisclosureContext = /*#__PURE__*/ createContext(null);
+const $a3e16eab0ea4036c$export$74a362b31437ec83 = /*#__PURE__*/ forwardRef(function Disclosure(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $a3e16eab0ea4036c$export$d665dd135a51b28a);
+	let groupState = useContext($a3e16eab0ea4036c$export$1d40e3e0cc4d5de);
+	let { id, ...otherProps } = props;
+	let defaultId = useId$1();
+	id ||= defaultId;
+	let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;
+	let state = useDisclosureState({
+		...props,
+		isExpanded,
+		onExpandedChange(isExpanded) {
+			if (groupState) groupState.toggleKey(id);
+			props.onExpandedChange?.(isExpanded);
+		}
+	});
+	let panelRef = $ahdqC$react.useRef(null);
+	let isDisabled = props.isDisabled || groupState?.isDisabled || false;
+	let { buttonProps, panelProps } = useDisclosure({
+		...props,
+		isExpanded,
+		isDisabled
+	}, state, panelRef);
+	let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = useFocusRing({ within: true });
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		id: void 0,
+		defaultClassName: "react-aria-Disclosure",
+		values: {
+			isExpanded: state.isExpanded,
+			isDisabled,
+			isFocusVisibleWithin,
+			state
+		}
+	});
+	let domProps = filterDOMProps(otherProps, { global: true });
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$7705c033048f6da7$export$24d547caef80ccd1, { slots: {
+			[$7230ffa83bc0c2cf$export$c62b8e45d58ddad9]: {},
+			trigger: buttonProps
+		} }],
+		[$a3e16eab0ea4036c$var$InternalDisclosureContext, {
+			panelProps,
+			panelRef
+		}],
+		[$a3e16eab0ea4036c$export$dab3ea4a6ef094da, state]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(domProps, renderProps, focusWithinProps),
+		ref,
+		"data-expanded": state.isExpanded || void 0,
+		"data-disabled": isDisabled || void 0,
+		"data-focus-visible-within": isFocusVisibleWithin || void 0
+	}, renderProps.children));
+});
+const $a3e16eab0ea4036c$export$feabaa331e1d464c = /*#__PURE__*/ forwardRef(function DisclosurePanel(props, ref) {
+	let { role = "group" } = props;
+	let { panelProps, panelRef } = useContext($a3e16eab0ea4036c$var$InternalDisclosureContext);
+	let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = useFocusRing({ within: true });
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-DisclosurePanel",
+		values: { isFocusVisibleWithin }
+	});
+	let DOMProps = filterDOMProps(props, {
+		global: true,
+		labelable: true
+	});
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(DOMProps, renderProps, panelProps, focusWithinProps),
+		ref: mergeRefs(ref, panelRef),
+		role,
+		"data-focus-visible-within": isFocusVisibleWithin || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [[$7705c033048f6da7$export$24d547caef80ccd1, null]] }, props.children));
+});
+//#endregion
+//#region src/components/navigation/Accordion/accordion.cva.ts
+const accordionDefinition = UIOverrides.defineConfig({
+	base: ["flex w-full flex-col"],
+	config: {
+		variants: {
+			variant: {
+				filled: "gap-1",
+				outlined: ""
+			},
+			singleItem: {
+				true: "",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "filled",
+			singleItem: false
+		},
+		compoundVariants: [{
+			variant: "outlined",
+			singleItem: false,
+			className: "rounded-global-rounding-s border border-elevation-outline-default-1"
+		}]
+	}
+});
+const accordionItemDefinition = UIOverrides.defineConfig({
+	base: ["flex w-full flex-col"],
+	config: {
+		variants: {
+			variant: {
+				filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2",
+				outlined: ""
+			},
+			singleItem: {
+				true: "",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "filled",
+			singleItem: false
+		},
+		compoundVariants: [{
+			singleItem: true,
+			variant: "outlined",
+			className: "border-elevation-outline-default-1 border-b"
+		}, {
+			singleItem: false,
+			variant: "outlined",
+			className: "not-last:border-elevation-outline-default-1 not-last:border-b"
+		}]
+	}
+});
+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",
+		"outline-none focus-visible:ring-2 focus-visible:ring-interactive-contained-primary-focus"
+	],
+	config: {
+		variants: {
+			variant: {
+				outlined: "rounded-accordion-rounding-outlined hover:bg-elevation-fill-default-2",
+				filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2 hover:bg-elevation-fill-default-3"
+			},
+			actionPosition: {
+				left: "flex-row-reverse",
+				right: "flex-row"
+			},
+			disabled: { true: "opacity-50" }
+		},
+		defaultVariants: {
+			variant: "filled",
+			actionPosition: "right"
+		}
+	}
+});
+const accordionHeadingDefinition = UIOverrides.defineConfig({
+	base: ["flex flex-1 items-center justify-between gap-accordion-gap-content-to-arrow"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionHeadingTitleDefinition = UIOverrides.defineConfig({
+	base: ["flex-1 text-left text-text-default-1"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionHeadingSubtitleDefinition = UIOverrides.defineConfig({
+	base: ["flex-1 text-left text-text-default-2"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionChevronDefinition = UIOverrides.defineConfig({
+	base: ["size-6 shrink-0 text-interactive-text-secondary-idle transition-transform duration-200"],
+	config: {
+		variants: { isExpanded: {
+			true: "rotate-180",
+			false: "rotate-0"
+		} },
+		defaultVariants: { isExpanded: false }
+	}
+});
+const accordionIconDefinition = UIOverrides.defineConfig({
+	base: ["size-6 shrink-0 text-text-default-3"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionPanelDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: { variants: { isExpanded: { true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion" } } }
+});
+const accordionPanelContentDefinition = UIOverrides.defineConfig({
+	base: ["py-accordion-height-content"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+//#endregion
+//#region src/components/navigation/Accordion/AccordionItem.tsx
+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);
+	const headingTitleCva = UIOverrides.useCva("accordion.headingTitleCva", accordionHeadingTitleDefinition);
+	const headingSubtitleCva = UIOverrides.useCva("accordion.headingSubtitleCva", accordionHeadingSubtitleDefinition);
+	const chevronCva = UIOverrides.useCva("accordion.chevronCva", accordionChevronDefinition);
+	const iconCva = UIOverrides.useCva("accordion.iconCva", accordionIconDefinition);
+	const panelCva = UIOverrides.useCva("accordion.panelCva", accordionPanelDefinition);
+	const panelContentCva = UIOverrides.useCva("accordion.panelContentCva", accordionPanelContentDefinition);
+	let t3;
+	if ($[0] !== isSingle || $[1] !== itemCva || $[2] !== variant) {
+		t3 = itemCva({
+			variant,
+			singleItem: isSingle
+		});
+		$[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$1, { children: [/* @__PURE__ */ jsx($2ec61d1d4f780267$export$a8a3e93435678ff9, { children: /* @__PURE__ */ jsxs($7705c033048f6da7$export$353f5b6fc5456de1, {
+				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($a3e16eab0ea4036c$export$feabaa331e1d464c, {
+				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($a3e16eab0ea4036c$export$74a362b31437ec83, {
+			id,
+			className: t3,
+			isDisabled: disabled,
+			children: t4
+		});
+		$[20] = disabled;
+		$[21] = id;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+	} else t5 = $[24];
+	return t5;
+};
+//#endregion
+//#region src/components/navigation/Accordion/Accordion.tsx
+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: 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($a3e16eab0ea4036c$export$944aceb4f8c89f10, {
+			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 { accordionHeadingSubtitleDefinition as a, accordionItemDefinition as c, accordionTriggerDefinition as d, accordionHeadingDefinition as i, accordionPanelContentDefinition as l, accordionChevronDefinition as n, accordionHeadingTitleDefinition as o, accordionDefinition as r, accordionIconDefinition as s, Accordion as t, accordionPanelDefinition as u };