@povio/ui 3.4.0-rc.17 → 3.4.0-rc.19

package/dist/rhf.d.ts

@@ -4,14 +4,14 @@ import { LinkVariantProps, linkDefinition } from "./components/text/Link/link.cv
 import { Link, LinkNavigationProps, LinkProps } from "./components/link.js";
 import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from "./components/breadcrumbs.js";
 import { TypographyVariantProps, typographyDefinition } from "./components/text/Typography/typography.cva.js";
-import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.js";
-import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
-import { Menu, MenuProps } from "./components/menu.js";
 import { ButtonVariantProps, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition } from "./components/buttons/Button/button.cva.js";
 import { IconButton, IconButtonProps } from "./components/icon-button.js";
 import { InlineIconButton, InlineIconButtonProps } from "./components/inline-icon-button.js";
 import { PillButtonVariants, pillButtonContentDefinition, pillButtonDefinition } from "./components/buttons/PillButton/pillButton.cva.js";
 import { PillButton, PillButtonProps } from "./components/pill-button.js";
+import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.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/split-button.js";
 import { Button, ButtonProps } from "./components/buttons/Button/Button.js";
 import { TextButton, TextButtonProps } from "./components/text-button.js";
@@ -41,38 +41,77 @@ import { SelectProps } from "./components/inputs/Selection/Select/Select.js";
 import { SliderProps } from "./components/slider.js";
 import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
 import { ToggleProps } from "./components/toggle.js";
-import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
-import { Accordion } from "./components/accordion.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/stepper.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/typography.js";
+import { Typography, TypographyProps } from "./components/text/Typography/Typography.js";
 import { ActionModal, ActionModalProps } from "./components/action-modal.js";
 import { Drawer, DrawerProps } from "./components/drawer.js";
 import { ResponsivePopover, ResponsivePopoverProps } from "./components/responsive-popover.js";
 import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
 import { Tooltip, TooltipProps } from "./components/tooltip.js";
 import { TooltipEllipsis, TooltipEllipsisProps } from "./components/tooltip-ellipsis.js";
-import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
-import { SegmentProps } from "./components/segment/segment.types.js";
-import { PaginationList } from "./components/shared/pagination/PaginationList.js";
+import { PaginationList } from "./components/pagination-list.js";
 import { Pagination, PaginationProps } from "./components/pagination.js";
 import { alertDefinition } from "./components/status/Alert/alert.cva.js";
 import { Alert, AlertProps } from "./components/alert.js";
 import { loaderDefinition, loaderWrapperDefinition } from "./components/status/Loader/loader.cva.js";
 import { Loader, LoaderProps } from "./components/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/toast.js";
+import { Toast, ToastAction, ToastContainer, ToastProps } from "./components/status/Toast/Toast.js";
+import { ToastOptions, ToastParams, useToast } from "./components/use-toast.js";
 import { Pill, PillProps } from "./components/pill.js";
 import { TagVariantProps, tagDefinition } from "./components/text/Tag/tag.cva.js";
 import { Tag, TagProps } from "./components/tag.js";
