@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/index.d.ts

@@ -1 +1,145 @@
-export * from './rhf';
+import { CompoundMapper, compoundMapper } from "./utils/compoundMapper.js";
+import { UIOverrides } from "./config/uiOverrides.context.js";
+import { LinkVariantProps, linkDefinition } from "./components/text/Link/link.cva.js";
+import { Link, LinkNavigationProps, LinkProps } from "./components/text/Link/Link.js";
+import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
+import { TypographyVariantProps, typographyDefinition } from "./components/text/Typography/typography.cva.js";
+import { ButtonVariantProps, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition } from "./components/buttons/Button/button.cva.js";
+import { Button, ButtonProps } from "./components/buttons/Button/Button.js";
+import { IconButton, IconButtonProps } from "./components/buttons/IconButton/IconButton.js";
+import { InlineIconButton, InlineIconButtonProps } from "./components/buttons/InlineIconButton/InlineIconButton.js";
+import { PillButtonVariants, pillButtonContentDefinition, pillButtonDefinition } from "./components/buttons/PillButton/pillButton.cva.js";
+import { PillButton, PillButtonProps } from "./components/buttons/PillButton/PillButton.js";
+import { BottomSheet, BottomSheetProps } from "./components/overlays/BottomSheet/BottomSheet.js";
+import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
+import { Menu, MenuProps } from "./components/Menu/Menu.js";
+import { SplitButton, SplitButtonProps } from "./components/buttons/SplitButton/SplitButton.js";
+import { TextButton, TextButtonProps } from "./components/buttons/TextButton/TextButton.js";
+import { ToggleButton, ToggleButtonProps } from "./components/buttons/ToggleButton/ToggleButton.js";
+import { CheckboxVariantProps, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
+import { CheckboxProps } from "./components/inputs/Checkbox/Checkbox.js";
+import { InputVariantProps, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
+import { TextInputProps } from "./components/inputs/Input/TextInput/TextInput.js";
+import { FormField, FormFieldProps } from "./components/inputs/FormField/FormField.js";
+import { CheckboxGroupProps } from "./components/inputs/Checkbox/CheckboxGroup.js";
+import { DatePickerProps } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
+import { DateRangePickerProps } from "./components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
+import { DateTimePickerProps } from "./components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
+import { TimePickerProps } from "./components/inputs/DateTime/TimePicker/TimePicker.js";
+import { FileUploadContainerProps, FileUploadError, FileUploadRequest, FileUploadState } from "./components/inputs/File/fileUpload.types.js";
+import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
+import { NumberInputProps } from "./components/inputs/Input/NumberInput/NumberInput.js";
+import { NumberRangeValue } from "./components/inputs/Input/NumberRangeInput/NumberRangeField.js";
+import { NumberRangeInputProps } from "./components/inputs/Input/NumberRangeInput/NumberRangeInput.js";
+import { PasswordInputProps } from "./components/inputs/Input/PasswordInput/PasswordInput.js";
+import { TextAreaProps } from "./components/inputs/Input/TextArea/TextArea.js";
+import { RadioVariantProps, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
+import { RadioGroupProps } from "./components/inputs/RadioGroup/RadioGroup.js";
+import { DefaultInitialSelectItem, SelectAsyncProps, SelectItem } from "./components/inputs/Selection/shared/select.types.js";
+import { SelectBaseProps } from "./components/inputs/Selection/shared/SelectBase.js";
+import { Function, HasRequiredProperty, IfAny, IsAny, IsRequiredChildrenProperty, IsUnknown, OmitDiscriminatedUnion } from "./types/common.js";
+import { AutocompleteProps } from "./components/inputs/Selection/Autocomplete/Autocomplete.js";
+import { SelectProps } from "./components/inputs/Selection/Select/Select.js";
+import { SliderProps } from "./components/inputs/Slider/Slider.js";
+import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
+import { ToggleProps } from "./components/inputs/Toggle/Toggle.js";
+import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
+import { SegmentProps } from "./components/segment/segment.types.js";
+import { Autocomplete, Checkbox, CheckboxGroup, ControlledAutocompleteProps, ControlledCheckboxGroupProps, ControlledCheckboxProps, ControlledDatePickerProps, ControlledDateRangePickerProps, ControlledDateTimePickerProps, ControlledNumberInputProps, ControlledNumberRangeInputProps, ControlledPasswordInputProps, ControlledRadioGroupProps, ControlledSegmentProps, ControlledSelectProps, ControlledSliderProps, ControlledTextAreaProps, ControlledTextInputProps, ControlledTimePickerProps, ControlledToggleProps, DatePicker, DateRangePicker, DateTimePicker, FileUpload, InputUpload, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, RHFFileUploadProps, RHFInputUploadProps, RHFQuerySelectProps, RadioGroup, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./rhf/components.js";
+import { FileUploadContainer } from "./components/inputs/File/FileUploadContainer.js";
+import { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
+import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
+import { Form, InputDef, Inputs, InputsProps } from "./rhf/Inputs.js";
+import { TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
+import { MenuItem, MenuListItemProps } from "./components/Menu/MenuItem.js";
+import { MenuPopover, MenuPopoverProps } from "./components/Menu/MenuPopover.js";
+import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
+import { Accordion } from "./components/navigation/Accordion/Accordion.js";
+import { AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
+import { StepperVariantProps, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
+import { StepItem, StepperProps } from "./components/navigation/Stepper/stepper.types.js";
+import { Stepper } from "./components/navigation/Stepper/Stepper.js";
+import { uiOutlineClass } from "./components/outline.clsx.js";
+import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./components/overlays/Modal/modal.cva.js";
+import { Modal, ModalProps } from "./components/overlays/Modal/Modal.js";
+import { Typography, TypographyProps } from "./components/text/Typography/Typography.js";
+import { ActionModal, ActionModalProps } from "./components/overlays/ActionModal/ActionModal.js";
+import { Drawer, DrawerProps } from "./components/overlays/Drawer/Drawer.js";
+import { ResponsivePopover, ResponsivePopoverProps } from "./components/overlays/ResponsivePopover/ResponsivePopover.js";
+import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
+import { Tooltip, TooltipProps } from "./components/overlays/Tooltip/Tooltip.js";
+import { TooltipEllipsis, TooltipEllipsisProps } from "./components/overlays/Tooltip/TooltipEllipsis.js";
+import { PaginationList } from "./components/shared/pagination/PaginationList.js";
+import { Pagination, PaginationProps } from "./components/shared/pagination/Pagination.js";
+import { alertDefinition } from "./components/status/Alert/alert.cva.js";
+import { Alert, AlertProps } from "./components/status/Alert/Alert.js";
+import { loaderDefinition, loaderWrapperDefinition } from "./components/status/Loader/loader.cva.js";
+import { Loader, LoaderProps } from "./components/status/Loader/Loader.js";
+import { ToastVariantProps, statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
+import { Toast, ToastAction, ToastContainer, ToastProps } from "./components/status/Toast/Toast.js";
+import { ToastOptions, ToastParams, useToast } from "./components/status/Toast/useToast.js";
+import { CellText, CellTextProps } from "./components/table/CellText.js";
+import { ColumnConfigModal, ColumnConfigModalProps } from "./components/table/ColumnConfig.js";
+import { HeaderText, HeaderTextProps } from "./components/table/HeaderText.js";
+import { TableRowVariantProps, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition } from "./components/table/table.cva.js";
+import { Table, TableProps, TableWrapperProps } from "./components/table/Table.js";
+import { InfiniteTable, InfiniteTableProps, InfiniteTableWrapperProps } from "./components/table/InfiniteTable.js";
+import { PaginatedTable, PaginatedTableProps, PaginatedTableWrapperProps } from "./components/table/PaginatedTable.js";
+import { Pill, PillProps } from "./components/text/Pill/Pill.js";
+import { TagVariantProps, tagDefinition } from "./components/text/Tag/tag.cva.js";
+import { Tag, TagProps } from "./components/text/Tag/Tag.js";
+import { Confirmation } from "./config/confirmation.context.js";
+import { ns, resources } from "./config/i18n.js";
+import { LinkContext } from "./config/link.context.js";
+import { UIRouter } from "./config/router.context.js";
+import { ThemeContext } from "./config/theme.context.js";
+import { useBreakpoint } from "./hooks/useBreakpoint.js";
+import { UIConfig } from "./config/uiConfig.context.js";
+import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
+import { fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
+import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
+import { formFieldErrorDefinition } from "./components/inputs/FormField/formFieldError.cva.js";
+import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
+import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
+import { LabelBaseProps, LabelConfig, labelDefinition } from "./components/inputs/shared/label.cva.js";
+import { selectPopoverDefinition } from "./components/inputs/Selection/shared/selectDesktop.cva.js";
+import { selectInputTagsContentWrapperDefinition } from "./components/inputs/Selection/shared/selectInput.cva.js";
+import { selectListBoxItemDefinition } from "./components/inputs/Selection/shared/selectItem.cva.js";
+import { popoverDefinition } from "./components/shared/popover.cva.js";
+import { statusIconDefinition, statusSeparatorDefinition } from "./components/status/shared/status.cva.js";
+import { DynamicColumnsOptions, dynamicColumns } from "./helpers/dynamicColumns.js";
+import { ZodUtils } from "./utils/zod.utils.js";
+import { DynamicInputsObjectSchema } from "./helpers/dynamicInputs.js";
+import { DynamicInputsOptions, dynamicInputs } from "./rhf/dynamicInputs.js";
+import { UseAutosaveProps, useAutosave } from "./rhf/useAutosave.js";
+import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
+import { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo } from "./hooks/useDeepCompare.js";
+import { FilterStore, useFilters } from "./hooks/useFilters.js";
+import { UseFormProps, UseFormResolverProps, useForm } from "./rhf/useForm.js";
+import { UseFormAutosaveProps, useFormAutosave } from "./rhf/useFormAutosave.js";
+import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
+import { KeyInteraction, KeyInteractionAction, KeyInteractionCallback, KeyInteractionGroup, KeyInteractions, UseKeyInteractionsResult, createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
+import { useLocalStorage } from "./hooks/useLocalStorage.js";
+import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
+import { usePagination } from "./hooks/usePagination.js";
+import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
+import { useSorting } from "./hooks/useSorting.js";
+import { useStateAndRef } from "./hooks/useStateAndRef.js";
+import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
+import { useTableNav } from "./hooks/useTableNav.js";
+import { useTranslationMemo } from "./hooks/useTranslationMemo.js";
+import { ArrayUtils } from "./utils/array.utils.js";
+import { DateUtils } from "./utils/date.utils.js";
+import { DateTimeUtils } from "./utils/date-time.utils.js";
+import { DomUtils } from "./utils/dom.utils.js";
+import { FileUtils } from "./utils/file.utils.js";
+import { isEqual } from "./utils/isEqual.js";
+import { IntlUtils } from "./utils/intl.utils.js";
+import { logger } from "./utils/logger.js";
+import { ObjectUtils } from "./utils/object.utils.js";
+import { QueriesUtils } from "./utils/queries.utils.js";
+import { RoutingUtils } from "./utils/routing.utils.js";
+import { StringUtils } from "./utils/string.utils.js";
+import { CloseIcon } from "./rhf.js";
+export { Accordion, type AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionVariantProps, ActionModal, type ActionModalProps, Alert, type AlertProps, ArrayUtils, Autocomplete, type AutocompleteProps, BottomSheet, type BottomSheetProps, type BreadcrumbChevronVariantProps, type BreadcrumbIconVariantProps, type BreadcrumbItem, type BreadcrumbItemVariantProps, type BreadcrumbSegmentVariantProps, Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsVariantProps, Button, type ButtonProps, type ButtonVariantProps, CellText, type CellTextProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxVariantProps, CloseIcon, ColumnConfigModal, type ColumnConfigModalProps, type CompoundMapper, Confirmation, type ControlledAutocompleteProps, type ControlledCheckboxGroupProps, type ControlledCheckboxProps, type ControlledDatePickerProps, type ControlledDateRangePickerProps, type ControlledDateTimePickerProps, type ControlledNumberInputProps, type ControlledNumberRangeInputProps, type ControlledPasswordInputProps, type ControlledRadioGroupProps, type ControlledSegmentProps, type ControlledSelectProps, type ControlledSliderProps, type ControlledTextAreaProps, type ControlledTextInputProps, type ControlledTimePickerProps, type ControlledToggleProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeUtils, DateUtils, type DefaultInitialSelectItem, DomUtils, Drawer, type DrawerProps, type DynamicColumnsOptions, type DynamicInputsObjectSchema, type DynamicInputsOptions, FileUpload, FileUploadContainer, type FileUploadContainerProps, type FileUploadError, type RHFFileUploadProps as FileUploadProps, type FileUploadRequest, type FileUploadState, FileUtils, type FilterStore, Form, FormField, type FormFieldProps, type Function, type HasRequiredProperty, HeaderText, type HeaderTextProps, IconButton, type IconButtonProps, type IfAny, InfiniteTable, type InfiniteTableProps, type InfiniteTableWrapperProps, InlineIconButton, type InlineIconButtonProps, type InputDef, InputUpload, type RHFInputUploadProps as InputUploadProps, type InputVariantProps, Inputs, type InputsProps, IntlUtils, type IsAny, type IsRequiredChildrenProperty, type IsUnknown, type KeyInteraction, type KeyInteractionAction, type KeyInteractionCallback, type KeyInteractionGroup, type KeyInteractions, type LabelBaseProps, type LabelConfig, Link, LinkContext, type LinkNavigationProps, type LinkProps, type LinkVariantProps, Loader, type LoaderProps, Menu, type MenuCvaVariantProps, MenuItem, type MenuItemVariantProps, type MenuListItemProps, MenuPopover, type MenuPopoverProps, type MenuPopoverVariantProps, type MenuPopoverWrapperVariantProps, type MenuProps, Modal, type ModalProps, NumberInput, type NumberInputProps, NumberRangeInput, type NumberRangeInputProps, type NumberRangeValue, ObjectUtils, type OmitDiscriminatedUnion, PaginatedTable, type PaginatedTableProps, type PaginatedTableWrapperProps, Pagination, PaginationList, type PaginationProps, PasswordInput, type PasswordInputProps, Pill, PillButton, type PillButtonProps, type PillButtonVariants, type PillProps, ProgressBar, type ProgressBarConfig, type ProgressBarTrackConfig, type ProgressBarVariantProps, QueriesUtils, QueryAutocomplete, QuerySelect, type RHFQuerySelectProps as QuerySelectProps, RadioGroup, type RadioGroupProps, type RadioVariantProps, ResponsivePopover, type ResponsivePopoverProps, RoutingUtils, Segment, type SegmentProps, Select, type SelectAsyncProps, type SelectBaseProps, type SelectItem, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, type StepItem, Stepper, type StepperProps, type StepperVariantProps, StringUtils, Table, type TableProps, type TableRowVariantProps, type TableWrapperProps, Tag, type TagProps, type TagVariantProps, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ThemeContext, TimePicker, type TimePickerProps, Toast, type ToastAction, ToastContainer, type ToastOptions, type ToastParams, type ToastProps, type ToastVariantProps, Toggle, ToggleButton, type ToggleButtonProps, type ToggleProps, Tooltip, TooltipEllipsis, type TooltipEllipsisProps, type TooltipProps, type TooltipWrapperTriggerVariantProps, Typography, type TypographyProps, type TypographyVariantProps, UIConfig, UIOverrides, UIRouter, type UseAutosaveProps, type UseFormAutosaveProps, type UseFormProps, type UseFormResolverProps, type UseKeyInteractionsResult, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, 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, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, 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 };

package/dist/index.js

@@ -43,6 +43,7 @@ import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
 import { IntlUtils } from "./utils/intl.utils.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
+import { DateUtils } from "./utils/date.utils.js";
 import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
 import { popoverDefinition } from "./components/shared/popover.cva.js";
 import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
@@ -54,7 +55,6 @@ import { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractio
 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 { 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";
@@ -104,7 +104,6 @@ import { Confirmation } from "./config/confirmation.context.js";
 import { UIRouter } from "./config/router.context.js";
 import { useLocalStorage } from "./hooks/useLocalStorage.js";
 import { ThemeContext } from "./config/theme.context.js";
-import { DateUtils } from "./utils/date.utils.js";
 import { dynamicColumns } from "./helpers/dynamicColumns.js";
 import { dynamicInputs } from "./rhf/dynamicInputs.js";
 import { useAutosave } from "./rhf/useAutosave.js";
@@ -117,4 +116,5 @@ 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, ArrayUtils, Autocomplete, BottomSheet, Breadcrumbs, Button, CellText, Checkbox, CheckboxGroup, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, IconButton, InfiniteTable, InlineIconButton, InputUpload, Inputs, IntlUtils, Link, LinkContext, Loader, Menu, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, Slider, SplitButton, Stepper, StringUtils, Table, Tag, TextArea, TextButton, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, 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, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, 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 };
+import { CloseIcon } from "./rhf.js";
+export { Accordion, ActionModal, Alert, ArrayUtils, Autocomplete, BottomSheet, Breadcrumbs, Button, CellText, Checkbox, CheckboxGroup, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, IconButton, InfiniteTable, InlineIconButton, InputUpload, Inputs, IntlUtils, Link, LinkContext, Loader, Menu, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RoutingUtils, Segment, Select, Slider, SplitButton, Stepper, StringUtils, Table, Tag, TextArea, TextButton, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, 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, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, 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 };

package/dist/rhf/Inputs.d.ts

@@ -1,60 +1,61 @@
-import { ReactElement, ReactNode } from 'react';
-import { SubmitErrorHandler, SubmitHandler, UseFormReturn } from 'react-hook-form';
-import { z } from 'zod';
+import { Autocomplete, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, DateTimePicker, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./components.js";
+import { ReactElement, ReactNode } from "react";
+import { SubmitErrorHandler, SubmitHandler, UseFormReturn } from "react-hook-form";
+import { z } from "zod";
+//#region src/rhf/Inputs.d.ts
 declare const componentRegistry: {
-    readonly autocomplete: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('..').DefaultInitialSelectItem<TKey>>(props: import('./components').ControlledAutocompleteProps<TFieldValues, TKey, TInitialSelectItem>) => ReactNode;
-    readonly checkbox: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledCheckboxProps<TFieldValues>) => ReactNode;
-    readonly checkboxGroup: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledCheckboxGroupProps<TFieldValues>) => ReactNode;
-    readonly datePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledDatePickerProps<TFieldValues>) => ReactNode;
-    readonly dateRangePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledDateRangePickerProps<TFieldValues>) => ReactNode;
-    readonly dateTimePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledDateTimePickerProps<TFieldValues>) => ReactNode;
-    readonly numberInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledNumberInputProps<TFieldValues>) => ReactNode;
-    readonly numberRangeInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledNumberRangeInputProps<TFieldValues>) => ReactNode;
-    readonly passwordInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledPasswordInputProps<TFieldValues>) => ReactNode;
-    readonly queryAutocomplete: <TFieldValues extends import('react-hook-form').FieldValues, TSelectItem extends import('..').SelectItem<any>, TQueryFn extends import('../components/inputs/Selection/Autocomplete/queryAutocomplete.types').QueryFn>(props: import('./components').RHFQueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => ReactNode;
-    readonly querySelect: <TFieldValues extends import('react-hook-form').FieldValues, TQueryFn extends Parameters<typeof import('../tanstack').QuerySelect>[0]["query"], TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('..').DefaultInitialSelectItem<TKey>>(props: import('./components').RHFQuerySelectProps<TFieldValues, TQueryFn, TKey, TInitialSelectItem>) => ReactNode;
-    readonly segment: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key>(props: import('./components').ControlledSegmentProps<TFieldValues, TKey>) => ReactNode;
-    readonly select: <TFieldValues extends import('react-hook-form').FieldValues, TKey extends import('react-aria').Key = import('react-aria').Key, TInitialSelectItem = import('..').DefaultInitialSelectItem<TKey>>(props: import('./components').ControlledSelectProps<TFieldValues, TKey, TInitialSelectItem>) => ReactNode;
-    readonly slider: <TFieldValues extends import('react-hook-form').FieldValues, IsRange extends boolean = false>(props: import('./components').ControlledSliderProps<TFieldValues, IsRange>) => ReactNode;
-    readonly textArea: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledTextAreaProps<TFieldValues>) => ReactNode;
-    readonly textInput: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledTextInputProps<TFieldValues>) => ReactNode;
-    readonly timePicker: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledTimePickerProps<TFieldValues>) => ReactNode;
-    readonly toggle: <TFieldValues extends import('react-hook-form').FieldValues>(props: import('./components').ControlledToggleProps<TFieldValues>) => ReactNode;
+  readonly autocomplete: typeof Autocomplete;
+  readonly checkbox: typeof Checkbox;
+  readonly checkboxGroup: typeof CheckboxGroup;
+  readonly datePicker: typeof DatePicker;
+  readonly dateRangePicker: typeof DateRangePicker;
+  readonly dateTimePicker: typeof DateTimePicker;
+  readonly numberInput: typeof NumberInput;
+  readonly numberRangeInput: typeof NumberRangeInput;
+  readonly passwordInput: typeof PasswordInput;
+  readonly queryAutocomplete: typeof QueryAutocomplete;
+  readonly querySelect: typeof QuerySelect;
+  readonly segment: typeof Segment;
+  readonly select: typeof Select;
+  readonly slider: typeof Slider;
+  readonly textArea: typeof TextArea;
+  readonly textInput: typeof TextInput;
+  readonly timePicker: typeof TimePicker;
+  readonly toggle: typeof Toggle;
 };
-export type InputComponentType = keyof typeof componentRegistry;
-export type InputWrapperType = (children: ReactNode, label: string) => ReactElement;
-export interface InputDef<TFieldValues extends Record<string, any>> {
+type InputComponentType = keyof typeof componentRegistry;
+type InputWrapperType = (children: ReactNode, label: string) => ReactElement;
+interface InputDef<TFieldValues extends Record<string, any>> {
+  name: keyof TFieldValues;
+  type?: InputComponentType;
+  label?: string;
+  placeholder?: string;
+  props?: Record<string, unknown>;
+  inputWrapper?: InputWrapperType;
+  render?: (formControl: {
+    control: UseFormReturn<TFieldValues>["control"];
     name: keyof TFieldValues;
-    type?: InputComponentType;
-    label?: string;
-    placeholder?: string;
-    props?: Record<string, unknown>;
-    inputWrapper?: InputWrapperType;
-    render?: (formControl: {
-        control: UseFormReturn<TFieldValues>["control"];
-        name: keyof TFieldValues;
-    }, form: UseFormReturn<TFieldValues>) => ReactElement;
+  }, form: UseFormReturn<TFieldValues>) => ReactElement;
 }
-export interface InputsProps<TFieldValues extends Record<string, any>> {
-    form: UseFormReturn<TFieldValues>;
-    inputDefs: Array<InputDef<TFieldValues>>;
-    children?: (inputs: Record<keyof TFieldValues, ReactNode>) => ReactNode;
+interface InputsProps<TFieldValues extends Record<string, any>> {
+  form: UseFormReturn<TFieldValues>;
+  inputDefs: Array<InputDef<TFieldValues>>;
+  children?: (inputs: Record<keyof TFieldValues, ReactNode>) => ReactNode;
 }
-export declare function Inputs<TFieldValues extends Record<string, any>>({ form, inputDefs, children, }: InputsProps<TFieldValues>): string | number | bigint | boolean | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element[] | null | undefined;
-type FieldComponents<TSchema extends z.ZodObject<any>> = {
-    [K in keyof Required<z.infer<TSchema>> as Capitalize<K & string>]: (props: {
-        inputType?: InputComponentType;
-        label: string;
-        placeholder?: string;
-        [key: string]: unknown;
-    }) => ReactNode;
-};
-export declare function Form<TSchema extends z.ZodObject<any>>({ form, schema, onSubmit, onError, className, children, }: {
-    form: UseFormReturn<z.infer<TSchema>>;
-    schema: TSchema;
-    onSubmit: SubmitHandler<z.infer<TSchema>>;
-    onError?: SubmitErrorHandler<z.infer<TSchema>>;
-    className?: string;
-    children: (components: FieldComponents<TSchema>) => ReactNode;
+declare function Inputs<TFieldValues extends Record<string, any>>({ form, inputDefs, children }: InputsProps<TFieldValues>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element[] | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null | undefined;
+type FieldComponents<TSchema extends z.ZodObject<any>> = { [K in keyof Required<z.infer<TSchema>> as Capitalize<K & string>]: (props: {
+  inputType?: InputComponentType;
+  label: string;
+  placeholder?: string;
+  [key: string]: unknown;
+}) => ReactNode; };
+declare function Form<TSchema extends z.ZodObject<any>>({ form, schema, onSubmit, onError, className, children }: {
+  form: UseFormReturn<z.infer<TSchema>>;
+  schema: TSchema;
+  onSubmit: SubmitHandler<z.infer<TSchema>>;
+  onError?: SubmitErrorHandler<z.infer<TSchema>>;
+  className?: string;
+  children: (components: FieldComponents<TSchema>) => ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export {};
+//#endregion
+export { Form, InputComponentType, InputDef, InputWrapperType, Inputs, InputsProps };

package/dist/rhf/Inputs.js

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/rhf/Inputs.tsx
-var componentRegistry = {
+const componentRegistry = {
 	autocomplete: Autocomplete,
 	checkbox: Checkbox,
 	checkboxGroup: CheckboxGroup,
@@ -25,24 +25,68 @@ var componentRegistry = {
 	timePicker: TimePicker,
 	toggle: Toggle
 };
-function InputItem({ form, inputDef }) {
-	const { name, label = "", placeholder, props, inputWrapper, render, type } = inputDef;
-	const formControl = {
-		control: form.control,
-		name
-	};
-	if (render) return render(formControl, form);
+function InputItem(t0) {
+	const $ = c(16);
+	const { form, inputDef } = t0;
+	const { name, label: t1, placeholder, props, inputWrapper, render, type } = inputDef;
+	const label = t1 === void 0 ? "" : t1;
+	const t2 = form.control;
+	let formControl;
+	let t3;
+	if ($[0] !== form || $[1] !== name || $[2] !== render) {
+		t3 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			formControl = {
+				control: t2,
+				name
+			};
+			if (render) {
+				t3 = render(formControl, form);
+				break bb0;
+			}
+		}
+		$[0] = form;
+		$[1] = name;
+		$[2] = render;
+		$[3] = formControl;
+		$[4] = t3;
+	} else {
+		formControl = $[3];
+		t3 = $[4];
+	}
+	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
 	if (!type) return null;
 	const Component = componentRegistry[type];
 	const usesChildrenAsLabel = type === "toggle" || type === "checkbox";
-	const inputComponent = /* @__PURE__ */ jsx(Component, {
-		...props,
-		label: usesChildrenAsLabel ? void 0 : label,
-		placeholder,
-		formControl,
-		children: usesChildrenAsLabel ? label : void 0
-	});
-	return inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
+	const t4 = usesChildrenAsLabel ? void 0 : label;
+	const t5 = usesChildrenAsLabel ? label : void 0;
+	let t6;
+	if ($[5] !== Component || $[6] !== formControl || $[7] !== placeholder || $[8] !== props || $[9] !== t4 || $[10] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Component, {
+			...props,
+			label: t4,
+			placeholder,
+			formControl,
+			children: t5
+		});
+		$[5] = Component;
+		$[6] = formControl;
+		$[7] = placeholder;
+		$[8] = props;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+	} else t6 = $[11];
+	const inputComponent = t6;
+	let t7;
+	if ($[12] !== inputComponent || $[13] !== inputWrapper || $[14] !== label) {
+		t7 = inputWrapper ? inputWrapper(inputComponent, label) : inputComponent;
+		$[12] = inputComponent;
+		$[13] = inputWrapper;
+		$[14] = label;
+		$[15] = t7;
+	} else t7 = $[15];
+	return t7;
 }
 function Inputs(t0) {
 	const $ = c(9);
@@ -98,11 +142,12 @@ function Form(t0) {
 			fields[componentName] = ((t2) => {
 				const { inputType, label, placeholder, ...props } = t2;
 				const schemaType = ZodUtils.unwrapZodType(schema.shape[field]);
+				const type = inputType ?? (schemaType instanceof z.ZodBoolean ? "toggle" : schemaType instanceof z.ZodNumber ? "numberInput" : "textInput");
 				return /* @__PURE__ */ jsx(InputItem, {
 					form,
 					inputDef: {
 						name: field,
-						type: inputType ?? (schemaType instanceof z.ZodBoolean ? "toggle" : schemaType instanceof z.ZodNumber ? "numberInput" : "textInput"),
+						type,
 						label,
 						placeholder,
 						props