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

package/dist/NumberField-CxwTlqud.js

@@ -0,0 +1,225 @@
+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 { a as $a3be900807531178$re_export$useLocale } from "./exports-BNrTn8Tj.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 $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BIyZuILs.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.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, useCallback, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useNumberField } from "react-aria";
+import { useFocusVisible } from "@react-aria/interactions";
+//#region src/components/inputs/Input/NumberField/NumberField.tsx
+const NumberFieldBase = (props) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const hasControlledValue = "value" in props;
+	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, formatOptions: formatOptionsProp, variant: variantProp, as: asProp, layout: layoutProp, size: sizeProp, hideLabel: hideLabelProp, isClearable: isClearableProp, isClearableIfDisabled, autoFocusOnMount, ...rest } = props;
+	const formatOptions = formatOptionsProp ?? ui.numberField.formatOptions;
+	const variant = variantProp ?? ui.input.variant;
+	const as = layoutProp ?? asProp ?? ui.input.as;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const resolvedIsRequired = isRequired ?? required;
+	const resolvedError = errorMessage ?? error;
+	const size = sizeProp ?? ui.input.size;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const isClearable = isClearableProp ?? ui.input.isClearable;
+	const numberFieldRef = useRef(null);
+	const { isFocusVisible } = useFocusVisible();
+	const { locale } = $a3be900807531178$re_export$useLocale();
+	const numberProps = {
+		...rest,
+		value: hasControlledValue ? value ?? NaN : void 0,
+		label,
+		isDisabled: resolvedIsDisabled,
+		isInvalid: !!resolvedError,
+		isRequired: resolvedIsRequired,
+		onChange: (nextValue) => onChange?.(Number.isNaN(nextValue) ? null : nextValue),
+		onBlur: (e) => onBlur?.(e),
+		locale,
+		formatOptions
+	};
+	const state = $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c(numberProps);
+	const { labelProps, inputProps } = useNumberField(numberProps, state, numberFieldRef);
+	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 handleInputBlur = useCallback((e) => {
+		const target = numberFieldRef.current ?? e?.target;
+		onBlur?.({
+			...e,
+			target
+		});
+	}, [onBlur]);
+	const inputContentProps = {
+		unit,
+		isLoading,
+		isDisabled: resolvedIsDisabled,
+		action,
+		leadingIcon,
+		trailingIcon,
+		isClearable,
+		isClearableIfDisabled,
+		onChange: (nextValue) => {
+			if (nextValue === "") state.setInputValue("");
+			onChange?.(nextValue === "" ? null : Number(nextValue));
+		},
+		value: state.inputValue,
+		onBlur: handleInputBlur
+	};
+	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", className),
+			tabIndex: as === "inline" ? -1 : 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 === 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, numberFieldRef),
+						"data-is-dirty": isDirty || void 0,
+						"data-is-required": resolvedIsRequired || void 0,
+						"data-is-empty": state.inputValue === "" || state.inputValue === void 0 || state.inputValue === null || void 0,
+						"data-is-filled": !("" + value === "" || value === null || value === void 0) || 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 NumberFieldInner = ({ renderStaticInput, isFormControlDisabled, ...props }) => {
+	"use no memo";
+	const ui = UIConfig.useConfig();
+	const { locale } = $a3be900807531178$re_export$useLocale();
+	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
+	const inputRef = useRef(null);
+	const { renderRealInput, replayStaticInputChange } = useStaticInputHandoff({
+		inputRef,
+		renderInput,
+		setRenderInput
+	});
+	if (!renderInput) {
+		const staticValue = props.value ?? props.defaultValue;
+		const formatOptions = props.formatOptions ?? ui.numberField.formatOptions;
+		const displayValue = getStaticNumberDisplayValue(staticValue, IntlUtils.getNumberFormatter(locale, formatOptions)) ?? "";
+		const hasValue = displayValue !== "";
+		const as = props.as ?? ui.input.as;
+		let isDisabled = !!props.isDisabled;
+		if (isFormControlDisabled) isDisabled = true;
+		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,
+			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", {
+				type: "text",
+				ref: inputRef,
+				disabled: isDisabled,
+				inputMode: "numeric",
+				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(NumberFieldBase, {
+		...props,
+		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, inputRef)
+	});
+};
+/** @internal Exported for production render benchmarks. */
+const NumberFieldComponent = (props) => /* @__PURE__ */ jsx(NumberFieldInner, { ...props });
+const NumberField = memo(NumberFieldComponent);
+//#endregion
+export { NumberFieldComponent as n, NumberFieldInner as r, NumberField as t };

