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

package/dist/components/icon-slot.d.ts

@@ -1,2 +1,2 @@
-import { i as IconSlotProps, n as IconSlot, r as IconSlotIcon, t as iconSlotDefinition } from "../iconSlot.cva-CnpFzAOR.js";
+import { i as IconSlotProps, n as IconSlot, r as IconSlotIcon, t as iconSlotDefinition } from "../iconSlot.cva-BA9NahZH.js";
 export { IconSlot, type IconSlotIcon, type IconSlotProps, iconSlotDefinition };

package/dist/components/input-frame.d.ts

@@ -0,0 +1,93 @@
+import { t as TypographyVariantProps } from "../typography.cva-GpC6QQNx.js";
+import { n as IconButtonProps } from "../IconButton-BM2DUNtN.js";
+import { n as FormFieldProps, r as FormFieldHeaderProps } from "../FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "../input.cva-L7jKDv6q.js";
+import { FC, FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref, SVGProps } from "react";
+//#region src/components/inputs/Skeleton/InputFrame.d.ts
+type InputFrameIcon = FC<SVGProps<SVGSVGElement>> | ReactElement;
+interface InputFrameAction {
+  icon: IconButtonProps["icon"];
+  onClick: () => void;
+  altText: string;
+  className?: string;
+}
+interface InputFrameDataAttributes {
+  dataDisabled?: boolean;
+  dataHasSearch?: boolean;
+  dataHasSelection?: boolean;
+  dataInvalid?: boolean;
+  dataIsDirty?: boolean;
+  dataIsDisabled?: boolean;
+  dataIsEmpty?: boolean;
+  dataIsFilled?: boolean;
+  dataIsRequired?: boolean;
+}
+type InputFrameDataAttributeProps = {
+  "data-disabled"?: boolean;
+  "data-has-search"?: boolean;
+  "data-has-selection"?: boolean;
+  "data-invalid"?: boolean;
+  "data-is-dirty"?: boolean;
+  "data-is-disabled"?: boolean;
+  "data-is-empty"?: boolean;
+  "data-is-filled"?: boolean;
+  "data-is-required"?: boolean;
+};
+type InputFrameChildProps = InputFrameDataAttributeProps & {
+  id: string;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
+  "aria-describedby"?: string;
+  "aria-errormessage"?: string;
+  "aria-invalid"?: boolean;
+};
+type InputFrameChildren = ReactNode | ((childProps: InputFrameChildProps) => ReactNode);
+type InputFrameLabelPlacement = "content-wrapper" | "content-row";
+type InputFrameActionContentPlacement = "content-wrapper" | "content-row";
+type InputFrameContentGroup = "date-picker" | "input" | "select";
+interface InputFrameProps extends InputVariantProps, Partial<FormFieldProps> {
+  ref?: Ref<HTMLDivElement>;
+  children: InputFrameChildren;
+  formFieldRef?: Ref<HTMLDivElement>;
+  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+  onFocusCapture?: FocusEventHandler<HTMLDivElement>;
+  labelProps?: FormFieldHeaderProps["labelProps"];
+  headerProps?: FormFieldHeaderProps;
+  leadingContent?: ReactNode;
+  leadingIcon?: InputFrameIcon;
+  actionContent?: ReactNode;
+  actionContentPlacement?: InputFrameActionContentPlacement;
+  trailingContent?: ReactNode;
+  trailingIcon?: InputFrameIcon;
+  trailingAction?: ReactNode;
+  unit?: string;
+  isLoading?: boolean;
+  action?: InputFrameAction;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  showClear?: boolean;
+  onStaticInteract?: (shouldFocus: boolean, target?: EventTarget | null, fromEnd?: boolean) => void;
+  onStaticPress?: () => void;
+  staticPressTarget?: "frame" | "action";
+  clearClassName?: string;
+  onClear?: () => void;
+  dataAttributes?: InputFrameDataAttributes;
+  typographySize?: TypographyVariantProps["size"];
+  id?: string;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
+  "aria-describedby"?: string;
+  inputClassName?: string;
+  contentClassName?: string;
+  contentWrapperClassName?: string;
+  contentGroup?: InputFrameContentGroup;
+  contentAndTrailingClassName?: string;
+  wrapContentAndTrailing?: boolean;
+  wrapTrailingContent?: boolean;
+  reserveTrailingContent?: boolean;
+  labelPlacement?: InputFrameLabelPlacement;
+  trailingClassName?: string;
+}
+declare const InputFrame: (props: InputFrameProps) => import("react").JSX.Element;
+//#endregion
+export { InputFrame, InputFrameProps };

package/dist/{useStaticInputHandoff-NeZVnci-.js → components/input-frame.js}

