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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/README.md +20 -1
  2. package/dist/components/Menu/Menu.d.ts +23 -0
  3. package/dist/components/Menu/Menu.js +27 -0
  4. package/dist/components/Menu/MenuItem.d.ts +1 -1
  5. package/dist/components/Menu/MenuPopover.d.ts +1 -1
  6. package/dist/components/accordion.d.ts +3 -5
  7. package/dist/components/accordion.js +1 -80
  8. package/dist/components/action-modal.d.ts +1 -1
  9. package/dist/components/action-modal.js +1 -1
  10. package/dist/components/alert.js +1 -1
  11. package/dist/components/autocomplete.js +1 -1
  12. package/dist/components/breadcrumbs.js +1 -1
  13. package/dist/components/checkbox-group.js +2 -2
  14. package/dist/components/checkbox.js +2 -2
  15. package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +3 -3
  16. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +4 -4
  17. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +3 -3
  18. package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +3 -3
  19. package/dist/components/inputs/DateTime/shared/CalendarCell.js +1 -1
  20. package/dist/components/inputs/DateTime/shared/CalendarGrid.js +1 -1
  21. package/dist/components/inputs/DateTime/shared/DatePickerInput.js +2 -2
  22. package/dist/components/inputs/DateTime/shared/MonthPicker.js +1 -1
  23. package/dist/components/inputs/DateTime/shared/TimePickerForm.js +1 -1
  24. package/dist/components/inputs/DateTime/shared/TimePickerInput.js +2 -2
  25. package/dist/components/inputs/DateTime/shared/YearPicker.js +1 -1
  26. package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js +1 -1
  27. package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +1 -1
  28. package/dist/components/inputs/File/shared/FileUploadContentError.js +1 -1
  29. package/dist/components/inputs/File/shared/FileUploadContentFilled.js +1 -1
  30. package/dist/components/inputs/File/shared/FileUploadContentLoading.js +1 -1
  31. package/dist/components/inputs/File/shared/InputUploadContent.js +1 -1
  32. package/dist/components/inputs/File/shared/InputUploadFilled.js +1 -1
  33. package/dist/components/inputs/File/shared/ProgressBar.js +1 -1
  34. package/dist/components/inputs/FormField/FormFieldHeader.js +1 -1
  35. package/dist/components/inputs/Input/shared/InputContent.js +1 -1
  36. package/dist/components/inputs/Inputs/InputItem.d.ts +1 -1
  37. package/dist/components/inputs/Inputs/InputItem.js +5 -5
  38. package/dist/components/inputs/Selection/Select/Select.js +2 -2
  39. package/dist/components/inputs/Selection/shared/SelectDesktop.js +2 -2
  40. package/dist/components/inputs/Selection/shared/SelectInput.js +3 -3
  41. package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +1 -1
  42. package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +1 -1
  43. package/dist/components/inputs/Skeleton/InputFrame.js +1 -1
  44. package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +1 -1
  45. package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js +1 -1
  46. package/dist/components/menu.d.ts +3 -23
  47. package/dist/components/menu.js +3 -27
  48. package/dist/components/navigation/Accordion/Accordion.d.ts +5 -0
  49. package/dist/components/navigation/Accordion/Accordion.js +81 -0
  50. package/dist/components/navigation/Accordion/AccordionItem.js +1 -1
  51. package/dist/components/navigation/Stepper/Stepper.d.ts +5 -0
  52. package/dist/components/navigation/Stepper/Stepper.js +79 -0
  53. package/dist/components/navigation/Stepper/StepperItem.js +1 -1
  54. package/dist/components/number-input.js +3 -3
  55. package/dist/components/number-range-input.js +2 -2
  56. package/dist/components/overlays/BottomSheet/BottomSheetHeader.js +1 -1
  57. package/dist/components/{shared/pagination/PaginationList.d.ts → pagination-list.d.ts} +1 -1
  58. package/dist/components/{shared/pagination/PaginationList.js → pagination-list.js} +3 -3
  59. package/dist/components/pagination.d.ts +1 -1
  60. package/dist/components/pagination.js +2 -2
  61. package/dist/components/pill.d.ts +1 -1
  62. package/dist/components/pill.js +1 -1
  63. package/dist/components/progress-bar.d.ts +2 -0
  64. package/dist/components/progress-bar.js +2 -0
  65. package/dist/components/radio-group.js +1 -1
  66. package/dist/components/segment/Segment.d.ts +7 -0
  67. package/dist/components/segment/Segment.js +245 -0
  68. package/dist/components/segment/SegmentItem.js +1 -1
  69. package/dist/components/segment.d.ts +3 -7
  70. package/dist/components/segment.js +1 -244
  71. package/dist/components/slider.js +1 -1
  72. package/dist/components/split-button.d.ts +1 -1
  73. package/dist/components/split-button.js +1 -1
  74. package/dist/components/status/Toast/Toast.d.ts +17 -0
  75. package/dist/components/status/Toast/Toast.js +82 -0
  76. package/dist/components/stepper.d.ts +3 -5
  77. package/dist/components/stepper.js +1 -78
  78. package/dist/components/table/CellText.d.ts +1 -1
  79. package/dist/components/table/CellText.js +1 -1
  80. package/dist/components/table/ColumnConfig.js +1 -1
  81. package/dist/components/table/HeaderText.d.ts +1 -1
  82. package/dist/components/table/HeaderText.js +1 -1
  83. package/dist/components/tag.d.ts +1 -1
  84. package/dist/components/tag.js +1 -1
  85. package/dist/components/text/Typography/Typography.d.ts +12 -0
  86. package/dist/components/text/Typography/Typography.js +31 -0
  87. package/dist/components/text-area.js +1 -1
  88. package/dist/components/text-input.js +2 -2
  89. package/dist/components/toast.d.ts +2 -16
  90. package/dist/components/toast.js +1 -81
  91. package/dist/components/tooltip.js +1 -1
  92. package/dist/components/typography.d.ts +2 -11
  93. package/dist/components/typography.js +1 -30
  94. package/dist/components/use-toast.d.ts +16 -0
  95. package/dist/components/{status/Toast/useToast.js → use-toast.js} +1 -1
  96. package/dist/config/confirmation.d.ts +2 -0
  97. package/dist/config/confirmation.js +2 -0
  98. package/dist/config/link-context.d.ts +3 -0
  99. package/dist/config/link-context.js +2 -0
  100. package/dist/config/resources.d.ts +2 -0
  101. package/dist/config/resources.js +2 -0
  102. package/dist/config/theme-context.d.ts +2 -0
  103. package/dist/config/theme-context.js +2 -0
  104. package/dist/config/ui-config.d.ts +2 -0
  105. package/dist/config/ui-config.js +2 -0
  106. package/dist/config/ui-overrides.d.ts +2 -0
  107. package/dist/config/ui-overrides.js +2 -0
  108. package/dist/config/ui-router.d.ts +2 -0
  109. package/dist/config/ui-router.js +2 -0
  110. package/dist/config/uiConfig.context.d.ts +1 -1
  111. package/dist/helpers/dynamicInputs.d.ts +1 -1
  112. package/dist/hooks/use-filters.d.ts +2 -0
  113. package/dist/hooks/use-filters.js +2 -0
  114. package/dist/hooks/use-local-storage.d.ts +2 -0
  115. package/dist/hooks/use-local-storage.js +2 -0
  116. package/dist/hooks/use-translation-memo.d.ts +2 -0
  117. package/dist/hooks/use-translation-memo.js +2 -0
  118. package/dist/hooks/useTableNav.js +1 -1
  119. package/dist/icons.d.ts +2 -0
  120. package/dist/icons.js +2 -0
  121. package/dist/index.d.ts +59 -39
  122. package/dist/index.js +43 -23
  123. package/dist/rhf/Inputs.d.ts +19 -1
  124. package/dist/rhf/{Inputs.js → Inputs2.js} +18 -1
  125. package/dist/rhf/autocomplete.d.ts +15 -2
  126. package/dist/rhf/autocomplete.js +8 -1
  127. package/dist/rhf/checkbox-group.d.ts +8 -2
  128. package/dist/rhf/checkbox-group.js +8 -1
  129. package/dist/rhf/checkbox.d.ts +8 -2
  130. package/dist/rhf/checkbox.js +8 -1
  131. package/dist/rhf/components.d.ts +30 -69
  132. package/dist/rhf/date-picker.d.ts +8 -2
  133. package/dist/rhf/date-picker.js +9 -1
  134. package/dist/rhf/date-range-picker.d.ts +8 -2
  135. package/dist/rhf/date-range-picker.js +9 -1
  136. package/dist/rhf/date-time-picker.d.ts +8 -2
  137. package/dist/rhf/date-time-picker.js +9 -1
  138. package/dist/rhf/date.transforms.js +15 -0
  139. package/dist/rhf/entry.utils.js +19 -2
  140. package/dist/rhf/file-upload.d.ts +10 -0
  141. package/dist/rhf/file-upload.js +7 -0
  142. package/dist/rhf/input-upload.d.ts +10 -0
  143. package/dist/rhf/input-upload.js +7 -0
  144. package/dist/rhf/inputs.js +3 -0
  145. package/dist/rhf/inputs2.d.ts +6 -0
  146. package/dist/rhf/number-input.js +2 -2
  147. package/dist/rhf/number-range-input.js +2 -2
  148. package/dist/rhf/password-input.js +2 -2
  149. package/dist/rhf/query-autocomplete.d.ts +14 -2
  150. package/dist/rhf/query-autocomplete.js +8 -1
  151. package/dist/rhf/query-select.d.ts +15 -2
  152. package/dist/rhf/query-select.js +8 -1
  153. package/dist/rhf/radio-group.d.ts +8 -2
  154. package/dist/rhf/radio-group.js +8 -1
  155. package/dist/rhf/segment.d.ts +8 -2
  156. package/dist/rhf/segment.js +6 -1
  157. package/dist/rhf/select.d.ts +15 -2
  158. package/dist/rhf/select.js +8 -1
  159. package/dist/rhf/slider.d.ts +7 -2
  160. package/dist/rhf/slider.js +6 -1
  161. package/dist/rhf/text-area.js +2 -2
  162. package/dist/rhf/text-editor.d.ts +8 -0
  163. package/dist/rhf/text-editor.js +7 -0
  164. package/dist/rhf/text-input.js +1 -1
  165. package/dist/rhf/time-picker.d.ts +8 -2
  166. package/dist/rhf/time-picker.js +9 -1
  167. package/dist/rhf/toggle.d.ts +8 -2
  168. package/dist/rhf/toggle.js +8 -1
  169. package/dist/rhf.d.ts +60 -39
  170. package/dist/rhf.js +43 -23
  171. package/dist/styles/input.d.ts +2 -0
  172. package/dist/styles/input.js +0 -0
  173. package/dist/styles/outline.d.ts +2 -0
  174. package/dist/styles/outline.js +2 -0
  175. package/dist/tanstack/file-upload.d.ts +3 -0
  176. package/dist/tanstack/file-upload.js +2 -0
  177. package/dist/tanstack/form.d.ts +2 -1
  178. package/dist/tanstack/form.js +2 -1
  179. package/dist/tanstack/input-upload.d.ts +3 -0
  180. package/dist/tanstack/input-upload.js +2 -0
  181. package/dist/tanstack/inputs.d.ts +6 -0
  182. package/dist/tanstack/inputs.js +3 -0
  183. package/dist/tanstack/segment.d.ts +1 -1
  184. package/dist/tanstack/segment.js +1 -1
  185. package/dist/tanstack/table.d.ts +2 -1
  186. package/dist/tanstack/table.js +2 -1
  187. package/dist/tanstack/text-editor.d.ts +2 -0
  188. package/dist/tanstack/text-editor.js +2 -0
  189. package/dist/tanstack.d.ts +40 -40
  190. package/dist/tanstack.js +30 -30
  191. package/dist/types/index.d.ts +2 -0
  192. package/dist/types/index.js +0 -0
  193. package/dist/utils/compound-mapper.d.ts +2 -0
  194. package/dist/utils/compound-mapper.js +2 -0
  195. package/dist/utils/date-time.d.ts +2 -0
  196. package/dist/utils/date-time.js +2 -0
  197. package/dist/utils/date.d.ts +2 -0
  198. package/dist/utils/date.js +2 -0
  199. package/dist/utils/file.d.ts +2 -0
  200. package/dist/utils/file.js +2 -0
  201. package/dist/utils/intl.d.ts +2 -0
  202. package/dist/utils/intl.js +2 -0
  203. package/dist/utils/logger.js +1 -18
  204. package/dist/utils/logger2.d.ts +2 -0
  205. package/dist/utils/logger2.js +19 -0
  206. package/dist/utils/string.d.ts +2 -0
  207. package/dist/utils/string.js +2 -0
  208. package/package.json +197 -10
  209. package/dist/components/status/Toast/useToast.d.ts +0 -16
  210. package/dist/rhf/components.js +0 -101
  211. /package/dist/styles/{editor.css → styles/editor.css} +0 -0
