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

package/dist/components/toast.js

@@ -1,82 +1,2 @@
-import { UIOverrides } from "../config/uiOverrides.context.js";
-import { Typography } from "./typography.js";
-import { Loader } from "./loader.js";
-import { UIConfig } from "../config/uiConfig.context.js";
-import { Button } from "./buttons/Button/Button.js";
-import { buttonColorVariant, statusIconDefinition, statusSeparatorDefinition, toastContainerDefinition, toastDefinition, toastWrapper } from "./status/Toast/toast.cva.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ToastContainer as ToastContainer$1 } from "react-toastify";
-//#region src/components/status/Toast/Toast.tsx
-const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
-	const uiConfig = UIConfig.useConfig();
-	const { variant = uiConfig.toast.variant, ...restProps } = props;
-	const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
-	const buttonColor = UIOverrides.useMapper("toast.buttonColor", buttonColorVariant);
-	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
-	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
-	const variantProps = {
-		variant,
-		...restProps
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: toastCva(variantProps),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
-			children: [
-				isLoading && /* @__PURE__ */ jsx(Loader, {
-					size: "default",
-					className: "shrink-0"
-				}),
-				!isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva(variantProps) }),
-				/* @__PURE__ */ jsx(Typography, {
-					size: "label-2",
-					children: text
-				})
-			]
-		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
-			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
-			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
-				onPress,
-				...buttonColor(variantProps),
-				variant: "text",
-				size: "none",
-				width: "hug",
-				children: buttonText
-			}, buttonText))
-		})] })]
-	});
-};
-const ToastContainer = () => {
-	const $ = c(6);
-	const uiConfig = UIConfig.useConfig();
-	const containerCva = UIOverrides.useCva("toast.containerCva", toastContainerDefinition);
-	let t0;
-	if ($[0] !== containerCva || $[1] !== uiConfig.toast.position) {
-		t0 = (params) => containerCva({
-			position: params?.position ?? uiConfig.toast.position,
-			className: params?.defaultClassName
-		});
-		$[0] = containerCva;
-		$[1] = uiConfig.toast.position;
-		$[2] = t0;
-	} else t0 = $[2];
-	let t1;
-	if ($[3] !== t0 || $[4] !== uiConfig.toast.position) {
-		t1 = /* @__PURE__ */ jsx(ToastContainer$1, {
-			position: uiConfig.toast.position,
-			className: t0,
-			toastClassName: toastWrapper,
-			autoClose: 2500,
-			icon: false,
-			closeButton: false,
-			hideProgressBar: true
-		});
-		$[3] = t0;
-		$[4] = uiConfig.toast.position;
-		$[5] = t1;
-	} else t1 = $[5];
-	return t1;
-};
-//#endregion
+import { Toast, ToastContainer } from "./status/Toast/Toast.js";
 export { Toast, ToastContainer };

package/dist/components/tooltip.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../config/uiOverrides.context.js";
 import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./overlays/Tooltip/tooltip.cva.js";
-import { Typography } from "./typography.js";
+import { Typography } from "./text/Typography/Typography.js";
 import { Triangle, TriangleRight } from "lucide-react";
 import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";

package/dist/components/typography.d.ts

@@ -1,12 +1,3 @@
 import { TypographyVariantProps } from "./text/Typography/typography.cva.js";
