@povio/ui 5.0.0-rc.9 → 6.0.0-rc.1

package/dist/Input-CG4Irgae.js

@@ -0,0 +1,229 @@
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BG0Xjw5X.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
+import { t as FormField } from "./FormField-D7KKJ6kG.js";
+import { t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
+import { t as InputContent } from "./InputContent-KhD4_YvO.js";
+import { memo, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useFocusVisible } from "@react-aria/interactions";
+import { useTextField } from "@react-aria/textfield";
+//#region src/components/inputs/Input/Input.tsx
+const InputBase = (props) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputRef = useRef(null);
+	const { ref, inputClassName, label, tooltipText, helperText, isRequired, required, rightContent, isDisabled, disabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, errorMessage, className, unit, isLoading, action, leadingIcon, trailingIcon, value, onChange, onBlur, as: asProp, layout: layoutProp, hideLabel: hideLabelProp, variant: variantProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, autoFocusOnMount, ...rest } = props;
+	const as = layoutProp ?? asProp ?? ui.input.as;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const resolvedIsRequired = isRequired ?? required;
+	const resolvedError = errorMessage ?? error;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const variant = variantProp ?? ui.input.variant;
+	const size = sizeProp ?? ui.input.size;
+	const isClearable = isClearableProp ?? ui.input.isClearable;
+	const { isFocusVisible } = useFocusVisible();
+	const inputValue = value ?? "";
+	const textFieldRef = useRef(null);
+	const textFieldProps = {
+		...rest,
+		label,
+		isDisabled: resolvedIsDisabled,
+		isInvalid: !!resolvedError,
+		isRequired: resolvedIsRequired,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const { labelProps, inputProps } = useTextField(textFieldProps, textFieldRef);
+	const { describedBy, errorMessageId, helperTextId } = useFieldAccessibility({
+		describedBy: inputProps["aria-describedby"],
+		error: resolvedError,
+		helperText
+	});
+	useEffect(() => {
+		if (!autoFocusOnMount || resolvedIsDisabled) return;
+		requestAnimationFrame(() => inputRef.current?.focus());
+	}, [autoFocusOnMount, resolvedIsDisabled]);
+	const formFieldProps = {
+		errorMessageId,
+		error: resolvedError,
+		label,
+		tooltipText,
+		helperText,
+		helperTextId,
+		isRequired: resolvedIsRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled: resolvedIsDisabled,
+		headerClassName,
+		errorClassName
+	};
+	const inputContentProps = {
+		unit,
+		isLoading,
+		isDisabled: resolvedIsDisabled,
+		action,
+		leadingIcon,
+		trailingIcon,
+		isClearable,
+		isClearableIfDisabled,
+		value: inputValue,
+		onChange,
+		onBlur
+	};
+	const headerProps = {
+		label,
+		tooltipText,
+		helperText,
+		isRequired: resolvedIsRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled: resolvedIsDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const dataIsDisabled = resolvedIsDisabled || void 0;
+	return /* @__PURE__ */ jsx(TooltipWrapper, {
+		as,
+		error: resolvedError,
+		triggerTabIndex: as === "inline" ? -1 : void 0,
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			as,
+			labelProps,
+			className: clsx("group w-full", as === "inline" && "h-full", className),
+			tabIndex: as === "inline" ? -1 : void 0,
+			"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+			"data-is-required": resolvedIsRequired || void 0,
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("relative flex cursor-text has-disabled:cursor-default", inputBaseCva({
+					variant,
+					as,
+					...rest
+				}), inputClassName),
+				onClick: () => inputRef.current?.focus(),
+				"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+				"data-is-required": resolvedIsRequired || void 0,
+				"data-is-disabled": dataIsDisabled,
+				children: /* @__PURE__ */ jsx(InputContent, {
+					...inputContentProps,
+					headerProps,
+					as,
+					size,
+					children: /* @__PURE__ */ jsx($41fb335299a4a39e$export$f5b8910cec6cf069, {
+						...inputProps,
+						"aria-describedby": describedBy,
+						"aria-errormessage": errorMessageId,
+						ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, inputRef),
+						"data-is-empty": value === "" || value === null || value === void 0 || void 0,
+						"data-is-filled": !(value === "" || value === null || value === void 0) || void 0,
+						"data-is-dirty": isDirty || void 0,
+						"data-is-required": resolvedIsRequired || void 0,
+						"data-is-disabled": dataIsDisabled,
+						placeholder: as === "floating" ? "\xA0" : inputProps.placeholder,
+						className: "min-w-0 w-full bg-transparent outline-none",
+						onFocus: (e) => {
+							inputProps.onFocus?.(e);
+							if (isFocusVisible) e.target.select();
+						}
+					})
+				})
+			})
+		})
+	});
+};
+const InputInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
+	const inputRef = useRef(null);
+	const { renderRealInput, replayStaticInputChange, replayStaticInputPress } = useStaticInputHandoff({
+		inputRef,
+		renderInput,
+		setRenderInput,
+		getPressTarget: (input) => {
+			let element = input;
+			for (let depth = 0; element && depth < 6; depth += 1) {
+				const action = element.querySelector("[data-static-press-action]");
+				if (action) return action;
+				element = element.parentElement;
+			}
+			return null;
+		}
+	});
+	if (!renderInput) {
+		const staticValue = props.value ?? props.defaultValue ?? "";
+		const inputType = props.type;
+		const as = props.as ?? ui.input.as;
+		let isDisabled = !!props.isDisabled;
+		if (isFormControlDisabled) isDisabled = true;
+		const maskedPasswordValue = inputType === "password" && `${staticValue}`.length > 0 ? "•".repeat(`${staticValue}`.length) : staticValue;
+		const displayValue = maskedPasswordValue == null ? "" : `${maskedPasswordValue}`;
+		const hasValue = displayValue !== "";
+		const dataAttributes = {
+			dataIsEmpty: !hasValue,
+			dataIsFilled: hasValue,
+			dataIsDirty: props.isDirty,
+			dataIsRequired: props.isRequired,
+			dataIsDisabled: isDisabled,
+			dataDisabled: isDisabled,
+			dataInvalid: !!(props.errorMessage ?? props.error),
+			dataHasSelection: hasValue
+		};
+		return /* @__PURE__ */ jsx(InputFrame, {
+			...props,
+			error: props.errorMessage ?? props.error,
+			isDisabled,
+			className: clsx("group w-full", as === "inline" && "h-full", props.className),
+			dataAttributes,
+			onStaticInteract: renderRealInput,
+			onStaticPress: props.action ? replayStaticInputPress : void 0,
+			staticPressTarget: "action",
+			inputClassName: props.inputClassName,
+			contentClassName: clsx(as === "inline" && "h-full", "pr-0!"),
+			trailingClassName: "py-0! pl-0!",
+			wrapContentAndTrailing: true,
+			reserveTrailingContent: true,
+			children: (dataAttributeProps) => /* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				type: inputType === "hidden" ? "password" : inputType,
+				disabled: isDisabled,
+				tabIndex: -1,
+				value: displayValue,
+				placeholder: as === "floating" ? "" : props.placeholder,
+				className: "min-w-0 w-full bg-transparent outline-none",
+				onChange: (event) => replayStaticInputChange(event.target.value),
+				...dataAttributeProps,
+				"data-rac": true
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx(InputBase, {
+		...props,
+		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, inputRef)
+	});
+};
+/** @internal Exported for production render benchmarks. */
+const InputComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+	return /* @__PURE__ */ jsx(InputInner, {
+		...props,
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
+	});
+};
+const Input = memo(InputComponent);
+//#endregion
+export { InputComponent as n, InputInner as r, Input as t };

package/dist/Input.bound-BE-espm0.d.ts

@@ -0,0 +1,9 @@
+import { i as InputProps$1 } from "./Input-BX3sZBEp.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/Input/Input.bound.d.ts
+type ControlledInputProps<TFieldValues extends Record<string, unknown>> = FormControlProps<InputProps$1, TFieldValues>;
+type InputProps<TFieldValues extends FieldValues = FieldValues> = ControlledInputProps<TFieldValues>;
+declare const InputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledInputProps<TFieldValues>) => import("react").JSX.Element;
+declare const Input: typeof InputComponent;
+//#endregion
+export { InputProps as i, Input as n, InputComponent as r, ControlledInputProps as t };

package/dist/Input.bound-jZx8gJro.js

@@ -0,0 +1,31 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { r as InputInner } from "./Input-CG4Irgae.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/Input.bound.tsx
+const InputComponent = ({ renderStaticInput, ...props }) => {
+	"use no memo";
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(InputInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value,
+			onChange: field.onChange,
+			onBlur: field.onBlur,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: field.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const Input = memo(InputComponent);
+//#endregion
+export { InputComponent as n, Input as t };

package/dist/{InputContent-CXuP1ghQ.d.ts → InputContent-DDFr0kml.d.ts}

@@ -1,6 +1,6 @@
-import { n as InlineIconButtonProps } from "./InlineIconButton-BeJCjl-q.js";
-import { r as FormFieldHeaderProps } from "./FormField-Byiehm9y.js";
-import "./input.cva-BsHgYa-L.js";
+import { n as IconButtonProps } from "./IconButton-BM2DUNtN.js";
+import { r as FormFieldHeaderProps } from "./FormField-BIRMlgu4.js";
+import "./input.cva-L7jKDv6q.js";
 import { FC, FocusEvent, ReactElement, ReactNode, SVGProps } from "react";
 //#region src/components/inputs/Input/shared/InputContent.d.ts
 interface InputContentProps {
@@ -9,7 +9,7 @@ interface InputContentProps {
   isLoading?: boolean;
   isDisabled?: boolean;
   action?: {
-    icon: InlineIconButtonProps["icon"];
+    icon: IconButtonProps["icon"];
     onClick: () => void;
     altText: string;
     className?: string;

package/dist/{useFieldAccessibility-ScC6Mtd5.js → InputContent-KhD4_YvO.js}

@@ -3,11 +3,11 @@ import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
 import { t as Spinner } from "./Spinner-BeVTUzzx.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as FormFieldLabel } from "./FormField-B99dLt8o.js";
-import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-DJA8ovm_.js";
-import { n as InputClear } from "./TooltipWrapper-3jyN0Wss.js";
-import { isValidElement, useId } from "react";
+import { IconButton } from "./components/icon-button.js";
+import { n as FormFieldLabel } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as InputClear } from "./TooltipWrapper-D7HUZLsP.js";
+import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Input/shared/InputContent.tsx
 const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, unit, isLoading, isDisabled, action, isClearable, isClearableIfDisabled, value, onChange, onBlur, children, headerProps, as, size }) => {
@@ -63,7 +63,7 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 					className: "inline-flex",
 					children: /* @__PURE__ */ jsx(Spinner, {})
 				}),
-				!isLoading && action && /* @__PURE__ */ jsx(InlineIconButton, {
+				!isLoading && action && /* @__PURE__ */ jsx(IconButton, {
 					color: "secondary",
 					icon: action.icon,
 					isDisabled,
@@ -71,7 +71,11 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 					excludeFromTabOrder: true,
 					label: action.altText,
 					className: clsx("border-0!", action.className),
-					"data-static-press-action": ""
+					"data-static-press-action": "",
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "none"
 				}),
 				!isLoading && !action && TrailingIcon && /* @__PURE__ */ jsx(IconSlot, {
 					icon: TrailingIcon,
@@ -82,21 +86,4 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 	});
 };
 //#endregion
-//#region src/components/inputs/shared/useFieldAccessibility.ts
-const joinIds = (...ids) => {
-	const uniqueIds = [...new Set(ids.flatMap((id) => id?.split(/\s+/u).filter(Boolean) ?? []))];
-	return uniqueIds.length > 0 ? uniqueIds.join(" ") : void 0;
-};
-const useFieldAccessibility = ({ describedBy, error, helperText }) => {
-	const generatedHelperTextId = useId();
-	const generatedErrorMessageId = useId();
-	const helperTextId = helperText ? `field-helper-${generatedHelperTextId}` : void 0;
-	const errorMessageId = error ? `field-error-${generatedErrorMessageId}` : void 0;
-	return {
-		describedBy: joinIds(describedBy, helperTextId, errorMessageId),
-		errorMessageId,
-		helperTextId
-	};
-};
-//#endregion
-export { InputContent as n, useFieldAccessibility as t };
+export { InputContent as t };

package/dist/{Label-B2-B-uFY.js → Label-BGvF9vWx.js}

@@ -1,7 +1,7 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
 import $ahdqC$react, { createContext } from "react";
 import { createHideableComponent } from "react-aria/private/collections/Hidden";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Label.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Label.mjs
 const $43a3b93638fe5db9$export$75b6ee27786ba447 = /*#__PURE__*/ createContext({});
 const $43a3b93638fe5db9$export$b04be29aa201d4f5 = /*#__PURE__*/ createHideableComponent(function Label(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $43a3b93638fe5db9$export$75b6ee27786ba447);

package/dist/{Link-Ow9H7kNv.d.ts → Link-Bw2m9W4B.d.ts}

@@ -1,5 +1,5 @@
-import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
-import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
+import "./style-definitions-_RXJdSk-.js";
 import { AnchorHTMLAttributes, PropsWithChildren } from "react";
 import { LinkProps } from "react-aria-components";
 //#region src/components/text/Link/link.cva.d.ts
@@ -7,7 +7,7 @@ declare const linkDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["text-interactive-primary-background focus-visible:outline-interactive-ring", "hover:text-state-interactive-primary-background/hover focus-visible:text-state-interactive-primary-background/focus active:text-state-interactive-primary-background/pressed"];
+      default: ["text-interactive-subtle-primary-foreground focus-visible:outline-interactive-ring", "hover:text-state-interactive-subtle-primary-foreground/hover focus-visible:text-state-interactive-subtle-primary-foreground/focus active:text-state-interactive-subtle-primary-foreground/pressed"];
     };
   }>;
 };

package/dist/{Link-FupWOW1f.js → Link-Chux-Clm.js}

@@ -1,11 +1,11 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
 import $ahdqC$react, { createContext, forwardRef } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { useLink } from "react-aria/useLink";
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useFocusRing } from "react-aria/useFocusRing";
 import { useHover } from "react-aria/useHover";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Link.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Link.mjs
 const $984a1fc08f87e4f3$export$e2509388b49734e7 = /*#__PURE__*/ createContext(null);
 const $984a1fc08f87e4f3$export$a6c7ac8248d6e38a = /*#__PURE__*/ forwardRef(function Link(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $984a1fc08f87e4f3$export$e2509388b49734e7);

package/dist/{ListBox-CL8Ar4Q_.js → ListBox-CoUk0kkt.js}

@@ -1,17 +1,17 @@
-import { i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, 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-Czcqspm7.js";
-import { _ as $4b38b5b75ecc6208$export$b0d3ecf7112093a7, f as $53e61d82d8b8611d$export$e0e4026c12a8bdbb, h as $263ab7fc0f95ccdb$export$d40e14dec8b060a8, m as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5, u as $e28ab3efe3e87743$export$6615d83f6de245ce } from "./Dialog-CKLkS00H.js";
-import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
-import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-Da1c_cOO.js";
-import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-JblvLKCu.js";
+import { i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, 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-BkLF-JA3.js";
+import { _ as $4b38b5b75ecc6208$export$b0d3ecf7112093a7, d as $e28ab3efe3e87743$export$6615d83f6de245ce, f as $53e61d82d8b8611d$export$e0e4026c12a8bdbb, h as $263ab7fc0f95ccdb$export$d40e14dec8b060a8, m as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 } from "./Dialog-lFYX-7Ax.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
+import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-DJ9CCbEa.js";
+import { t as $91fe5e721c7f36c1$export$c9549807523555e0 } from "./SelectionIndicator-B7C5Y0JM.js";
 import $ahdqC$react, { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { useObjectRef } from "react-aria/useObjectRef";
-import { CollectionBuilder, createBranchComponent, createLeafComponent } from "react-aria/CollectionBuilder";
+import { CollectionBuilder, createLeafComponent } from "react-aria/CollectionBuilder";
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useFocusRing } from "react-aria/useFocusRing";
 import { useHover } from "react-aria/useHover";
 import { Collection } from "react-aria/Collection";
-import { ItemNode, LoaderNode, SectionNode } from "react-aria/private/collections/BaseCollection";
+import { ItemNode, LoaderNode } from "react-aria/private/collections/BaseCollection";
 import { useLocale } from "react-aria/I18nProvider";
 import { useListBox, useListBoxSection, useOption } from "react-aria/useListBox";
 import { FocusScope } from "react-aria/FocusScope";
@@ -22,7 +22,7 @@ import { useLoadMoreSentinel } from "react-aria/private/utils/useLoadMoreSentine
 import { useCollator } from "react-aria/useCollator";
 import { useFocus } from "react-aria/useFocus";
 import { useKeyboard } from "react-aria/useKeyboard";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/DragAndDrop.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/DragAndDrop.mjs
 const $f9554a667e4f0374$export$d188a835a7bc5783 = /*#__PURE__*/ createContext({});
 const $f9554a667e4f0374$export$f55761759794cf55 = /*#__PURE__*/ createContext(null);
 const $f9554a667e4f0374$export$62ed72bc21f6b8a6 = /*#__PURE__*/ forwardRef(function DropIndicator(props, ref) {
@@ -71,7 +71,7 @@ function $f9554a667e4f0374$export$d1e8e3fbb7461f6(selectionManager, dragAndDropH
 	}, [focusedKey, dropTargetKey]);
 }
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ListBox.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ListBox.mjs
 const $928221da08ecbc62$export$7ff8f37d2d81a48d = /*#__PURE__*/ createContext(null);
 const $928221da08ecbc62$export$7c5906fe4f1f2af2 = /*#__PURE__*/ createContext(null);
 const $928221da08ecbc62$export$41f133550aa26f48 = /*#__PURE__*/ forwardRef(function ListBox(props, ref) {
@@ -271,7 +271,6 @@ function $928221da08ecbc62$var$ListBoxSectionInner(props, ref, section, classNam
 		renderDropIndicator: $f9554a667e4f0374$export$971707d8a129a1f7(dragAndDropHooks, dropState)
 	})));
 }
-const $928221da08ecbc62$export$dca12b0bb56e4fc = /*#__PURE__*/ createBranchComponent(SectionNode, $928221da08ecbc62$var$ListBoxSectionInner);
 const $928221da08ecbc62$export$a11e76429ed99b4 = /*#__PURE__*/ createLeafComponent(ItemNode, function ListBoxItem(props, forwardedRef, item) {
 	let ref = useObjectRef(forwardedRef);
 	let state = useContext($928221da08ecbc62$export$7c5906fe4f1f2af2);
@@ -416,4 +415,4 @@ createLeafComponent(LoaderNode, function ListBoxLoadingIndicator(props, ref, ite
 	}, renderProps.children)));
 });
 //#endregion