package/dist/{NumberField-Cb9Gf6QJ.d.ts → NumberField-qjvHhCfN.d.ts}

@@ -1,8 +1,6 @@
-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 { t as InputContentProps } from "./InputContent-CXuP1ghQ.js";
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { t as InputContentProps } from "./InputContent-DDFr0kml.js";
 import { FocusEvent, Ref } from "react";
 import { NumberFieldProps } from "react-aria-components";
 //#region src/components/inputs/Input/NumberField/NumberField.d.ts
@@ -20,11 +18,17 @@ interface NumberFieldBaseProps extends FormFieldProps, InputVariantProps, Omit<I
   errorMessage?: string;
 }
 type NumberFieldProps$1 = NumberFieldBaseProps & {
+  field?: never;
   renderStaticInput?: boolean;
 };
-type ControlledNumberFieldProps<TFieldValues extends FieldValues> = ControlProps<NumberFieldProps$1, TFieldValues>;
+type NumberFieldInnerProps = NumberFieldProps$1 & {
+  isFormControlDisabled?: boolean;
+};
+declare const NumberFieldInner: ({ renderStaticInput, isFormControlDisabled, ...props }: NumberFieldInnerProps) => import("react").JSX.Element;
 /** @internal Exported for production render benchmarks. */
-declare const NumberFieldComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberFieldProps<TFieldValues>) => import("react").JSX.Element;
-declare const NumberField: typeof NumberFieldComponent;
+declare const NumberFieldComponent: (props: NumberFieldProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const NumberField: import("react").MemoExoticComponent<typeof NumberFieldComponent>;
 //#endregion
-export { NumberFieldProps$1 as i, NumberField as n, NumberFieldComponent as r, ControlledNumberFieldProps as t };
+export { NumberFieldProps$1 as i, NumberFieldComponent as n, NumberFieldInner as r, NumberField as t };

package/dist/NumberField.bound-DXPGF5YK.d.ts

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

package/dist/NumberField.bound-zySl-v_q.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 { r as NumberFieldInner } from "./NumberField-CxwTlqud.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/NumberField/NumberField.bound.tsx
+const NumberFieldComponent = ({ renderStaticInput, ...props }) => {
+	"use no memo";
+	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(NumberFieldInner, {
+			...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: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const NumberField = memo(NumberFieldComponent);
+//#endregion
+export { NumberFieldComponent as n, NumberField as t };

package/dist/{NumberFormatter-CLDS_LRZ.js → NumberFormatter-DYarfm5F.js}

@@ -1,5 +1,5 @@
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/form/useFormValidationState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/form/useFormValidationState.mjs
 const $fd2148440a13ec26$export$aca958c65c314e6c = {
 	badInput: false,
 	customError: false,
@@ -138,25 +138,12 @@ function $fd2148440a13ec26$export$75ee7c75d68f5b0e(...results) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.bun/@internationalized+number@3.6.8/node_modules/@internationalized/number/dist/private/NumberFormatter.mjs
+//#region ../../node_modules/.bun/@internationalized+number@3.6.9/node_modules/@internationalized/number/dist/private/NumberFormatter.mjs
 let $1dfb119a85e764e5$var$formatterCache = /* @__PURE__ */ new Map();
 let $1dfb119a85e764e5$var$supportsSignDisplay = false;
 try {
 	$1dfb119a85e764e5$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", { signDisplay: "exceptZero" }).resolvedOptions().signDisplay === "exceptZero";
 } catch {}
-let $1dfb119a85e764e5$var$supportsUnit = false;
-try {
-	$1dfb119a85e764e5$var$supportsUnit = new Intl.NumberFormat("de-DE", {
-		style: "unit",
-		unit: "degree"
-	}).resolvedOptions().style === "unit";
-} catch {}
-const $1dfb119a85e764e5$var$UNITS = { degree: { narrow: {
-	default: "°",
-	"ja-JP": " 度",
-	"zh-TW": "度",
-	"sl-SI": " °"
-} } };
 var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
 	constructor(locale, options = {}) {
 		this.numberFormatter = $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options);
@@ -169,12 +156,6 @@ var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
 		let res = "";
 		if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) res = $1dfb119a85e764e5$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
 		else res = this.numberFormatter.format(value);
-		if (this.options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
-			let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
-			if (!unit) return res;
-			let values = $1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay];
-			res += values[locale] || values.default;
-		}
 		return res;
 	}
 	/** Formats a number to an array of parts such as separators, digits, punctuation, and more. */ formatToParts(value) {
@@ -212,12 +193,6 @@ var $1dfb119a85e764e5$export$cc77c4ff7e8673c5 = class {
 			...options,
 			signDisplay: this.options.signDisplay
 		};
-		if (!$1dfb119a85e764e5$var$supportsUnit && this.options.style === "unit") options = {
-			...options,
-			style: "unit",
-			unit: this.options.unit,
-			unitDisplay: this.options.unitDisplay
-		};
 		return options;
 	}
 };
@@ -227,15 +202,6 @@ function $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options = {}) {
 		if (!locale.includes("-u-")) locale += "-u-";
 		locale += `-nu-${numberingSystem}`;
 	}
