@povio/ui 5.0.0-rc.8 → 5.0.0-rc.9

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 (134) hide show
  1. package/README.md +48 -0
  2. package/dist/Alert-CnvEb1D_.js +244 -0
  3. package/dist/AppCanvasPage--RG31Yyv.js +2421 -0
  4. package/dist/AppCanvasPage-BIFYeEeS.d.ts +80 -0
  5. package/dist/{button.cva-rv5Uq4aW.js → Button-C5rv4Cr2.js} +84 -1
  6. package/dist/{Calendar-BxtOuqIM.js → Calendar-BTjajO6i.js} +3 -3
  7. package/dist/{Checkbox-DYxXYfKL.js → Checkbox-CV1ILXXO.js} +2 -3
  8. package/dist/{checkbox.cva-IfOByVLA.js → CheckboxCheckmark-CpC3wlMs.js} +42 -1
  9. package/dist/{ComponentGallery-Da70Y4_Q.js → ComponentGallery-C6exitZN.js} +17 -17
  10. package/dist/{DatePicker-wulRNGyL.js → DatePicker-DOLL7mkc.js} +6 -6
  11. package/dist/{DatePickerInput-BB_vPlKu.js → DatePickerInput-BLBcySA2.js} +3 -3
  12. package/dist/{DateRangePicker-B0tMVREG.js → DateRangePicker-BF-1CztH.js} +6 -6
  13. package/dist/{DateTimePicker-WGMr0bEH.js → DateTimePicker-Cj0qvJUz.js} +6 -6
  14. package/dist/{FileInput-DP105Iy9.js → FileInput-Br5DQaGQ.js} +2 -2
  15. package/dist/{FileUpload-CgNDIvzg.js → FileUpload--7ub3EZO.js} +3 -3
  16. package/dist/{FormField-AY25LzbW.js → FormField-B99dLt8o.js} +96 -3
  17. package/dist/{FormFieldError-BVAO5p7H.js → FormFieldError-DeOHHLo2.js} +13 -2
  18. package/dist/{InputItem-ZeN-aIz8.js → InputItem-CIxbTxZu.js} +11 -11
  19. package/dist/{Inputs-BC5q5Cvj.js → Inputs-DJSKiaWY.js} +1 -1
  20. package/dist/{NumberRangeInput-B_sMIpP1.js → NumberRangeInput-B8-LHfg3.js} +2 -2
  21. package/dist/{PaginationList-DptMNpNs.js → PaginationList-DtvuP63b.js} +1 -1
  22. package/dist/{Progress-Du30L4_s.js → Progress-B3mY9rIP.js} +27 -2
  23. package/dist/{RadioGroup-CUGNSJql.js → RadioGroup-DOw3PRoX.js} +82 -3
  24. package/dist/{RichTextEditor-VDOpj7sk.js → RichTextEditor-D4yN7Wj7.js} +3 -3
  25. package/dist/{Select-B2pAfwRk.js → Select-UR0ec2Ux.js} +2 -2
  26. package/dist/{Slider-Clc1szFY.js → Slider-CzEmKYBF.js} +1 -1
  27. package/dist/{Switch-CimmMqEk.js → Switch-CqnGEdeD.js} +27 -3
  28. package/dist/{Table-CqepqSfe.js → Table-BN2_J_Ne.js} +1 -2
  29. package/dist/{tag.cva-B3MudLeC.js → Tag-DPg5sL1Z.js} +92 -1
  30. package/dist/{TextArea-B3teIhsJ.js → TextArea-D8WkKsGn.js} +5 -3
  31. package/dist/{TimePicker-CU_yL2sY.js → TimePicker-C4taAOFQ.js} +4 -4
  32. package/dist/{Toast-DPbnLlBi.js → Toast-DtG3pA61.js} +1 -1
  33. package/dist/{ToggleGroup-BULVwErp.js → ToggleGroup-DOk27fgI.js} +1 -1
  34. package/dist/UIConfigurator-BwLRfe-a.js +6704 -0
  35. package/dist/components/alert-dialog.js +1 -1
  36. package/dist/components/alert.js +1 -116
  37. package/dist/components/autocomplete.js +2 -2
  38. package/dist/components/button.js +1 -1
  39. package/dist/components/checkbox-group.js +3 -3
  40. package/dist/components/checkbox.js +1 -1
  41. package/dist/components/date-picker.js +1 -1
  42. package/dist/components/date-range-picker.js +1 -1
  43. package/dist/components/date-time-picker.js +1 -1
  44. package/dist/components/file-input.js +1 -1
  45. package/dist/components/file-upload-container.js +1 -1
  46. package/dist/components/file-upload.js +1 -1
  47. package/dist/components/form-field.js +1 -1
  48. package/dist/components/icon-button.js +1 -1
  49. package/dist/components/inline-icon-button.js +1 -1
  50. package/dist/components/input.js +3 -3
  51. package/dist/components/number-field.js +3 -3
  52. package/dist/components/number-range-input.js +1 -1
  53. package/dist/components/pagination-list.js +1 -1
  54. package/dist/components/pagination.js +1 -1
  55. package/dist/components/progress.js +1 -1
  56. package/dist/components/query-autocomplete.js +1 -1
  57. package/dist/components/query-select.js +2 -2
  58. package/dist/components/radio-group.js +1 -1
  59. package/dist/components/select.js +1 -1
  60. package/dist/components/slider.js +1 -1
  61. package/dist/components/split-button.js +1 -1
  62. package/dist/components/switch.js +1 -1
  63. package/dist/components/tag.js +1 -93
  64. package/dist/components/text-area.js +1 -1
  65. package/dist/components/text-button.js +1 -1
  66. package/dist/components/time-picker.js +1 -1
  67. package/dist/components/toast.js +1 -1
  68. package/dist/components/toggle-button.js +1 -1
  69. package/dist/components/toggle-group.js +1 -1
  70. package/dist/components/use-toast.js +2 -2
  71. package/dist/config/app-canvas-tanstack.d.ts +23 -0
  72. package/dist/config/app-canvas-tanstack.js +62 -0
  73. package/dist/config/app-canvas.d.ts +2 -69
  74. package/dist/config/app-canvas.js +2 -2253
  75. package/dist/config/ui-configurator.js +2 -5383
  76. package/dist/{datePickerValue.utils-CIFHjKwv.js → datePickerValue.utils-DCgoSrP3.js} +1 -1
  77. package/dist/index.js +19 -24
  78. package/dist/rhf/checkbox.js +1 -1
  79. package/dist/rhf/date-picker.js +1 -1
  80. package/dist/rhf/date-range-picker.js +1 -1
  81. package/dist/rhf/date-time-picker.js +1 -1
  82. package/dist/rhf/file-input.js +1 -1
  83. package/dist/rhf/file-upload.js +1 -1
  84. package/dist/rhf/number-range-input.js +1 -1
  85. package/dist/rhf/radio-group.js +1 -1
  86. package/dist/rhf/rich-text-editor.js +1 -1
  87. package/dist/rhf/select.js +1 -1
  88. package/dist/rhf/slider.js +1 -1
  89. package/dist/rhf/switch.js +1 -1
  90. package/dist/rhf/text-area.js +1 -1
  91. package/dist/rhf/time-picker.js +1 -1
  92. package/dist/rhf/toggle-group.js +1 -1
  93. package/dist/rhf.js +19 -24
  94. package/dist/rich-text-editor.js +1 -1
  95. package/dist/{staticDateTimeSegments-sf_ND7zL.js → staticDateTimeSegments-DtU63_dw.js} +1 -1
  96. package/dist/{staticSelect.utils-CzlnLPPd.js → staticSelect.utils-uHa8f_c6.js} +3 -3
  97. package/dist/styles/app-canvas.css +7 -0
  98. package/dist/{table.cva-DlMT-zLD.js → table.cva-D5oQ-QvA.js} +54 -1
  99. package/dist/tanstack/checkbox.js +1 -1
  100. package/dist/tanstack/date-picker.js +1 -1
  101. package/dist/tanstack/date-range-picker.js +1 -1
  102. package/dist/tanstack/date-time-picker.js +1 -1
  103. package/dist/tanstack/file-input.js +1 -1
  104. package/dist/tanstack/file-upload.js +1 -1
  105. package/dist/tanstack/form.js +1 -1
  106. package/dist/tanstack/inputs.js +1 -1
  107. package/dist/tanstack/number-range-input.js +1 -1
  108. package/dist/tanstack/radio-group.js +1 -1
  109. package/dist/tanstack/rich-text-editor.js +1 -1
  110. package/dist/tanstack/select.js +1 -1
  111. package/dist/tanstack/slider.js +1 -1
  112. package/dist/tanstack/switch.js +1 -1
  113. package/dist/tanstack/table.js +2 -2
  114. package/dist/tanstack/text-area.js +1 -1
  115. package/dist/tanstack/time-picker.js +1 -1
  116. package/dist/tanstack/toggle-group.js +1 -1
  117. package/dist/tanstack.js +31 -39
  118. package/dist/{toast.runtime-Zf-XyAC3.js → toast.runtime-cxex9e4E.js} +1 -1
  119. package/dist/{useFieldAccessibility-CcBTgGfm.js → useFieldAccessibility-ScC6Mtd5.js} +1 -1
  120. package/dist/{useFormAutosave-BD_TFqDF.js → useFormAutosave-DfuP7drj.js} +1 -1
  121. package/dist/{useStaticInputHandoff-kkQrc6DA.js → useStaticInputHandoff-NeZVnci-.js} +1 -1
  122. package/dist/{useTableColumnConfig-aVUWC2Mp.js → useTableColumnConfig-Di0_w80v.js} +2 -2
  123. package/package.json +10 -1
  124. package/dist/Button-BPTvffuk.js +0 -86
  125. package/dist/CheckboxCheckmark-D_uc9pon.js +0 -44
  126. package/dist/TextArea.cva-Bb73hriz.js +0 -5
  127. package/dist/formFieldError.cva-CsXaQRHX.js +0 -14
  128. package/dist/formFieldHelper.cva-B8F9LmsE.js +0 -96
  129. package/dist/grip-vertical-BVxcjdfr.js +0 -54
  130. package/dist/inspection-model-LuI36xTg.js +0 -1339
  131. package/dist/progress.cva-WQB8BGbk.js +0 -28
  132. package/dist/radio.cva-DGbvTymp.js +0 -82
  133. package/dist/status.cva-6HxNR4EP.js +0 -130
  134. package/dist/switch.cva-BX3HOxbL.js +0 -27