-export { $928221da08ecbc62$export$dca12b0bb56e4fc as a, $928221da08ecbc62$export$a11e76429ed99b4 as i, $928221da08ecbc62$export$7c5906fe4f1f2af2 as n, $928221da08ecbc62$export$7ff8f37d2d81a48d as r, $928221da08ecbc62$export$41f133550aa26f48 as t };
+export { $928221da08ecbc62$export$a11e76429ed99b4 as i, $928221da08ecbc62$export$7c5906fe4f1f2af2 as n, $928221da08ecbc62$export$7ff8f37d2d81a48d as r, $928221da08ecbc62$export$41f133550aa26f48 as t };

package/dist/{MenuItem-DHyqOqln.d.ts → MenuItem-DPZzOqp2.d.ts}

@@ -1,4 +1,4 @@
-import { r as MenuItem$1 } from "./DropdownMenu-JNpYT4-3.js";
+import { r as MenuItem$1 } from "./DropdownMenu-Bl_C5W_E.js";
 //#region src/components/DropdownMenu/MenuItem.d.ts
 type MenuListItemProps = MenuItem$1;
 declare const MenuItem: ({ label, content, children, className, ...item }: MenuListItemProps) => import("react").JSX.Element;

package/dist/{Modal-w60dVQcb.js → Modal-B4p1zFqi.js}