@@ -1,26 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.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 { 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, t as FormField } from "./FormField-B99dLt8o.js";
-import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { isValidElement, useId, useLayoutEffect, useRef, useState } from "react";
+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 { 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 { IconButton } from "./icon-button.js";
+import { t as useFieldAccessibility } from "../useFieldAccessibility-eZIMECmG.js";
+import { n as FormFieldLabel, t as FormField } from "../FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "../input.cva-w7ZEVQAM.js";
+import { n as InputClear, t as TooltipWrapper } from "../TooltipWrapper-D7HUZLsP.js";
+import { isValidElement, useId, useLayoutEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useFocusRing as $32daac5f69beb98a$re_export$useFocusRing } from "react-aria/useFocusRing";
-import "react-aria/FocusScope";
-import "react-aria/private/interactions/focusSafely";
-import "react-aria/private/utils/isFocusable";
-import "react-aria/private/interactions/useFocusable";
-import "react-aria/Focusable";
-import { getFocusableTreeWalker as $32daac5f69beb98a$re_export$getFocusableTreeWalker } from "react-aria/private/focus/FocusScope";
-import "react-aria/FocusRing";
-import "react-aria/private/focus/useHasTabbableChild";
-import "react-aria/private/focus/virtualFocus";
-import "react-aria/useFocusable";
 //#region src/components/inputs/Skeleton/InputFrame.tsx
 const InputFrame = (props) => {
 	const ui = UIConfig.useConfig();
@@ -57,7 +47,14 @@ const InputFrame = (props) => {
 		...baseLabelProps,
 		htmlFor: inputId
 	};
+	const accessibility = useFieldAccessibility({
+		error,
+		helperText,
+		describedBy: props["aria-describedby"]
+	});
 	const formFieldProps = {
+		errorMessageId: accessibility.errorMessageId,
+		helperTextId: accessibility.helperTextId,
 		error,
 		label: label ?? "",
 		tooltipText,
@@ -113,7 +110,12 @@ const InputFrame = (props) => {
 					actionContentPlacement === "content-wrapper" && actionContent,
 					typeof children === "function" ? children({
 						...dataAttributeProps,
-						id: inputId
+						id: inputId,
+						"aria-label": props["aria-label"],
+						"aria-labelledby": props["aria-labelledby"],
+						"aria-invalid": error ? true : void 0,
+						"aria-describedby": accessibility.describedBy,
+						"aria-errormessage": accessibility.errorMessageId
 					}) : children
 				]
 			})
@@ -140,7 +142,7 @@ const InputFrame = (props) => {
 			className: "inline-flex",
 			children: /* @__PURE__ */ jsx(Spinner, {})
 		}),
