@povio/ui 3.4.0-rc.2 → 3.4.0-rc.4

package/dist/tanstack.js

@@ -0,0 +1,180 @@
+import { AlignCenterIcon } from "./assets/icons/AlignCenter.js";
+import { AlignLeftIcon } from "./assets/icons/AlignLeft.js";
+import { AlignLeftRightIcon } from "./assets/icons/AlignLeftRight.js";
+import { AlignRightIcon } from "./assets/icons/AlignRight.js";
+import { ArrowDropDownIcon } from "./assets/icons/ArrowDropDown.js";
+import { ArrowDropUpIcon } from "./assets/icons/ArrowDropUp.js";
+import { ArrowLeftIcon } from "./assets/icons/ArrowLeft.js";
+import { ArrowRightIcon } from "./assets/icons/ArrowRight.js";
+import { BoldIcon } from "./assets/icons/Bold.js";
+import { BulletedListIcon } from "./assets/icons/BulletedList.js";
+import { CalendarIcon } from "./assets/icons/Calendar.js";
+import { CheckIcon } from "./assets/icons/Check.js";
+import { CheckboxCheckmarkIcon } from "./assets/icons/CheckboxCheckmark.js";
+import { CheckboxIndeterminateIcon } from "./assets/icons/CheckboxIndeterminate.js";
+import { ChevronDownIcon } from "./assets/icons/ChevronDown.js";
+import { ChevronLeftIcon } from "./assets/icons/ChevronLeft.js";
+import { ChevronRightIcon } from "./assets/icons/ChevronRight.js";
+import { ChevronsLeftIcon } from "./assets/icons/ChevronsLeft.js";
+import { ChevronsRightIcon } from "./assets/icons/ChevronsRight.js";
+import { ChevronUpIcon } from "./assets/icons/ChevronUp.js";
+import { ClockIcon } from "./assets/icons/Clock.js";
+import { CloseIcon } from "./assets/icons/Close.js";
+import { DateTimeIcon } from "./assets/icons/DateTime.js";
+import { HighlightIcon } from "./assets/icons/Highlight.js";
+import { HighlightOnIcon } from "./assets/icons/HighlightOn.js";
+import { HomeIcon } from "./assets/icons/Home.js";
+import { InfoIcon } from "./assets/icons/Info.js";
+import { ItalicIcon } from "./assets/icons/Italic.js";
+import { LinkIcon } from "./assets/icons/Link.js";
+import { MenuIcon } from "./assets/icons/Menu.js";
+import { NumberedListIcon } from "./assets/icons/NumberedList.js";
+import { PointerHorizontalIcon } from "./assets/icons/PointerHorizontal.js";
+import { PointerVerticalIcon } from "./assets/icons/PointerVertical.js";
+import { SendIcon } from "./assets/icons/Send.js";
+import { StrikethroughIcon } from "./assets/icons/Strikethrough.js";
+import { TextColorIcon } from "./assets/icons/TextColor.js";
+import { UnderlinedIcon } from "./assets/icons/Underlined.js";
+import { VisibilityIcon } from "./assets/icons/Visibility.js";
+import { VisibilityOffIcon } from "./assets/icons/VisibilityOff.js";
+import { UIOverrides } from "./config/uiOverrides.context.js";
+import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
+import { menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
+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/text/Typography/Typography.js";
+import { Tooltip } from "./components/overlays/Tooltip/Tooltip.js";
+import { LinkContext } from "./config/link.context.js";
+import { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { loaderDefinition, loaderWrapperDefinition } from "./components/status/Loader/loader.cva.js";
+import { Loader } from "./components/status/Loader/Loader.js";
+import { ObjectUtils } from "./utils/object.utils.js";
+import { isEqual } from "./utils/isEqual.js";
+import { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo } from "./hooks/useDeepCompare.js";
+import { UIConfig } from "./config/uiConfig.context.js";
+import { uiOutlineClass } from "./components/outline.clsx.js";
+import { compoundMapper } from "./utils/compoundMapper.js";
+import { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition } from "./components/buttons/Button/button.cva.js";
+import { Button } from "./components/buttons/Button/Button.js";
+import { IconButton } from "./components/buttons/IconButton/IconButton.js";
+import { InlineIconButton } from "./components/buttons/InlineIconButton/InlineIconButton.js";
+import { pillButtonContentDefinition, pillButtonDefinition } from "./components/buttons/PillButton/pillButton.cva.js";
+import { PillButton } from "./components/buttons/PillButton/PillButton.js";
+import { ns, resources } from "./config/i18n.js";
+import { useStateAndRef } from "./hooks/useStateAndRef.js";
+import { DomUtils } from "./utils/dom.utils.js";
+import { BottomSheet } from "./components/overlays/BottomSheet/BottomSheet.js";
+import { useBreakpoint } from "./hooks/useBreakpoint.js";
+import { Menu } from "./components/Menu/Menu.js";
+import { SplitButton } from "./components/buttons/SplitButton/SplitButton.js";
+import { TextButton } from "./components/buttons/TextButton/TextButton.js";
+import { ToggleButton } from "./components/buttons/ToggleButton/ToggleButton.js";
+import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
+import { formFieldErrorDefinition } from "./components/inputs/FormField/formFieldError.cva.js";
+import { Checkbox } from "./components/inputs/Checkbox/Checkbox.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/inputs/FormField/FormField.js";
+import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
+import { CheckboxGroup } from "./components/inputs/Checkbox/CheckboxGroup.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 { 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 { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
+import { tagDefinition } from "./components/text/Tag/tag.cva.js";
+import { Tag } from "./components/text/Tag/Tag.js";
+import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
+import { selectInputTagsContentWrapperDefinition } from "./components/inputs/Selection/shared/selectInput.cva.js";
+import { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
+import { selectListBoxItemDefinition } from "./components/inputs/Selection/shared/selectItem.cva.js";
+import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
+import { selectPopoverDefinition } from "./components/inputs/Selection/shared/selectDesktop.cva.js";
+import { TextInput } from "./components/inputs/Input/TextInput/TextInput.js";
+import { Select } from "./components/inputs/Selection/Select/Select.js";
+import { DateRangePicker } from "./components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
+import { DateTimePicker } from "./components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
+import { TimePicker } from "./components/inputs/DateTime/TimePicker/TimePicker.js";
+import { RestUtils } from "./utils/rest.utils.js";
+import { FileUtils } from "./utils/file.utils.js";
+import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
+import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
+import { fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
+import { FileUpload } from "./components/inputs/File/FileUpload.js";
+import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
+import { InputUpload } from "./components/inputs/File/InputUpload.js";
+import { NumberInput } from "./components/inputs/Input/NumberInput/NumberInput.js";
+import { NumberRangeInput } from "./components/inputs/Input/NumberRangeInput/NumberRangeInput.js";
+import { PasswordInput } from "./components/inputs/Input/PasswordInput/PasswordInput.js";
+import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
+import { TextArea } from "./components/inputs/Input/TextArea/TextArea.js";
+import { radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
+import { RadioGroup } from "./components/inputs/RadioGroup/RadioGroup.js";
+import { Autocomplete } from "./components/inputs/Selection/Autocomplete/Autocomplete.js";
+import { QueryAutocomplete } from "./components/inputs/Selection/Autocomplete/QueryAutocomplete.js";
+import { QuerySelect } from "./components/inputs/Selection/Select/QuerySelect.js";
+import { Slider } from "./components/inputs/Slider/Slider.js";
+import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
+import { Toggle } from "./components/inputs/Toggle/Toggle.js";
+import { ResponsivePopover } from "./components/overlays/ResponsivePopover/ResponsivePopover.js";
+import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
+import { Segment } from "./components/segment/Segment.js";
+import { FileUploadContainer } from "./components/inputs/File/FileUploadContainer.js";
+import { StringUtils } from "./utils/string.utils.js";
+import { ZodUtils } from "./utils/zod.utils.js";
+import { accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
+import { Accordion } from "./components/navigation/Accordion/Accordion.js";
+import { stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.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/overlays/ActionModal/ActionModal.js";
+import { Drawer } from "./components/overlays/Drawer/Drawer.js";
+import { TooltipEllipsis } from "./components/overlays/Tooltip/TooltipEllipsis.js";
+import { PaginationList } from "./components/shared/pagination/PaginationList.js";
+import { Pagination } from "./components/shared/pagination/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/status/Alert/Alert.js";
+import { statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
+import { Toast, ToastContainer } from "./components/status/Toast/Toast.js";
+import { useToast } from "./components/status/Toast/useToast.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 { useTableNav } from "./hooks/useTableNav.js";
+import { Table } from "./components/table/Table.js";
+import { useTranslationMemo } from "./hooks/useTranslationMemo.js";
+import { ColumnConfigModal } from "./components/table/ColumnConfig.js";
+import { InfiniteTable } from "./components/table/InfiniteTable.js";
+import { PaginatedTable } from "./components/table/PaginatedTable.js";
+import { linkDefinition } from "./components/text/Link/link.cva.js";
+import { Link } from "./components/text/Link/Link.js";
+import { Pill } from "./components/text/Pill/Pill.js";
+import { Confirmation } from "./config/confirmation.context.js";
+import { UIRouter } from "./config/router.context.js";
+import { useLocalStorage } from "./hooks/useLocalStorage.js";
+import { ThemeContext } from "./config/theme.context.js";
+import { DateUtils } from "./utils/date.utils.js";
+import { dynamicColumns } from "./helpers/dynamicColumns.js";
+import { dynamicInputs } from "./helpers/dynamicInputs.js";
+import { RoutingUtils } from "./utils/routing.utils.js";
+import { useFilters } from "./hooks/useFilters.js";
+import { usePagination } from "./hooks/usePagination.js";
+import { useSorting } from "./hooks/useSorting.js";
+import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
+import { ArrayUtils } from "./utils/array.utils.js";
+import { QueriesUtils } from "./utils/queries.utils.js";
+import { Form } from "./components/inputs/Inputs/Form.js";
+import { Inputs } from "./components/inputs/Inputs/Inputs.js";
+import { useAutosave } from "./hooks/useAutosave.js";
+import { useForm, useFormState, useFormValue } from "./hooks/useForm.js";
+import { useFormAutosave } from "./hooks/useFormAutosave.js";
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, 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, useFormState, useFormValue, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@povio/ui",
-  "version": "3.4.0-rc.2",
+  "version": "3.4.0-rc.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
+    "./tanstack": "./dist/tanstack.js",
     "./text-editor": "./dist/text-editor.js",
     "./text-editor/styles": "./dist/styles/editor.css",
     "./tw-ui-plugin": "./dist/tw-ui-plugin.js"
@@ -29,7 +30,6 @@
     "@react-stately/calendar": "^3.9.2",
     "@react-stately/datepicker": "^3.16.0",
     "@react-types/shared": "^3.33.0",
-    "@tanstack/react-form": "^1.33.2",
     "@tanstack/react-table": "^8.21.3",
     "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
@@ -50,6 +50,8 @@
   "peerDependencies": {
     "@casl/ability": "^6.7.3",
     "@casl/react": "^5.0.0",
+    "@hookform/resolvers": "^5.2.2",
+    "@tanstack/react-form": "^1.33.2",
     "@tanstack/react-query": "^5.89.0",
     "@tiptap/core": "^3.19.0",
     "@tiptap/extension-color": "^3.19.0",
@@ -66,9 +68,16 @@
     "i18next": ">=25",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "react-hook-form": "^7.65.0",
     "react-i18next": ">=16"
   },
   "peerDependenciesMeta": {
+    "@hookform/resolvers": {
+      "optional": true
+    },
+    "@tanstack/react-form": {
+      "optional": true
+    },
     "@tiptap/core": {
       "optional": true
     },
@@ -104,6 +113,9 @@
     },
     "@tiptap/starter-kit": {
       "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
     }
   }
 }