@@ -1,22 +1,24 @@
-import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { r as $f2ff30fde7b014be$export$d2f961adcb0afbe } from "./Dialog-CKLkS00H.js";
-import $ahdqC$react, { createContext, forwardRef, useContext, useMemo, useRef } from "react";
+import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { i as $f2ff30fde7b014be$export$d2f961adcb0afbe, r as $f2ff30fde7b014be$export$8b93a07348a7730c } from "./Dialog-lFYX-7Ax.js";
+import $ahdqC$react, { createContext, forwardRef, useContext, useMemo, useRef, useState } from "react";
 import { mergeProps } from "react-aria/mergeProps";
 import { mergeRefs } from "react-aria/mergeRefs";
+import { useLayoutEffect as useLayoutEffect$1 } from "react-aria/private/utils/useLayoutEffect";
 import { useObjectRef } from "react-aria/useObjectRef";
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { DismissButton, Overlay } from "react-aria/Overlay";
 import { useOverlayTriggerState } from "react-stately/useOverlayTriggerState";
+import { runAfterKeyboard } from "react-aria/private/utils/runAfterKeyboard";
 import { useEnterAnimation, useExitAnimation } from "react-aria/private/utils/animation";
 import { useModalOverlay } from "react-aria/useModalOverlay";
 import { isScrollable } from "react-aria/private/utils/isScrollable";
 import { useIsSSR } from "react-aria/SSRProvider";
 import { useViewportSize } from "react-aria/private/utils/useViewportSize";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Modal.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Modal.mjs
 const $8b8d26808cb8cb53$export$ab57792b9b6974a6 = /*#__PURE__*/ createContext(null);
