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

package/dist/DateRangePicker.bound-D-GPENNe.d.ts

@@ -0,0 +1,9 @@
+import { a as DateRangePickerProps$1 } from "./DateRangePicker-hV_U1IK0.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.bound.d.ts
+type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateRangePickerProps$1, TFieldValues>;
+type DateRangePickerProps<TFieldValues extends FieldValues = FieldValues> = ControlledDateRangePickerProps<TFieldValues>;
+declare const DateRangePickerComponent: <TFieldValues extends FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues>) => import("react").JSX.Element;
+declare const DateRangePicker: typeof DateRangePickerComponent;
+//#endregion
+export { DateRangePicker as n, DateRangePickerProps as r, ControlledDateRangePickerProps as t };

package/dist/{DateTimePicker-WGMr0bEH.js → DateTimePicker-411pU7VF.js}

@@ -1,17 +1,18 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-BB_vPlKu.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Cs9RwZfy.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-AY25LzbW.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-kkQrc6DA.js";
-import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-sf_ND7zL.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-BxtOuqIM.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CIFHjKwv.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 { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DRQ536wk.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-OAQBDk1R.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
@@ -37,7 +38,14 @@ const DateTimePickerBase = (props) => {
 	const timeZone = timeZoneProp ?? ui.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
 	if (timeZone !== "clientLocal") effectiveTimeZone = timeZone;
+	const accessibility = useFieldAccessibility({
+		error,
+		helperText,
+		describedBy: rest["aria-describedby"]
+	});
 	const formFieldProps = {
+		errorMessageId: accessibility.errorMessageId,
+		helperTextId: accessibility.helperTextId,
 		error,
 		label,
 		tooltipText,
@@ -91,7 +99,8 @@ const DateTimePickerBase = (props) => {
 	});
 	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = useDatePicker({
 		...rest,
-		label,
+		label: rest["aria-label"] || rest["aria-labelledby"] ? void 0 : label,
+		"aria-label": rest["aria-labelledby"] ? void 0 : rest["aria-label"],
 		granularity: "minute",
 		hideTimeZone: true,
 		shouldForceLeadingZeros
@@ -179,14 +188,20 @@ const DateTimePickerBase = (props) => {
 			...formFieldProps,
 			as,
 			labelProps,
-			className: "group relative inline-flex w-full flex-col text-left",
+			className: "group relative flex w-full flex-col text-left",
 			tabIndex: as === "inline" ? -1 : void 0,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, datePickerInputRef),
 				as,
-				groupProps,
+				groupProps: {
+					...groupProps,
+					"aria-describedby": accessibility.describedBy,
+					"aria-errormessage": accessibility.errorMessageId,
+					"aria-invalid": !!error
+				},
 				fieldProps: {
 					...fieldProps,
+					"aria-describedby": accessibility.describedBy,
 					onBlur: (e) => {
 						fieldProps.onBlur?.(e);
 						handleBlur(state.value);
@@ -250,7 +265,7 @@ const DateTimePickerBase = (props) => {
 		})
 	});
 };
-const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFormControlDisabled, ...props }) => {
+const DateTimePickerInner = ({ defaultValue: _defaultValue, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
 	const { locale } = useLocale();
@@ -294,7 +309,6 @@ const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFo
 		const todayIconPlacement = props.todayIconPlacement ?? ui.dateInput.todayIconPlacement;
 		const staticTodayIcon = renderDatePickerTodayIcon(todayIcon, {
 			isDisabled,
-			renderStatic: true,
 			size: todayIconButtonSize,
 			todayIconButtonComponent
 		});
@@ -316,7 +330,7 @@ const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFo
 				props.onValueCommit?.();
 			},
 			isDisabled,
-			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
+			className: clsx("group relative flex w-full flex-col text-left", props.className),
 			inputClassName: clsx(props.shouldShrinkInput ? "min-w-0" : "min-w-input-width-min-width", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
@@ -356,35 +370,17 @@ const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFo
 		onChange: (value) => props.onChange?.(formatDateValue(value))
 	});
 };
-const DateTimePickerComponent = ({ fullIso = true, renderStaticInput, ...props }) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		const controlWithOptions = field.form;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DateTimePickerInner, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value ?? null,
-				onChange: (value) => field.onChange(value ?? null),
-				onBlur: field.onBlur,
-				onValueCommit: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				fullIso,
-				renderStaticInput
-			})
-		});
-	}
+const DateTimePickerComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? null);
 	return /* @__PURE__ */ jsx(DateTimePickerInner, {
 		...props,
-		fullIso,
-		renderStaticInput
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
 	});
 };
 const DateTimePicker = memo(DateTimePickerComponent);
 //#endregion