@@ -1,2 +1,9 @@
1
- import { Select } from "./components.js";
1
+ import { runtime, useFireBlurOnChange } from "./entry.utils.js";
2
+ import { renderRHFField } from "./fieldAdapter.js";
3
+ import { Select as Select$1 } from "../components/inputs/Selection/Select/Select.js";
4
+ //#region src/entries/rhf/select.ts
5
+ const Select = (props) => {
6
+ return renderRHFField(runtime(Select$1), useFireBlurOnChange(props, "select"));
7
+ };
8
+ //#endregion
2
9
  export { Select };
@@ -1,3 +1,8 @@
1
1
  import { SliderProps } from "../components/slider.js";
2
- import { ControlledSliderProps, Slider } from "./components.js";
3
- export { type ControlledSliderProps, Slider, type SliderProps };
2
+ import { ControlProps } from "./form.types.js";
3
+ import { FieldValues } from "react-hook-form";
4
+ //#region src/entries/rhf/slider.d.ts
5
+ type ControlledSliderProps<T extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps<IsRange>, T>;
6
+ declare const Slider: <T extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<T, IsRange>) => import("react").ReactNode;
7
+ //#endregion
8
+ export { ControlledSliderProps, Slider, type SliderProps };
@@ -1,2 +1,7 @@
1
- import { Slider } from "./components.js";
1
+ import { runtime } from "./entry.utils.js";
2
+ import { renderRHFField } from "./fieldAdapter.js";
3
+ import { Slider as Slider$1 } from "../components/slider.js";
4
+ //#region src/entries/rhf/slider.ts
5
+ const Slider = (props) => renderRHFField(runtime(Slider$1), props);
6
+ //#endregion
2
7
  export { Slider };