-const $8b8d26808cb8cb53$var$InternalModalContext = /*#__PURE__*/ createContext(null);
+const $8b8d26808cb8cb53$export$6bc057cefccad9c8 = /*#__PURE__*/ createContext(null);
 const $8b8d26808cb8cb53$export$2b77a92f1a5ad772 = /*#__PURE__*/ forwardRef(function Modal(props, ref) {
-	if (useContext($8b8d26808cb8cb53$var$InternalModalContext)) {
+	if (useContext($8b8d26808cb8cb53$export$6bc057cefccad9c8)) {
 		if (props.onOpenChange || props.defaultOpen !== void 0 || props.isOpen !== void 0) {
 			const invalidSet = /* @__PURE__ */ new Set([
 				"isDismissable",
@@ -63,8 +65,9 @@ function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
 	}
 	let objectRef = useObjectRef(ref);
 	let modalRef = useRef(null);
-	let isOverlayExiting = useExitAnimation(objectRef, state.isOpen);
-	let isModalExiting = useExitAnimation(modalRef, state.isOpen);
+	let isOverlayExiting = useExitAnimation(objectRef, state.isOpen, props.onExit);
+	let onExitRef = useRef(null);
+	let isModalExiting = useExitAnimation(modalRef, state.isOpen, (element) => onExitRef.current?.(element));
 	let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
 	let isSSR = useIsSSR();
 	if (!state.isOpen && !isExiting || isSSR) return null;
@@ -73,15 +76,23 @@ function $8b8d26808cb8cb53$var$ModalOverlayWithForwardRef(props, ref) {
 		state,
 		isExiting,
 		overlayRef: objectRef,
-		modalRef
+		modalRef,
+		onExitRef
 	});
 }
 const $8b8d26808cb8cb53$export$8948f78d83984c69 = /*#__PURE__*/ forwardRef($8b8d26808cb8cb53$var$ModalOverlayWithForwardRef);
-function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer, ...props }) {
+function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer, UNSTABLE_deferUntilEntered, ...props }) {
 	let modalRef = props.modalRef;
 	let { state } = props;
-	let { modalProps, underlayProps } = useModalOverlay(props, state, modalRef);
-	let entering = useEnterAnimation(props.overlayRef) || props.isEntering || false;
+	let [isOpen, setIsOpen] = useState(false);
+	let entering = useEnterAnimation(props.overlayRef, isOpen, props.onEnter) || props.isEntering || false;
+	let isDeferred = !!UNSTABLE_deferUntilEntered && (!isOpen || entering);
+	let { modalProps, underlayProps } = useModalOverlay({
+		...props,
+		isEntering: isDeferred
+	}, state, modalRef);
+	let dialogContext = useContext($f2ff30fde7b014be$export$8b93a07348a7730c);
+	let mergedDialogContext = UNSTABLE_deferUntilEntered ? $8b8d26808cb8cb53$var$mergeDialogContext(dialogContext, { isEntering: isDeferred }) : dialogContext;
 	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
 		...props,
 		defaultClassName: "react-aria-ModalOverlay",
@@ -108,6 +119,7 @@ function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer, ...
 		"--page-width": pageWidth !== void 0 ? pageWidth + "px" : void 0,
 		"--page-height": pageHeight !== void 0 ? pageHeight + "px" : void 0
 	};
+	useLayoutEffect$1(() => runAfterKeyboard(() => setIsOpen(true)), []);
 	return /*#__PURE__*/ $ahdqC$react.createElement(Overlay, {
 		isExiting: props.isExiting,
 		portalContainer: UNSTABLE_portalContainer
@@ -118,19 +130,42 @@ function $8b8d26808cb8cb53$var$ModalOverlayInner({ UNSTABLE_portalContainer, ...
 		ref: props.overlayRef,
 		"data-entering": entering || void 0,
 		"data-exiting": props.isExiting || void 0
-	}, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [[$8b8d26808cb8cb53$var$InternalModalContext, {
-		modalProps,
-		modalRef,
-		isExiting: props.isExiting,
-		isDismissable: props.isDismissable
-	}], [$f2ff30fde7b014be$export$d2f961adcb0afbe, state]] }, renderProps.children)));
+	}, /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$2881499e37b75b9a, { values: [
+		[$8b8d26808cb8cb53$export$6bc057cefccad9c8, {
+			modalProps,
+			modalRef,
+			isExiting: props.isExiting,
+			onExitRef: props.onExitRef,
+			isOpen,
+			isDismissable: props.isDismissable
+		}],
+		[$f2ff30fde7b014be$export$d2f961adcb0afbe, state],
+		[$f2ff30fde7b014be$export$8b93a07348a7730c, mergedDialogContext]
+	] }, renderProps.children)));
+}
+function $8b8d26808cb8cb53$var$mergeDialogContext(context, props) {
+	if (context && "slots" in context && context.slots) {
+		let slots = {};
+		for (let key in context.slots) slots[key] = {
+			...context.slots[key],
+			...props
+		};
+		return {
+			...context,
+			slots
+		};
+	}
+	return {
+		...context,
+		...props
+	};
 }
 function $8b8d26808cb8cb53$var$ModalContent(props) {
-	let { modalProps, modalRef, isExiting, isDismissable } = useContext($8b8d26808cb8cb53$var$InternalModalContext);
+	let { modalProps, modalRef, isExiting, onExitRef, isDismissable, isOpen } = useContext($8b8d26808cb8cb53$export$6bc057cefccad9c8);
 	let state = useContext($f2ff30fde7b014be$export$d2f961adcb0afbe);
 	let mergedRefs = useMemo(() => mergeRefs(props.modalRef, modalRef), [props.modalRef, modalRef]);
 	let ref = useObjectRef(mergedRefs);
-	let entering = useEnterAnimation(ref);
+	let entering = useEnterAnimation(ref, isOpen, props.onEnter);
 	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
 		...props,
 		defaultClassName: "react-aria-Modal",
@@ -140,6 +175,9 @@ function $8b8d26808cb8cb53$var$ModalContent(props) {
 			state
 		}
 	});
+	useLayoutEffect$1(() => {
+		if (onExitRef) onExitRef.current = props.onExit;
+	});
 	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
 		...mergeProps(filterDOMProps(props, { global: true }), modalProps),
 		...renderProps,