package/dist/tanstack.js CHANGED
@@ -2,20 +2,22 @@ import { t as logger } from "./logger-CqZjM-sn.js";
2
2
  import { t as DropdownMenu } from "./DropdownMenu-5jmtgLXd.js";
3
3
  import { n as MenuPopover, r as MenuItem } from "./DropdownMenuDesktop-Cl9gZVq0.js";
4
4
  import { a as isEqual, i as useDeepCompareMemo, n as useDeepCompareEffect, o as ObjectUtils, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
5
- import { t as FileUpload } from "./FileUpload-CgNDIvzg.js";
5
+ import { t as FileUpload } from "./FileUpload--7ub3EZO.js";
6
6
  import { t as PasswordInput } from "./PasswordInput-DYwUZ4-k.js";
7
+ import { a as tableHeaderTextDefinition, i as tableHeadRowDefinition, n as tableDataDefinition, o as tableRowDefinition, r as tableHeadDataDefinition, t as tableCellTextDefinition } from "./table.cva-D5oQ-QvA.js";
8
+ import { a as checkboxDefinition, i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition, s as checkboxIconDefinition } from "./CheckboxCheckmark-CpC3wlMs.js";
7
9
  import { n as selectListBoxItemDefinition, r as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CHAMxhfO.js";
8
10
  import { t as X } from "./x-B6vfz8Ps.js";
9
11
  import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
10
12
  import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-DSK7qNxc.js";
11
13
  import { t as Breadcrumbs } from "./Breadcrumbs-FF8hMfXd.js";
12
- import { t as Checkbox } from "./Checkbox-DYxXYfKL.js";
13
- import { a as getKeyInteractionAction, i as createKeyInteractionsHandler, o as useKeyInteractions, s as useDebounceCallback } from "./staticSelect.utils-CzlnLPPd.js";
14
- import { t as Slider } from "./Slider-Clc1szFY.js";
14
+ import { t as Checkbox } from "./Checkbox-CV1ILXXO.js";
15
+ import { a as getKeyInteractionAction, i as createKeyInteractionsHandler, o as useKeyInteractions, s as useDebounceCallback } from "./staticSelect.utils-uHa8f_c6.js";
16
+ import { t as Slider } from "./Slider-CzEmKYBF.js";
15
17
  import { t as Accordion } from "./Accordion-BzwO4_ml.js";
16
- import { t as RadioGroup } from "./RadioGroup-CUGNSJql.js";
17
- import { t as Switch } from "./Switch-CimmMqEk.js";
18
- import { t as TextArea } from "./TextArea-B3teIhsJ.js";
18
+ import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition, t as RadioGroup } from "./RadioGroup-DOw3PRoX.js";
19
+ import { n as switchDefinition, t as Switch } from "./Switch-CqnGEdeD.js";
20
+ import { n as textAreaWrapperDefinition, t as TextArea } from "./TextArea-D8WkKsGn.js";
19
21
  import { t as Tooltip } from "./Tooltip-CpG1nz7Y.js";
20
22
  import { a as breadcrumbsDefinition, i as breadcrumbSegmentDefinition, n as breadcrumbIconDefinition, r as breadcrumbItemDefinition, t as breadcrumbChevronDefinition } from "./breadcrumbs.cva-7zzdDhVR.js";
21
23
  import { i as menuPopoverWrapperDefinition, n as menuItemDefinition, r as menuPopoverDefinition, t as dropdownMenuDefinition } from "./dropdownMenu.cva-DvEmX0bs.js";
@@ -26,8 +28,7 @@ import { t as LinkContext } from "./link.context-J7aQtMOr.js";
26
28
  import { n as spinnerDefinition, r as spinnerWrapperDefinition, t as Spinner } from "./Spinner-BeVTUzzx.js";
27
29
  import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
28
30
  import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
29
- import { i as buttonSizeDefinition, n as buttonDefinition, r as buttonIconSizeDefinition, t as buttonContentDefinition } from "./button.cva-rv5Uq4aW.js";
30
- import { t as Button } from "./Button-BPTvffuk.js";
31
+ import { a as buttonSizeDefinition, i as buttonIconSizeDefinition, n as buttonContentDefinition, r as buttonDefinition, t as Button } from "./Button-C5rv4Cr2.js";
31
32
  import { IconButton } from "./components/icon-button.js";
32
33
  import { InlineIconButton } from "./components/inline-icon-button.js";
33
34
  import { n as badgeButtonContentDefinition, r as badgeButtonDefinition } from "./badgeButton.cva-CvN4CTx5.js";
@@ -38,44 +39,37 @@ import { SplitButton } from "./components/split-button.js";
38
39
  import { TextButton } from "./components/text-button.js";
39
40
  import { ToggleButton } from "./components/toggle-button.js";
40
41
  import { i as useFormValue, n as useForm, r as useFormState } from "./form.binding-CG1RPv6o.js";
41
- import { t as formFieldErrorDefinition } from "./formFieldError.cva-CsXaQRHX.js";
42
- import { i as formFieldHeaderDefinition, n as labelDefinition, t as formFieldHelperDefinition } from "./formFieldHelper.cva-B8F9LmsE.js";
43
- import { t as FormField } from "./FormField-AY25LzbW.js";
44
- import { t as tagDefinition } from "./tag.cva-B3MudLeC.js";
42
+ import { n as formFieldErrorDefinition } from "./FormFieldError-DeOHHLo2.js";
43
+ import { a as formFieldHeaderDefinition, i as labelDefinition, n as formFieldHelperDefinition, t as FormField } from "./FormField-B99dLt8o.js";
44
+ import { n as tagDefinition, t as Tag } from "./Tag-DPg5sL1Z.js";
45
45
  import { n as resources, t as ns } from "./i18n-CX2EjhJI.js";
46
- import { Tag } from "./components/tag.js";
47
46
  import { a as inputSizeDefinition, i as inputSideDefinition, n as inputClearClassDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
48
- import { a as checkboxGroupLabelDefinition, i as checkboxDefinition, n as checkboxContentRowDefinition, o as checkboxIconDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-IfOByVLA.js";
49
47
  import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
50
48
  import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
51
49
  import { Input } from "./components/input.js";
52
50
  import { Autocomplete } from "./components/autocomplete.js";
53
51
  import { CheckboxGroup } from "./components/checkbox-group.js";
54
- import { t as DateRangePicker } from "./DateRangePicker-B0tMVREG.js";
55
- import { n as useScrollableListBox } from "./Calendar-BxtOuqIM.js";
56
- import { t as TimePicker } from "./TimePicker-CU_yL2sY.js";
57
- import { t as ToggleGroup } from "./ToggleGroup-BULVwErp.js";
58
- import { r as useLongPressRepeat } from "./datePickerValue.utils-CIFHjKwv.js";
52
+ import { t as DateRangePicker } from "./DateRangePicker-BF-1CztH.js";
53
+ import { n as useScrollableListBox } from "./Calendar-BTjajO6i.js";
54
+ import { t as TimePicker } from "./TimePicker-C4taAOFQ.js";
55
+ import { t as ToggleGroup } from "./ToggleGroup-DOk27fgI.js";
56
+ import { r as useLongPressRepeat } from "./datePickerValue.utils-DCgoSrP3.js";
59
57
  import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
60
58
  import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
61
59
  import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
62
60
  import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
63
- import { t as DatePicker } from "./DatePicker-wulRNGyL.js";
64
- import { n as switchDefinition } from "./switch.cva-BX3HOxbL.js";
65
- import { t as Select } from "./Select-B2pAfwRk.js";
66
- import { t as DateTimePicker } from "./DateTimePicker-WGMr0bEH.js";
61
+ import { t as DatePicker } from "./DatePicker-DOLL7mkc.js";
62
+ import { t as Select } from "./Select-UR0ec2Ux.js";
63
+ import { t as DateTimePicker } from "./DateTimePicker-Cj0qvJUz.js";
67
64
  import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
68
- import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-WQB8BGbk.js";
69
- import { t as Progress } from "./Progress-Du30L4_s.js";
65
+ import { a as progressTrackWrapperDefinition, i as progressTrackDefinition, n as progressDefinition, o as progressValueDefinition, r as progressFillDefinition, t as Progress } from "./Progress-B3mY9rIP.js";
70
66
  import { t as fileUploadDropZoneDefinition } from "./fileUpload.cva-ujmStxB1.js";
71
- import { n as fileInputButtonDefinition, r as fileInputDropZoneDefinition, t as FileInput } from "./FileInput-DP105Iy9.js";
67
+ import { n as fileInputButtonDefinition, r as fileInputDropZoneDefinition, t as FileInput } from "./FileInput-Br5DQaGQ.js";
72
68
  import { NumberField } from "./components/number-field.js";
73
- import { t as NumberRangeInput } from "./NumberRangeInput-B_sMIpP1.js";
69
+ import { t as NumberRangeInput } from "./NumberRangeInput-B8-LHfg3.js";
74
70
  import { QueryAutocomplete } from "./components/query-autocomplete.js";
75
71
  import { QuerySelect } from "./components/query-select.js";
76
- import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition } from "./radio.cva-DGbvTymp.js";
77
72
  import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-MbpaEBg1.js";
78
- import { t as textAreaWrapperDefinition } from "./TextArea.cva-Bb73hriz.js";
79
73
  import { Popover } from "./components/popover.js";
80
74
  import { FileUploadContainer } from "./components/file-upload-container.js";
81
75
  import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
@@ -88,18 +82,16 @@ import { t as Dialog } from "./Dialog-9manOgMA.js";
88
82
  import { AlertDialog } from "./components/alert-dialog.js";
89
83
  import { Drawer } from "./components/drawer.js";
90
84
  import { TooltipEllipsis } from "./components/tooltip-ellipsis.js";
91
- import { t as PaginationList } from "./PaginationList-DptMNpNs.js";
85
+ import { t as PaginationList } from "./PaginationList-DtvuP63b.js";
92
86
  import { Pagination } from "./components/pagination.js";
93
- import { n as statusSeparatorDefinition, r as alertDefinition, t as statusIconDefinition } from "./status.cva-6HxNR4EP.js";
94
- import { Alert } from "./components/alert.js";
87
+ import { i as alertDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as Alert } from "./Alert-CnvEb1D_.js";
95
88
  import { a as toastDefinition, n as statusIconDefinition$1, r as statusSeparatorDefinition$1 } from "./toast.cva-C_L_RffH.js";
96
- import { t as Toast } from "./Toast-DPbnLlBi.js";
89
+ import { t as Toast } from "./Toast-DtG3pA61.js";
97
90
  import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-qgpzMFD4.js";
98
91
  import { useToast } from "./components/use-toast.js";
99
- import { a as tableHeaderTextDefinition, i as tableHeadRowDefinition, n as tableDataDefinition, o as tableRowDefinition, r as tableHeadDataDefinition, t as tableCellTextDefinition } from "./table.cva-DlMT-zLD.js";
100
- import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "./Table-CqepqSfe.js";
92
+ import { i as CellText, n as useTableNav, r as HeaderText, t as Table } from "./Table-BN2_J_Ne.js";
101
93
  import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
102
- import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "./useTableColumnConfig-aVUWC2Mp.js";
94
+ import { a as PaginatedTable, i as dynamicColumns, n as useSorting, o as InfiniteTable, r as usePagination, s as ColumnConfigModal, t as useTableColumnConfig } from "./useTableColumnConfig-Di0_w80v.js";
103
95
  import { t as linkDefinition } from "./link.cva-DMTHZiJG.js";
104
96
  import { Link } from "./components/link.js";
105
97
  import { Badge } from "./components/badge.js";
@@ -113,6 +105,6 @@ import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
113
105
  import { t as useFilters } from "./useFilters-XNH27Md2.js";
114
106
  import { n as useStateAndRef, t as DomUtils } from "./dom.utils-D1AopHx9.js";
115
107
  import { n as ArrayUtils, t as QueriesUtils } from "./queries.utils-CmbhAoHU.js";
116
- import { n as useAutosave, r as Form, t as useFormAutosave } from "./useFormAutosave-BD_TFqDF.js";
117
- import { t as Inputs } from "./Inputs-BC5q5Cvj.js";
108
+ import { n as useAutosave, r as Form, t as useFormAutosave } from "./useFormAutosave-DfuP7drj.js";
109
+ import { t as Inputs } from "./Inputs-DJSKiaWY.js";
118
110
  export { Accordion, Alert, AlertDialog, ArrayUtils, Autocomplete, Badge, BadgeButton, BottomSheet, Breadcrumbs, Button, CellText, Checkbox, CheckboxGroup, X as CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimePicker, DateTimeUtils, DateUtils, Dialog, DomUtils, Drawer, DropdownMenu, FileInput, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, IconButton, IconSlot, InfiniteTable, InlineIconButton, Input, Inputs, IntlUtils, Link, LinkContext, MenuItem, MenuPopover, NumberField, NumberRangeInput, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Popover, Progress, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, RoutingUtils, Select, Slider, Spinner, SplitButton, Stepper, StringUtils, Switch, Table, Tag, TextArea, TextButton, ThemeContext, TimePicker, Toast, ToastContainer, ToastProvider, ToggleButton, ToggleGroup, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, badgeButtonContentDefinition, badgeButtonDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dialogContentDefinition, dialogMainDefinition, dialogOverlayDefinition, dropdownMenuDefinition, dynamicColumns, dynamicInputs, fileInputButtonDefinition, fileInputDropZoneDefinition, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, iconSlotDefinition, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, isEqual, labelDefinition, linkDefinition, logger, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, ns, popoverDefinition, progressDefinition, progressFillDefinition, progressTrackDefinition, progressTrackWrapperDefinition, progressValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, spinnerDefinition, spinnerWrapperDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, switchDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleGroupDefinition, toggleGroupItemDefinition, 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 };
@@ -1,4 +1,4 @@
1
- import { t as Toast } from "./Toast-DPbnLlBi.js";
1
+ import { t as Toast } from "./Toast-DtG3pA61.js";
2
2
  import { n as y } from "./dist-CAdwxJbe.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  //#region src/components/status/Toast/toast.runtime.tsx
@@ -4,7 +4,7 @@ import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
4
4
  import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
5
5
  import { t as Spinner } from "./Spinner-BeVTUzzx.js";
6
6
  import { InlineIconButton } from "./components/inline-icon-button.js";
7
- import { n as FormFieldLabel } from "./FormField-AY25LzbW.js";
7
+ import { r as FormFieldLabel } from "./FormField-B99dLt8o.js";
8
8
  import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-DJA8ovm_.js";
9
9
  import { n as InputClear } from "./TooltipWrapper-3jyN0Wss.js";
10
10
  import { isValidElement, useId } from "react";
@@ -3,7 +3,7 @@ import { n as useForm } from "./form.binding-CG1RPv6o.js";
3
3
  import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
4
4
  import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
5
5
  import { n as getDefaultInputComponentType } from "./dynamicInputs-CRMWIpHA.js";
6
- import { t as InputItem } from "./InputItem-ZeN-aIz8.js";
6
+ import { t as InputItem } from "./InputItem-CIxbTxZu.js";
7
7
  import { useCallback, useEffect, useMemo, useRef } from "react";
8
8
  import { jsx } from "react/jsx-runtime";
9
9
  import { z } from "zod";
@@ -5,7 +5,7 @@ import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
5
5
  import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
6
6
  import { t as Spinner } from "./Spinner-BeVTUzzx.js";
7
7
  import { InlineIconButton } from "./components/inline-icon-button.js";
8
- import { n as FormFieldLabel, t as FormField } from "./FormField-AY25LzbW.js";
8
+ import { r as FormFieldLabel, t as FormField } from "./FormField-B99dLt8o.js";
9
9
  import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
10
10
  import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
11
11
  import { isValidElement, useId, useLayoutEffect, useRef, useState } from "react";
@@ -1,4 +1,4 @@
1
- import { t as Checkbox } from "./Checkbox-DYxXYfKL.js";
1
+ import { t as Checkbox } from "./Checkbox-CV1ILXXO.js";
2
2
  import { t as Typography } from "./Typography-LU4z2pR1.js";
3
3
  import { t as Spinner } from "./Spinner-BeVTUzzx.js";
4
4
  import "./i18n-CX2EjhJI.js";
@@ -9,7 +9,7 @@ import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
9
9
  import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
10
10
  import { t as Dialog } from "./Dialog-9manOgMA.js";
11
11
  import { Pagination } from "./components/pagination.js";
12
- import { t as Table } from "./Table-CqepqSfe.js";
12
+ import { t as Table } from "./Table-BN2_J_Ne.js";
13
13
  import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
14
14
  import { t as UIRouter } from "./router.context-B4FvsTim.js";
15
15
  import { t as RoutingUtils } from "./routing.utils-UTQonIhB.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@povio/ui",
3
- "version": "5.0.0-rc.8",
3
+ "version": "5.0.0-rc.9",
4
4
  "type": "module",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -301,6 +301,11 @@
301
301
  "import": "./dist/config/app-canvas.js",
302
302
  "default": "./dist/config/app-canvas.js"
303
303
  },
304
+ "./app-canvas/tanstack": {
305
+ "types": "./dist/config/app-canvas-tanstack.d.ts",
306
+ "import": "./dist/config/app-canvas-tanstack.js",
307
+ "default": "./dist/config/app-canvas-tanstack.js"
308
+ },
304
309
  "./ui-configurator/vite": {
305
310
  "types": "./dist/config/ui-configurator-vite.d.ts",
306
311
  "import": "./dist/config/ui-configurator-vite.js",
@@ -1407,6 +1412,7 @@
1407
1412
  "@react-stately/datepicker": "^3.16.0",
1408
1413
  "@tanstack/react-form": "^1.33.2",
1409
1414
  "@tanstack/react-query": "^5.89.0",
1415
+ "@tanstack/react-router": "^1.136.8",
1410
1416
  "@tanstack/react-table": "^9.0.0",
1411
1417
  "@tanstack/store": "^0.11.0",
1412
1418
  "@tiptap/core": "^3.19.0",
@@ -1507,6 +1513,9 @@
1507
1513
  },
1508
1514
  "@tiptap/starter-kit": {
1509
1515
  "optional": true
1516
+ },
1517
+ "@tanstack/react-router": {
1518
+ "optional": true
1510
1519
  }
1511
1520
  }