-import { HTMLAttributes, Ref } from "react";
-//#region src/components/text/Typography/Typography.d.ts
-type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
-interface TypographyPropsCva extends Omit<TypographyVariantProps, "size">, Required<Pick<TypographyVariantProps, "size">> {}
-interface TypographyProps extends TypographyPropsCva, HTMLAttributes<HTMLElement> {
-  ref?: Ref<HTMLHeadingElement>;
-  as?: TypographyTag;
-}
-declare const Typography: ({ as, className, ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { Typography, TypographyProps, TypographyPropsCva };
+import { Typography, TypographyProps } from "./text/Typography/Typography.js";
+export { Typography, type TypographyProps, type TypographyVariantProps };

package/dist/components/typography.js

@@ -1,31 +1,2 @@
-import { UIOverrides } from "../config/uiOverrides.context.js";
-import { typographyDefinition } from "./text/Typography/typography.cva.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/text/Typography/Typography.tsx
-const Typography = (t0) => {
-	const $ = c(4);
-	const { as: t1, className, ...props } = t0;
-	const as = t1 === void 0 ? "p" : t1;
-	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
-	const Tag = as;
-	const t2 = typographyCva({
-		...props,
-		sizeMobile: props.sizeMobile ?? props.size,
-		className
-	});
-	let t3;
-	if ($[0] !== Tag || $[1] !== props || $[2] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Tag, {
-			className: t2,
-			...props
-		});
-		$[0] = Tag;
-		$[1] = props;
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	return t3;
-};
-//#endregion
+import { Typography } from "./text/Typography/Typography.js";
 export { Typography };

package/dist/components/use-toast.d.ts

@@ -0,0 +1,16 @@
+import { ToastProps } from "./status/Toast/Toast.js";
+import { Id, ToastOptions as ToastOptions$1, ToastPosition } from "react-toastify";
+//#region src/components/status/Toast/useToast.d.ts
+interface ToastParams extends Omit<ToastProps, "color"> {
+  position?: ToastPosition;
+}
+type ToastOptions = Omit<ToastOptions$1, "position" | "data">;
+declare const useToast: () => {
+  successToast: (params: ToastParams, options?: ToastOptions) => Id;
+  errorToast: (params: ToastParams, options?: ToastOptions) => Id;
+  warningToast: (params: ToastParams, options?: ToastOptions) => Id;
+  neutralToast: (params: ToastParams, options?: ToastOptions) => Id;
+  closeToast: (id: Id) => void;
+};
+//#endregion
+export { ToastOptions, ToastParams, useToast };

package/dist/components/{status/Toast/useToast.js → use-toast.js}

@@ -1,4 +1,4 @@
-import { Toast } from "../../toast.js";
+import { Toast } from "./status/Toast/Toast.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { toast } from "react-toastify";

package/dist/config/confirmation.d.ts

@@ -0,0 +1,2 @@
+import { Confirmation } from "./confirmation.context.js";
+export { Confirmation };

package/dist/config/confirmation.js

@@ -0,0 +1,2 @@
+import { Confirmation } from "./confirmation.context.js";
+export { Confirmation };

package/dist/config/link-context.d.ts

@@ -0,0 +1,3 @@
+import { LinkNavigationProps } from "../components/link.js";
+import { LinkContext } from "./link.context.js";
+export { LinkContext, type LinkNavigationProps };

package/dist/config/link-context.js

@@ -0,0 +1,2 @@
+import { LinkContext } from "./link.context.js";
+export { LinkContext };

package/dist/config/resources.d.ts

@@ -0,0 +1,2 @@
+import { ns, resources } from "./i18n.js";
+export { ns, resources };

package/dist/config/resources.js

@@ -0,0 +1,2 @@
+import { ns, resources } from "./i18n.js";
+export { ns, resources };

package/dist/config/theme-context.d.ts

@@ -0,0 +1,2 @@
+import { ThemeContext } from "./theme.context.js";
+export { ThemeContext };

package/dist/config/theme-context.js

@@ -0,0 +1,2 @@
+import { ThemeContext } from "./theme.context.js";
+export { ThemeContext };

package/dist/config/ui-config.d.ts

@@ -0,0 +1,2 @@
+import { UIConfig } from "./uiConfig.context.js";
+export { UIConfig };

package/dist/config/ui-config.js

@@ -0,0 +1,2 @@
+import { UIConfig } from "./uiConfig.context.js";
+export { UIConfig };

package/dist/config/ui-overrides.d.ts

@@ -0,0 +1,2 @@
+import { UIOverrides } from "./uiOverrides.context.js";
+export { UIOverrides };

package/dist/config/ui-overrides.js

@@ -0,0 +1,2 @@
+import { UIOverrides } from "./uiOverrides.context.js";
+export { UIOverrides };

package/dist/config/ui-router.d.ts

@@ -0,0 +1,2 @@
+import { UIRouter } from "./router.context.js";
+export { UIRouter };

package/dist/config/ui-router.js

@@ -0,0 +1,2 @@
+import { UIRouter } from "./router.context.js";
+export { UIRouter };

package/dist/config/uiConfig.context.d.ts

@@ -8,7 +8,7 @@ import { SelectBaseProps } from "../components/inputs/Selection/shared/SelectBas
 import { SliderProps } from "../components/slider.js";
 import { ToggleProps } from "../components/toggle.js";
 import { ActionModalProps } from "../components/action-modal.js";
-import { ToastProps } from "../components/toast.js";
+import { ToastProps } from "../components/status/Toast/Toast.js";
 import { TagProps } from "../components/tag.js";
 import { DatePickerProps } from "../components/inputs/DateTime/DatePicker/DatePicker.js";
 import { CellTextProps } from "../components/table/CellText.js";

package/dist/helpers/dynamicInputs.d.ts

@@ -1,6 +1,6 @@
 import { FormInstance } from "../components/inputs/shared/form.binding.js";
-import { InputComponentProps, InputComponentType, InputDef, InputDefBaseProps, InputWrapperType } from "../components/inputs/Inputs/InputItem.js";
 import { ZodUtils } from "../utils/zod.utils.js";
+import { InputComponentProps, InputComponentType, InputDef, InputDefBaseProps, InputWrapperType } from "../components/inputs/Inputs/InputItem.js";
 import { ReactElement } from "react";
 import { z } from "zod";
 //#region src/helpers/dynamicInputs.d.ts

package/dist/hooks/use-filters.d.ts

@@ -0,0 +1,2 @@
+import { FilterStore, useFilters } from "./useFilters.js";
+export { type FilterStore, useFilters };

package/dist/hooks/use-filters.js

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

package/dist/hooks/use-local-storage.d.ts

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

package/dist/hooks/use-local-storage.js

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

package/dist/hooks/use-translation-memo.d.ts

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

package/dist/hooks/use-translation-memo.js

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

package/dist/hooks/useTableNav.js

@@ -1,4 +1,4 @@
-import { logger } from "../utils/logger.js";
+import { logger } from "../utils/logger2.js";
 //#region src/hooks/useTableNav.ts
 const Selectors = {
 	Cell: "[role=\"cell\"],[role=\"gridcell\"],[role=\"columnheader\"],[role=\"rowheader\"],td,th",

package/dist/icons.d.ts

@@ -0,0 +1,2 @@
+import { X as CloseIcon } from "lucide-react";
+export { CloseIcon };

package/dist/icons.js

@@ -0,0 +1,2 @@
+import { X as CloseIcon } from "lucide-react";
+export { CloseIcon };

package/dist/index.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";
@@ -40,38 +40,76 @@ 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 { 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";
@@ -79,23 +117,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";
@@ -113,9 +134,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";
@@ -126,20 +144,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 { CloseIcon } from "./rhf.js";
+import { DynamicInputsObjectSchema } from "./helpers/dynamicInputs.js";
+import { DynamicInputsOptions, dynamicInputs } from "./rhf/dynamicInputs.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

@@ -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";