+import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
+import { Accordion } from "./components/navigation/Accordion/Accordion.js";
+import { Confirmation } from "./config/confirmation.context.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 { DateTimeUtils } from "./utils/date-time.utils.js";
+import { DateUtils } from "./utils/date.utils.js";
+import { FileUtils } from "./utils/file.utils.js";
+import { IntlUtils } from "./utils/intl.utils.js";
+import { LinkContext } from "./config/link.context.js";
+import { logger } from "./utils/logger.js";
+import { MenuItem, MenuListItemProps } from "./components/Menu/MenuItem.js";
+import { uiOutlineClass } from "./components/outline.clsx.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 { ns, resources } from "./config/i18n.js";
+import { Autocomplete, ControlledAutocompleteProps } from "./rhf/autocomplete.js";
+import { Checkbox, ControlledCheckboxProps } from "./rhf/checkbox.js";
+import { CheckboxGroup, ControlledCheckboxGroupProps } from "./rhf/checkbox-group.js";
+import { ControlledDatePickerProps, DatePicker } from "./rhf/date-picker.js";
+import { ControlledDateRangePickerProps, DateRangePicker } from "./rhf/date-range-picker.js";
+import { ControlledDateTimePickerProps, DateTimePicker } from "./rhf/date-time-picker.js";
+import { FileUpload, RHFFileUploadProps } from "./rhf/file-upload.js";
+import { InputUpload, RHFInputUploadProps } from "./rhf/input-upload.js";
+import { ControlledNumberInputProps, NumberInput } from "./rhf/number-input.js";
+import { ControlledNumberRangeInputProps, NumberRangeInput } from "./rhf/number-range-input.js";
+import { ControlledPasswordInputProps, PasswordInput } from "./rhf/password-input.js";
+import { QueryAutocomplete } from "./rhf/query-autocomplete.js";
+import { QuerySelect, RHFQuerySelectProps } from "./rhf/query-select.js";
+import { ControlledRadioGroupProps, RadioGroup } from "./rhf/radio-group.js";
+import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
+import { SegmentProps } from "./components/segment/segment.types.js";
+import { ControlledSegmentProps, Segment } from "./rhf/segment.js";
+import { ControlledSelectProps, Select } from "./rhf/select.js";
+import { ControlledSliderProps, Slider } from "./rhf/slider.js";
+import { ControlledTextAreaProps, TextArea } from "./rhf/text-area.js";
+import { ControlledTextInputProps, TextInput } from "./rhf/text-input.js";
 import { TimePickerProps } from "./components/inputs/DateTime/TimePicker/TimePicker.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 { ControlledTimePickerProps, TimePicker } from "./rhf/time-picker.js";