-export { DateTimePicker as t };
+export { DateTimePickerInner as n, DateTimePicker as t };

package/dist/{DateTimePicker-D4lHyf6P.d.ts → DateTimePicker-wgV0SUeZ.d.ts}

@@ -1,13 +1,14 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-D81ZJ3fT.js";
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { DatePickerStateOptions } from "react-stately";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts
 interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
+  "aria-describedby"?: string;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
   ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
   disableDropdown?: boolean;
   isTimeOptional?: boolean;
@@ -31,15 +32,24 @@ interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omi
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
   onValueCommit?: () => void;
 }
-interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "value" | "onChange" | "onValueCommit"> {
+interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "value" | "onChange" | "defaultValue" | "onValueCommit"> {
+  field?: never;
+  /** Initial ISO timestamp with Z or an explicit offset; used only when value is undefined. */
+  defaultValue?: string | null;
+  /** Controlled ISO timestamp with Z or an explicit offset; null clears the field. */
   value?: string | null;
+  /** Emits a UTC ISO timestamp (YYYY-MM-DDTHH:mm:ss.sssZ), or null when cleared. */
   onChange?: (value: string | null) => void;
-  fullIso?: boolean;
   renderStaticInput?: boolean;
+  /** Display/edit zone; defaults to UIConfig.dateInput.timeZone (clientLocal uses the browser zone). Output stays UTC. */
   timeZone?: string;
 }
-type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = ControlProps<DateTimePickerProps, TFieldValues>;
-declare const DateTimePickerComponent: <TFieldValues extends FieldValues>({ fullIso, renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react").JSX.Element;
-declare const DateTimePicker: typeof DateTimePickerComponent;
+type DateTimePickerInnerProps = DateTimePickerProps & {
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const DateTimePickerInner: ({ defaultValue: _defaultValue, renderStaticInput, isFormControlDisabled, ...props }: DateTimePickerInnerProps) => import("react").JSX.Element;
+declare const DateTimePickerComponent: ({ defaultValue, value, onChange, ...props }: DateTimePickerProps) => import("react").JSX.Element;
+declare const DateTimePicker: import("react").MemoExoticComponent<typeof DateTimePickerComponent>;
 //#endregion
-export { DateTimePicker as n, DateTimePickerProps as r, ControlledDateTimePickerProps as t };
+export { DateTimePickerProps as i, DateTimePickerComponent as n, DateTimePickerInner as r, DateTimePicker as t };

package/dist/DateTimePicker.bound-BDyUzidV.js

@@ -0,0 +1,32 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as DateTimePickerInner } from "./DateTimePicker-411pU7VF.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.tsx
+const DateTimePickerComponent = ({ renderStaticInput, ...props }) => {
+	const { field, ref, ...innerProps } = props;
+	const controlWithOptions = field.form;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DateTimePickerInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? null,
+			onChange: (value) => field.onChange(value ?? null),
+			onBlur: field.onBlur,
+			onValueCommit: field.onValueCommit,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const DateTimePicker = memo(DateTimePickerComponent);
+//#endregion
+export { DateTimePicker as t };

package/dist/DateTimePicker.bound-cF2X_ncj.d.ts

@@ -0,0 +1,9 @@
+import { i as DateTimePickerProps$1 } from "./DateTimePicker-wgV0SUeZ.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.d.ts
+type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateTimePickerProps$1, TFieldValues>;
+type DateTimePickerProps<TFieldValues extends FieldValues = FieldValues> = ControlledDateTimePickerProps<TFieldValues>;
+declare const DateTimePickerComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react").JSX.Element;
+declare const DateTimePicker: typeof DateTimePickerComponent;
+//#endregion
+export { DateTimePicker as n, DateTimePickerProps as r, ControlledDateTimePickerProps as t };

package/dist/{Dialog-9manOgMA.js → Dialog-DSl1Fkqi.js}

@@ -1,11 +1,11 @@
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-CKLkS00H.js";
-import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-w60dVQcb.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import "./i18n-CX2EjhJI.js";
-import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-COhDZaVl.js";
+import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-lFYX-7Ax.js";
+import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-B4p1zFqi.js";
+import { IconButton } from "./components/icon-button.js";
+import "./i18n-BjNKHh_D.js";
+import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-sioU_5R7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Dialog/Dialog.tsx
@@ -44,13 +44,16 @@ const Dialog = ({ isOpen, portalContainerRef, onClose, onOpenChange, aside, chil
 					aside,
 					className: dialogClassName
 				}),
-				children: [showCloseIcon && /* @__PURE__ */ jsx(InlineIconButton, {
+				children: [showCloseIcon && /* @__PURE__ */ jsx(IconButton, {
 					color: "secondary",
 					onPress: () => handleOpenChange(false),
 					icon: X,
 					className: clsx("absolute top-0 right-0 p-modal-gap-desktop-modal-close-icon-top-right", closeIconClassName),
 					label: t(($) => $.ui.modal.closeBtn),
-					disableTooltip: true
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
 				}), children]
 			})
 		})

package/dist/Dialog-V-2cgGk1.d.ts

@@ -0,0 +1,21 @@
+import { l as DialogVariantProps } from "./style-definitions-_RXJdSk-.js";
+import { PropsWithChildren, RefObject } from "react";
+import { DialogProps } from "react-aria-components";
+//#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 { DialogProps$1 as n, Dialog as t };

package/dist/{Dialog-CKLkS00H.js → Dialog-lFYX-7Ax.js}

@@ -1,10 +1,10 @@
-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-Czcqspm7.js";
-import { t as $7705c033048f6da7$export$24d547caef80ccd1 } from "./Button-D6KlWSFL.js";
-import { n as $2ec61d1d4f780267$export$d688439359537581 } from "./Heading-nI1_VOaE.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 { t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-D8z7cCsw.js";
+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-BkLF-JA3.js";
+import { t as $7705c033048f6da7$export$24d547caef80ccd1 } from "./Button-C1YB5dOw.js";
+import { n as $2ec61d1d4f780267$export$d688439359537581 } from "./Heading-D4XFYv__.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 { t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-DF0jMwul.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";
@@ -16,7 +16,7 @@ import { useCachedChildren } from "react-aria/private/collections/useCachedChild
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useHover } from "react-aria/useHover";
 import { Collection } from "react-aria/Collection";
-import { CollectionNode, HeaderNode, ItemNode, LoaderNode } from "react-aria/private/collections/BaseCollection";
+import { CollectionNode, ItemNode, LoaderNode } 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";
@@ -30,6 +30,7 @@ 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 { runAfterKeyboard } from "react-aria/private/utils/runAfterKeyboard";
 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";
@@ -40,11 +41,11 @@ 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.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Autocomplete.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+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.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Collection.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Collection.mjs
 const $263ab7fc0f95ccdb$export$d40e14dec8b060a8 = /*#__PURE__*/ createContext(null);
 const $263ab7fc0f95ccdb$export$a164736487e3f0ae = {
 	CollectionRoot({ collection, renderDropIndicator }) {
@@ -100,18 +101,10 @@ function $263ab7fc0f95ccdb$export$90e00781bc59d8f9(focusedKey) {
 	return useMemo(() => focusedKey != null ? /* @__PURE__ */ new Set([focusedKey]) : null, [focusedKey]);
 }
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Header.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Header.mjs
 const $53e61d82d8b8611d$export$e0e4026c12a8bdbb = /*#__PURE__*/ createContext({});
-const $53e61d82d8b8611d$export$8b251419efc915eb = /*#__PURE__*/ createLeafComponent(HeaderNode, function Header(props, ref) {
-	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $53e61d82d8b8611d$export$e0e4026c12a8bdbb);
-	return /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.header, {
-		className: "react-aria-Header",
-		...props,
-		ref
-	}, props.children);
-});
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Separator.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Separator.mjs
 const $e28ab3efe3e87743$export$6615d83f6de245ce = /*#__PURE__*/ createContext({});
 var $e28ab3efe3e87743$export$7750289ca694c0b5 = class extends CollectionNode {
 	static {
@@ -128,7 +121,7 @@ var $e28ab3efe3e87743$export$7750289ca694c0b5 = class extends CollectionNode {
 	}
 };
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Popover.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+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) {
@@ -166,6 +159,7 @@ function $542a13ca2fa5b484$var$PopoverInner({ state, isExiting, UNSTABLE_portalC
 	let containerRef = useRef(null);
 	let groupCtx = useContext($542a13ca2fa5b484$var$PopoverGroupContext);
 	let isSubPopover = groupCtx && props.trigger === "SubmenuTrigger";
+	let [isOpen, setIsOpen] = useState(false);
 	let { popoverProps, underlayProps, arrowProps, placement, triggerAnchorPoint } = usePopover({
 		...props,
 		offset: props.offset ?? 8,
@@ -173,7 +167,7 @@ function $542a13ca2fa5b484$var$PopoverInner({ state, isExiting, UNSTABLE_portalC
 		groupRef: isSubPopover ? groupCtx : containerRef
 	}, state);
 	let ref = props.popoverRef;
-	let enterAnimation = useEnterAnimation(ref, !!placement);
+	let enterAnimation = useEnterAnimation(ref, !!placement && isOpen);
 	let isEntering = props.isEntering || !props.shouldSkipAnimation && enterAnimation || false;
 	let renderProps = $7230ffa83bc0c2cf$export$4d86445c2cf5e3({
 		...props,
@@ -199,7 +193,7 @@ function $542a13ca2fa5b484$var$PopoverInner({ state, isExiting, UNSTABLE_portalC
 	]);
 	let children = useMemo(() => {
 		let children = renderProps.children;
-		if (clearContexts) for (let Context of clearContexts) children = /*#__PURE__*/ $ahdqC$react.createElement(Context.Provider, { value: null }, children);
+		for (let Context of [$542a13ca2fa5b484$export$9b9a0cd73afb7ca4, ...clearContexts ?? []]) children = /*#__PURE__*/ $ahdqC$react.createElement(Context.Provider, { value: null }, children);
 		return children;
 	}, [renderProps.children, clearContexts]);
 	let [triggerWidth, setTriggerWidth] = useState(null);
@@ -217,6 +211,7 @@ function $542a13ca2fa5b484$var$PopoverInner({ state, isExiting, UNSTABLE_portalC
 		...renderProps.style,
 		"--trigger-width": renderProps.style?.["--trigger-width"] || triggerWidth
 	};
+	useLayoutEffect$1(() => runAfterKeyboard(() => setIsOpen(true)), []);
 	let overlay = /*#__PURE__*/ $ahdqC$react.createElement($7230ffa83bc0c2cf$export$df3a06d6289f983e.div, {
 		...mergeProps(filterDOMProps(props, { global: true }), popoverProps),
 		...renderProps,
@@ -262,10 +257,10 @@ function $542a13ca2fa5b484$var$PopoverInner({ state, isExiting, UNSTABLE_portalC
 	}, overlay);
 }
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Keyboard.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+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.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Menu.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+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);
@@ -577,7 +572,7 @@ createLeafComponent(LoaderNode, function MenuLoadingIndicator(props, ref, item)
 	}, renderProps.children)));
 });
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Dialog.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+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) {
@@ -647,4 +642,4 @@ const $f2ff30fde7b014be$export$3ddf2d174ce01153 = /*#__PURE__*/ forwardRef(funct
 	] }, renderProps.children));
 });
 //#endregion