-		!isLoading && action && /* @__PURE__ */ jsx(InlineIconButton, {
+		!isLoading && action && /* @__PURE__ */ jsx(IconButton, {
 			color: "secondary",
 			icon: action.icon,
 			isDisabled,
@@ -152,9 +154,13 @@ const InputFrame = (props) => {
 				action.onClick();
 			},
 			excludeFromTabOrder: true,
-			label: action.altText,
+			label: action.altText || label || "Open picker",
 			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 && renderIconVisual(trailingIcon),
 		trailingAction
@@ -202,6 +208,15 @@ const InputFrame = (props) => {
 			},
 			children: /* @__PURE__ */ jsx("div", {
 				ref,
+				...contentGroup === "date-picker" && {
+					id: inputId,
+					role: "group",
+					"aria-label": props["aria-label"] ?? (props["aria-labelledby"] ? void 0 : label),
+					"aria-labelledby": props["aria-labelledby"],
+					"aria-invalid": error ? true : void 0,
+					"aria-describedby": accessibility.describedBy,
+					"aria-errormessage": accessibility.errorMessageId
+				},
 				...dataAttributeProps,
 				className: clsx("relative flex cursor-text has-disabled:cursor-default", !isInputContentGroup && inputFrameContentGroupClassNames[contentGroup], inputBaseCva({
 					variant,
@@ -267,68 +282,4 @@ const getInputFrameDataAttributeProps = (dataAttributes) => ({
 	"data-has-selection": dataAttributes?.dataHasSelection || void 0
 });
 //#endregion
-//#region src/components/inputs/shared/useStaticInputHandoff.ts
-const useStaticInputHandoff = ({ inputRef, renderInput, setRenderInput, getFocusTarget, getPressTarget }) => {
-	const [shouldFocus, setShouldFocus] = useState(false);
-	const pendingStaticChangeRef = useRef(null);
-	const pendingStaticFocusTargetRef = useRef(null);
-	const focusFromEndRef = useRef(false);
-	const shouldReplayStaticPressRef = useRef(false);
-	useLayoutEffect(() => {
-		if (!renderInput || !shouldFocus) return;
-		const input = inputRef.current;
-		if (!input) return;
-		const pendingValue = pendingStaticChangeRef.current;
-		const focusTarget = getFocusTarget?.(input, pendingStaticFocusTargetRef.current, focusFromEndRef.current) ?? (input instanceof HTMLElement ? getStaticInputFocusTarget(input, focusFromEndRef.current) : input);
-		const replayPress = shouldReplayStaticPressRef.current;
-		pendingStaticChangeRef.current = null;
-		pendingStaticFocusTargetRef.current = null;
-		shouldReplayStaticPressRef.current = false;
-		setShouldFocus(false);
-		if (focusTarget instanceof HTMLInputElement && pendingValue != null) {
-			(Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(focusTarget, pendingValue);
-			focusTarget.dispatchEvent(new Event("input", { bubbles: true }));
-		}
-		focusTarget?.focus();
-		if (replayPress) (getPressTarget?.(input) ?? focusTarget)?.click();
-	}, [
-		getFocusTarget,
-		getPressTarget,
-		inputRef,
-		renderInput,
-		shouldFocus
-	]);
-	return {
-		renderRealInput: (focus, target, fromEnd = false) => {
-			if (!focus && shouldFocus) return;
-			focusFromEndRef.current = fromEnd;
-			pendingStaticFocusTargetRef.current = target ?? null;
-			setShouldFocus(focus);
-			setRenderInput(true);
-		},
-		replayStaticInputChange: (value) => {
-			pendingStaticChangeRef.current = value;
-			setShouldFocus(true);
-			setRenderInput(true);
-		},
-		replayStaticInputPress: () => {
-			shouldReplayStaticPressRef.current = true;
-			setShouldFocus(true);
-			setRenderInput(true);
-		}
-	};
-};
-const getStaticInputFocusTarget = (container, fromEnd = false) => {
-	const walker = $32daac5f69beb98a$re_export$getFocusableTreeWalker(container, { tabbable: true });
-	let target = walker.nextNode();
-	if (fromEnd) {
-		let next = walker.nextNode();
-		while (next) {
-			target = next;
-			next = walker.nextNode();
-		}
-	}
-	return target ?? container;
-};
-//#endregion
-export { InputFrame as i, useStaticInputHandoff as n, $32daac5f69beb98a$re_export$useFocusRing as r, getStaticInputFocusTarget as t };
+export { InputFrame };

package/dist/components/input.d.ts

@@ -1,2 +1,2 @@
-import { i as InputProps, n as Input, r as InputComponent, t as ControlledInputProps } from "../Input-DOanwj3l.js";
-export { ControlledInputProps, Input, InputComponent, InputProps };
+import { i as InputProps, n as InputComponent, r as InputInner, t as Input } from "../Input-BX3sZBEp.js";
+export { Input, InputComponent, type InputInner, type InputProps };

package/dist/components/input.js

@@ -1,242 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.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-BsbLZDtC.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-B99dLt8o.js";
-import { t as inputBaseDefinition } from "../input.cva-DJA8ovm_.js";
-import { t as TooltipWrapper } from "../TooltipWrapper-3jyN0Wss.js";
-import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-ScC6Mtd5.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "../useStaticInputHandoff-NeZVnci-.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,
-		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: "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.error,
-			dataHasSelection: hasValue
-		};
-		return /* @__PURE__ */ jsx(InputFrame, {
-			...props,
-			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: "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 = ({ renderStaticInput, ...props }) => {
-	"use no memo";
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			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
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(InputInner, {
-		...props,
-		renderStaticInput
-	});
-};
-const Input = memo(InputComponent);
-//#endregion
+import { n as InputComponent, t as Input } from "../Input-CG4Irgae.js";
 export { Input, InputComponent };

package/dist/components/link.d.ts

@@ -1,2 +1,2 @@
-import { n as LinkNavigationProps, r as LinkProps, t as Link } from "../Link-Ow9H7kNv.js";
+import { n as LinkNavigationProps, r as LinkProps, t as Link } from "../Link-Bw2m9W4B.js";
 export { Link, type LinkNavigationProps, type LinkProps };

package/dist/components/link.js

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "../Link-FupWOW1f.js";
+import { t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "../Link-Chux-Clm.js";
 import { t as LinkContext } from "../link.context-J7aQtMOr.js";
-import { t as linkDefinition } from "../link.cva-DMTHZiJG.js";
+import { t as linkDefinition } from "../link.cva-D3XRgcAv.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Link/Link.tsx

package/dist/components/menu-trigger/react-aria.js

@@ -1 +1 @@
-import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useContext as a,useMemo as o,useRef as s}from"react";import{useLayoutEffect as c}from"react-aria/private/utils/useLayoutEffect";import"react-aria/useObjectRef";import{createLeafComponent as l}from"react-aria/CollectionBuilder";import{filterDOMProps as u}from"react-aria/filterDOMProps";import"react-aria/useHover";import"react-aria/Collection";import{CollectionNode as d,LoaderNode as f}from"react-aria/private/collections/BaseCollection";import{useIsHidden as p}from"react-aria/private/collections/Hidden";import"react-aria/useId";import"react-aria/I18nProvider";import"react-aria/FocusScope";import{inertValue as m}from"react-aria/private/utils/inertValue";import{useLoadMoreSentinel as h}from"react-aria/private/utils/useLoadMoreSentinel";import"react-aria/usePopover";import"react-aria/Overlay";import"react-aria/private/interactions/focusSafely";import"react-aria/private/interactions/useFocusVisible";import"react-aria/private/utils/shadowdom/DOMFunctions";import"react-stately/useOverlayTriggerState";import"react-aria/private/utils/animation";import"react-aria/private/utils/useResizeObserver";import{useMenuTrigger as g}from"react-aria/useMenu";import{useMenuTriggerState as _}from"react-stately/useMenuTriggerState";import{PressResponder as v}from"react-aria/private/interactions/PressResponder";import"react-stately/private/selection/SelectionManager";import"react-stately/useTreeState";import"react-stately/useMultipleSelectionState";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";function y({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function b(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:s,values:c,render:l}=e;return o(()=>{let e,o,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,o=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:o||s?{...s,...o}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,s,c,l])}function x(e,r,i){let{render:a,...l}=r,u=s(null),d=o(()=>t(i,u),[i,u]);c(()=>{},[e,a]);let f={...l,ref:d};return a?a(f,void 0):n.createElement(e,f)}const S={},C=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=S[t];return n||(n=i(x.bind(null,t)),S[t]=n),n}}),w=r(null),T=r(null),E=r(null),D=r(null);function O(e){let t=_(e),r=s(null),{menuTriggerProps:i,menuProps:a}=g({...e,type:`menu`},t,r),o=s(null);return p()?null:n.createElement(y,{values:[[T,{...a,ref:o}],[k,t],[D,t],[w,{trigger:`MenuTrigger`,triggerRef:r,scrollRef:o,placement:`bottom start`,"aria-labelledby":a[`aria-labelledby`],offset:e.trigger===`contextMenu`?0:void 0}]]},n.createElement(v,{...i,ref:r,isPressed:t.isOpen},e.children))}(class extends d{static{this.type=`submenutrigger`}filter(e,t,n){let r=e.getItem(this.firstChildKey);if(r&&n(r.textValue,this)){let n=this.clone();return t.addDescendants(n,e),n}return null}}),l(f,function(t,r,i){let c=a(E),{isLoading:l,onLoadMore:d,scrollOffset:f,...p}=t,g=s(null),_=o(()=>({onLoadMore:d,collection:c?.collection,sentinelRef:g,scrollOffset:f}),[d,f,c?.collection]);h(_,g);let v=b({...p,id:void 0,children:i.rendered,defaultClassName:`react-aria-MenuLoadingIndicator`,values:void 0});return n.createElement(n.Fragment,null,n.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:m(!0)},n.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:g,style:{position:`absolute`,height:1,width:1}})),l&&v.children&&n.createElement(n.Fragment,null,n.createElement(C.div,{...e(u(t,{global:!0}),{tabIndex:-1}),...v,role:`menuitem`,ref:r},v.children)))});const k=r(null);export{O as MenuTrigger};
+import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useContext as a,useMemo as o,useRef as s}from"react";import{useLayoutEffect as c}from"react-aria/private/utils/useLayoutEffect";import"react-aria/useObjectRef";import{createLeafComponent as l}from"react-aria/CollectionBuilder";import{filterDOMProps as u}from"react-aria/filterDOMProps";import"react-aria/useHover";import"react-aria/Collection";import{CollectionNode as d,LoaderNode as f}from"react-aria/private/collections/BaseCollection";import{useIsHidden as p}from"react-aria/private/collections/Hidden";import"react-aria/useId";import"react-aria/I18nProvider";import"react-aria/FocusScope";import{inertValue as m}from"react-aria/private/utils/inertValue";import{useLoadMoreSentinel as h}from"react-aria/private/utils/useLoadMoreSentinel";import"react-aria/usePopover";import"react-aria/Overlay";import"react-aria/private/interactions/focusSafely";import"react-aria/private/interactions/useFocusVisible";import"react-aria/private/utils/shadowdom/DOMFunctions";import"react-stately/useOverlayTriggerState";import"react-aria/private/utils/runAfterKeyboard";import"react-aria/private/utils/animation";import"react-aria/private/utils/useResizeObserver";import{useMenuTrigger as g}from"react-aria/useMenu";import{useMenuTriggerState as _}from"react-stately/useMenuTriggerState";import{PressResponder as v}from"react-aria/private/interactions/PressResponder";import"react-stately/private/selection/SelectionManager";import"react-stately/useTreeState";import"react-stately/useMultipleSelectionState";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";function y({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function b(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:s,values:c,render:l}=e;return o(()=>{let e,o,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,o=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:o||s?{...s,...o}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,s,c,l])}function x(e,r,i){let{render:a,...l}=r,u=s(null),d=o(()=>t(i,u),[i,u]);c(()=>{},[e,a]);let f={...l,ref:d};return a?a(f,void 0):n.createElement(e,f)}const S={},C=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=S[t];return n||(n=i(x.bind(null,t)),S[t]=n),n}}),w=r(null),T=r(null),E=r(null),D=r(null);function O(e){let t=_(e),r=s(null),{menuTriggerProps:i,menuProps:a}=g({...e,type:`menu`},t,r),o=s(null);return p()?null:n.createElement(y,{values:[[T,{...a,ref:o}],[k,t],[D,t],[w,{trigger:`MenuTrigger`,triggerRef:r,scrollRef:o,placement:`bottom start`,"aria-labelledby":a[`aria-labelledby`],offset:e.trigger===`contextMenu`?0:void 0}]]},n.createElement(v,{...i,ref:r,isPressed:t.isOpen},e.children))}(class extends d{static{this.type=`submenutrigger`}filter(e,t,n){let r=e.getItem(this.firstChildKey);if(r&&n(r.textValue,this)){let n=this.clone();return t.addDescendants(n,e),n}return null}}),l(f,function(t,r,i){let c=a(E),{isLoading:l,onLoadMore:d,scrollOffset:f,...p}=t,g=s(null),_=o(()=>({onLoadMore:d,collection:c?.collection,sentinelRef:g,scrollOffset:f}),[d,f,c?.collection]);h(_,g);let v=b({...p,id:void 0,children:i.rendered,defaultClassName:`react-aria-MenuLoadingIndicator`,values:void 0});return n.createElement(n.Fragment,null,n.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:m(!0)},n.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:g,style:{position:`absolute`,height:1,width:1}})),l&&v.children&&n.createElement(n.Fragment,null,n.createElement(C.div,{...e(u(t,{global:!0}),{tabIndex:-1}),...v,role:`menuitem`,ref:r},v.children)))});const k=r(null);export{O as MenuTrigger};

package/dist/components/modal/react-aria.js

@@ -1 +1 @@
-import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useContext as a,useMemo as o,useRef as s}from"react";import{useLayoutEffect as c}from"react-aria/private/utils/useLayoutEffect";import{useObjectRef as l}from"react-aria/useObjectRef";import{filterDOMProps as u}from"react-aria/filterDOMProps";import"react-aria/private/collections/Hidden";import"react-aria/useId";import{DismissButton as d,Overlay as f}from"react-aria/Overlay";import{useOverlayTriggerState as p}from"react-stately/useOverlayTriggerState";import{useEnterAnimation as m,useExitAnimation as h}from"react-aria/private/utils/animation";import"react-stately/useMenuTriggerState";import"react-aria/private/interactions/PressResponder";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";import{useModalOverlay as g}from"react-aria/useModalOverlay";import{isScrollable as _}from"react-aria/private/utils/isScrollable";import{useIsSSR as v}from"react-aria/SSRProvider";import{useViewportSize as y}from"react-aria/private/utils/useViewportSize";const b=Symbol(`default`);function x({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function S(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:s,values:c,render:l}=e;return o(()=>{let e,o,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,o=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:o||s?{...s,...o}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,s,c,l])}function C(e,t){let n=a(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||b;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function w(n,r,i){let{ref:a,...s}=C(i,n.slot)||{},c=l(o(()=>t(r,a),[r,a])),u=e(s,n);return`style`in s&&s.style&&`style`in n&&n.style&&(u.style=typeof s.style==`function`||typeof n.style==`function`?e=>{let t=typeof s.style==`function`?s.style(e):s.style,r={...e.defaultStyle,...t},i=typeof n.style==`function`?n.style({...e,defaultStyle:r}):n.style;return{...r,...i}}:{...s.style,...n.style}),[u,c]}function T(e,r,i){let{render:a,...l}=r,u=s(null),d=o(()=>t(i,u),[i,u]);c(()=>{},[e,a]);let f={...l,ref:d};return a?a(f,void 0):n.createElement(e,f)}const E={},D=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=E[t];return n||(n=i(T.bind(null,t)),E[t]=n),n}}),O=r(null),k=r(null),A=r(null),j=i(function(e,t){if(a(A))return n.createElement(F,{...e,modalRef:t},e.children);let{isDismissable:r,isKeyboardDismissDisabled:i,isOpen:o,defaultOpen:s,onOpenChange:c,children:l,isEntering:u,isExiting:d,UNSTABLE_portalContainer:f,shouldCloseOnInteractOutside:p,...m}=e;return n.createElement(N,{isDismissable:r,isKeyboardDismissDisabled:i,isOpen:o,defaultOpen:s,onOpenChange:c,isEntering:u,isExiting:d,UNSTABLE_portalContainer:f,shouldCloseOnInteractOutside:p},n.createElement(F,{...m,modalRef:t},l))});function M(e,t){[e,t]=w(e,t,k);let r=a(O),i=p(e),o=e.isOpen!=null||e.defaultOpen!=null||!r?i:r,c=l(t),u=s(null),d=h(c,o.isOpen),f=h(u,o.isOpen),m=d||f||e.isExiting||!1,g=v();return!o.isOpen&&!m||g?null:n.createElement(P,{...e,state:o,isExiting:m,overlayRef:c,modalRef:u})}const N=i(M);function P({UNSTABLE_portalContainer:t,...r}){let i=r.modalRef,{state:a}=r,{modalProps:o,underlayProps:s}=g(r,a,i),c=m(r.overlayRef)||r.isEntering||!1,l=S({...r,defaultClassName:`react-aria-ModalOverlay`,values:{isEntering:c,isExiting:r.isExiting,state:a}}),d=y(),p,h;if(typeof document<`u`){let e=_(document.body)?document.body:document.scrollingElement||document.documentElement,t=e.getBoundingClientRect().width%1,n=e.getBoundingClientRect().height%1;p=e.scrollWidth-t,h=e.scrollHeight-n}let v={...l.style,"--visual-viewport-width":d.width+`px`,"--visual-viewport-height":d.height+`px`,"--page-width":p===void 0?void 0:p+`px`,"--page-height":h===void 0?void 0:h+`px`};return n.createElement(f,{isExiting:r.isExiting,portalContainer:t},n.createElement(D.div,{...e(u(r,{global:!0}),s),...l,style:v,ref:r.overlayRef,"data-entering":c||void 0,"data-exiting":r.isExiting||void 0},n.createElement(x,{values:[[A,{modalProps:o,modalRef:i,isExiting:r.isExiting,isDismissable:r.isDismissable}],[O,a]]},l.children)))}function F(r){let{modalProps:i,modalRef:s,isExiting:c,isDismissable:f}=a(A),p=a(O),h=o(()=>t(r.modalRef,s),[r.modalRef,s]),g=l(h),_=m(g),v=S({...r,defaultClassName:`react-aria-Modal`,values:{isEntering:_,isExiting:c,state:p}});return n.createElement(D.div,{...e(u(r,{global:!0}),i),...v,ref:g,"data-entering":_||void 0,"data-exiting":c||void 0},f&&n.createElement(d,{onDismiss:p.close}),v.children)}export{j as Modal};
+import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useContext as a,useMemo as o,useRef as s,useState as c}from"react";import{useLayoutEffect as l}from"react-aria/private/utils/useLayoutEffect";import{useObjectRef as u}from"react-aria/useObjectRef";import{filterDOMProps as d}from"react-aria/filterDOMProps";import"react-aria/private/collections/Hidden";import"react-aria/useId";import{DismissButton as f,Overlay as p}from"react-aria/Overlay";import{useOverlayTriggerState as m}from"react-stately/useOverlayTriggerState";import{runAfterKeyboard as h}from"react-aria/private/utils/runAfterKeyboard";import{useEnterAnimation as g,useExitAnimation as _}from"react-aria/private/utils/animation";import"react-stately/useMenuTriggerState";import"react-aria/private/interactions/PressResponder";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";import{useModalOverlay as v}from"react-aria/useModalOverlay";import{isScrollable as y}from"react-aria/private/utils/isScrollable";import{useIsSSR as b}from"react-aria/SSRProvider";import{useViewportSize as x}from"react-aria/private/utils/useViewportSize";const S=Symbol(`default`);function C({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function w(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:s,values:c,render:l}=e;return o(()=>{let e,o,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,o=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:o||s?{...s,...o}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,s,c,l])}function T(e,t){let n=a(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||S;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function E(n,r,i){let{ref:a,...s}=T(i,n.slot)||{},c=u(o(()=>t(r,a),[r,a])),l=e(s,n);return`style`in s&&s.style&&`style`in n&&n.style&&(l.style=typeof s.style==`function`||typeof n.style==`function`?e=>{let t=typeof s.style==`function`?s.style(e):s.style,r={...e.defaultStyle,...t},i=typeof n.style==`function`?n.style({...e,defaultStyle:r}):n.style;return{...r,...i}}:{...s.style,...n.style}),[l,c]}function D(e,r,i){let{render:a,...c}=r,u=s(null),d=o(()=>t(i,u),[i,u]);l(()=>{},[e,a]);let f={...c,ref:d};return a?a(f,void 0):n.createElement(e,f)}const O={},k=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=O[t];return n||(n=i(D.bind(null,t)),O[t]=n),n}}),A=r(null),j=r(null),M=r(null),N=r(null),P=i(function(e,t){if(a(N))return n.createElement(z,{...e,modalRef:t},e.children);let{isDismissable:r,isKeyboardDismissDisabled:i,isOpen:o,defaultOpen:s,onOpenChange:c,children:l,isEntering:u,isExiting:d,UNSTABLE_portalContainer:f,shouldCloseOnInteractOutside:p,...m}=e;return n.createElement(I,{isDismissable:r,isKeyboardDismissDisabled:i,isOpen:o,defaultOpen:s,onOpenChange:c,isEntering:u,isExiting:d,UNSTABLE_portalContainer:f,shouldCloseOnInteractOutside:p},n.createElement(z,{...m,modalRef:t},l))});function F(e,t){[e,t]=E(e,t,M);let r=a(j),i=m(e),o=e.isOpen!=null||e.defaultOpen!=null||!r?i:r,c=u(t),l=s(null),d=_(c,o.isOpen,e.onExit),f=s(null),p=_(l,o.isOpen,e=>f.current?.(e)),h=d||p||e.isExiting||!1,g=b();return!o.isOpen&&!h||g?null:n.createElement(L,{...e,state:o,isExiting:h,overlayRef:c,modalRef:l,onExitRef:f})}const I=i(F);function L({UNSTABLE_portalContainer:t,UNSTABLE_deferUntilEntered:r,...i}){let o=i.modalRef,{state:s}=i,[u,f]=c(!1),m=g(i.overlayRef,u,i.onEnter)||i.isEntering||!1,_=!!r&&(!u||m),{modalProps:b,underlayProps:S}=v({...i,isEntering:_},s,o),T=a(A),E=r?R(T,{isEntering:_}):T,D=w({...i,defaultClassName:`react-aria-ModalOverlay`,values:{isEntering:m,isExiting:i.isExiting,state:s}}),O=x(),M,P;if(typeof document<`u`){let e=y(document.body)?document.body:document.scrollingElement||document.documentElement,t=e.getBoundingClientRect().width%1,n=e.getBoundingClientRect().height%1;M=e.scrollWidth-t,P=e.scrollHeight-n}let F={...D.style,"--visual-viewport-width":O.width+`px`,"--visual-viewport-height":O.height+`px`,"--page-width":M===void 0?void 0:M+`px`,"--page-height":P===void 0?void 0:P+`px`};return l(()=>h(()=>f(!0)),[]),n.createElement(p,{isExiting:i.isExiting,portalContainer:t},n.createElement(k.div,{...e(d(i,{global:!0}),S),...D,style:F,ref:i.overlayRef,"data-entering":m||void 0,"data-exiting":i.isExiting||void 0},n.createElement(C,{values:[[N,{modalProps:b,modalRef:o,isExiting:i.isExiting,onExitRef:i.onExitRef,isOpen:u,isDismissable:i.isDismissable}],[j,s],[A,E]]},D.children)))}function R(e,t){if(e&&`slots`in e&&e.slots){let n={};for(let r in e.slots)n[r]={...e.slots[r],...t};return{...e,slots:n}}return{...e,...t}}function z(r){let{modalProps:i,modalRef:s,isExiting:c,onExitRef:p,isDismissable:m,isOpen:h}=a(N),_=a(j),v=o(()=>t(r.modalRef,s),[r.modalRef,s]),y=u(v),b=g(y,h,r.onEnter),x=w({...r,defaultClassName:`react-aria-Modal`,values:{isEntering:b,isExiting:c,state:_}});return l(()=>{p&&(p.current=r.onExit)}),n.createElement(k.div,{...e(d(r,{global:!0}),i),...x,ref:y,"data-entering":b||void 0,"data-exiting":c||void 0},m&&n.createElement(f,{onDismiss:_.close}),x.children)}export{P as Modal};

package/dist/components/modal-overlay/react-aria.js

@@ -1 +1 @@
-import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useContext as a,useMemo as o,useRef as s}from"react";import{useLayoutEffect as c}from"react-aria/private/utils/useLayoutEffect";import{useObjectRef as l}from"react-aria/useObjectRef";import{filterDOMProps as u}from"react-aria/filterDOMProps";import"react-aria/private/collections/Hidden";import"react-aria/useId";import{Overlay as d}from"react-aria/Overlay";import{useOverlayTriggerState as f}from"react-stately/useOverlayTriggerState";import{useEnterAnimation as p,useExitAnimation as m}from"react-aria/private/utils/animation";import"react-stately/useMenuTriggerState";import"react-aria/private/interactions/PressResponder";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";import{useModalOverlay as h}from"react-aria/useModalOverlay";import{isScrollable as g}from"react-aria/private/utils/isScrollable";import{useIsSSR as _}from"react-aria/SSRProvider";import{useViewportSize as v}from"react-aria/private/utils/useViewportSize";const y=Symbol(`default`);function b({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function x(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:s,values:c,render:l}=e;return o(()=>{let e,o,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,o=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:o||s?{...s,...o}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,s,c,l])}function S(e,t){let n=a(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||y;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function C(n,r,i){let{ref:a,...s}=S(i,n.slot)||{},c=l(o(()=>t(r,a),[r,a])),u=e(s,n);return`style`in s&&s.style&&`style`in n&&n.style&&(u.style=typeof s.style==`function`||typeof n.style==`function`?e=>{let t=typeof s.style==`function`?s.style(e):s.style,r={...e.defaultStyle,...t},i=typeof n.style==`function`?n.style({...e,defaultStyle:r}):n.style;return{...r,...i}}:{...s.style,...n.style}),[u,c]}function w(e,r,i){let{render:a,...l}=r,u=s(null),d=o(()=>t(i,u),[i,u]);c(()=>{},[e,a]);let f={...l,ref:d};return a?a(f,void 0):n.createElement(e,f)}const T={},E=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=T[t];return n||(n=i(w.bind(null,t)),T[t]=n),n}}),D=r(null),O=r(null),k=r(null);function A(e,t){[e,t]=C(e,t,O);let r=a(D),i=f(e),o=e.isOpen!=null||e.defaultOpen!=null||!r?i:r,c=l(t),u=s(null),d=m(c,o.isOpen),p=m(u,o.isOpen),h=d||p||e.isExiting||!1,g=_();return!o.isOpen&&!h||g?null:n.createElement(M,{...e,state:o,isExiting:h,overlayRef:c,modalRef:u})}const j=i(A);function M({UNSTABLE_portalContainer:t,...r}){let i=r.modalRef,{state:a}=r,{modalProps:o,underlayProps:s}=h(r,a,i),c=p(r.overlayRef)||r.isEntering||!1,l=x({...r,defaultClassName:`react-aria-ModalOverlay`,values:{isEntering:c,isExiting:r.isExiting,state:a}}),f=v(),m,_;if(typeof document<`u`){let e=g(document.body)?document.body:document.scrollingElement||document.documentElement,t=e.getBoundingClientRect().width%1,n=e.getBoundingClientRect().height%1;m=e.scrollWidth-t,_=e.scrollHeight-n}let y={...l.style,"--visual-viewport-width":f.width+`px`,"--visual-viewport-height":f.height+`px`,"--page-width":m===void 0?void 0:m+`px`,"--page-height":_===void 0?void 0:_+`px`};return n.createElement(d,{isExiting:r.isExiting,portalContainer:t},n.createElement(E.div,{...e(u(r,{global:!0}),s),...l,style:y,ref:r.overlayRef,"data-entering":c||void 0,"data-exiting":r.isExiting||void 0},n.createElement(b,{values:[[k,{modalProps:o,modalRef:i,isExiting:r.isExiting,isDismissable:r.isDismissable}],[D,a]]},l.children)))}export{j as ModalOverlay};
+import{mergeProps as e}from"react-aria/mergeProps";import{mergeRefs as t}from"react-aria/mergeRefs";import n,{createContext as r,forwardRef as i,useContext as a,useMemo as o,useRef as s,useState as c}from"react";import{useLayoutEffect as l}from"react-aria/private/utils/useLayoutEffect";import{useObjectRef as u}from"react-aria/useObjectRef";import{filterDOMProps as d}from"react-aria/filterDOMProps";import"react-aria/private/collections/Hidden";import"react-aria/useId";import{Overlay as f}from"react-aria/Overlay";import{useOverlayTriggerState as p}from"react-stately/useOverlayTriggerState";import{runAfterKeyboard as m}from"react-aria/private/utils/runAfterKeyboard";import{useEnterAnimation as h,useExitAnimation as g}from"react-aria/private/utils/animation";import"react-stately/useMenuTriggerState";import"react-aria/private/interactions/PressResponder";import"react-aria/useDialog";import"react-aria/useOverlayTrigger";import{useModalOverlay as _}from"react-aria/useModalOverlay";import{isScrollable as v}from"react-aria/private/utils/isScrollable";import{useIsSSR as y}from"react-aria/SSRProvider";import{useViewportSize as b}from"react-aria/private/utils/useViewportSize";const x=Symbol(`default`);function S({values:e,children:t}){for(let[r,i]of e)t=n.createElement(r.Provider,{value:i},t);return t}function C(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:s,values:c,render:l}=e;return o(()=>{let e,o,u;return e=typeof t==`function`?t({...c,defaultClassName:i}):t,o=typeof n==`function`?n({...c,defaultStyle:s||{}}):n,u=typeof r==`function`?r({...c,defaultChildren:a}):r??a,{className:e??i,style:o||s?{...s,...o}:void 0,children:u??a,"data-rac":``,render:l?e=>l(e,c):void 0}},[t,n,r,i,a,s,c,l])}function w(e,t){let n=a(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||x;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function T(n,r,i){let{ref:a,...s}=w(i,n.slot)||{},c=u(o(()=>t(r,a),[r,a])),l=e(s,n);return`style`in s&&s.style&&`style`in n&&n.style&&(l.style=typeof s.style==`function`||typeof n.style==`function`?e=>{let t=typeof s.style==`function`?s.style(e):s.style,r={...e.defaultStyle,...t},i=typeof n.style==`function`?n.style({...e,defaultStyle:r}):n.style;return{...r,...i}}:{...s.style,...n.style}),[l,c]}function E(e,r,i){let{render:a,...c}=r,u=s(null),d=o(()=>t(i,u),[i,u]);l(()=>{},[e,a]);let f={...c,ref:d};return a?a(f,void 0):n.createElement(e,f)}const D={},O=new Proxy({},{get(e,t){if(typeof t!=`string`)return;let n=D[t];return n||(n=i(E.bind(null,t)),D[t]=n),n}}),k=r(null),A=r(null),j=r(null),M=r(null);function N(e,t){[e,t]=T(e,t,j);let r=a(A),i=p(e),o=e.isOpen!=null||e.defaultOpen!=null||!r?i:r,c=u(t),l=s(null),d=g(c,o.isOpen,e.onExit),f=s(null),m=g(l,o.isOpen,e=>f.current?.(e)),h=d||m||e.isExiting||!1,_=y();return!o.isOpen&&!h||_?null:n.createElement(F,{...e,state:o,isExiting:h,overlayRef:c,modalRef:l,onExitRef:f})}const P=i(N);function F({UNSTABLE_portalContainer:t,UNSTABLE_deferUntilEntered:r,...i}){let o=i.modalRef,{state:s}=i,[u,p]=c(!1),g=h(i.overlayRef,u,i.onEnter)||i.isEntering||!1,y=!!r&&(!u||g),{modalProps:x,underlayProps:w}=_({...i,isEntering:y},s,o),T=a(k),E=r?I(T,{isEntering:y}):T,D=C({...i,defaultClassName:`react-aria-ModalOverlay`,values:{isEntering:g,isExiting:i.isExiting,state:s}}),j=b(),N,P;if(typeof document<`u`){let e=v(document.body)?document.body:document.scrollingElement||document.documentElement,t=e.getBoundingClientRect().width%1,n=e.getBoundingClientRect().height%1;N=e.scrollWidth-t,P=e.scrollHeight-n}let F={...D.style,"--visual-viewport-width":j.width+`px`,"--visual-viewport-height":j.height+`px`,"--page-width":N===void 0?void 0:N+`px`,"--page-height":P===void 0?void 0:P+`px`};return l(()=>m(()=>p(!0)),[]),n.createElement(f,{isExiting:i.isExiting,portalContainer:t},n.createElement(O.div,{...e(d(i,{global:!0}),w),...D,style:F,ref:i.overlayRef,"data-entering":g||void 0,"data-exiting":i.isExiting||void 0},n.createElement(S,{values:[[M,{modalProps:x,modalRef:o,isExiting:i.isExiting,onExitRef:i.onExitRef,isOpen:u,isDismissable:i.isDismissable}],[A,s],[k,E]]},D.children)))}function I(e,t){if(e&&`slots`in e&&e.slots){let n={};for(let r in e.slots)n[r]={...e.slots[r],...t};return{...e,slots:n}}return{...e,...t}}export{P as ModalOverlay};

package/dist/components/number-field.d.ts

@@ -1,2 +1,2 @@
-import { i as NumberFieldProps, n as NumberField, r as NumberFieldComponent, t as ControlledNumberFieldProps } from "../NumberField-Cb9Gf6QJ.js";
-export { ControlledNumberFieldProps, NumberField, NumberFieldComponent, NumberFieldProps };
+import { i as NumberFieldProps, n as NumberFieldComponent, r as NumberFieldInner, t as NumberField } from "../NumberField-qjvHhCfN.js";
+export { NumberField, NumberFieldComponent, type NumberFieldInner, type NumberFieldProps };