@@ -1,6 +1,6 @@
1
- import { TextArea as TextArea$1 } from "../components/text-area.js";
2
- import { renderRHFField } from "./fieldAdapter.js";
3
1
  import { runtime } from "./entry.utils.js";
2
+ import { renderRHFField } from "./fieldAdapter.js";
3
+ import { TextArea as TextArea$1 } from "../components/text-area.js";
4
4
  //#region src/entries/rhf/text-area.ts
5
5
  const TextArea = (props) => renderRHFField(runtime(TextArea$1), props);
6
6
  //#endregion
@@ -0,0 +1,8 @@
1
+ import { ControlProps } from "./form.types.js";
2
+ import { TextEditorProps } from "../components/inputs/TextEditor/TextEditor.js";
3
+ import { FieldValues } from "react-hook-form";
4
+ //#region src/entries/rhf/text-editor.d.ts
5
+ type ControlledTextEditorProps<T extends FieldValues> = ControlProps<TextEditorProps, T>;
6
+ declare const TextEditor: <T extends FieldValues>(props: ControlledTextEditorProps<T>) => import("react").ReactNode;
7
+ //#endregion
8
+ export { ControlledTextEditorProps, TextEditor, type TextEditorProps };
@@ -0,0 +1,7 @@
1
+ import { runtime } from "./entry.utils.js";
2
+ import { renderRHFField } from "./fieldAdapter.js";
3
+ import { TextEditor as TextEditor$1 } from "../components/inputs/TextEditor/TextEditor.js";
4
+ //#region src/entries/rhf/text-editor.ts
5
+ const TextEditor = (props) => renderRHFField(runtime(TextEditor$1), props);
6
+ //#endregion
7
+ export { TextEditor };
@@ -1,6 +1,6 @@
1
1
  import { TextInput as TextInput$1 } from "../components/text-input.js";
2
- import { renderRHFField } from "./fieldAdapter.js";
3
2
  import { runtime } from "./entry.utils.js";
3
+ import { renderRHFField } from "./fieldAdapter.js";
4
4
  //#region src/entries/rhf/text-input.ts
5
5
  const TextInput = (props) => renderRHFField(runtime(TextInput$1), props);
6
6
  //#endregion
@@ -1,3 +1,9 @@
1
+ import { ControlProps } from "./form.types.js";
2
+ import { FireBlurOnChangeProps } from "./fieldAdapter.js";
1
3
  import { TimePickerProps } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
2
- import { ControlledTimePickerProps, TimePicker } from "./components.js";
3
- export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };
4
+ import { FieldValues } from "react-hook-form";
5
+ //#region src/entries/rhf/time-picker.d.ts
6
+ type ControlledTimePickerProps<T extends FieldValues> = ControlProps<TimePickerProps & FireBlurOnChangeProps, T>;
7
+ declare const TimePicker: <T extends FieldValues>(props: ControlledTimePickerProps<T>) => import("react").ReactNode;
8
+ //#endregion
9
+ export { ControlledTimePickerProps, TimePicker, type TimePickerProps };
@@ -1,2 +1,10 @@
1
- import { TimePicker } from "./components.js";
1
+ import { runtime, useFireBlurOnChange } from "./entry.utils.js";
2
+ import { renderRHFField } from "./fieldAdapter.js";
3
+ import { toTime } from "./date.transforms.js";
4
+ import { TimePicker as TimePicker$1 } from "../components/inputs/DateTime/TimePicker/TimePicker.js";
5
+ //#region src/entries/rhf/time-picker.ts
6
+ const TimePicker = (props) => {
7
+ return renderRHFField(runtime(TimePicker$1), useFireBlurOnChange(props, "dateInput"), "value", toTime);
8
+ };
9
+ //#endregion
2
10
  export { TimePicker };