-export { $4b38b5b75ecc6208$export$b0d3ecf7112093a7 as _, $49319ee1285aa241$export$2ce376c2cc3355c8 as a, $542a13ca2fa5b484$export$5b6b19405a83ff9d as c, $53e61d82d8b8611d$export$8b251419efc915eb as d, $53e61d82d8b8611d$export$e0e4026c12a8bdbb as f, $4b38b5b75ecc6208$export$698f465ec27e93df as g, $263ab7fc0f95ccdb$export$d40e14dec8b060a8 as h, $49319ee1285aa241$export$27d2ad3c5815583e as i, $542a13ca2fa5b484$export$9b9a0cd73afb7ca4 as l, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 as m, $f2ff30fde7b014be$export$3ddf2d174ce01153 as n, $49319ee1285aa241$export$d9b273488cd8ce6f as o, $263ab7fc0f95ccdb$export$2dbbd341daed716d as p, $f2ff30fde7b014be$export$d2f961adcb0afbe as r, $49319ee1285aa241$export$ecabc99eeffab7ca as s, $f2ff30fde7b014be$export$2e1e1122cf0cba88 as t, $e28ab3efe3e87743$export$6615d83f6de245ce as u };
+export { $4b38b5b75ecc6208$export$b0d3ecf7112093a7 as _, $49319ee1285aa241$export$27d2ad3c5815583e as a, $49319ee1285aa241$export$ecabc99eeffab7ca as c, $e28ab3efe3e87743$export$6615d83f6de245ce as d, $53e61d82d8b8611d$export$e0e4026c12a8bdbb as f, $4b38b5b75ecc6208$export$698f465ec27e93df as g, $263ab7fc0f95ccdb$export$d40e14dec8b060a8 as h, $f2ff30fde7b014be$export$d2f961adcb0afbe as i, $542a13ca2fa5b484$export$5b6b19405a83ff9d as l, $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 as m, $f2ff30fde7b014be$export$3ddf2d174ce01153 as n, $49319ee1285aa241$export$2ce376c2cc3355c8 as o, $263ab7fc0f95ccdb$export$2dbbd341daed716d as p, $f2ff30fde7b014be$export$8b93a07348a7730c as r, $49319ee1285aa241$export$d9b273488cd8ce6f as s, $f2ff30fde7b014be$export$2e1e1122cf0cba88 as t, $542a13ca2fa5b484$export$9b9a0cd73afb7ca4 as u };