-	if (options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
-		let { unit, unitDisplay = "short" } = options;
-		if (!unit) throw new Error("unit option must be provided with style: \"unit\"");
-		if (!$1dfb119a85e764e5$var$UNITS[unit]?.[unitDisplay]) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
-		options = {
-			...options,
-			style: "decimal"
-		};
-	}
 	let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
 	if ($1dfb119a85e764e5$var$formatterCache.has(cacheKey)) return $1dfb119a85e764e5$var$formatterCache.get(cacheKey);
 	let numberFormatter = new Intl.NumberFormat(locale, options);

package/dist/{NumberRangeInput-B8-LHfg3.js → NumberRangeInput-BrW03wC6.js}

@@ -1,16 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+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-BsbLZDtC.js";
+import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "./Input-BG0Xjw5X.js";
 import { a as $a3be900807531178$re_export$useLocale } from "./exports-BNrTn8Tj.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-B99dLt8o.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-NeZVnci-.js";
-import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BX50PSee.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BIyZuILs.js";
+import { n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useNumberField } from "react-aria";
@@ -34,7 +34,7 @@ const NumberRangeValueField = ({ label, value, placeholder, isDisabled, isInvali
 		isDisabled,
 		isInvalid,
 		isRequired,
-		onChange,
+		onChange: (nextValue) => onChange(Number.isNaN(nextValue) ? null : nextValue),
 		onBlur: (e) => onBlur?.({ target: e.target }),
 		locale,
 		formatOptions: formatOptions ?? ui.numberField.formatOptions
@@ -42,7 +42,7 @@ const NumberRangeValueField = ({ label, value, placeholder, isDisabled, isInvali
 	const state = $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c(numberProps);
 	const { labelProps, inputProps } = useNumberField(numberProps, state, numberFieldRef);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "min-w-0 flex-1",
+		className: "min-w-0 w-[12em] flex-1",
 		children: [/* @__PURE__ */ jsx(FormFieldLabel, {
 			label,
 			labelProps,
@@ -154,10 +154,6 @@ const NumberRangeField = ({ ref, as, className, inputClassName, minInputClassNam
 });
 //#endregion
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.tsx
-const EMPTY_RANGE = {
-	min: null,
-	max: null
-};
 const normalizeRangeValue = (value, minValue, maxValue) => {
 	if (value) return value;
 	return {
@@ -322,7 +318,7 @@ const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...pr
 			labelPlacement: "content-wrapper",
 			children: ({ id, ...dataAttributeProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
+					className: "min-w-0 w-[12em] flex-1",
 					children: [/* @__PURE__ */ jsx(FormFieldLabel, {
 						label: props.minLabel ?? "Minimum",
 						isRequired: props.isRequired,
@@ -359,7 +355,7 @@ const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...pr
 					children: "-"
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
+					className: "min-w-0 w-[12em] flex-1",
 					children: [/* @__PURE__ */ jsx(FormFieldLabel, {
 						label: props.maxLabel ?? "Maximum",
 						isRequired: props.isRequired,
@@ -399,31 +395,7 @@ const NumberRangeInputInner = ({ renderStaticInput, isFormControlDisabled, ...pr
 		ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(props.ref, inputRef)
 	});
 };
-const NumberRangeInputComponent = ({ renderStaticInput, ...props }) => {
-	if ("field" in props && props.field) {
-		const { field, ...innerProps } = props;
-		const controlWithOptions = field.form;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(NumberRangeInputInner, {
-				...innerProps,
-				value: field.value ?? EMPTY_RANGE,
-				onChange: field.onChange,
-				onBlur: field.onBlur,
-				onValueCommit: field.onBlur,
-				isDisabled: field.disabled || !!controlWithOptions._options?.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				renderStaticInput
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(NumberRangeInputInner, {
-		...props,
-		renderStaticInput
-	});
-};
+const NumberRangeInputComponent = (props) => /* @__PURE__ */ jsx(NumberRangeInputInner, { ...props });
 const NumberRangeInput = memo(NumberRangeInputComponent);
 //#endregion
-export { NumberRangeInput as t };
+export { NumberRangeInputInner as n, NumberRangeInput as t };

package/dist/{NumberRangeInput-BfbJQqzn.d.ts → NumberRangeInput-CS4Kn427.d.ts}

@@ -1,7 +1,5 @@
-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 { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
 import { FocusEvent, HTMLAttributes, Ref } from "react";
 import { NumberFieldProps } from "react-aria-components";
 //#region src/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts
@@ -36,10 +34,17 @@ interface NumberRangeInputBaseProps extends FormFieldProps, InputVariantProps, O
   onValueCommit?: () => void;
 }
 type NumberRangeInputProps = Omit<NumberRangeInputBaseProps, "onValueCommit"> & {
+  field?: never;
   renderStaticInput?: boolean;
 };
-type ControlledNumberRangeInputProps<TFieldValues extends FieldValues> = ControlProps<NumberRangeInputProps, TFieldValues>;
-declare const NumberRangeInputComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledNumberRangeInputProps<TFieldValues>) => import("react").JSX.Element;
-declare const NumberRangeInput: typeof NumberRangeInputComponent;
+type NumberRangeInputInnerProps = NumberRangeInputProps & {
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const NumberRangeInputInner: ({ renderStaticInput, isFormControlDisabled, ...props }: NumberRangeInputInnerProps) => import("react").JSX.Element;
+declare const NumberRangeInputComponent: (props: NumberRangeInputProps & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const NumberRangeInput: import("react").MemoExoticComponent<typeof NumberRangeInputComponent>;
 //#endregion
-export { NumberRangeValue as i, NumberRangeInput as n, NumberRangeInputProps as r, ControlledNumberRangeInputProps as t };
+export { NumberRangeValue as a, NumberRangeInputProps as i, NumberRangeInputComponent as n, NumberRangeInputInner as r, NumberRangeInput as t };

package/dist/NumberRangeInput.bound-C8I7m1cW.d.ts

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

package/dist/NumberRangeInput.bound-CKywKEKI.js

@@ -0,0 +1,32 @@
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as NumberRangeInputInner } from "./NumberRangeInput-BrW03wC6.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/Input/NumberRangeInput/NumberRangeInput.bound.tsx
+const NumberRangeInputComponent = ({ renderStaticInput, ...props }) => {
+	const { field, ...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 } }) => /* @__PURE__ */ jsx(NumberRangeInputInner, {
+			...innerProps,
+			value: field.value ?? {
+				min: null,
+				max: null
+			},
+			onChange: field.onChange,
+			onBlur: field.onBlur,
+			onValueCommit: field.onValueCommit,
+			isDisabled: field.disabled || !!controlWithOptions._options?.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const NumberRangeInput = memo(NumberRangeInputComponent);
+//#endregion
+export { NumberRangeInput as t };

package/dist/{OverlayArrow-D8z7cCsw.js → OverlayArrow-DF0jMwul.js}

@@ -1,7 +1,7 @@
-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 { filterDOMProps } from "react-aria/filterDOMProps";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/OverlayArrow.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/OverlayArrow.mjs
 const $4fcfe18fac72dabd$export$2de4954e8ae13b9f = /*#__PURE__*/ createContext({ placement: "bottom" });
 const $4fcfe18fac72dabd$export$746d02f47f4d381 = /*#__PURE__*/ forwardRef(function OverlayArrow(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $4fcfe18fac72dabd$export$2de4954e8ae13b9f);

package/dist/{Pagination-CwQu5Py8.d.ts → Pagination-DkpAg2x6.d.ts}

@@ -1,4 +1,4 @@
-import { n as PaginationListProps } from "./PaginationList-DMRUGtf8.js";
+import { n as PaginationListProps } from "./PaginationList-DNmZRcS6.js";
 //#region src/components/shared/pagination/Pagination.d.ts
 interface PaginationProps extends Omit<PaginationListProps, "totalPages"> {
   totalItems: number;

package/dist/{PaginationList-DMRUGtf8.d.ts → PaginationList-DNmZRcS6.d.ts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./Button-D-4qb0IR.js";
+import { n as ButtonProps } from "./Button-f7FPTaiN.js";
 //#region src/components/shared/pagination/PaginationList.d.ts
 interface PaginationListProps {
   page: number;