@povio/ui 3.0.0-rc.3 → 3.1.0

package/dist/index.js

@@ -77,23 +77,17 @@ import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
-import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
 import { labelDefinition } from "./components/inputs/shared/label.cva.js";
-import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
+import { inputBaseDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
 import { popoverDefinition } from "./components/shared/popover.cva.js";
-import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
 import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
-import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
-import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
 import { tagDefinition } from "./components/text/Tag/tag.cva.js";
 import { Tag } from "./components/text/Tag/Tag.js";
-import { selectInputTagsContentWrapperDefinition } from "./components/inputs/Selection/shared/selectInput.cva.js";
-import { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
+import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { selectListBoxItemDefinition } from "./components/inputs/Selection/shared/selectItem.cva.js";
 import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
-import { selectPopoverDefinition } from "./components/inputs/Selection/shared/selectDesktop.cva.js";
 import { TextInput } from "./components/inputs/Input/TextInput/TextInput.js";
 import { Select } from "./components/inputs/Selection/Select/Select.js";
 import { DateRangePicker } from "./components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
@@ -101,6 +95,7 @@ import { DateTimePicker } from "./components/inputs/DateTime/DateTimePicker/Date
 import { TimePicker } from "./components/inputs/DateTime/TimePicker/TimePicker.js";
 import { RestUtils } from "./utils/rest.utils.js";
 import { FileUtils } from "./utils/file.utils.js";
+import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
 import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
 import { fileCardListDefinition, fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
 import { FileUpload } from "./components/inputs/File/FileUpload.js";
@@ -108,9 +103,7 @@ import { FileUploadContainer } from "./components/inputs/File/FileUploadContaine
 import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
 import { InputUpload } from "./components/inputs/File/InputUpload.js";
 import { NumberInput } from "./components/inputs/Input/NumberInput/NumberInput.js";
-import { NumberRangeInput } from "./components/inputs/Input/NumberRangeInput/NumberRangeInput.js";
 import { PasswordInput } from "./components/inputs/Input/PasswordInput/PasswordInput.js";
-import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
 import { TextArea } from "./components/inputs/Input/TextArea/TextArea.js";
 import { Autocomplete } from "./components/inputs/Selection/Autocomplete/Autocomplete.js";
 import { QueryAutocomplete } from "./components/inputs/Selection/Autocomplete/QueryAutocomplete.js";
@@ -119,12 +112,11 @@ import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
 import { Toggle } from "./components/inputs/Toggle/Toggle.js";
 import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
 import { Segment } from "./components/segment/Segment.js";
-import { QuerySelect } from "./components/inputs/Selection/Select/QuerySelect.js";
 import { StringUtils } from "./utils/string.utils.js";
 import { dynamicInputs } from "./helpers/dynamicInputs.js";
 import { Form } from "./components/inputs/Inputs/Form.js";
 import { Inputs } from "./components/inputs/Inputs/Inputs.js";
-import { radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
+import { radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
 import { RadioGroup } from "./components/inputs/RadioGroup/RadioGroup.js";
 import { accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
 import { Accordion } from "./components/navigation/Accordion/Accordion.js";
@@ -156,6 +148,7 @@ import { InfiniteTable } from "./components/table/InfiniteTable.js";
 import { PaginatedTable } from "./components/table/PaginatedTable.js";
 import { linkDefinition } from "./components/text/Link/link.cva.js";
 import { Link } from "./components/text/Link/Link.js";
+import { Pill } from "./components/text/Pill/Pill.js";
 import { Confirmation } from "./config/confirmation.context.js";
 import { UIRouter } from "./config/router.context.js";
 import { useLocalStorage } from "./hooks/useLocalStorage.js";
@@ -172,4 +165,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileCardListDefinition, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxDefinition, checkboxIconDefinition, compoundMapper, dynamicColumns, dynamicInputs, fileCardListDefinition, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHelperDefinition, inputBaseDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectListBoxItemDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/tw-ui-plugin.js

@@ -4,14 +4,9 @@ var uiPlugin = plugin(({ addVariant }) => {
 	addVariant("input-filled", [
 		"&:has(input:not(:placeholder-shown))",
 		"&:is(:where(.group\\/input-content):has(:is(input:not(:placeholder-shown))) *)",
-		"&:is(:where(.group\\/input-content)[data-is-filled])",
-		"&:is(:where(.group\\/input-content)[data-is-filled] *)",
-		"&:is(:where(.group\\/input-content)[data-has-selection])",
-		"&:is(:where(.group\\/input-content)[data-has-selection] *)",
 		"&:is(:where(.group\\/select-content)[data-has-selection] *)",
 		"&:is(:where(.group\\/select-content)[data-has-search] *)",
 		"&:is(:where(.group\\/select-content)[data-searchable-focus-within] *)",
-		"&:is(:where(.group\\/radio-group-content)[data-radio-group-content] *)",
 		"&:is(:where(.group\\/date-picker-content)[data-has-selection] *)",
 		"&:is(:where(.group\\/date-picker-content)[data-focus-within] *)"
 	].join(", "));
@@ -21,7 +16,6 @@ var uiPlugin = plugin(({ addVariant }) => {
 		"&:is(:where(.group\\/select-content)[data-disabled] *)",
 		"&:is(:where(.group\\/select-content):has(*:is(input:disabled)) *)",
 		"&:is(:where(.group):has([data-disabled]) *)",
-		"&:is(:where(.group\\/radio-group-content)[data-disabled] *)",
 		"&:is(:where(.group\\/text-area):has(*:is(textarea:disabled)) *)",
 		"&:is(:where(.group):has(*:is(textarea:disabled)) *)",
 		"&:is(:where(.group\\/text-editor):where([data-rac])[data-disabled] *)",

package/dist/utils/date-time.utils.d.ts

@@ -1,43 +1,15 @@
 import { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from '@internationalized/date';
 export declare namespace DateTimeUtils {
-    interface LocalizedDateFormatOptions {
-        shouldForceLeadingZeros?: boolean;
-    }
-    export interface LocalizedDatePart {
-        type: Intl.DateTimeFormatPartTypes;
-        value: string;
-        placeholder: string;
-        isPlaceholder: boolean;
-    }
-    export function getDatePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function getTimePlaceholder(locale?: string): string;
-    export function getDateTimePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function getDateRangePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function formatCalendarDateLocalized(calendarDate: CalendarDate, locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function formatCalendarDatePartsLocalized(calendarDate?: CalendarDate | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
-    export function formatCalendarDateTimePartsLocalized(calendarDateTime?: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute"> | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
-    export function formatTimeLocalized(timeValue: {
-        hour: number;
-        minute: number;
-    }, locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function formatTimePartsLocalized(timeValue?: {
-        hour: number;
-        minute: number;
-    } | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
-    export function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
-    export function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;
-    export function fromDateValueFieldsToUTCISO(dateValue: DateValue): string;
-    export function getCurrentWallClockCalendarDateTime(): CalendarDateTime;
-    export function fromDateValueToOffsetISO(dateValue: DateValue, timeZone?: string): string;
-    export function fromLocalToZonedDateTime(date: Date, timeZone?: string): ZonedDateTime;
-    export function fromDateValueToLocal(dateValue: DateValue, timeZone?: string): Date;
-    export function fromCalendarDateToUTCISO(calendarDate: CalendarDate, options?: {
+    function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
+    function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;
+    function fromDateValueToOffsetISO(dateValue: DateValue, timeZone?: string): string;
+    function fromLocalToZonedDateTime(date: Date, timeZone?: string): ZonedDateTime;
+    function fromDateValueToLocal(dateValue: DateValue, timeZone?: string): Date;
+    function fromCalendarDateToUTCISO(calendarDate: CalendarDate, options?: {
         endOfDay?: boolean;
     }): string;
-    export function fromUTCISOToCalendarDate(isoString: string): CalendarDate;
-    export function fromCalendarDateTimeToUTCISO(calendarDateTime: CalendarDateTime): string;
-    export function fromUTCISOToCalendarDateTime(isoString: string, timeZone?: string): CalendarDateTime;
-    export function formatTextDateToCalendarDateTime(textDate: string | null, timeZone?: string, locale?: string): CalendarDateTime | null;
-    export {};
+    function fromUTCISOToCalendarDate(isoString: string): CalendarDate;
+    function fromCalendarDateTimeToUTCISO(calendarDateTime: CalendarDateTime): string;
+    function fromUTCISOToCalendarDateTime(isoString: string, timeZone?: string): CalendarDateTime;
+    function formatTextDateToCalendarDateTime(textDate: string | null, timeZone?: string, locale?: string): CalendarDateTime | null;
 }

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

@@ -1,137 +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 getTimeHourFormat = (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, options) => new DateFormatter(getResolvedLocale(locale), {
-		hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
-		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: getTimeHourFormat(options?.shouldForceLeadingZeros),
-		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) => {
-			const value = part.type === "literal" ? part.value.replace(/([./-])\s+/gu, "$1") : part.value.replace(/\s+/gu, "");
-			return {
-				type: part.type,
-				value,
-				placeholder: mapTypeToPlaceholder(part.type, locale) ?? value,
-				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, options) {
-		const dateTime = new CalendarDateTime(2e3, 11, 22, timeValue.hour, timeValue.minute);
-		return getTimeFormatter(locale, options).format(dateTime.toDate("UTC"));
-	}
-	_DateTimeUtils.formatTimeLocalized = formatTimeLocalized;
-	function formatTimePartsLocalized(timeValue, locale, options) {
-		const normalizedValue = new CalendarDateTime(2e3, 11, 22, timeValue?.hour ?? 6, timeValue?.minute ?? 45);
-		return formatLocalizedDatePartList(getTimeFormatter(locale, options), 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();
@@ -145,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": "3.0.0-rc.3",
+  "version": "3.1.0",
   "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,16 +0,0 @@
-import { InputSizeProps } from '../../shared/input.cva';
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const datePickerInputContentRowDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly "extra-small": "";
-            readonly small: "";
-            readonly default: "";
-            readonly large: "";
-        };
-    }>;
-};
-export type DatePickerInputContentRowConfig = NonNullable<typeof datePickerInputContentRowDefinition.config>;
-export interface DatePickerInputContentRowProps extends UIOverrides.VariantProps<DatePickerInputContentRowConfig>, InputSizeProps {
-}

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

@@ -1,16 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-//#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
-var datePickerInputContentRowDefinition = UIOverrides.defineConfig({
-	base: ["flex items-center gap-input-gap-input-text-to-elements"],
-	config: {
-		variants: { size: {
-			"extra-small": "",
-			small: "",
-			default: "",
-			large: ""
-		} },
-		defaultVariants: { size: "default" }
-	}
-});
-//#endregion
-export { datePickerInputContentRowDefinition };

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,40 +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;
-    shouldForceLeadingZeros?: boolean;
-}
-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, shouldForceLeadingZeros, 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, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatTimePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
-		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,13 +0,0 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const formFieldHeaderDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly visible: {
-            readonly true: "mb-1";
-            readonly false: "sr-only";
-        };
-    }>;
-};
-export type FormFieldHeaderConfig = NonNullable<typeof formFieldHeaderDefinition.config>;
-export interface FormFieldHeaderVariantProps extends UIOverrides.VariantProps<FormFieldHeaderConfig> {
-}

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

@@ -1,14 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/inputs/FormField/formFieldHeader.cva.ts
-var formFieldHeaderDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { visible: {
-			true: "mb-1",
-			false: "sr-only"
-		} },
-		defaultVariants: { visible: true }
-	}
-});
-//#endregion
-export { formFieldHeaderDefinition };