+import { ControlledToggleProps, Toggle } from "./rhf/toggle.js";
+import "./rhf/components.js";
+import { Form, InputDef, Inputs, InputsProps } from "./rhf/Inputs.js";
+import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
+import { TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
+import { MenuPopover, MenuPopoverProps } from "./components/Menu/MenuPopover.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 { CellText, CellTextProps } from "./components/table/CellText.js";
 import { ColumnConfigModal, ColumnConfigModalProps } from "./components/table/ColumnConfig.js";
 import { HeaderText, HeaderTextProps } from "./components/table/HeaderText.js";
@@ -80,23 +119,6 @@ import { TableRowVariantProps, tableCellTextDefinition, tableDataDefinition, tab
 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 { usePagination } from "./hooks/usePagination.js";
-import { useSorting } from "./hooks/useSorting.js";
-import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
-import { useTableNav } from "./hooks/useTableNav.js";
-import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.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 { AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
-import { uiOutlineClass } from "./components/outline.clsx.js";
-import { ToastOptions, ToastParams, useToast } from "./components/status/Toast/useToast.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";
@@ -114,9 +136,6 @@ import { selectListBoxItemDefinition } from "./components/inputs/Selection/share
 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";
@@ -127,20 +146,22 @@ 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 { ZodUtils } from "./utils/zod.utils.js";
+import { DynamicInputsObjectSchema } from "./helpers/dynamicInputs.js";
+import { DynamicInputsOptions, dynamicInputs } from "./rhf/dynamicInputs.js";
 import { X as CloseIcon } from "lucide-react";
 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/rhf.js

@@ -5,7 +5,7 @@ import { MenuItem } from "./components/Menu/MenuItem.js";
 import { MenuPopover } from "./components/Menu/MenuPopover.js";
 import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
 import { typographyDefinition } from "./components/text/Typography/typography.cva.js";
-import { Typography } from "./components/typography.js";
+import { Typography } from "./components/text/Typography/Typography.js";
 import { Tooltip } from "./components/tooltip.js";
 import { LinkContext } from "./config/link.context.js";
 import { Breadcrumbs } from "./components/breadcrumbs.js";
@@ -28,69 +28,89 @@ import { useStateAndRef } from "./hooks/useStateAndRef.js";
 import { DomUtils } from "./utils/dom.utils.js";
 import { BottomSheet } from "./components/bottom-sheet.js";
 import { useBreakpoint } from "./hooks/useBreakpoint.js";
-import { Menu } from "./components/menu.js";
+import { Menu } from "./components/Menu/Menu.js";
 import { SplitButton } from "./components/split-button.js";
 import { TextButton } from "./components/text-button.js";
 import { ToggleButton } from "./components/toggle-button.js";
-import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
 import { formFieldErrorDefinition } from "./components/inputs/FormField/formFieldError.cva.js";
 import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
 import { labelDefinition } from "./components/inputs/shared/label.cva.js";
 import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
 import { FormField } from "./components/form-field.js";
-import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
-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";
 import { tagDefinition } from "./components/text/Tag/tag.cva.js";
 import { Tag } from "./components/tag.js";
 import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { selectInputTagsContentWrapperDefinition } from "./components/inputs/Selection/shared/selectInput.cva.js";
+import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
 import { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
+import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.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 { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
+import { popoverDefinition } from "./components/shared/popover.cva.js";
+import { Autocomplete } from "./rhf/autocomplete.js";
+import { Checkbox } from "./rhf/checkbox.js";
+import { CheckboxGroup } from "./rhf/checkbox-group.js";
+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 { DatePicker } from "./rhf/date-picker.js";
+import { DateRangePicker } from "./rhf/date-range-picker.js";
+import { DateTimePicker } from "./rhf/date-time-picker.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 { fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
+import { FileUpload } from "./rhf/file-upload.js";
 import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
-import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
+import { InputUpload } from "./rhf/input-upload.js";
+import { NumberInput } from "./rhf/number-input.js";
+import { NumberRangeInput } from "./rhf/number-range-input.js";
+import { PasswordInput } from "./rhf/password-input.js";
+import { QueryAutocomplete } from "./rhf/query-autocomplete.js";
+import { QuerySelect } from "./rhf/query-select.js";
 import { radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
-import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
-import { ResponsivePopover } from "./components/responsive-popover.js";
+import { RadioGroup } from "./rhf/radio-group.js";
 import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
-import { Autocomplete, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, DateTimePicker, FileUpload, InputUpload, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, RadioGroup, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./rhf/components.js";
+import { Segment } from "./rhf/segment.js";
+import { Select } from "./rhf/select.js";
+import { Slider } from "./rhf/slider.js";
+import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
+import { TextArea } from "./rhf/text-area.js";
+import { ResponsivePopover } from "./components/responsive-popover.js";
+import { TextInput } from "./rhf/text-input.js";
+import { TimePicker } from "./rhf/time-picker.js";
+import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
+import { Toggle } from "./rhf/toggle.js";
 import { FileUploadContainer } from "./components/file-upload-container.js";
 import { StringUtils } from "./utils/string.utils.js";
 import { ZodUtils } from "./utils/zod.utils.js";
-import { Form, Inputs } from "./rhf/Inputs.js";
+import { Form, Inputs } from "./rhf/Inputs2.js";
 import { accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
-import { Accordion } from "./components/accordion.js";
+import { Accordion } from "./components/navigation/Accordion/Accordion.js";
 import { stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
-import { Stepper } from "./components/stepper.js";
+import { Stepper } from "./components/navigation/Stepper/Stepper.js";
 import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./components/overlays/Modal/modal.cva.js";
 import { Modal } from "./components/overlays/Modal/Modal.js";
 import { ActionModal } from "./components/action-modal.js";
 import { Drawer } from "./components/drawer.js";
 import { TooltipEllipsis } from "./components/tooltip-ellipsis.js";
-import { PaginationList } from "./components/shared/pagination/PaginationList.js";
+import { PaginationList } from "./components/pagination-list.js";
 import { Pagination } from "./components/pagination.js";
 import { alertDefinition } from "./components/status/Alert/alert.cva.js";
 import { statusIconDefinition, statusSeparatorDefinition } from "./components/status/shared/status.cva.js";
 import { Alert } from "./components/alert.js";
 import { statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
-import { Toast, ToastContainer } from "./components/toast.js";
-import { useToast } from "./components/status/Toast/useToast.js";
+import { Toast, ToastContainer } from "./components/status/Toast/Toast.js";
+import { useToast } from "./components/use-toast.js";
 import { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition } from "./components/table/table.cva.js";
 import { CellText } from "./components/table/CellText.js";
 import { HeaderText } from "./components/table/HeaderText.js";
-import { logger } from "./utils/logger.js";
+import { logger } from "./utils/logger2.js";
 import { useTableNav } from "./hooks/useTableNav.js";
 import { Table } from "./components/table/Table.js";
 import { useTranslationMemo } from "./hooks/useTranslationMemo.js";

package/dist/styles/input.d.ts

@@ -0,0 +1,2 @@
+import { InputVariantProps } from "../components/inputs/shared/input.cva.js";
+export type { InputVariantProps };

package/dist/styles/outline.d.ts

@@ -0,0 +1,2 @@
+import { uiOutlineClass } from "../components/outline.clsx.js";
+export { uiOutlineClass };

package/dist/styles/outline.js

@@ -0,0 +1,2 @@
+import { uiOutlineClass } from "../components/outline.clsx.js";
+export { uiOutlineClass };

package/dist/tanstack/file-upload.d.ts

@@ -0,0 +1,3 @@
+import { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState } from "../components/inputs/File/fileUpload.types.js";
+import { FileUpload } from "../components/file-upload.js";
+export { type DefaultFile, FileUpload, type FileUploadBaseProps, type FileUploadButtonProps, type FileUploadError, type FileUploadProps, type FileUploadRequest, type FileUploadResponse, type FileUploadState };

package/dist/tanstack/file-upload.js

@@ -0,0 +1,2 @@
+import { FileUpload } from "../components/file-upload.js";
+export { FileUpload };

package/dist/tanstack/form.d.ts

@@ -1,3 +1,4 @@
 import { DeepKeys, DeepValue, FormSubmitErrorHandler, FormSubmitHandler, UIForm, UseFormProps, useForm, useFormState, useFormValue } from "../hooks/useForm.js";
 import { UseFormAutosaveProps, useFormAutosave } from "../hooks/useFormAutosave.js";
-export { type DeepKeys, type DeepValue, type FormSubmitErrorHandler, type FormSubmitHandler, type UIForm, type UseFormAutosaveProps, type UseFormProps, useForm, useFormAutosave, useFormState, useFormValue };
+import { Form } from "../components/inputs/Inputs/Form.js";
+export { type DeepKeys, type DeepValue, Form, type FormSubmitErrorHandler, type FormSubmitHandler, type UIForm, type UseFormAutosaveProps, type UseFormProps, useForm, useFormAutosave, useFormState, useFormValue };

package/dist/tanstack/form.js

@@ -1,3 +1,4 @@
+import { Form } from "../components/inputs/Inputs/Form.js";
 import { useForm, useFormState, useFormValue } from "../hooks/useForm.js";
 import { useFormAutosave } from "../hooks/useFormAutosave.js";
-export { useForm, useFormAutosave, useFormState, useFormValue };
+export { Form, useForm, useFormAutosave, useFormState, useFormValue };

package/dist/tanstack/input-upload.d.ts

@@ -0,0 +1,3 @@
+import { InputUploadBaseProps, InputUploadProps } from "../components/inputs/File/inputUpload.types.js";
+import { InputUpload } from "../components/input-upload.js";
+export { InputUpload, type InputUploadBaseProps, type InputUploadProps };

package/dist/tanstack/input-upload.js

@@ -0,0 +1,2 @@
+import { InputUpload } from "../components/input-upload.js";
+export { InputUpload };

package/dist/tanstack/inputs.d.ts

@@ -0,0 +1,6 @@
+import { InputVariantProps } from "../components/inputs/shared/input.cva.js";
+import { OmitDiscriminatedUnion } from "../types/common.js";
+import { InputDef } from "../components/inputs/Inputs/InputItem.js";
+import { DynamicInputsObjectSchema, DynamicInputsOptions, dynamicInputs } from "../helpers/dynamicInputs.js";
+import { Inputs, InputsProps } from "../components/inputs/Inputs/Inputs.js";
+export { type DynamicInputsObjectSchema, type DynamicInputsOptions, type InputDef, type InputVariantProps, Inputs, type InputsProps, type OmitDiscriminatedUnion, dynamicInputs };

package/dist/tanstack/inputs.js

@@ -0,0 +1,3 @@
+import { dynamicInputs } from "../helpers/dynamicInputs.js";
+import { Inputs } from "../components/inputs/Inputs/Inputs.js";
+export { Inputs, dynamicInputs };

package/dist/tanstack/segment.d.ts

@@ -1,3 +1,3 @@
 import { ControlledSegmentProps, GroupedSegmentControlProps, GroupedSegmentProps, MultiSegmentProps, SegmentItem, SegmentProps, SingleSegmentProps } from "../components/segment/segment.types.js";
-import { Segment } from "../components/segment.js";
+import { Segment } from "../components/segment/Segment.js";
 export { type ControlledSegmentProps, type GroupedSegmentControlProps, type GroupedSegmentProps, type MultiSegmentProps, Segment, type SegmentItem, type SegmentProps, type SingleSegmentProps };

package/dist/tanstack/segment.js

@@ -1,2 +1,2 @@
-import { Segment } from "../components/segment.js";
+import { Segment } from "../components/segment/Segment.js";
 export { Segment };

package/dist/tanstack/table.d.ts

@@ -5,8 +5,9 @@ import { TableRowVariantProps } 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 { DynamicColumnsOptions, dynamicColumns } from "../helpers/dynamicColumns.js";
 import { usePagination } from "../hooks/usePagination.js";
 import { useSorting } from "../hooks/useSorting.js";
 import { useTableColumnConfig } from "../hooks/useTableColumnConfig.js";
 import { useTableNav } from "../hooks/useTableNav.js";
-export { CellText, type CellTextProps, ColumnConfigModal, type ColumnConfigModalProps, HeaderText, type HeaderTextProps, InfiniteTable, type InfiniteTableProps, type InfiniteTableWrapperProps, PaginatedTable, type PaginatedTableProps, type PaginatedTableWrapperProps, Table, type TableProps, type TableRowVariantProps, type TableWrapperProps, usePagination, useSorting, useTableColumnConfig, useTableNav };
+export { CellText, type CellTextProps, ColumnConfigModal, type ColumnConfigModalProps, type DynamicColumnsOptions, HeaderText, type HeaderTextProps, InfiniteTable, type InfiniteTableProps, type InfiniteTableWrapperProps, PaginatedTable, type PaginatedTableProps, type PaginatedTableWrapperProps, Table, type TableProps, type TableRowVariantProps, type TableWrapperProps, dynamicColumns, usePagination, useSorting, useTableColumnConfig, useTableNav };

package/dist/tanstack/table.js

@@ -5,7 +5,8 @@ import { Table } from "../components/table/Table.js";
 import { ColumnConfigModal } from "../components/table/ColumnConfig.js";
 import { InfiniteTable } from "../components/table/InfiniteTable.js";
 import { PaginatedTable } from "../components/table/PaginatedTable.js";
+import { dynamicColumns } from "../helpers/dynamicColumns.js";
 import { usePagination } from "../hooks/usePagination.js";
 import { useSorting } from "../hooks/useSorting.js";
 import { useTableColumnConfig } from "../hooks/useTableColumnConfig.js";
-export { CellText, ColumnConfigModal, HeaderText, InfiniteTable, PaginatedTable, Table, usePagination, useSorting, useTableColumnConfig, useTableNav };
+export { CellText, ColumnConfigModal, HeaderText, InfiniteTable, PaginatedTable, Table, dynamicColumns, usePagination, useSorting, useTableColumnConfig, useTableNav };

package/dist/tanstack/text-editor.d.ts

@@ -0,0 +1,2 @@
+import { ControlledTextEditorProps, TextEditor, TextEditorBaseProps, TextEditorProps, TextEditorValue } from "../components/inputs/TextEditor/TextEditor.js";
+export { ControlledTextEditorProps, TextEditor, TextEditorBaseProps, TextEditorProps, TextEditorValue };

package/dist/tanstack/text-editor.js

@@ -0,0 +1,2 @@
+import { TextEditor } from "../components/inputs/TextEditor/TextEditor.js";
+export { TextEditor };

package/dist/tanstack.d.ts

@@ -4,14 +4,14 @@ import { LinkVariantProps, linkDefinition } from "./components/text/Link/link.cv
 import { Link, LinkNavigationProps, LinkProps } from "./components/link.js";
 import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from "./components/breadcrumbs.js";
 import { TypographyVariantProps, typographyDefinition } from "./components/text/Typography/typography.cva.js";
-import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.js";
-import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
-import { Menu, MenuProps } from "./components/menu.js";
 import { ButtonVariantProps, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition } from "./components/buttons/Button/button.cva.js";
 import { IconButton, IconButtonProps } from "./components/icon-button.js";
 import { InlineIconButton, InlineIconButtonProps } from "./components/inline-icon-button.js";
 import { PillButtonVariants, pillButtonContentDefinition, pillButtonDefinition } from "./components/buttons/PillButton/pillButton.cva.js";
 import { PillButton, PillButtonProps } from "./components/pill-button.js";
+import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.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/split-button.js";
 import { Button, ButtonProps } from "./components/buttons/Button/Button.js";
 import { TextButton, TextButtonProps } from "./components/text-button.js";
@@ -46,40 +46,54 @@ import { QuerySelect, QuerySelectProps } from "./components/query-select.js";
 import { ControlledSliderProps, Slider, SliderProps } from "./components/slider.js";
 import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
 import { ControlledToggleProps, Toggle, ToggleProps } from "./components/toggle.js";
-import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
-import { Accordion } from "./components/accordion.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/stepper.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/typography.js";
+import { Typography, TypographyProps } from "./components/text/Typography/Typography.js";
 import { ActionModal, ActionModalProps } from "./components/action-modal.js";
 import { Drawer, DrawerProps } from "./components/drawer.js";
 import { ResponsivePopover, ResponsivePopoverProps } from "./components/responsive-popover.js";
 import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
 import { Tooltip, TooltipProps } from "./components/tooltip.js";
 import { TooltipEllipsis, TooltipEllipsisProps } from "./components/tooltip-ellipsis.js";
-import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
-import { ControlledSegmentProps, SegmentProps } from "./components/segment/segment.types.js";
-import { Segment } from "./components/segment.js";
-import { PaginationList } from "./components/shared/pagination/PaginationList.js";
+import { PaginationList } from "./components/pagination-list.js";
 import { Pagination, PaginationProps } from "./components/pagination.js";
 import { alertDefinition } from "./components/status/Alert/alert.cva.js";
 import { Alert, AlertProps } from "./components/alert.js";
 import { loaderDefinition, loaderWrapperDefinition } from "./components/status/Loader/loader.cva.js";
 import { Loader, LoaderProps } from "./components/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/toast.js";
+import { Toast, ToastAction, ToastContainer, ToastProps } from "./components/status/Toast/Toast.js";
+import { ToastOptions, ToastParams, useToast } from "./components/use-toast.js";
 import { Pill, PillProps } from "./components/pill.js";
 import { TagVariantProps, tagDefinition } from "./components/text/Tag/tag.cva.js";
 import { Tag, TagProps } from "./components/tag.js";
+import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
+import { Accordion } from "./components/navigation/Accordion/Accordion.js";
+import { Confirmation } from "./config/confirmation.context.js";
 import { ControlledDatePickerProps, DatePicker, DatePickerProps } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
 import { ControlledDateRangePickerProps, DateRangePicker, DateRangePickerProps } from "./components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
 import { ControlledDateTimePickerProps, DateTimePicker, DateTimePickerProps } from "./components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
+import { DateTimeUtils } from "./utils/date-time.utils.js";
+import { DateUtils } from "./utils/date.utils.js";
+import { FileUtils } from "./utils/file.utils.js";
+import { IntlUtils } from "./utils/intl.utils.js";
+import { LinkContext } from "./config/link.context.js";
+import { logger } from "./utils/logger.js";
+import { MenuItem, MenuListItemProps } from "./components/Menu/MenuItem.js";
+import { uiOutlineClass } from "./components/outline.clsx.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 { ns, resources } from "./config/i18n.js";
+import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
+import { ControlledSegmentProps, SegmentProps } from "./components/segment/segment.types.js";
 import { ControlledTimePickerProps, TimePicker, TimePickerProps } from "./components/inputs/DateTime/TimePicker/TimePicker.js";
-import { useAutosave } from "./hooks/useAutosave.js";
-import { UseFormAutosaveProps, useFormAutosave } from "./hooks/useFormAutosave.js";
+import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
+import { TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
+import { MenuPopover, MenuPopoverProps } from "./components/Menu/MenuPopover.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 { CellText, CellTextProps } from "./components/table/CellText.js";
 import { ColumnConfigModal, ColumnConfigModalProps } from "./components/table/ColumnConfig.js";
 import { HeaderText, HeaderTextProps } from "./components/table/HeaderText.js";
@@ -87,22 +101,6 @@ import { TableRowVariantProps, tableCellTextDefinition, tableDataDefinition, tab
 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 { usePagination } from "./hooks/usePagination.js";
-import { useSorting } from "./hooks/useSorting.js";
-import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
-import { useTableNav } from "./hooks/useTableNav.js";
-import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.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 { 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 { AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
-import { uiOutlineClass } from "./components/outline.clsx.js";
-import { ToastOptions, ToastParams, useToast } from "./components/status/Toast/useToast.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";
@@ -120,9 +118,6 @@ import { selectListBoxItemDefinition } from "./components/inputs/Selection/share
 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 { InputDef } from "./components/inputs/Inputs/InputItem.js";
-import { ZodUtils } from "./utils/zod.utils.js";
-import { DynamicInputsObjectSchema, DynamicInputsOptions, dynamicInputs } from "./helpers/dynamicInputs.js";
 import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo } from "./hooks/useDeepCompare.js";
 import { FilterStore, useFilters } from "./hooks/useFilters.js";
@@ -130,21 +125,26 @@ 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 { ZodUtils } from "./utils/zod.utils.js";
+import { Segment } from "./components/segment/Segment.js";
+import { InputDef } from "./components/inputs/Inputs/InputItem.js";
+import { DynamicInputsObjectSchema, DynamicInputsOptions, dynamicInputs } from "./helpers/dynamicInputs.js";
+import { useAutosave } from "./hooks/useAutosave.js";
+import { UseFormAutosaveProps, useFormAutosave } from "./hooks/useFormAutosave.js";
 import { Form } from "./components/inputs/Inputs/Form.js";
 import { Inputs, InputsProps } from "./components/inputs/Inputs/Inputs.js";
 import { X as CloseIcon } from "lucide-react";