1512
1521
  }
@@ -1,86 +0,0 @@
1
- import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
2
- import { t as clsx } from "./clsx-CnD0nOiA.js";
3
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
4
- import { t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-FupWOW1f.js";
5
- import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
6
- import { t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-BW1ensey.js";
7
- import { t as LinkContext } from "./link.context-J7aQtMOr.js";
8
- import { t as ButtonContent } from "./ButtonContent-c7lJayVQ.js";
9
- import { a as buttonTypography, i as buttonSizeDefinition, n as buttonDefinition, r as buttonIconSizeDefinition, t as buttonContentDefinition } from "./button.cva-rv5Uq4aW.js";
10
- import { jsx } from "react/jsx-runtime";
11
- //#region src/components/buttons/Button/Button.tsx
12
- const getContentIconPosition = ({ icon, startIcon, endIcon, iconPosition }) => {
13
- if (startIcon || !endIcon && icon && iconPosition !== "right") return "left";
14
- if (endIcon || icon) return "right";
15
- return "none";
16
- };
17
- const Button = ({ icon: Icon, startIcon, endIcon, iconPosition, children, isLoading: isLoadingProp, loading, className, link, iconClassName, noDisableWhenLoading, disableWhileLoading, contentRef, variant: variantProp, size: sizeProp, width: widthProp, fullWidth, ...props }) => {
18
- const linkContext = LinkContext.useLinkContext();
19
- const uiConfig = UIConfig.useConfig();
20
- const variant = variantProp ?? uiConfig.button.variant;
21
- const size = sizeProp ?? uiConfig.button.size;
22
- const width = fullWidth ? "fill" : widthProp;
23
- const isLoading = isLoadingProp ?? loading;
24
- const shouldDisableWhileLoading = disableWhileLoading ?? !noDisableWhenLoading;
25
- const contentIconPosition = getContentIconPosition({
26
- icon: Icon,
27
- startIcon,
28
- endIcon,
29
- iconPosition
30
- });
31
- const buttonCva = UIOverrides.useCva("button.cva", buttonDefinition);
32
- const buttonSizeCva = UIOverrides.useCva("button.sizeCva", buttonSizeDefinition);
33
- const buttonContentCva = UIOverrides.useCva("button.contentCva", buttonContentDefinition);
34
- const buttonIconSizeCva = UIOverrides.useCva("button.iconSize", buttonIconSizeDefinition);
35
- const typographyMap = UIOverrides.useMapper("button.typography", buttonTypography);
36
- const Component = (() => {
37
- if (link) return linkContext?.LinkComponent ?? $984a1fc08f87e4f3$export$a6c7ac8248d6e38a;
38
- if (props.toggle != null) return $75afe627ae0cc0fa$export$d2b052e7b4be1756;
39
- return $7705c033048f6da7$export$353f5b6fc5456de1;
40
- })();
41
- if (link && !link.to && link.href) link.to = link.href;
42
- return /* @__PURE__ */ jsx(Component, {
43
- ...props,
44
- ...link,
45
- isDisabled: props.isDisabled || isLoading && shouldDisableWhileLoading,
46
- className: clsx(buttonCva({
47
- ...props,
48
- variant,
49
- size,
50
- width,
51
- className
52
- }), buttonSizeCva({
53
- ...props,
54
- variant,
55
- size
56
- }), buttonContentCva({
57
- ...props,
58
- variant,
59
- size,
60
- iconPosition: contentIconPosition
61
- })),
62
- children: /* @__PURE__ */ jsx(ButtonContent, {
63
- ref: contentRef,
64
- isLoading,
65
- icon: Icon,
66
- startIcon,
67
- endIcon,
68
- content: children,
69
- hideText: props.iconOnly,
70
- iconPosition,
71
- iconClassName: buttonIconSizeCva({
72
- ...props,
73
- variant,
74
- size,
75
- className: iconClassName
76
- }),
77
- typography: typographyMap({
78
- ...props,
79
- variant,
80
- size
81
- })
82
- })
83
- });
84
- };
85
- //#endregion
86
- export { Button as t };
@@ -1,44 +0,0 @@
1
- import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
2
- import { t as Check } from "./check-DYMBkp_Z.js";
3
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
4
- import { i as checkboxDefinition, o as checkboxIconDefinition } from "./checkbox.cva-IfOByVLA.js";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/minus.mjs
7
- /**
8
- * @license lucide-react v1.43.0 - ISC
9
- *
10
- * This source code is licensed under the ISC license.
11
- * See the LICENSE file in the root directory of this source tree.
12
- */
13
- const __iconData = {
14
- name: "minus",
15
- size: 24,
16
- node: [["path", {
17
- d: "M5 12h14",
18
- key: "1ays0h"
19
- }]]
20
- };
21
- __iconData.node;
22
- const Minus = createLucideIcon(__iconData);
23
- //#endregion
24
- //#region src/components/inputs/Checkbox/CheckboxCheckmark.tsx
25
- const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Check, indeterminateIcon: IndeterminateIcon = Minus, ...props }) => {
26
- const checkboxCva = UIOverrides.useCva("checkbox.cva", checkboxDefinition);
27
- const checkboxIconCva = UIOverrides.useCva("checkbox.iconCva", checkboxIconDefinition);
28
- return /* @__PURE__ */ jsxs("div", {
29
- className: checkboxCva({
30
- variant,
31
- ...props,
32
- className
33
- }),
34
- children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
35
- ...props,
36
- iconVariant: "selected"
37
- }) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
38
- ...props,
39
- iconVariant: "indeterminate"
40
- }) })]
41
- });
42
- };
43
- //#endregion
44
- export { Minus as n, CheckboxCheckmark as t };
@@ -1,5 +0,0 @@
1
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
2
- //#region src/components/inputs/Input/TextArea/TextArea.cva.ts
3
- const textAreaWrapperDefinition = UIOverrides.defineConfig({ base: ["group/text-area relative h-full"] });
4
- //#endregion
5
- export { textAreaWrapperDefinition as t };
@@ -1,14 +0,0 @@
1
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
2
- //#region src/components/inputs/FormField/formFieldError.cva.ts
3
- const formFieldErrorDefinition = UIOverrides.defineConfig({
4
- base: ["text-small text-surface-destructive-base"],
5
- config: {
6
- variants: { visible: {
7
- true: "mt-1.5",
8
- false: "sr-only"
9
- } },
10
- defaultVariants: { visible: false }
11
- }
12
- });
13
- //#endregion
14
- export { formFieldErrorDefinition as t };
@@ -1,96 +0,0 @@
1
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
2
- import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
3
- //#region src/components/inputs/FormField/formFieldHeader.cva.ts
4
- const formFieldHeaderDefinition = UIOverrides.defineConfig({
5
- base: [""],
6
- config: {
7
- variants: { visible: {
8
- true: "mb-1",
9
- false: "sr-only"
10
- } },
11
- defaultVariants: { visible: true }
12
- }
13
- });
14
- //#endregion
15
- //#region src/components/inputs/shared/label.cva.ts
16
- const labelDefinition = UIOverrides.defineConfig({
17
- base: [""],
18
- config: {
19
- variants: { as: {
20
- default: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
21
- filter: ["text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
22
- inline: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"],
23
- floating: [
24
- "pointer-events-none font-normal!",
25
- "absolute transition-all duration-75",
26
- "top-1/2 -translate-y-1/2",
27
- "text-surface-default-card-foreground",
28
- "input-disabled:text-state-surface-default-card-foreground/disabled!",
29
- "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
30
- "input-filled:translate-y-0",
31
- "input-filled:text-surface-default-card-foreground",
32
- "input-filled:font-bold!",
33
- "input-filled:text-small!",
34
- "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0",
35
- "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden",
36
- "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0",
37
- "group-data-[is-filled=true]/text-editor:hidden"
38
- ]
39
- } },
40
- defaultVariants: { as: "default" }
41
- }
42
- });
43
- const labelTypography = compoundMapper({
44
- compoundVariants: [
45
- {
46
- as: "default",
47
- value: {
48
- size: "small",
49
- sizeMobile: "small",
50
- className: "font-bold"
51
- }
52
- },
53
- {
54
- as: "filter",
55
- value: {
56
- size: "large",
57
- sizeMobile: "large"
58
- }
59
- },
60
- {
61
- as: "inline",
62
- value: {
63
- size: "small",
64
- sizeMobile: "small",
65
- className: "font-bold"
66
- }
67
- },
68
- {
69
- as: "floating",
70
- value: {
71
- size: "large",
72
- sizeMobile: "large"
73
- }
74
- }
75
- ],
76
- default: {
77
- size: "small",
78
- sizeMobile: "small",
79
- className: "font-bold"
80
- },
81
- defaultVariants: { as: "default" }
82
- });
83
- //#endregion
84
- //#region src/components/inputs/FormField/formFieldHelper.cva.ts
85
- const formFieldHelperDefinition = UIOverrides.defineConfig({
86
- base: ["text-small text-surface-default-foreground"],
87
- config: {
88
- variants: { visible: {
89
- true: "mt-1.5",
90
- false: "sr-only"
91
- } },
92
- defaultVariants: { visible: false }
93
- }
94
- });
95
- //#endregion
96
- export { formFieldHeaderDefinition as i, labelDefinition as n, labelTypography as r, formFieldHelperDefinition as t };
@@ -1,54 +0,0 @@
1
- import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
2
- //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/grip-vertical.mjs
3
- /**
4
- * @license lucide-react v1.43.0 - ISC
5
- *
6
- * This source code is licensed under the ISC license.
7
- * See the LICENSE file in the root directory of this source tree.
8
- */
9
- const __iconData = {
10
- name: "grip-vertical",
11
- size: 24,
12
- node: [
13
- ["circle", {
14
- cx: "9",
15
- cy: "12",
16
- r: "1",
17
- key: "1vctgf"
18
- }],
19
- ["circle", {
20
- cx: "9",
21
- cy: "5",
22
- r: "1",
23
- key: "hp0tcf"
24
- }],
25
- ["circle", {
26
- cx: "9",
27
- cy: "19",
28
- r: "1",
29
- key: "fkjjf6"
30
- }],
31
- ["circle", {
32
- cx: "15",
33
- cy: "12",
34
- r: "1",
35
- key: "1tmaij"
36
- }],
37
- ["circle", {
38
- cx: "15",
39
- cy: "5",
40
- r: "1",
41
- key: "19l28e"
42
- }],
43
- ["circle", {
44
- cx: "15",
45
- cy: "19",
46
- r: "1",
47
- key: "f4zoj3"
48
- }]
49
- ]
50
- };
51
- __iconData.node;
52
- const GripVertical = createLucideIcon(__iconData);
53
- //#endregion
54
- export { GripVertical as t };