package/dist/DropdownMenu-Bl_C5W_E.d.ts

@@ -0,0 +1,25 @@
+import { g as MenuPopoverWrapperVariantProps, h as MenuPopoverVariantProps, m as MenuItemVariantProps, p as DropdownMenuCvaVariantProps } from "./style-definitions-_RXJdSk-.js";
+import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.js";
+import { ReactElement } from "react";
+import { Key, MenuItemProps } from "react-aria-components";
+import { Placement } from "react-aria";
+//#region src/components/DropdownMenu/dropdownMenu.types.d.ts
+interface MenuItem extends Omit<MenuItemProps, "aria-label" | "textValue" | "children">, MenuItemVariantProps, DropdownMenuCvaVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps {
+  label: string;
+  content?: string | ReactElement;
+  children?: MenuItem[];
+}
+type MenuBottomSheetProps = Partial<Omit<BottomSheetProps, "children" | "isOpen" | "onOpenChange" | "trigger">>;
+interface DropdownMenuProps {
+  trigger: ReactElement;
+  items: MenuItem[];
+  closeDelay?: number;
+  placement?: Placement;
+  onAction?: (key: Key, e: any) => void;
+  bottomSheetProps?: MenuBottomSheetProps;
+}
+//#endregion
+//#region src/components/DropdownMenu/DropdownMenu.d.ts
+declare const DropdownMenu: (props: DropdownMenuProps) => import("react").JSX.Element;
+//#endregion
+export { DropdownMenuProps as n, MenuItem as r, DropdownMenu as t };

