@povio/ui 3.4.0-rc.4 → 3.4.0-rc.41

package/README.md

@@ -4,7 +4,41 @@ 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 { Modal } from "@povio/ui/modal";
+import { Select } from "@povio/ui/tanstack/select";
+import { useForm } from "@povio/ui/tanstack/form";
+import { Table } from "@povio/ui/tanstack/table";
+import { TextEditor } from "@povio/ui/text-editor";
+```
+
+Form inputs are available from matching integration paths, such as `@povio/ui/rhf/text-input` and `@povio/ui/tanstack/text-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 text editor. Basic components such as Button, Typography, and Modal 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
 
@@ -122,7 +156,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-BKBl-2EO.js

@@ -0,0 +1,553 @@
+import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { i as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-DHQi1l7F.js";
+import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $5dc95899b306f630$export$c9058316764c140e, g as $b5e257d569688ac6$export$535bd6ca7f90a273, h as $bdb11010cef70236$export$f680877a34711e37, n as $64fa3d84918910a7$export$29f1550f4b0d4415, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e, t as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-D-KKbY-n.js";
+import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
+import { t as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-CjGFQh-l.js";
+import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
+import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, t as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-D09S1dNt.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import $HgANd$react, { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { flushSync } from "react-dom";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@react-aria+disclosure@3.1.2+67f6792bdf102c28/node_modules/@react-aria/disclosure/dist/useDisclosure.mjs
+function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
+	let { isDisabled } = props;
+	let triggerId = $bdb11010cef70236$export$f680877a34711e37();
+	let panelId = $bdb11010cef70236$export$f680877a34711e37();
+	let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+	let raf = useRef(null);
+	let handleBeforeMatch = useCallback(() => {
+		raf.current = requestAnimationFrame(() => {
+			if (ref.current) ref.current.setAttribute("hidden", "until-found");
+		});
+		flushSync(() => {
+			state.toggle();
+		});
+	}, [ref, state]);
+	$e9faafb641e167db$export$90fc3a17d93f704c(ref, "beforematch", handleBeforeMatch);
+	let isExpandedRef = useRef(null);
+	$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+		if (raf.current) cancelAnimationFrame(raf.current);
+		if (ref.current && !isSSR) {
+			let panel = ref.current;
+			if (isExpandedRef.current == null || typeof panel.getAnimations !== "function") if (state.isExpanded) {
+				panel.removeAttribute("hidden");
+				panel.style.setProperty("--disclosure-panel-width", "auto");
+				panel.style.setProperty("--disclosure-panel-height", "auto");
+			} else {
+				panel.setAttribute("hidden", "until-found");
+				panel.style.setProperty("--disclosure-panel-width", "0px");
+				panel.style.setProperty("--disclosure-panel-height", "0px");
+			}
+			else if (state.isExpanded !== isExpandedRef.current) if (state.isExpanded) {
+				panel.removeAttribute("hidden");
+				panel.style.setProperty("--disclosure-panel-width", panel.scrollWidth + "px");
+				panel.style.setProperty("--disclosure-panel-height", panel.scrollHeight + "px");
+				Promise.all(panel.getAnimations().map((a) => a.finished)).then(() => {
+					panel.style.setProperty("--disclosure-panel-width", "auto");
+					panel.style.setProperty("--disclosure-panel-height", "auto");
+				}).catch(() => {});
+			} else {
+				panel.style.setProperty("--disclosure-panel-width", panel.scrollWidth + "px");
+				panel.style.setProperty("--disclosure-panel-height", panel.scrollHeight + "px");
+				window.getComputedStyle(panel).height;
+				panel.style.setProperty("--disclosure-panel-width", "0px");
+				panel.style.setProperty("--disclosure-panel-height", "0px");
+				Promise.all(panel.getAnimations().map((a) => a.finished)).then(() => panel.setAttribute("hidden", "until-found")).catch(() => {});
+			}
+			isExpandedRef.current = state.isExpanded;
+		}
+	}, [
+		isDisabled,
+		ref,
+		state.isExpanded,
+		isSSR
+	]);
+	useEffect(() => {
+		return () => {
+			if (raf.current) cancelAnimationFrame(raf.current);
+		};
+	}, []);
+	return {
+		buttonProps: {
+			id: triggerId,
+			"aria-expanded": state.isExpanded,
+			"aria-controls": panelId,
+			onPress: (e) => {
+				if (!isDisabled && e.pointerType !== "keyboard") state.toggle();
+			},
+			isDisabled,
+			onPressStart(e) {
+				if (e.pointerType === "keyboard" && !isDisabled) state.toggle();
+			}
+		},
+		panelProps: {
+			id: panelId,
+			role: "group",
+			"aria-labelledby": triggerId,
+			"aria-hidden": !state.isExpanded,
+			hidden: isSSR ? !state.isExpanded : void 0
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-stately+disclosure@3.0.10+83d5fd7b249dbeef/node_modules/@react-stately/disclosure/dist/useDisclosureState.mjs
+function $bf996d45f4a36925$export$3fcbf6e4407997e0(props) {
+	let [isExpanded, setExpanded] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isExpanded, props.defaultExpanded || false, props.onExpandedChange);
+	return {
+		isExpanded,
+		setExpanded,
+		expand: useCallback(() => {
+			setExpanded(true);
+		}, [setExpanded]),
+		collapse: useCallback(() => {
+			setExpanded(false);
+		}, [setExpanded]),
+		toggle: useCallback(() => {
+			setExpanded(!isExpanded);
+		}, [setExpanded, isExpanded])
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/@react-stately+disclosure@3.0.10+83d5fd7b249dbeef/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs
+function $9385b3affbdec831$export$f36461af0ef4707d(props) {
+	let { allowsMultipleExpanded = false, isDisabled = false } = props;
+	let [expandedKeys, setExpandedKeys] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(useMemo(() => props.expandedKeys ? new Set(props.expandedKeys) : void 0, [props.expandedKeys]), useMemo(() => props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [props.defaultExpandedKeys]), props.onExpandedChange);
+	useEffect(() => {
+		if (!allowsMultipleExpanded && expandedKeys.size > 1) {
+			let firstKey = expandedKeys.values().next().value;
+			if (firstKey != null) setExpandedKeys(/* @__PURE__ */ new Set([firstKey]));
+		}
+	});
+	return {
+		allowsMultipleExpanded,
+		isDisabled,
+		expandedKeys,
+		setExpandedKeys,
+		toggleKey(key) {
+			let keys;
+			if (allowsMultipleExpanded) {
+				keys = new Set(expandedKeys);
+				if (keys.has(key)) keys.delete(key);
+				else keys.add(key);
+			} else keys = new Set(expandedKeys.has(key) ? [] : [key]);
+			setExpandedKeys(keys);
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Disclosure.mjs
+const $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ createContext(null);
+const $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ forwardRef(function DisclosureGroup(props, ref) {
+	let state = $9385b3affbdec831$export$f36461af0ef4707d(props);
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-DisclosureGroup",
+		values: {
+			isDisabled: state.isDisabled,
+			state
+		}
+	});
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...domProps,
+		...renderProps,
+		ref,
+		"data-disabled": props.isDisabled || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, { value: state }, renderProps.children));
+});
+const $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ createContext(null);
+const $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ createContext(null);
+const $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ createContext(null);
+const $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ forwardRef(function Disclosure(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);
+	let groupState = useContext($28f4fd908f0de97f$export$1d40e3e0cc4d5de);
+	let { id, ...otherProps } = props;
+	let defaultId = $bdb11010cef70236$export$f680877a34711e37();
+	id || (id = defaultId);
+	let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;
+	let state = $bf996d45f4a36925$export$3fcbf6e4407997e0({
+		...props,
+		isExpanded,
+		onExpandedChange(isExpanded) {
+			var _props_onExpandedChange;
+			if (groupState) groupState.toggleKey(id);
+			(_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 || _props_onExpandedChange.call(props, isExpanded);
+		}
+	});
+	let panelRef = $HgANd$react.useRef(null);
+	let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;
+	let { buttonProps, panelProps } = $5e910fae8e128ead$export$6e3e27031a30522f({
+		...props,
+		isExpanded,
+		isDisabled
+	}, state, panelRef);
+	let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: true });
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		id: void 0,
+		defaultClassName: "react-aria-Disclosure",
+		values: {
+			isExpanded: state.isExpanded,
+			isDisabled,
+			isFocusVisibleWithin,
+			state
+		}
+	});
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps, { global: true });
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [
+		[$d2b4bc8c273e7be6$export$24d547caef80ccd1, { slots: {
+			[$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
+			trigger: buttonProps
+		} }],
+		[$28f4fd908f0de97f$var$InternalDisclosureContext, {
+			panelProps,
+			panelRef
+		}],
+		[$28f4fd908f0de97f$export$dab3ea4a6ef094da, state]
+	] }, /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(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 $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ forwardRef(function DisclosurePanel(props, ref) {
+	let { role = "group" } = props;
+	let { panelProps, panelRef } = useContext($28f4fd908f0de97f$var$InternalDisclosureContext);
+	let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: true });
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-DisclosurePanel",
+		values: { isFocusVisibleWithin }
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+		global: true,
+		labelable: true
+	});
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, panelProps, focusWithinProps),
+		ref: $5dc95899b306f630$export$c9058316764c140e(ref, panelRef),
+		role,
+		"data-focus-visible-within": isFocusVisibleWithin || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [[$d2b4bc8c273e7be6$export$24d547caef80ccd1, null]] }, props.children));
+});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Heading.mjs
+const $5cb03073d3f54797$export$a8a3e93435678ff9 = /*#__PURE__*/ forwardRef(function Heading(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$d688439359537581);
+	let { children, level = 3, className, ...domProps } = props;
+	let Element = $64fa3d84918910a7$export$df3a06d6289f983e[`h${level}`];
+	return /*#__PURE__*/ $HgANd$react.createElement(Element, {
+		...domProps,
+		ref,
+		className: className !== null && className !== void 0 ? className : "react-aria-Heading"
+	}, 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($5cb03073d3f54797$export$a8a3e93435678ff9, { children: /* @__PURE__ */ jsxs($d2b4bc8c273e7be6$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($28f4fd908f0de97f$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($28f4fd908f0de97f$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($28f4fd908f0de97f$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 };

package/dist/Accordion-DonRhvvW.d.ts

@@ -0,0 +1,58 @@
+import { x as Key } from "./types-ZbFfCz06.js";
+import { FC, ReactNode, SVGProps } from "react";
+//#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-runtime").JSX.Element;
+//#endregion
+export { AccordionProps as i, AccordionItem as n, AccordionItemProps as r, Accordion as t };

package/dist/ActionModal-CKS0t-n3.d.ts

@@ -0,0 +1,26 @@
+import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
+import { n as ModalProps } from "./Modal-BfN_MfR-.js";
+import { r as TypographyPropsCva } from "./Typography-BiHrVFpz.js";
+//#region src/components/overlays/ActionModal/ActionModal.d.ts
+interface ActionModalAction {
+  label: string;
+  onPress: () => void;
+  className?: string;
+  variant?: ButtonVariantProps["variant"];
+  color?: ButtonVariantProps["color"];
+}
+interface ActionModalProps extends ModalProps {
+  heading: string;
+  description: string;
+  primaryAction: ActionModalAction;
+  secondaryAction?: ActionModalAction;
+  buttonSize?: ButtonVariantProps["size"];
+  textAlign?: "left" | "center" | "right";
+  titleTypography?: TypographyPropsCva;
+  titleClassName?: string;
+  descriptionTypography?: TypographyPropsCva;
+  descriptionClassName?: string;
+}
+declare const ActionModal: ({ heading, description, primaryAction, secondaryAction, buttonSize, textAlign, modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }: ActionModalProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ActionModalProps as n, ActionModal as t };