@@ -1,3 +1,9 @@
1
1
  import { ToggleProps } from "../components/toggle.js";
2
- import { ControlledToggleProps, Toggle } from "./components.js";
3
- export { type ControlledToggleProps, Toggle, type ToggleProps };
2
+ import { ControlProps } from "./form.types.js";
3
+ import { FireBlurOnChangeProps } from "./fieldAdapter.js";
4
+ import { FieldValues } from "react-hook-form";
5
+ //#region src/entries/rhf/toggle.d.ts
6
+ type ControlledToggleProps<T extends FieldValues> = ControlProps<ToggleProps & FireBlurOnChangeProps, T, "isSelected">;
7
+ declare const Toggle: <T extends FieldValues>(props: ControlledToggleProps<T>) => import("react").ReactNode;
8
+ //#endregion
9
+ export { ControlledToggleProps, Toggle, type ToggleProps };
@@ -1,2 +1,9 @@
1
- import { Toggle } from "./components.js";
1
+ import { runtime, useFireBlurOnChange } from "./entry.utils.js";
2
+ import { renderRHFField } from "./fieldAdapter.js";
3
+ import { Toggle as Toggle$1 } from "../components/toggle.js";
4
+ //#region src/entries/rhf/toggle.ts
5
+ const Toggle = (props) => {
6
+ return renderRHFField(runtime(Toggle$1), useFireBlurOnChange(props, "toggle"), "isSelected");
7
+ };
8
+ //#endregion
2
9
  export { Toggle };
package/dist/rhf.d.ts CHANGED
@@ -4,14 +4,14 @@ import { LinkVariantProps, linkDefinition } from "./components/text/Link/link.cv
4
4
  import { Link, LinkNavigationProps, LinkProps } from "./components/link.js";
5
5
  import { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps } from "./components/breadcrumbs.js";
6
6
  import { TypographyVariantProps, typographyDefinition } from "./components/text/Typography/typography.cva.js";
7
- import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.js";
8
- import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
9
- import { Menu, MenuProps } from "./components/menu.js";
10
7
  import { ButtonVariantProps, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition } from "./components/buttons/Button/button.cva.js";
11
8
  import { IconButton, IconButtonProps } from "./components/icon-button.js";
12
9
  import { InlineIconButton, InlineIconButtonProps } from "./components/inline-icon-button.js";
13
10
  import { PillButtonVariants, pillButtonContentDefinition, pillButtonDefinition } from "./components/buttons/PillButton/pillButton.cva.js";
14
11
  import { PillButton, PillButtonProps } from "./components/pill-button.js";
12
+ import { BottomSheet, BottomSheetProps } from "./components/bottom-sheet.js";
13
+ import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition } from "./components/Menu/menu.cva.js";
14
+ import { Menu, MenuProps } from "./components/Menu/Menu.js";
15
15
  import { SplitButton, SplitButtonProps } from "./components/split-button.js";
16
16
  import { Button, ButtonProps } from "./components/buttons/Button/Button.js";
17
17
  import { TextButton, TextButtonProps } from "./components/text-button.js";
@@ -41,38 +41,77 @@ import { SelectProps } from "./components/inputs/Selection/Select/Select.js";
41
41
  import { SliderProps } from "./components/slider.js";
42
42
  import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
43
43
  import { ToggleProps } from "./components/toggle.js";