package/dist/{DropdownMenu-5jmtgLXd.js → DropdownMenu-DH7E2aXb.js}

@@ -1,13 +1,13 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-Cl9gZVq0.js";
+import { r as MenuItem, t as DropdownMenuDesktop } from "./DropdownMenuDesktop-nMoCa6N5.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { o as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-CKLkS00H.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { n as menuItemDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-DvEmX0bs.js";
+import { s as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-lFYX-7Ax.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
+import { n as menuItemDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-Bi3a21lO.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
-import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
+import { t as useBreakpoint } from "./useBreakpoint-BzYqQEBO.js";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -184,4 +184,4 @@ const DropdownMenu = (props) => {
 	return t0;
 };
 //#endregion
-export { ArrowLeft as n, DropdownMenu as t };
+export { DropdownMenu as t };

package/dist/{DropdownMenuDesktop-Cl9gZVq0.js → DropdownMenuDesktop-nMoCa6N5.js}

@@ -2,8 +2,8 @@ import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { a as $49319ee1285aa241$export$2ce376c2cc3355c8, c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, i as $49319ee1285aa241$export$27d2ad3c5815583e, o as $49319ee1285aa241$export$d9b273488cd8ce6f, s as $49319ee1285aa241$export$ecabc99eeffab7ca } from "./Dialog-CKLkS00H.js";
-import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-DvEmX0bs.js";
+import { a as $49319ee1285aa241$export$27d2ad3c5815583e, c as $49319ee1285aa241$export$ecabc99eeffab7ca, l as $542a13ca2fa5b484$export$5b6b19405a83ff9d, o as $49319ee1285aa241$export$2ce376c2cc3355c8, s as $49319ee1285aa241$export$d9b273488cd8ce6f } from "./Dialog-lFYX-7Ax.js";
+import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-Bi3a21lO.js";
 import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
 import { useRef } from "react";
 import { c } from "react/compiler-runtime";
@@ -223,4 +223,4 @@ const DropdownMenuDesktop = (t0) => {
 	return t2;
 };
 //#endregion
-export { ArrowRight as i, MenuPopover as n, MenuItem as r, DropdownMenuDesktop as t };
+export { MenuPopover as n, MenuItem as r, DropdownMenuDesktop as t };