@povio/ui 2.3.2-rc.3 → 2.3.3

package/dist/utils/date-time.utils.js

@@ -1,135 +1,33 @@
-import { CalendarDate, CalendarDateTime, DateFormatter, fromDate, getLocalTimeZone, parseAbsolute } from "@internationalized/date";
+import { CalendarDate, CalendarDateTime, fromDate, getLocalTimeZone, parseAbsolute } from "@internationalized/date";
 import { DateTime } from "luxon";
 //#region src/utils/date-time.utils.ts
 var DateTimeUtils;
 (function(_DateTimeUtils) {
-	const DATE_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22));
-	const TIME_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22, 6, 45));
-	const getDayMonthFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
-	const getDatePlaceholderFormatter = (locale, options) => new Intl.DateTimeFormat(locale, {
-		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		year: "numeric"
-	});
-	const getTimePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
-		hour: "2-digit",
-		minute: "2-digit"
-	});
-	const getResolvedLocale = (locale) => {
-		if (locale) return locale;
-		return new Intl.DateTimeFormat().resolvedOptions().locale;
-	};
-	const getDateFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
-		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		year: "numeric",
-		timeZone: "UTC"
-	});
-	const getTimeFormatter = (locale) => new DateFormatter(getResolvedLocale(locale), {
-		hour: "numeric",
-		minute: "2-digit",
-		timeZone: "UTC"
-	});
-	const getDateTimeFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
-		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
-		year: "numeric",
-		hour: "numeric",
-		minute: "2-digit",
-		timeZone: "UTC"
-	});
-	const getLocaleDateFormat = (locale) => {
-		const sampleDate = new Date(Date.UTC(2e3, 10, 22));
-		return new Intl.DateTimeFormat(locale, {
+	function getLocaleDateFormat(locale) {
+		const parts = new Intl.DateTimeFormat(locale, {
 			day: "2-digit",
 			month: "2-digit",
-			year: "numeric",
-			timeZone: "UTC"
-		}).formatToParts(sampleDate).map((part) => {
-			if (part.type === "day") return "dd";
-			if (part.type === "month") return "MM";
-			if (part.type === "year") return "yyyy";
-			return part.value;
-		}).join("");
-	};
-	const repeatLocalizedFieldLabel = (type, length, locale) => {
-		const placeholderChar = new Intl.DisplayNames(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
-		if (!placeholderChar) return null;
-		return placeholderChar.repeat(length);
-	};
-	const mapTypeToPlaceholder = (type, locale) => {
-		switch (type) {
-			case "day": return repeatLocalizedFieldLabel(type, 2, locale);
-			case "month": return repeatLocalizedFieldLabel(type, 2, locale);
-			case "year": return repeatLocalizedFieldLabel(type, 4, locale);
-			case "hour": return "hh";
-			case "minute": return "mm";
-			default: return null;
+			year: "numeric"
+		}).formatToParts(new Date(2001, 10, 23));
+		let format = "";
+		for (const part of parts) {
+			if (part.type === "day") {
+				format += "dd";
+				continue;
+			}
+			if (part.type === "month") {
+				format += "MM";
+				continue;
+			}
+			if (part.type === "year") {
+				format += "yyyy";
+				continue;
+			}
+			if (part.type === "literal") format += part.value;
 		}
-	};
-	const formatPlaceholder = (formatter, sampleDate) => {
-		return formatter.formatToParts(sampleDate).map((part) => mapTypeToPlaceholder(part.type, formatter.resolvedOptions().locale) ?? part.value).join("");
-	};
-	const removeDateSeparatorSpacing = (value) => value.replace(/([./-])\s+(?=[\p{Letter}\p{Number}])/gu, "$1");
-	const formatLocalizedDateParts = (formatter, date) => {
-		return removeDateSeparatorSpacing(formatter.format(date));
-	};
-	const formatLocalizedDatePartList = (formatter, date, isPlaceholder) => {
-		const locale = formatter.resolvedOptions().locale;
-		return formatter.formatToParts(date).map((part) => {
-			return {
-				type: part.type,
-				value: part.value.replace(/\s+/gu, ""),
-				placeholder: mapTypeToPlaceholder(part.type, locale) ?? part.value.replace(/\s+/gu, ""),
-				isPlaceholder
-			};
-		});
-	};
-	function getDatePlaceholder(locale, options) {
-		return removeDateSeparatorSpacing(formatPlaceholder(getDatePlaceholderFormatter(locale, options), DATE_SAMPLE_DATE_UTC));
+		if (!format.includes("dd") || !format.includes("MM") || !format.includes("yyyy")) return "dd/MM/yyyy";
+		return format;
 	}
-	_DateTimeUtils.getDatePlaceholder = getDatePlaceholder;
-	function getTimePlaceholder(locale) {
-		return formatPlaceholder(getTimePlaceholderFormatter(locale), TIME_SAMPLE_DATE_UTC);
-	}
-	_DateTimeUtils.getTimePlaceholder = getTimePlaceholder;
-	function getDateTimePlaceholder(locale, options) {
-		return `${getDatePlaceholder(locale, options)}, ${getTimePlaceholder(locale)}`;
-	}
-	_DateTimeUtils.getDateTimePlaceholder = getDateTimePlaceholder;
-	function getDateRangePlaceholder(locale, options) {
-		const datePlaceholder = getDatePlaceholder(locale, options);
-		return `${datePlaceholder} – ${datePlaceholder}`;
-	}
-	_DateTimeUtils.getDateRangePlaceholder = getDateRangePlaceholder;
-	function formatCalendarDateLocalized(calendarDate, locale, options) {
-		return formatLocalizedDateParts(getDateFormatter(locale, options), calendarDate.toDate("UTC"));
-	}
-	_DateTimeUtils.formatCalendarDateLocalized = formatCalendarDateLocalized;
-	function formatCalendarDatePartsLocalized(calendarDate, locale, options) {
-		return formatLocalizedDatePartList(getDateFormatter(locale, options), calendarDate?.toDate("UTC") ?? DATE_SAMPLE_DATE_UTC, !calendarDate);
-	}
-	_DateTimeUtils.formatCalendarDatePartsLocalized = formatCalendarDatePartsLocalized;
-	function formatCalendarDateTimePartsLocalized(calendarDateTime, locale, options) {
-		const normalizedValue = calendarDateTime ? new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute) : null;
-		return formatLocalizedDatePartList(getDateTimeFormatter(locale, options), normalizedValue?.toDate("UTC") ?? TIME_SAMPLE_DATE_UTC, !calendarDateTime);
-	}
-	_DateTimeUtils.formatCalendarDateTimePartsLocalized = formatCalendarDateTimePartsLocalized;
-	function formatTimeLocalized(timeValue, locale) {
-		const dateTime = new CalendarDateTime(2e3, 11, 22, timeValue.hour, timeValue.minute);
-		return getTimeFormatter(locale).format(dateTime.toDate("UTC"));
-	}
-	_DateTimeUtils.formatTimeLocalized = formatTimeLocalized;
-	function formatTimePartsLocalized(timeValue, locale) {
-		const normalizedValue = new CalendarDateTime(2e3, 11, 22, timeValue?.hour ?? 6, timeValue?.minute ?? 45);
-		return formatLocalizedDatePartList(getTimeFormatter(locale), normalizedValue.toDate("UTC"), !timeValue);
-	}
-	_DateTimeUtils.formatTimePartsLocalized = formatTimePartsLocalized;
-	function formatCalendarDateTimeLocalized(calendarDateTime, locale, options) {
-		const normalizedValue = new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute);
-		return formatLocalizedDateParts(getDateTimeFormatter(locale, options), normalizedValue.toDate("UTC"));
-	}
-	_DateTimeUtils.formatCalendarDateTimeLocalized = formatCalendarDateTimeLocalized;
 	function resolveTimeZone(timeZone) {
 		if (timeZone) return timeZone;
 		return getLocalTimeZone();
@@ -143,16 +41,6 @@ var DateTimeUtils;
 		return dateValue.toDate(resolvedTimeZone).toISOString();
 	}
 	_DateTimeUtils.fromDateValueToISO = fromDateValueToISO;
-	function fromDateValueFieldsToUTCISO(dateValue) {
-		const dateTimeFields = dateValue;
-		return new CalendarDateTime(dateValue.year, dateValue.month, dateValue.day, dateTimeFields.hour ?? 0, dateTimeFields.minute ?? 0, dateTimeFields.second ?? 0, dateTimeFields.millisecond ?? 0).toDate("UTC").toISOString();
-	}
-	_DateTimeUtils.fromDateValueFieldsToUTCISO = fromDateValueFieldsToUTCISO;
-	function getCurrentWallClockCalendarDateTime() {
-		const date = /* @__PURE__ */ new Date();
-		return new CalendarDateTime(date.getFullYear(), date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
-	}
-	_DateTimeUtils.getCurrentWallClockCalendarDateTime = getCurrentWallClockCalendarDateTime;
 	function fromDateValueToOffsetISO(dateValue, timeZone) {
 		const resolvedTimeZone = resolveTimeZone(timeZone);
 		const date = dateValue.toDate(resolvedTimeZone);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.3.2-rc.3",
+  "version": "2.3.3",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts

@@ -1,5 +0,0 @@
-import { IconButtonProps } from '../../../buttons/IconButton/IconButton';
-export type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
-export type DatePickerTodayIconButtonSize = IconButtonProps["size"];
-export type DatePickerTodayIconButtonComponent = "iconButton" | "inlineIconButton";
-export type DatePickerTodayIconPlacement = "content" | "fieldLabel";

package/dist/components/inputs/DateTime/shared/datePickerInput.cva.d.ts

@@ -1,7 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { InputSizeProps } from '../../shared/input.cva';
-export declare const datePickerInputContentRow: (props?: ({
-    size?: "small" | "default" | "extra-small" | "large" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface DatePickerInputContentRowProps extends VariantProps<typeof datePickerInputContentRow>, InputSizeProps {
-}

package/dist/components/inputs/DateTime/shared/datePickerInput.cva.js

@@ -1,13 +0,0 @@
-import { cva } from "class-variance-authority";
-//#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
-var datePickerInputContentRow = cva("flex items-center gap-input-gap-input-text-to-elements", {
-	variants: { size: {
-		"extra-small": "",
-		small: "",
-		default: "",
-		large: ""
-	} },
-	defaultVariants: { size: "default" }
-});
-//#endregion
-export { datePickerInputContentRow };

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.d.ts

@@ -1,15 +0,0 @@
-import { FC, ReactElement, SVGProps } from 'react';
-import { PressEvent } from 'react-aria-components';
-import { DatePickerTodayIcon, DatePickerTodayIconButtonComponent, DatePickerTodayIconButtonSize } from './datePicker.types';
-type TodayIconComponent = FC<SVGProps<SVGSVGElement>> | ReactElement;
-type DatePickerTodayIconOptions = {
-    className?: string;
-    isDisabled?: boolean;
-    onPress?: (event: PressEvent) => void;
-    renderStatic?: boolean;
-    size?: DatePickerTodayIconButtonSize;
-    todayIconButtonComponent?: DatePickerTodayIconButtonComponent;
-};
-export declare const getDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined) => TodayIconComponent | null;
-export declare const renderDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined, options?: DatePickerTodayIconOptions) => import("react/jsx-runtime").JSX.Element | undefined;
-export {};

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js

@@ -1,32 +0,0 @@
-import { IconButton } from "../../../buttons/IconButton/IconButton.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { TodayIcon } from "../../../../assets/icons/Today.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
-var getDatePickerTodayIcon = (todayIcon) => {
-	if (!todayIcon) return null;
-	return todayIcon === true ? TodayIcon : todayIcon;
-};
-var renderDatePickerTodayIcon = (todayIcon, options) => {
-	const icon = getDatePickerTodayIcon(todayIcon);
-	if (!icon) return;
-	const { className, isDisabled, onPress, renderStatic, size = "none", todayIconButtonComponent = "iconButton" } = options ?? {};
-	const buttonProps = {
-		label: "",
-		icon,
-		size,
-		isDisabled,
-		onPress
-	};
-	if (todayIconButtonComponent === "inlineIconButton") return /* @__PURE__ */ jsx(InlineIconButton, {
-		...buttonProps,
-		staticRender: renderStatic,
-		className: className ?? "relative z-1 !border-none"
-	});
-	return /* @__PURE__ */ jsx(IconButton, {
-		...buttonProps,
-		className: className ?? "relative z-1"
-	});
-};
-//#endregion
-export { renderDatePickerTodayIcon };

package/dist/components/inputs/DateTime/shared/dateSegment.utils.d.ts

@@ -1,2 +0,0 @@
-import { DateSegment } from '@react-stately/datepicker';
-export declare const getTimeSegmentValue: (segment: DateSegment | undefined, fallbackValue?: number) => number;

package/dist/components/inputs/DateTime/shared/dateSegment.utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.d.ts

@@ -1,39 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { ReactNode } from 'react';
-import { DateValue, TimeValue } from 'react-aria';
-interface StaticSegmentProps {
-    isDisabled?: boolean;
-    hidePlaceholder?: boolean;
-}
-interface StaticManualEntryPlaceholderProps {
-    disableManualEntry?: boolean;
-    placeholder?: ReactNode;
-}
-type StaticDateGranularity = "day" | "month" | "year";
-interface StaticCalendarDateSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    value?: CalendarDate | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-    dateGranularity?: StaticDateGranularity;
-}
-interface StaticCalendarDateTimeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    value?: DateValue | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-interface StaticDateRangeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    start?: CalendarDate | null;
-    end?: CalendarDate | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-interface StaticTimeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    value?: TimeValue | null;
-    locale: string;
-}
-export declare const getStaticCalendarDateSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity, }: StaticCalendarDateSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticCalendarDateTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticCalendarDateTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateRangeSegments: ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticDateRangeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticTimeSegments: ({ value, locale, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateTimePlaceholder: (placeholder: ReactNode) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js

@@ -1,85 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { DateSegmentItemView } from "./DateSegmentItem.js";
-import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/staticDateTimeSegments.tsx
-var getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity = "day" }) => {
-	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		dateGranularity
-	});
-};
-var getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	const hasValue = !!(value && "hour" in value);
-	if (disableManualEntry && placeholder && !hasValue) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDateTimePartsLocalized(hasValue ? value : null, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		segmentRole: "spinbutton"
-	});
-};
-var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	if (disableManualEntry && placeholder && !start && !end) return getStaticDateTimePlaceholder(placeholder);
-	const showSeparator = !hidePlaceholder;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(start, locale, { shouldForceLeadingZeros }), {
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !start
-		}),
-		showSeparator && /* @__PURE__ */ jsx("span", {
-			className: isDisabled ? "pointer-events-none select-none text-interactive-text-secondary-disabled" : "pointer-events-none select-none",
-			children: "–"
-		}),
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(end, locale, { shouldForceLeadingZeros }), {
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !end
-		})
-	] });
-};
-var getStaticTimeSegments = ({ value, locale, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatTimePartsLocalized(value, locale), {
-		isDisabled,
-		hidePlaceholder,
-		timePickerOnly: true
-	});
-};
-var getStaticDateTimePlaceholder = (placeholder) => /* @__PURE__ */ jsx(Typography, {
-	size: "label-1",
-	className: "text-text-default-3",
-	children: placeholder
-});
-var renderStaticDateTimeParts = (parts, options) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex",
-		children: getStaticDateTimePartsToRender(parts, options.dateGranularity).map((part, index) => /* @__PURE__ */ jsx(DateSegmentItemView, {
-			type: part.type,
-			text: part.value,
-			placeholder: part.placeholder,
-			isPlaceholder: part.isPlaceholder && part.type !== "literal",
-			isInputEmpty: parts.some((item) => item.type !== "literal" && item.isPlaceholder),
-			isDisabled: options.isDisabled,
-			timePickerOnly: options.timePickerOnly,
-			hidePlaceholder: options.hidePlaceholder,
-			role: part.type === "literal" ? void 0 : options.segmentRole
-		}, index))
-	});
-};
-var getStaticDateTimePartsToRender = (parts, dateGranularity = "day") => {
-	const segments = [];
-	for (const part of parts) if (part.type !== "literal") {
-		if (isStaticDatePartVisible(part.type, dateGranularity)) segments.push(part);
-	} else if (segments.length > 0 && segments.at(-1)?.type !== "literal") segments.push(part);
-	if (segments.at(-1)?.type === "literal") segments.pop();
-	return segments;
-};
-var isStaticDatePartVisible = (type, dateGranularity) => {
-	if (dateGranularity === "day") return true;
-	if (dateGranularity === "month") return type !== "day";
-	if (dateGranularity === "year") return type === "year";
-	return true;
-};
-//#endregion
-export { getStaticCalendarDateSegments, getStaticCalendarDateTimeSegments, getStaticDateRangeSegments, getStaticTimeSegments };

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/inputs/FormField/formFieldHeader.cva.d.ts