44
- import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
45
- import { Accordion } from "./components/accordion.js";
46
- import { StepperVariantProps, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
47
- import { StepItem, StepperProps } from "./components/navigation/Stepper/stepper.types.js";
48
- import { Stepper } from "./components/stepper.js";
49
44
  import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./components/overlays/Modal/modal.cva.js";
50
45
  import { Modal, ModalProps } from "./components/overlays/Modal/Modal.js";
51
- import { Typography, TypographyProps } from "./components/typography.js";
46
+ import { Typography, TypographyProps } from "./components/text/Typography/Typography.js";
52
47
  import { ActionModal, ActionModalProps } from "./components/action-modal.js";
53
48
  import { Drawer, DrawerProps } from "./components/drawer.js";
54
49
  import { ResponsivePopover, ResponsivePopoverProps } from "./components/responsive-popover.js";
55
50
  import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
56
51
  import { Tooltip, TooltipProps } from "./components/tooltip.js";
57
52
  import { TooltipEllipsis, TooltipEllipsisProps } from "./components/tooltip-ellipsis.js";
58
- import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
59
- import { SegmentProps } from "./components/segment/segment.types.js";
60
- import { PaginationList } from "./components/shared/pagination/PaginationList.js";
53
+ import { PaginationList } from "./components/pagination-list.js";
61
54
  import { Pagination, PaginationProps } from "./components/pagination.js";
62
55
  import { alertDefinition } from "./components/status/Alert/alert.cva.js";
63
56
  import { Alert, AlertProps } from "./components/alert.js";
64
57
  import { loaderDefinition, loaderWrapperDefinition } from "./components/status/Loader/loader.cva.js";
65
58
  import { Loader, LoaderProps } from "./components/loader.js";
66
59
  import { ToastVariantProps, statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
67
- import { Toast, ToastAction, ToastContainer, ToastProps } from "./components/toast.js";
60
+ import { Toast, ToastAction, ToastContainer, ToastProps } from "./components/status/Toast/Toast.js";
61
+ import { ToastOptions, ToastParams, useToast } from "./components/use-toast.js";
68
62
  import { Pill, PillProps } from "./components/pill.js";
69
63
  import { TagVariantProps, tagDefinition } from "./components/text/Tag/tag.cva.js";
70
64
  import { Tag, TagProps } from "./components/tag.js";
65
+ import { AccordionItem, AccordionItemProps, AccordionProps } from "./components/navigation/Accordion/accordion.types.js";
66
+ import { Accordion } from "./components/navigation/Accordion/Accordion.js";
67
+ import { Confirmation } from "./config/confirmation.context.js";
71
68
  import { DatePickerProps } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
72
69
  import { DateRangePickerProps } from "./components/inputs/DateTime/DateRangePicker/DateRangePicker.js";
73
70
  import { DateTimePickerProps } from "./components/inputs/DateTime/DateTimePicker/DateTimePicker.js";
71
+ import { DateTimeUtils } from "./utils/date-time.utils.js";
72
+ import { DateUtils } from "./utils/date.utils.js";
73
+ import { FileUtils } from "./utils/file.utils.js";
74
+ import { IntlUtils } from "./utils/intl.utils.js";
75
+ import { LinkContext } from "./config/link.context.js";
76
+ import { logger } from "./utils/logger.js";
77
+ import { MenuItem, MenuListItemProps } from "./components/Menu/MenuItem.js";
78
+ import { uiOutlineClass } from "./components/outline.clsx.js";
79
+ import { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
80
+ import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
81
+ import { ns, resources } from "./config/i18n.js";
82
+ import { Autocomplete, ControlledAutocompleteProps } from "./rhf/autocomplete.js";
83
+ import { Checkbox, ControlledCheckboxProps } from "./rhf/checkbox.js";
84
+ import { CheckboxGroup, ControlledCheckboxGroupProps } from "./rhf/checkbox-group.js";
85
+ import { ControlledDatePickerProps, DatePicker } from "./rhf/date-picker.js";
86
+ import { ControlledDateRangePickerProps, DateRangePicker } from "./rhf/date-range-picker.js";
87
+ import { ControlledDateTimePickerProps, DateTimePicker } from "./rhf/date-time-picker.js";
88
+ import { FileUpload, RHFFileUploadProps } from "./rhf/file-upload.js";
89
+ import { InputUpload, RHFInputUploadProps } from "./rhf/input-upload.js";
90
+ import { ControlledNumberInputProps, NumberInput } from "./rhf/number-input.js";
91
+ import { ControlledNumberRangeInputProps, NumberRangeInput } from "./rhf/number-range-input.js";
92
+ import { ControlledPasswordInputProps, PasswordInput } from "./rhf/password-input.js";
93
+ import { QueryAutocomplete } from "./rhf/query-autocomplete.js";
94
+ import { QuerySelect, RHFQuerySelectProps } from "./rhf/query-select.js";
95
+ import { ControlledRadioGroupProps, RadioGroup } from "./rhf/radio-group.js";
96
+ import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
97
+ import { SegmentProps } from "./components/segment/segment.types.js";
98
+ import { ControlledSegmentProps, Segment } from "./rhf/segment.js";
99
+ import { ControlledSelectProps, Select } from "./rhf/select.js";
100
+ import { ControlledSliderProps, Slider } from "./rhf/slider.js";
101
+ import { ControlledTextAreaProps, TextArea } from "./rhf/text-area.js";
102
+ import { ControlledTextInputProps, TextInput } from "./rhf/text-input.js";
74
103
  import { TimePickerProps } from "./components/inputs/DateTime/TimePicker/TimePicker.js";
75
- 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";
104
+ import { ControlledTimePickerProps, TimePicker } from "./rhf/time-picker.js";
105
+ import { ControlledToggleProps, Toggle } from "./rhf/toggle.js";
106
+ import "./rhf/components.js";
107
+ import { Form, InputDef, Inputs, InputsProps } from "./rhf/Inputs.js";
108
+ import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
109
+ import { TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
110
+ import { MenuPopover, MenuPopoverProps } from "./components/Menu/MenuPopover.js";
111
+ import { AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
112
+ import { StepperVariantProps, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
113
+ import { StepItem, StepperProps } from "./components/navigation/Stepper/stepper.types.js";
114
+ import { Stepper } from "./components/navigation/Stepper/Stepper.js";
76
115
  import { CellText, CellTextProps } from "./components/table/CellText.js";
77
116
  import { ColumnConfigModal, ColumnConfigModalProps } from "./components/table/ColumnConfig.js";
78
117
  import { HeaderText, HeaderTextProps } from "./components/table/HeaderText.js";
@@ -80,23 +119,6 @@ import { TableRowVariantProps, tableCellTextDefinition, tableDataDefinition, tab
80
119
  import { Table, TableProps, TableWrapperProps } from "./components/table/Table.js";
81
120
  import { InfiniteTable, InfiniteTableProps, InfiniteTableWrapperProps } from "./components/table/InfiniteTable.js";
82
121
  import { PaginatedTable, PaginatedTableProps, PaginatedTableWrapperProps } from "./components/table/PaginatedTable.js";
83
- import { usePagination } from "./hooks/usePagination.js";
84
- import { useSorting } from "./hooks/useSorting.js";
85
- import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
86
- import { useTableNav } from "./hooks/useTableNav.js";
87
- import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbItemVariantProps, BreadcrumbSegmentVariantProps, BreadcrumbsVariantProps, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./components/Breadcrumbs/breadcrumbs.cva.js";
88
- import { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
89
- import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
90
- import { Form, InputDef, Inputs, InputsProps } from "./rhf/Inputs.js";
91
- import { TooltipWrapperTriggerVariantProps, tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
92
- import { MenuItem, MenuListItemProps } from "./components/Menu/MenuItem.js";
93
- import { MenuPopover, MenuPopoverProps } from "./components/Menu/MenuPopover.js";
94
- import { AccordionVariantProps, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
95
- import { uiOutlineClass } from "./components/outline.clsx.js";
96
- import { ToastOptions, ToastParams, useToast } from "./components/status/Toast/useToast.js";
97
- import { Confirmation } from "./config/confirmation.context.js";
98
- import { ns, resources } from "./config/i18n.js";
99
- import { LinkContext } from "./config/link.context.js";
100
122
  import { UIRouter } from "./config/router.context.js";
101
123
  import { ThemeContext } from "./config/theme.context.js";
102
124
  import { useBreakpoint } from "./hooks/useBreakpoint.js";
@@ -114,9 +136,6 @@ import { selectListBoxItemDefinition } from "./components/inputs/Selection/share
114
136
  import { popoverDefinition } from "./components/shared/popover.cva.js";
115
137
  import { statusIconDefinition, statusSeparatorDefinition } from "./components/status/shared/status.cva.js";
116
138
  import { DynamicColumnsOptions, dynamicColumns } from "./helpers/dynamicColumns.js";
117
- import { ZodUtils } from "./utils/zod.utils.js";
118
- import { DynamicInputsObjectSchema } from "./helpers/dynamicInputs.js";
119
- import { DynamicInputsOptions, dynamicInputs } from "./rhf/dynamicInputs.js";
120
139
  import { UseAutosaveProps, useAutosave } from "./rhf/useAutosave.js";
121
140
  import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
122
141
  import { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo } from "./hooks/useDeepCompare.js";
@@ -127,20 +146,22 @@ import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
127
146
  import { KeyInteraction, KeyInteractionAction, KeyInteractionCallback, KeyInteractionGroup, KeyInteractions, UseKeyInteractionsResult, createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
128
147
  import { useLocalStorage } from "./hooks/useLocalStorage.js";
129
148
  import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
149
+ import { usePagination } from "./hooks/usePagination.js";
130
150
  import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
151
+ import { useSorting } from "./hooks/useSorting.js";
131
152
  import { useStateAndRef } from "./hooks/useStateAndRef.js";
153
+ import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
154
+ import { useTableNav } from "./hooks/useTableNav.js";
132
155
  import { useTranslationMemo } from "./hooks/useTranslationMemo.js";
133
156
  import { ArrayUtils } from "./utils/array.utils.js";
134
- import { DateUtils } from "./utils/date.utils.js";
135
- import { DateTimeUtils } from "./utils/date-time.utils.js";
136
157
  import { DomUtils } from "./utils/dom.utils.js";
137
- import { FileUtils } from "./utils/file.utils.js";
138
158
  import { isEqual } from "./utils/isEqual.js";
139
- import { IntlUtils } from "./utils/intl.utils.js";
140
- import { logger } from "./utils/logger.js";
141
159
  import { ObjectUtils } from "./utils/object.utils.js";
142
160
  import { QueriesUtils } from "./utils/queries.utils.js";
143
161
  import { RoutingUtils } from "./utils/routing.utils.js";
144
162
  import { StringUtils } from "./utils/string.utils.js";
163
+ import { ZodUtils } from "./utils/zod.utils.js";
164
+ import { DynamicInputsObjectSchema } from "./helpers/dynamicInputs.js";
165
+ import { DynamicInputsOptions, dynamicInputs } from "./rhf/dynamicInputs.js";
145
166
  import { X as CloseIcon } from "lucide-react";
146
167
  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 CHANGED
@@ -5,7 +5,7 @@ import { MenuItem } from "./components/Menu/MenuItem.js";
5
5
  import { MenuPopover } from "./components/Menu/MenuPopover.js";
6
6
  import { tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition } from "./components/overlays/Tooltip/tooltip.cva.js";
7
7
  import { typographyDefinition } from "./components/text/Typography/typography.cva.js";
8
- import { Typography } from "./components/typography.js";
8
+ import { Typography } from "./components/text/Typography/Typography.js";
9
9
  import { Tooltip } from "./components/tooltip.js";
10
10
  import { LinkContext } from "./config/link.context.js";
11
11
  import { Breadcrumbs } from "./components/breadcrumbs.js";
@@ -28,69 +28,89 @@ import { useStateAndRef } from "./hooks/useStateAndRef.js";
28
28
  import { DomUtils } from "./utils/dom.utils.js";
29
29
  import { BottomSheet } from "./components/bottom-sheet.js";
30
30
  import { useBreakpoint } from "./hooks/useBreakpoint.js";
31
- import { Menu } from "./components/menu.js";
31
+ import { Menu } from "./components/Menu/Menu.js";
32
32
  import { SplitButton } from "./components/split-button.js";
33
33
  import { TextButton } from "./components/text-button.js";
34
34
  import { ToggleButton } from "./components/toggle-button.js";
35
- import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
36
35
  import { formFieldErrorDefinition } from "./components/inputs/FormField/formFieldError.cva.js";
37
36
  import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
38
37
  import { labelDefinition } from "./components/inputs/shared/label.cva.js";
39
38
  import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
40
39
  import { FormField } from "./components/form-field.js";
41
- import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
42
- import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
43
- import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
44
- import { IntlUtils } from "./utils/intl.utils.js";
45
- import { DateTimeUtils } from "./utils/date-time.utils.js";
46
- import { DateUtils } from "./utils/date.utils.js";
47
- import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
48
- import { popoverDefinition } from "./components/shared/popover.cva.js";
49
- import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
50
40
  import { tagDefinition } from "./components/text/Tag/tag.cva.js";
51
41
  import { Tag } from "./components/tag.js";
52
42
  import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
53
43
  import { selectInputTagsContentWrapperDefinition } from "./components/inputs/Selection/shared/selectInput.cva.js";
44
+ import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
54
45
  import { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions } from "./hooks/useKeyInteractions.js";
46
+ import { checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition } from "./components/inputs/Checkbox/checkbox.cva.js";
55
47
  import { selectListBoxItemDefinition } from "./components/inputs/Selection/shared/selectItem.cva.js";
56
48
  import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
57
49
  import { selectPopoverDefinition } from "./components/inputs/Selection/shared/selectDesktop.cva.js";
50
+ import { tooltipWrapperTriggerDefinition } from "./components/inputs/shared/tooltipWrapper.cva.js";
51
+ import { popoverDefinition } from "./components/shared/popover.cva.js";
52
+ import { Autocomplete } from "./rhf/autocomplete.js";
53
+ import { Checkbox } from "./rhf/checkbox.js";
54
+ import { CheckboxGroup } from "./rhf/checkbox-group.js";
55
+ import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
56
+ import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
57
+ import { IntlUtils } from "./utils/intl.utils.js";
58
+ import { DateTimeUtils } from "./utils/date-time.utils.js";
59
+ import { DateUtils } from "./utils/date.utils.js";
60
+ import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
61
+ import { DatePicker } from "./rhf/date-picker.js";
62
+ import { DateRangePicker } from "./rhf/date-range-picker.js";
63
+ import { DateTimePicker } from "./rhf/date-time-picker.js";
58
64
  import { FileUtils } from "./utils/file.utils.js";
59
65
  import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
60
66
  import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
61
67
  import { fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
68
+ import { FileUpload } from "./rhf/file-upload.js";
62
69
  import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
63
- import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
70
+ import { InputUpload } from "./rhf/input-upload.js";
71
+ import { NumberInput } from "./rhf/number-input.js";
72
+ import { NumberRangeInput } from "./rhf/number-range-input.js";
73
+ import { PasswordInput } from "./rhf/password-input.js";
74
+ import { QueryAutocomplete } from "./rhf/query-autocomplete.js";
75
+ import { QuerySelect } from "./rhf/query-select.js";
64
76
  import { radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition } from "./components/inputs/RadioGroup/radio.cva.js";
65
- import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
66
- import { ResponsivePopover } from "./components/responsive-popover.js";
77
+ import { RadioGroup } from "./rhf/radio-group.js";
67
78
  import { segmentDefinition, segmentItemDefinition } from "./components/segment/segment.cva.js";
68
- 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";
79
+ import { Segment } from "./rhf/segment.js";
80
+ import { Select } from "./rhf/select.js";
81
+ import { Slider } from "./rhf/slider.js";
82
+ import { textAreaWrapperDefinition } from "./components/inputs/Input/TextArea/TextArea.cva.js";
83
+ import { TextArea } from "./rhf/text-area.js";
84
+ import { ResponsivePopover } from "./components/responsive-popover.js";
85
+ import { TextInput } from "./rhf/text-input.js";
86
+ import { TimePicker } from "./rhf/time-picker.js";
87
+ import { toggleDefinition } from "./components/inputs/Toggle/toggle.cva.js";
88
+ import { Toggle } from "./rhf/toggle.js";
69
89
  import { FileUploadContainer } from "./components/file-upload-container.js";
70
90
  import { StringUtils } from "./utils/string.utils.js";
71
91
  import { ZodUtils } from "./utils/zod.utils.js";
72
- import { Form, Inputs } from "./rhf/Inputs.js";
92
+ import { Form, Inputs } from "./rhf/Inputs2.js";
73
93
  import { accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition } from "./components/navigation/Accordion/accordion.cva.js";
74
- import { Accordion } from "./components/accordion.js";
94
+ import { Accordion } from "./components/navigation/Accordion/Accordion.js";
75
95
  import { stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./components/navigation/Stepper/stepper.cva.js";
76
- import { Stepper } from "./components/stepper.js";
96
+ import { Stepper } from "./components/navigation/Stepper/Stepper.js";
77
97
  import { modalContentDefinition, modalMainDefinition, modalOverlayDefinition } from "./components/overlays/Modal/modal.cva.js";
78
98
  import { Modal } from "./components/overlays/Modal/Modal.js";
79
99
  import { ActionModal } from "./components/action-modal.js";
80
100
  import { Drawer } from "./components/drawer.js";
81
101
  import { TooltipEllipsis } from "./components/tooltip-ellipsis.js";
82
- import { PaginationList } from "./components/shared/pagination/PaginationList.js";
102
+ import { PaginationList } from "./components/pagination-list.js";
83
103
  import { Pagination } from "./components/pagination.js";
84
104
  import { alertDefinition } from "./components/status/Alert/alert.cva.js";
85
105
  import { statusIconDefinition, statusSeparatorDefinition } from "./components/status/shared/status.cva.js";
86
106
  import { Alert } from "./components/alert.js";
87
107
  import { statusIconDefinition as statusIconDefinition$1, statusSeparatorDefinition as statusSeparatorDefinition$1, toastDefinition } from "./components/status/Toast/toast.cva.js";
88
- import { Toast, ToastContainer } from "./components/toast.js";
89
- import { useToast } from "./components/status/Toast/useToast.js";
108
+ import { Toast, ToastContainer } from "./components/status/Toast/Toast.js";
109
+ import { useToast } from "./components/use-toast.js";
90
110
  import { tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition } from "./components/table/table.cva.js";
91
111
  import { CellText } from "./components/table/CellText.js";
92
112
  import { HeaderText } from "./components/table/HeaderText.js";
93
- import { logger } from "./utils/logger.js";
113
+ import { logger } from "./utils/logger2.js";
94
114
  import { useTableNav } from "./hooks/useTableNav.js";
95
115
  import { Table } from "./components/table/Table.js";
96
116
  import { useTranslationMemo } from "./hooks/useTranslationMemo.js";
@@ -0,0 +1,2 @@
1
+ import { InputVariantProps } from "../components/inputs/shared/input.cva.js";
2
+ export type { InputVariantProps };
File without changes
@@ -0,0 +1,2 @@
1
+ import { uiOutlineClass } from "../components/outline.clsx.js";
2
+ export { uiOutlineClass };
@@ -0,0 +1,2 @@
1
+ import { uiOutlineClass } from "../components/outline.clsx.js";
2
+ export { uiOutlineClass };
@@ -0,0 +1,3 @@
1
+ import { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState } from "../components/inputs/File/fileUpload.types.js";
2
+ import { FileUpload } from "../components/file-upload.js";
3
+ export { type DefaultFile, FileUpload, type FileUploadBaseProps, type FileUploadButtonProps, type FileUploadError, type FileUploadProps, type FileUploadRequest, type FileUploadResponse, type FileUploadState };
@@ -0,0 +1,2 @@
1
+ import { FileUpload } from "../components/file-upload.js";
2
+ export { FileUpload };
@@ -1,3 +1,4 @@
1
1
  import { DeepKeys, DeepValue, FormSubmitErrorHandler, FormSubmitHandler, UIForm, UseFormProps, useForm, useFormState, useFormValue } from "../hooks/useForm.js";
2
2
  import { UseFormAutosaveProps, useFormAutosave } from "../hooks/useFormAutosave.js";
3
- export { type DeepKeys, type DeepValue, type FormSubmitErrorHandler, type FormSubmitHandler, type UIForm, type UseFormAutosaveProps, type UseFormProps, useForm, useFormAutosave, useFormState, useFormValue };
3
+ import { Form } from "../components/inputs/Inputs/Form.js";
4
+ export { type DeepKeys, type DeepValue, Form, type FormSubmitErrorHandler, type FormSubmitHandler, type UIForm, type UseFormAutosaveProps, type UseFormProps, useForm, useFormAutosave, useFormState, useFormValue };
@@ -1,3 +1,4 @@
1
+ import { Form } from "../components/inputs/Inputs/Form.js";
1
2
  import { useForm, useFormState, useFormValue } from "../hooks/useForm.js";
2
3
  import { useFormAutosave } from "../hooks/useFormAutosave.js";
3
- export { useForm, useFormAutosave, useFormState, useFormValue };
4
+ export { Form, useForm, useFormAutosave, useFormState, useFormValue };
@@ -0,0 +1,3 @@
1
+ import { InputUploadBaseProps, InputUploadProps } from "../components/inputs/File/inputUpload.types.js";
2
+ import { InputUpload } from "../components/input-upload.js";
3
+ export { InputUpload, type InputUploadBaseProps, type InputUploadProps };
@@ -0,0 +1,2 @@
1
+ import { InputUpload } from "../components/input-upload.js";
2
+ export { InputUpload };
@@ -0,0 +1,6 @@
1
+ import { InputVariantProps } from "../components/inputs/shared/input.cva.js";
2
+ import { OmitDiscriminatedUnion } from "../types/common.js";
3
+ import { InputDef } from "../components/inputs/Inputs/InputItem.js";
4
+ import { DynamicInputsObjectSchema, DynamicInputsOptions, dynamicInputs } from "../helpers/dynamicInputs.js";
5
+ import { Inputs, InputsProps } from "../components/inputs/Inputs/Inputs.js";
6
+ export { type DynamicInputsObjectSchema, type DynamicInputsOptions, type InputDef, type InputVariantProps, Inputs, type InputsProps, type OmitDiscriminatedUnion, dynamicInputs };
@@ -0,0 +1,3 @@
1
+ import { dynamicInputs } from "../helpers/dynamicInputs.js";
2
+ import { Inputs } from "../components/inputs/Inputs/Inputs.js";
3
+ export { Inputs, dynamicInputs };
@@ -1,3 +1,3 @@
1
1
  import { ControlledSegmentProps, GroupedSegmentControlProps, GroupedSegmentProps, MultiSegmentProps, SegmentItem, SegmentProps, SingleSegmentProps } from "../components/segment/segment.types.js";
2
- import { Segment } from "../components/segment.js";
2
+ import { Segment } from "../components/segment/Segment.js";
3
3
  export { type ControlledSegmentProps, type GroupedSegmentControlProps, type GroupedSegmentProps, type MultiSegmentProps, Segment, type SegmentItem, type SegmentProps, type SingleSegmentProps };
@@ -1,2 +1,2 @@
1
- import { Segment } from "../components/segment.js";
1
+ import { Segment } from "../components/segment/Segment.js";
2
2
  export { Segment };
@@ -5,8 +5,9 @@ import { TableRowVariantProps } from "../components/table/table.cva.js";
5
5
  import { Table, TableProps, TableWrapperProps } from "../components/table/Table.js";
6
6
  import { InfiniteTable, InfiniteTableProps, InfiniteTableWrapperProps } from "../components/table/InfiniteTable.js";
7
7
  import { PaginatedTable, PaginatedTableProps, PaginatedTableWrapperProps } from "../components/table/PaginatedTable.js";
8
+ import { DynamicColumnsOptions, dynamicColumns } from "../helpers/dynamicColumns.js";
8
9
  import { usePagination } from "../hooks/usePagination.js";
9
10
  import { useSorting } from "../hooks/useSorting.js";
10
11
  import { useTableColumnConfig } from "../hooks/useTableColumnConfig.js";
11
12
  import { useTableNav } from "../hooks/useTableNav.js";
12
- 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 };
13
+ 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 };
@@ -5,7 +5,8 @@ import { Table } from "../components/table/Table.js";
5
5
  import { ColumnConfigModal } from "../components/table/ColumnConfig.js";
6
6
  import { InfiniteTable } from "../components/table/InfiniteTable.js";
7
7
  import { PaginatedTable } from "../components/table/PaginatedTable.js";
8
+ import { dynamicColumns } from "../helpers/dynamicColumns.js";
8
9
  import { usePagination } from "../hooks/usePagination.js";
9
10
  import { useSorting } from "../hooks/useSorting.js";
10
11
  import { useTableColumnConfig } from "../hooks/useTableColumnConfig.js";
11
- export { CellText, ColumnConfigModal, HeaderText, InfiniteTable, PaginatedTable, Table, usePagination, useSorting, useTableColumnConfig, useTableNav };
12
+ export { CellText, ColumnConfigModal, HeaderText, InfiniteTable, PaginatedTable, Table, dynamicColumns, usePagination, useSorting, useTableColumnConfig, useTableNav };
@@ -0,0 +1,2 @@
1
+ import { ControlledTextEditorProps, TextEditor, TextEditorBaseProps, TextEditorProps, TextEditorValue } from "../components/inputs/TextEditor/TextEditor.js";
2
+ export { ControlledTextEditorProps, TextEditor, TextEditorBaseProps, TextEditorProps, TextEditorValue };
@@ -0,0 +1,2 @@
1
+ import { TextEditor } from "../components/inputs/TextEditor/TextEditor.js";
2
+ export { TextEditor };