@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/Dialog-CLWfxiie.js

@@ -0,0 +1,595 @@
+import { i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, 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 { t as $7705c033048f6da7$export$24d547caef80ccd1 } from "./Button-CRlZqaJq.js";
+import { n as $2ec61d1d4f780267$export$d688439359537581 } from "./Heading-D0cYUzVa.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D_lEB52w.js";
+import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-lGqrCNlI.js";
+import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-C9TY9dkk.js";
+import { t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-BRnQo6-8.js";
+import $ahdqC$react, { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { mergeProps } from "react-aria/mergeProps";
+import { useLayoutEffect as useLayoutEffect$1 } from "react-aria/private/utils/useLayoutEffect";
+import { useObjectRef } from "react-aria/useObjectRef";
+import "react-aria/useAutocomplete";
+import "react-stately/private/autocomplete/useAutocompleteState";
+import { CollectionBuilder, createBranchComponent, createLeafComponent } from "react-aria/CollectionBuilder";
+import { useCachedChildren } from "react-aria/private/collections/useCachedChildren";
+import { filterDOMProps } from "react-aria/filterDOMProps";
+import { useHover } from "react-aria/useHover";
+import { Collection } from "react-aria/Collection";
+import { CollectionNode, ItemNode } from "react-aria/private/collections/BaseCollection";
+import { useIsHidden } from "react-aria/private/collections/Hidden";
+import { useId as useId$1 } from "react-aria/useId";
+import { useLocale } from "react-aria/I18nProvider";
+import "react-aria/useSeparator";
+import { FocusScope } from "react-aria/FocusScope";
+import { usePopover } from "react-aria/usePopover";
+import { DismissButton, Overlay } from "react-aria/Overlay";
+import { focusSafely } from "react-aria/private/interactions/focusSafely";
+import { getInteractionModality } from "react-aria/private/interactions/useFocusVisible";
+import { isFocusWithin } from "react-aria/private/utils/shadowdom/DOMFunctions";
+import { useOverlayTriggerState } from "react-stately/useOverlayTriggerState";
+import { useEnterAnimation, useExitAnimation } from "react-aria/private/utils/animation";
+import { useResizeObserver } from "react-aria/private/utils/useResizeObserver";
+import { useMenu, useMenuItem, useMenuSection, useMenuTrigger, useSubmenuTrigger } from "react-aria/useMenu";
+import { useMenuTriggerState, useSubmenuTriggerState } from "react-stately/useMenuTriggerState";
+import { PressResponder } from "react-aria/private/interactions/PressResponder";
+import { SelectionManager } from "react-stately/private/selection/SelectionManager";
+import { useTreeState } from "react-stately/useTreeState";
+import { useMultipleSelectionState } from "react-stately/useMultipleSelectionState";
+import { useDialog } from "react-aria/useDialog";
+import { useOverlayTrigger } from "react-aria/useOverlayTrigger";
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Autocomplete.mjs
+const $4b38b5b75ecc6208$export$b0d3ecf7112093a7 = /*#__PURE__*/ createContext(null);
+const $4b38b5b75ecc6208$export$698f465ec27e93df = /*#__PURE__*/ createContext(null);
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Collection.mjs
+const $263ab7fc0f95ccdb$export$d40e14dec8b060a8 = /*#__PURE__*/ createContext(null);
+const $263ab7fc0f95ccdb$export$a164736487e3f0ae = {
+	CollectionRoot({ collection, renderDropIndicator }) {
+		return $263ab7fc0f95ccdb$var$useCollectionRender(collection, null, renderDropIndicator);
+	},
+	CollectionBranch({ collection, parent, renderDropIndicator }) {
+		return $263ab7fc0f95ccdb$var$useCollectionRender(collection, parent, renderDropIndicator);
+	}
+};
+function $263ab7fc0f95ccdb$var$useCollectionRender(collection, parent, renderDropIndicator) {
+	return useCachedChildren({
+		items: parent ? collection.getChildren(parent.key) : collection,
+		dependencies: [renderDropIndicator],
+		children(node) {
+			if (node.type === "content") return /*#__PURE__*/ $ahdqC$react.createElement($ahdqC$react.Fragment, null);
+			let rendered = node.render(node);
+			if (!renderDropIndicator || node.type !== "item") return rendered;
+			return /*#__PURE__*/ $ahdqC$react.createElement($ahdqC$react.Fragment, null, renderDropIndicator({
+				type: "item",
+				key: node.key,
+				dropPosition: "before"
+			}), rendered, $263ab7fc0f95ccdb$export$2dbbd341daed716d(collection, node, renderDropIndicator));
+		}
+	});
+}
+function $263ab7fc0f95ccdb$export$2dbbd341daed716d(collection, node, renderDropIndicator) {
+	let key = node.key;
+	let keyAfter = collection.getKeyAfter(key);
+	let nextItemInFlattenedCollection = keyAfter != null ? collection.getItem(keyAfter) : null;
+	while (nextItemInFlattenedCollection != null && nextItemInFlattenedCollection.type !== "item") {
+		keyAfter = collection.getKeyAfter(nextItemInFlattenedCollection.key);
+		nextItemInFlattenedCollection = keyAfter != null ? collection.getItem(keyAfter) : null;
+	}
+	let nextItemInSameLevel = node.nextKey != null ? collection.getItem(node.nextKey) : null;
+	while (nextItemInSameLevel != null && nextItemInSameLevel.type !== "item") nextItemInSameLevel = nextItemInSameLevel.nextKey != null ? collection.getItem(nextItemInSameLevel.nextKey) : null;
+	let afterIndicators = [];
+	if (nextItemInSameLevel == null) {
+		let current = node;
+		while (current?.type === "item" && (!nextItemInFlattenedCollection || current.parentKey !== nextItemInFlattenedCollection.parentKey && nextItemInFlattenedCollection.level < current.level)) {
+			let indicator = renderDropIndicator({
+				type: "item",
+				key: current.key,
+				dropPosition: "after"
+			});
+			if (/*#__PURE__*/ isValidElement(indicator)) afterIndicators.push(/*#__PURE__*/ cloneElement(indicator, { key: `${current.key}-after` }));
+			current = current.parentKey != null ? collection.getItem(current.parentKey) : null;
+		}
+	}
+	return afterIndicators;
+}
+const $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 = /*#__PURE__*/ createContext($263ab7fc0f95ccdb$export$a164736487e3f0ae);
+function $263ab7fc0f95ccdb$export$90e00781bc59d8f9(focusedKey) {
+	return useMemo(() => focusedKey != null ? /* @__PURE__ */ new Set([focusedKey]) : null, [focusedKey]);
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Header.mjs
+const $53e61d82d8b8611d$export$e0e4026c12a8bdbb = /*#__PURE__*/ createContext({});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Separator.mjs
+const $e28ab3efe3e87743$export$6615d83f6de245ce = /*#__PURE__*/ createContext({});
+var $e28ab3efe3e87743$export$7750289ca694c0b5 = class extends CollectionNode {
+	static {
+		this.type = "separator";
+	}
+	filter(collection, newCollection) {
+		let prevItem = newCollection.getItem(this.prevKey);
+		if (prevItem && prevItem.type !== "separator") {
+			let clone = this.clone();
+			newCollection.addDescendants(clone, collection);
+			return clone;
+		}
+		return null;
+	}
+};
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Popover.mjs
+const $542a13ca2fa5b484$export$9b9a0cd73afb7ca4 = /*#__PURE__*/ createContext(null);
+const $542a13ca2fa5b484$var$PopoverGroupContext = /*#__PURE__*/ createContext(null);
+const $542a13ca2fa5b484$export$5b6b19405a83ff9d = /*#__PURE__*/ forwardRef(function Popover(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $542a13ca2fa5b484$export$9b9a0cd73afb7ca4);
+	let contextState = useContext($f2ff30fde7b014be$export$d2f961adcb0afbe);
+	let localState = useOverlayTriggerState(props);
+	let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+	let exitAnimation = useExitAnimation(ref, state.isOpen);
+	let isExiting = props.isExiting || !props.shouldSkipAnimation && exitAnimation || false;
+	let isHidden = useIsHidden();
+	let { direction } = useLocale();
+	if (isHidden) {
+		let children = props.children;
+		if (typeof children === "function") children = children({
+			trigger: props.trigger || null,
+			placement: "bottom",
+			isEntering: false,
+			isExiting: false,
+			defaultChildren: null
+		});
+		return /*#__PURE__*/ $ahdqC$react.createElement($ahdqC$react.Fragment, null, children);
+	}
+	if (state && !state.isOpen && !isExiting) return null;
+	return /*#__PURE__*/ $ahdqC$react.createElement($542a13ca2fa5b484$var$PopoverInner, {
+		...props,
+		triggerRef: props.triggerRef,
+		state,
+		popoverRef: ref,
+		isExiting,
+		dir: direction
+	});
+});
+function $542a13ca2fa5b484$var$PopoverInner({ state, isExiting, UNSTABLE_portalContainer, clearContexts, ...props }) {
+	let arrowRef = useRef(null);
+	let containerRef = useRef(null);
+	let groupCtx = useContext($542a13ca2fa5b484$var$PopoverGroupContext);
+	let isSubPopover = groupCtx && props.trigger === "SubmenuTrigger";
+	let { popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint } = usePopover({
+		...props,
+		offset: props.offset ?? 8,
+		arrowRef,
+		groupRef: isSubPopover ? groupCtx : containerRef
+	}, state);
+	let ref = props.popoverRef;
+	let enterAnimation = useEnterAnimation(ref, !!placement);
+	let isEntering = props.isEntering || !props.shouldSkipAnimation && enterAnimation || false;
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-Popover",
+		values: {
+			trigger: props.trigger || null,
+			placement,
+			isEntering,
+			isExiting
+		}
+	});
+	let shouldBeDialog = !props.isNonModal || props.trigger === "SubmenuTrigger" || props.trigger === "PreviewTrigger";
+	let [isDialog, setDialog] = useState(props.trigger === "PreviewTrigger");
+	useLayoutEffect$1(() => {
+		if (ref.current) setDialog(shouldBeDialog && !ref.current.querySelector("[role=dialog]"));
+	}, [ref, shouldBeDialog]);
+	useEffect(() => {
+		if (isDialog && props.trigger !== "PreviewTrigger" && (props.trigger !== "SubmenuTrigger" || getInteractionModality() !== "pointer") && ref.current && !isFocusWithin(ref.current)) focusSafely(ref.current);
+	}, [
+		isDialog,
+		ref,
+		props.trigger
+	]);
+	let children = useMemo(() => {
+		let children = renderProps.children;
+		if (clearContexts) for (let Context of clearContexts) children = /*#__PURE__*/ $ahdqC$react.createElement(Context.Provider, { value: null }, children);
+		return children;
+	}, [renderProps.children, clearContexts]);
+	let [triggerWidth, setTriggerWidth] = useState(null);
+	let onResize = useCallback(() => {
+		if (props.triggerRef.current) setTriggerWidth(props.triggerRef.current.getBoundingClientRect().width + "px");
+	}, [props.triggerRef]);
+	useLayoutEffect$1(onResize, [onResize]);
+	useResizeObserver({
+		ref: renderProps.style?.["--trigger-width"] ? void 0 : props.triggerRef,
+		onResize
+	});
+	let style = {
+		...popoverProps.style,
+		"--trigger-anchor-point": triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : void 0,
+		...renderProps.style,
+		"--trigger-width": renderProps.style?.["--trigger-width"] || triggerWidth
+	};
+	let overlay = /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(filterDOMProps(props, { global: true }), popoverProps),
+		...renderProps,
+		id: isDialog ? props.id : void 0,
+		role: isDialog ? "dialog" : void 0,
+		tabIndex: isDialog ? -1 : void 0,
+		"aria-label": props["aria-label"],
+		"aria-labelledby": props["aria-labelledby"],
+		ref,
+		slot: props.slot || void 0,
+		style,
+		dir: props.dir,
+		"data-trigger": props.trigger,
+		"data-placement": placement,
+		"data-entering": isEntering || void 0,
+		"data-exiting": isExiting || void 0
+	}, !props.isNonModal && /*#__PURE__*/ $ahdqC$react.createElement(DismissButton, { onDismiss: state.close }), /*#__PURE__*/ $ahdqC$react.createElement($4fcfe18fac72dabd$export$2de4954e8ae13b9f.Provider, { value: {
+		...arrowProps,
+		placement,
+		ref: arrowRef
+	} }, children), /*#__PURE__*/ $ahdqC$react.createElement(DismissButton, { onDismiss: state.close }));
+	if (!isSubPopover) return /*#__PURE__*/ $ahdqC$react.createElement(Overlay, {
+		...props,
+		shouldContainFocus: isDialog && props.trigger !== "PreviewTrigger",
+		isExiting,
+		portalContainer: UNSTABLE_portalContainer
+	}, !props.isNonModal && state.isOpen && /*#__PURE__*/ $ahdqC$react.createElement("div", {
+		"data-testid": "underlay",
+		...underlayProps,
+		style: {
+			position: "fixed",
+			inset: 0
+		}
+	}), /*#__PURE__*/ $ahdqC$react.createElement("div", {
+		ref: containerRef,
+		style: { display: "contents" }
+	}, /*#__PURE__*/ $ahdqC$react.createElement($542a13ca2fa5b484$var$PopoverGroupContext.Provider, { value: containerRef }, overlay)));
+	return /*#__PURE__*/ $ahdqC$react.createElement(Overlay, {
+		...props,
+		shouldContainFocus: isDialog && props.trigger !== "PreviewTrigger",
+		isExiting,
+		portalContainer: UNSTABLE_portalContainer ?? groupCtx?.current ?? void 0
+	}, overlay);
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Keyboard.mjs
+const $650bea62ab5f5f0f$export$744d98a3b8a94e1c = /*#__PURE__*/ createContext({});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Menu.mjs
+const $49319ee1285aa241$export$c7e742effb1c51e2 = /*#__PURE__*/ createContext(null);
+const $49319ee1285aa241$export$24aad8519b95b41b = /*#__PURE__*/ createContext(null);
+const $49319ee1285aa241$export$795aec4671cbae19 = /*#__PURE__*/ createContext(null);
+const $49319ee1285aa241$var$SelectionManagerContext = /*#__PURE__*/ createContext(null);
+function $49319ee1285aa241$export$27d2ad3c5815583e(props) {
+	let state = useMenuTriggerState(props);
+	let ref = useRef(null);
+	let { menuTriggerProps, menuProps } = useMenuTrigger({
+		...props,
+		type: "menu"
+	}, state, ref);
+	let scrollRef = useRef(null);
+	if (useIsHidden()) return null;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$49319ee1285aa241$export$c7e742effb1c51e2, {
+			...menuProps,
+			ref: scrollRef
+		}],
+		[$f2ff30fde7b014be$export$d2f961adcb0afbe, state],
+		[$49319ee1285aa241$export$795aec4671cbae19, state],
+		[$542a13ca2fa5b484$export$9b9a0cd73afb7ca4, {
+			trigger: "MenuTrigger",
+			triggerRef: ref,
+			scrollRef,
+			placement: "bottom start",
+			"aria-labelledby": menuProps["aria-labelledby"],
+			offset: props.trigger === "contextMenu" ? 0 : void 0
+		}]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement(PressResponder, {
+		...menuTriggerProps,
+		ref,
+		isPressed: state.isOpen
+	}, props.children));
+}
+const $49319ee1285aa241$var$SubmenuTriggerContext = /*#__PURE__*/ createContext(null);
+var $49319ee1285aa241$var$SubmenuTriggerNode = class extends CollectionNode {
+	static {
+		this.type = "submenutrigger";
+	}
+	filter(collection, newCollection, filterFn) {
+		let triggerNode = collection.getItem(this.firstChildKey);
+		if (triggerNode && filterFn(triggerNode.textValue, this)) {
+			let clone = this.clone();
+			newCollection.addDescendants(clone, collection);
+			return clone;
+		}
+		return null;
+	}
+};
+const $49319ee1285aa241$export$ecabc99eeffab7ca = /*#__PURE__*/ createBranchComponent($49319ee1285aa241$var$SubmenuTriggerNode, (props, ref, item) => {
+	let { CollectionBranch } = useContext($263ab7fc0f95ccdb$export$4feb769f8ddf26c5);
+	let state = useContext($49319ee1285aa241$export$24aad8519b95b41b);
+	let rootMenuTriggerState = useContext($49319ee1285aa241$export$795aec4671cbae19);
+	let submenuTriggerState = useSubmenuTriggerState({ triggerKey: item.key }, rootMenuTriggerState);
+	let submenuRef = useRef(null);
+	let itemRef = useObjectRef(ref);
+	let { parentMenuRef, shouldUseVirtualFocus } = useContext($49319ee1285aa241$var$SubmenuTriggerContext);
+	let { submenuTriggerProps, submenuProps, popoverProps } = useSubmenuTrigger({
+		parentMenuRef,
+		submenuRef,
+		delay: props.delay,
+		shouldUseVirtualFocus
+	}, submenuTriggerState, itemRef);
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$49319ee1285aa241$var$MenuItemContext, {
+			...submenuTriggerProps,
+			onAction: void 0,
+			ref: itemRef
+		}],
+		[$49319ee1285aa241$export$c7e742effb1c51e2, {
+			ref: submenuRef,
+			...submenuProps
+		}],
+		[$f2ff30fde7b014be$export$d2f961adcb0afbe, submenuTriggerState],
+		[$542a13ca2fa5b484$export$9b9a0cd73afb7ca4, {
+			trigger: "SubmenuTrigger",
+			triggerRef: itemRef,
+			placement: "end top",
+			"aria-labelledby": submenuProps["aria-labelledby"],
+			...popoverProps
+		}]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement(CollectionBranch, {
+		collection: state.collection,
+		parent: item
+	}), props.children[1]);
+}, (props) => props.children[0]);
+const $49319ee1285aa241$export$d9b273488cd8ce6f = /*#__PURE__*/ forwardRef(function Menu(props, ref) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $49319ee1285aa241$export$c7e742effb1c51e2);
+	return /*#__PURE__*/ $ahdqC$react.createElement(CollectionBuilder, { content: /*#__PURE__*/ $ahdqC$react.createElement(Collection, props) }, (collection) => /*#__PURE__*/ $ahdqC$react.createElement($49319ee1285aa241$var$MenuInner, {
+		props,
+		collection,
+		menuRef: ref
+	}));
+});
+function $49319ee1285aa241$var$MenuInner({ props, collection, menuRef: ref }) {
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $4b38b5b75ecc6208$export$b0d3ecf7112093a7);
+	let { filter, ...autocompleteMenuProps } = props;
+	let filteredCollection = useMemo(() => filter ? collection.filter(filter) : collection, [collection, filter]);
+	let state = useTreeState({
+		...props,
+		collection: filteredCollection,
+		children: void 0
+	});
+	let triggerState = useContext($49319ee1285aa241$export$795aec4671cbae19);
+	let { isVirtualized, CollectionRoot } = useContext($263ab7fc0f95ccdb$export$4feb769f8ddf26c5);
+	let { menuProps } = useMenu({
+		...props,
+		isVirtualized,
+		onClose: props.onClose || triggerState?.close
+	}, state, ref);
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		children: void 0,
+		defaultClassName: "react-aria-Menu",
+		values: { isEmpty: state.collection.size === 0 }
+	});
+	let emptyState = null;
+	if (state.collection.size === 0 && props.renderEmptyState) emptyState = /*#__PURE__*/ $ahdqC$react.createElement("div", {
+		role: "menuitem",
+		style: { display: "contents" }
+	}, props.renderEmptyState());
+	let DOMProps = filterDOMProps(props, { global: true });
+	return /*#__PURE__*/ $ahdqC$react.createElement(FocusScope, null, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
+		...mergeProps(DOMProps, renderProps, menuProps),
+		ref,
+		slot: props.slot || void 0,
+		"data-empty": state.collection.size === 0 || void 0,
+		onScroll: props.onScroll
+	}, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$49319ee1285aa241$export$24aad8519b95b41b, state],
+		[$e28ab3efe3e87743$export$6615d83f6de245ce, { elementType: "div" }],
+		[$263ab7fc0f95ccdb$export$d40e14dec8b060a8, {
+			name: "MenuSection",
+			render: $49319ee1285aa241$var$MenuSectionInner
+		}],
+		[$49319ee1285aa241$var$SubmenuTriggerContext, {
+			parentMenuRef: ref,
+			shouldUseVirtualFocus: autocompleteMenuProps?.shouldUseVirtualFocus
+		}],
+		[$49319ee1285aa241$var$MenuItemContext, { shouldCloseOnSelect: props.shouldCloseOnSelect }],
+		[$4b38b5b75ecc6208$export$b0d3ecf7112093a7, null],
+		[$4b38b5b75ecc6208$export$698f465ec27e93df, null],
+		[$49319ee1285aa241$var$SelectionManagerContext, state.selectionManager],
+		[$49319ee1285aa241$export$795aec4671cbae19, triggerState ?? useMenuTriggerState({})]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement($792f28e438b9ad5f$export$758399f318e6385a, null, /*#__PURE__*/ $ahdqC$react.createElement(CollectionRoot, {
+		collection: state.collection,
+		persistedKeys: $263ab7fc0f95ccdb$export$90e00781bc59d8f9(state.selectionManager.focusedKey),
+		scrollRef: ref
+	}))), emptyState));
+}
+var $49319ee1285aa241$var$GroupSelectionManager = class extends SelectionManager {
+	constructor(parent, state) {
+		super(parent.collection, state);
+		this.parent = parent;
+	}
+	get focusedKey() {
+		return this.parent.focusedKey;
+	}
+	get isFocused() {
+		return this.parent.isFocused;
+	}
+	setFocusedKey(key, childFocusStrategy) {
+		return this.parent.setFocusedKey(key, childFocusStrategy);
+	}
+	setFocused(isFocused) {
+		this.parent.setFocused(isFocused);
+	}
+	get childFocusStrategy() {
+		return this.parent.childFocusStrategy;
+	}
+};
+function $49319ee1285aa241$var$MenuSectionInner(props, ref, section, className = "react-aria-MenuSection") {
+	let state = useContext($49319ee1285aa241$export$24aad8519b95b41b);
+	let { CollectionBranch } = useContext($263ab7fc0f95ccdb$export$4feb769f8ddf26c5);
+	let [headingRef, heading] = $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8();
+	let { headingProps, groupProps } = useMenuSection({
+		heading,
+		"aria-label": section.props["aria-label"] ?? void 0
+	});
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		id: void 0,
+		children: void 0,
+		defaultClassName: className,
+		className: section.props?.className,
+		style: section.props?.style,
+		values: void 0
+	});
+	let parent = useContext($49319ee1285aa241$var$SelectionManagerContext);
+	let selectionState = useMultipleSelectionState(props);
+	let manager = props.selectionMode != null ? new $49319ee1285aa241$var$GroupSelectionManager(parent, selectionState) : parent;
+	let closeOnSelect = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($49319ee1285aa241$var$MenuItemContext)?.shouldCloseOnSelect;
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.section, {
+		...mergeProps(DOMProps, renderProps, groupProps),
+		ref
+	}, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$53e61d82d8b8611d$export$e0e4026c12a8bdbb, {
+			...headingProps,
+			ref: headingRef
+		}],
+		[$49319ee1285aa241$var$SelectionManagerContext, manager],
+		[$49319ee1285aa241$var$MenuItemContext, { shouldCloseOnSelect: props.shouldCloseOnSelect ?? closeOnSelect }]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement(CollectionBranch, {
+		collection: state.collection,
+		parent: section
+	})));
+}
+const $49319ee1285aa241$var$MenuItemContext = /*#__PURE__*/ createContext(null);
+const $49319ee1285aa241$export$2ce376c2cc3355c8 = /*#__PURE__*/ createLeafComponent(ItemNode, function MenuItem(props, forwardedRef, item) {
+	[props, forwardedRef] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, forwardedRef, $49319ee1285aa241$var$MenuItemContext);
+	let id = $7230ffa83bc0c2cf$export$fabf2dc03a41866e($49319ee1285aa241$var$MenuItemContext)?.id;
+	let state = useContext($49319ee1285aa241$export$24aad8519b95b41b);
+	let ref = useObjectRef(forwardedRef);
+	let selectionManager = useContext($49319ee1285aa241$var$SelectionManagerContext);
+	let { isVirtualized } = useContext($263ab7fc0f95ccdb$export$4feb769f8ddf26c5);
+	let { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, ...states } = useMenuItem({
+		...props,
+		id,
+		key: item.key,
+		selectionManager,
+		isVirtualized
+	}, state, ref);
+	let { hoverProps, isHovered } = useHover({ isDisabled: states.isDisabled });
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		...props,
+		id: void 0,
+		children: item.rendered,
+		defaultClassName: "react-aria-MenuItem",
+		values: {
+			...states,
+			isHovered,
+			isFocusVisible: states.isFocusVisible,
+			selectionMode: selectionManager.selectionMode,
+			selectionBehavior: selectionManager.selectionBehavior,
+			hasSubmenu: !!props["aria-haspopup"],
+			isOpen: props["aria-expanded"] === "true"
+		}
+	});
+	let ElementType = props.href ? $7230ffa83bc0c2cf$export$df3a06d6289f983e.a : $7230ffa83bc0c2cf$export$df3a06d6289f983e.div;
+	let DOMProps = filterDOMProps(props, { global: true });
+	delete DOMProps.id;
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $ahdqC$react.createElement(ElementType, {
+		...mergeProps(DOMProps, renderProps, menuItemProps, hoverProps),
+		ref,
+		"data-disabled": states.isDisabled || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focused": states.isFocused || void 0,
+		"data-focus-visible": states.isFocusVisible || void 0,
+		"data-pressed": states.isPressed || void 0,
+		"data-selected": states.isSelected || void 0,
+		"data-selection-mode": selectionManager.selectionMode === "none" ? void 0 : selectionManager.selectionMode,
+		"data-has-submenu": !!props["aria-haspopup"] || void 0,
+		"data-open": props["aria-expanded"] === "true" || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$efe09c6d1c304b50$export$9afb8bc826b033ea, { slots: {
+			[$7230ffa83bc0c2cf$export$c62b8e45d58ddad9]: labelProps,
+			label: labelProps,
+			description: descriptionProps
+		} }],
+		[$650bea62ab5f5f0f$export$744d98a3b8a94e1c, keyboardShortcutProps],
+		[$91fe5e721c7f36c1$export$c9549807523555e0, { isSelected: states.isSelected }]
+	] }, renderProps.children));
+});
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.20.0+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Dialog.mjs
+const $f2ff30fde7b014be$export$8b93a07348a7730c = /*#__PURE__*/ createContext(null);
+const $f2ff30fde7b014be$export$d2f961adcb0afbe = /*#__PURE__*/ createContext(null);
+function $f2ff30fde7b014be$export$2e1e1122cf0cba88(props) {
+	let state = useMenuTriggerState(props);
+	let buttonRef = useRef(null);
+	let { triggerProps, overlayProps } = useOverlayTrigger({ type: "dialog" }, state, buttonRef);
+	triggerProps.id = useId$1();
+	overlayProps["aria-labelledby"] = triggerProps.id;
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$f2ff30fde7b014be$export$d2f961adcb0afbe, state],
+		[$49319ee1285aa241$export$795aec4671cbae19, state],
+		[$f2ff30fde7b014be$export$8b93a07348a7730c, overlayProps],
+		[$542a13ca2fa5b484$export$9b9a0cd73afb7ca4, {
+			trigger: "DialogTrigger",
+			triggerRef: buttonRef,
+			id: overlayProps.id,
+			"aria-labelledby": overlayProps["aria-labelledby"]
+		}]
+	] }, /*#__PURE__*/ $ahdqC$react.createElement(PressResponder, {
+		...triggerProps,
+		ref: buttonRef,
+		isPressed: state.isOpen
+	}, props.children));
+}
+const $f2ff30fde7b014be$export$3ddf2d174ce01153 = /*#__PURE__*/ forwardRef(function Dialog(props, ref) {
+	let originalAriaLabelledby = props["aria-labelledby"];
+	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $f2ff30fde7b014be$export$8b93a07348a7730c);
+	let { dialogProps, titleProps, contentProps } = useDialog({
+		...props,
+		"aria-labelledby": originalAriaLabelledby
+	}, ref);
+	let state = useContext($f2ff30fde7b014be$export$d2f961adcb0afbe);
+	if (!dialogProps["aria-label"] && !dialogProps["aria-labelledby"]) {
+		if (props["aria-labelledby"]) dialogProps["aria-labelledby"] = props["aria-labelledby"];
+		else console.warn("If a Dialog does not contain a <Heading slot=\"title\">, it must have an aria-label or aria-labelledby attribute for accessibility.");
+	}
+	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
+		defaultClassName: "react-aria-Dialog",
+		className: props.className,
+		style: props.style,
+		children: props.children,
+		values: { close: state?.close || (() => {}) }
+	});
+	let DOMProps = filterDOMProps(props, { global: true });
+	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.section, {
+		...mergeProps(DOMProps, renderProps, dialogProps),
+		render: props.render,
+		ref,
+		slot: props.slot || void 0
+	}, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$2ec61d1d4f780267$export$d688439359537581, { slots: {
+			[$7230ffa83bc0c2cf$export$c62b8e45d58ddad9]: {},
+			title: {
+				...titleProps,
+				level: 2
+			}
+		} }],
+		[$efe09c6d1c304b50$export$9afb8bc826b033ea, { slots: {
+			[$7230ffa83bc0c2cf$export$c62b8e45d58ddad9]: {},
+			description: contentProps
+		} }],
+		[$7705c033048f6da7$export$24d547caef80ccd1, { slots: {
+			[$7230ffa83bc0c2cf$export$c62b8e45d58ddad9]: {},
+			close: { onPress: () => state?.close() }
+		} }]
+	] }, renderProps.children));
+});
+//#endregion
+export { $49319ee1285aa241$export$2ce376c2cc3355c8 as a, $542a13ca2fa5b484$export$5b6b19405a83ff9d as c, $53e61d82d8b8611d$export$e0e4026c12a8bdbb as d, $263ab7fc0f95ccdb$export$2dbbd341daed716d as f, $4b38b5b75ecc6208$export$b0d3ecf7112093a7 as g, $4b38b5b75ecc6208$export$698f465ec27e93df as h, $49319ee1285aa241$export$27d2ad3c5815583e as i, $542a13ca2fa5b484$export$9b9a0cd73afb7ca4 as l, $263ab7fc0f95ccdb$export$d40e14dec8b060a8 as m, $f2ff30fde7b014be$export$3ddf2d174ce01153 as n, $49319ee1285aa241$export$d9b273488cd8ce6f as o, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 as p, $f2ff30fde7b014be$export$d2f961adcb0afbe as r, $49319ee1285aa241$export$ecabc99eeffab7ca as s, $f2ff30fde7b014be$export$2e1e1122cf0cba88 as t, $e28ab3efe3e87743$export$6615d83f6de245ce as u };