@@ -1,6 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const formFieldHeader: (props?: ({
-    visible?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface FormFieldHeaderVariantProps extends VariantProps<typeof formFieldHeader> {
-}

package/dist/components/inputs/FormField/formFieldHeader.cva.js

@@ -1,11 +0,0 @@
-import { cva } from "class-variance-authority";
-//#region src/components/inputs/FormField/formFieldHeader.cva.ts
-var formFieldHeader = cva("", {
-	variants: { visible: {
-		true: "mb-1",
-		false: "sr-only"
-	} },
-	defaultVariants: { visible: true }
-});
-//#endregion
-export { formFieldHeader };

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts

@@ -1,45 +0,0 @@
-import { FocusEvent, HTMLAttributes, Ref } from 'react';
-import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
-import { FormFieldProps } from '../../FormField/FormField';
-import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
-import { InputVariantProps } from '../../shared/input.cva';
-export interface NumberRangeValue {
-    min: number | null;
-    max: number | null;
-}
-type NumberRangeFieldInputProps = Omit<AriaNumberFieldProps, "className" | "defaultValue" | "label" | "maxValue" | "minValue" | "onBlur" | "onChange" | "value">;
-export interface NumberRangeFieldProps extends NumberRangeFieldInputProps {
-    ref?: Ref<HTMLDivElement>;
-    as: InputVariantProps["as"];
-    className?: string;
-    inputClassName?: string;
-    minInputClassName?: string;
-    maxInputClassName?: string;
-    inputBaseClassName: string;
-    inputSizeClassName: string;
-    formFieldProps: FormFieldProps;
-    headerProps: FormFieldHeaderProps;
-    rangeValue: NumberRangeValue;
-    effectiveError?: string;
-    minPlaceholder: string;
-    maxPlaceholder: string;
-    minLabel: string;
-    maxLabel: string;
-    hideInnerLabels?: boolean;
-    isDirty?: boolean;
-    isClearable?: boolean;
-    autoFocusOnMount?: boolean;
-    isDisabled?: boolean;
-    isRequired?: boolean;
-    isEmpty: boolean;
-    isHovered: boolean;
-    isFocused: boolean;
-    isFocusVisible: boolean;
-    focusWithinProps: HTMLAttributes<HTMLElement>;
-    hoverProps: HTMLAttributes<HTMLElement>;
-    onRangeSideChange: (side: keyof NumberRangeValue, nextValue: number | null) => void;
-    onRangeSideClear: (side: keyof NumberRangeValue) => void;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-}
-export declare const NumberRangeField: ({ ref, as, className, inputClassName, minInputClassName, maxInputClassName, inputBaseClassName, inputSizeClassName, formFieldProps, headerProps, rangeValue, effectiveError, minPlaceholder, maxPlaceholder, minLabel, maxLabel, hideInnerLabels, isDirty, isClearable, autoFocusOnMount, isDisabled, isRequired, isEmpty, isHovered, isFocused, isFocusVisible, focusWithinProps, hoverProps, onRangeSideChange, onRangeSideClear, onBlur, ...numberFieldProps }: NumberRangeFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};