package/dist/Dialog-DEbI_9S-.d.ts

@@ -0,0 +1,55 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { PropsWithChildren, RefObject } from "react";
+import { DialogProps } from "react-aria-components";
+//#region src/components/overlays/Dialog/dialog.cva.d.ts
+declare const dialogContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "h-screen rounded-none border-r";
+      readonly right: "h-screen rounded-none border-l";
+      readonly center: "rounded-modal-rounding-default border";
+    };
+  }>;
+};
+type DialogConfig = NonNullable<typeof dialogContentDefinition.config>;
+interface DialogVariantProps extends UIOverrides.VariantProps<DialogConfig> {}
+declare const dialogOverlayDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "p-0";
+      readonly right: "p-0";
+      readonly center: "p-4";
+    };
+  }>;
+};
+declare const dialogMainDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly aside: {
+      readonly left: "entering:animate-drawer-enter-left exiting:animate-drawer-exit-left justify-start";
+      readonly right: "entering:animate-drawer-enter-right exiting:animate-drawer-exit-right justify-end";
+      readonly center: "justify-center";
+    };
+  }>;
+};
+//#endregion
+//#region src/components/overlays/Dialog/Dialog.d.ts
+interface DialogProps$1 extends DialogVariantProps, Partial<Pick<DialogProps, "aria-label" | "aria-labelledby">> {
+  isOpen: boolean;
+  portalContainerRef?: RefObject<HTMLElement>;
+  /** Standard controlled-overlay callback. */
+  onOpenChange?: (isOpen: boolean) => void;
+  onClose?: () => void;
+  dialogClassName?: string;
+  closeIconClassName?: string;
+  overlayClassName?: string;
+  showCloseIcon?: boolean;
+  isDismissable?: boolean;
+  isKeyboardDismissable?: boolean;
+  shouldCloseOnInteractOutside?: () => boolean;
+}
+declare const Dialog: ({ isOpen, portalContainerRef, onClose, onOpenChange, aside, children, dialogClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: PropsWithChildren<DialogProps$1>) => import("react").JSX.Element;
+//#endregion
+export { dialogOverlayDefinition as a, dialogMainDefinition as i, DialogProps$1 as n, dialogContentDefinition as r, Dialog as t };