@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
@@ -1,28 +0,0 @@
1
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
2
- //#region src/components/status/Progress/progress.cva.ts
3
- const progressDefinition = UIOverrides.defineConfig({
4
- base: ["flex w-full items-center justify-center gap-file-upload-content-gap-progress-actions"],
5
- config: {
6
- variants: { valueLabel: {
7
- leading: ["flex-row-reverse"],
8
- trailing: [],
9
- none: []
10
- } },
11
- defaultVariants: { valueLabel: "trailing" }
12
- }
13
- });
14
- const progressTrackWrapperDefinition = UIOverrides.defineConfig({ base: ["flex flex-fill flex-col items-start gap-2 py-progress-height-height"] });
15
- const progressTrackDefinition = UIOverrides.defineConfig({
16
- base: [],
17
- config: {
18
- variants: { part: {
19
- container: ["relative h-1 w-full"],
20
- background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-popover"]
21
- } },
22
- defaultVariants: { part: "container" }
23
- }
24
- });
25
- const progressFillDefinition = UIOverrides.defineConfig({ base: ["absolute top-0 left-0 h-1 shrink-0 rounded-xs bg-interactive-primary-background transition-all duration-300"] });
26
- const progressValueDefinition = UIOverrides.defineConfig({ base: ["text-center text-surface-default-popover-foreground"] });
27
- //#endregion
28
- export { progressValueDefinition as a, progressTrackWrapperDefinition as i, progressFillDefinition as n, progressTrackDefinition as r, progressDefinition as t };
@@ -1,82 +0,0 @@
1
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
2
- import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
3
- import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
4
- //#region src/components/inputs/RadioGroup/radio.cva.ts
5
- const radioDefinition = UIOverrides.defineConfig({
6
- base: [
7
- "flex items-center justify-center border-2",
8
- "relative m-1.25 size-3.5 shrink-0 rounded-full",
9
- "before:absolute before:hidden before:size-1 before:rounded-full",
10
- uiGroupOutlineClass
11
- ],
12
- config: {
13
- variants: { variant: { default: [
14
- "border-interactive-primary-background bg-support-transparent-outline",
15
- "before:bg-interactive-primary-foreground group-selected:before:block",
16
- "group-focus-visible:outline-interactive-ring",
17
- "group-not-disabled:group-invalid:border-border-destructive-base",
18
- "group-disabled:border-state-interactive-primary-background/disabled",
19
- "group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover",
20
- "group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed",
21
- "group-selected:bg-interactive-primary-background",
22
- "group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
23
- "group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
24
- "group-selected:group-disabled:bg-state-interactive-primary-background/disabled"
25
- ] } },
26
- defaultVariants: { variant: "default" }
27
- }
28
- });
29
- const radioContentWrapperDefinition = UIOverrides.defineConfig({
30
- base: ["relative flex"],
31
- config: {
32
- variants: {
33
- variant: { default: "" },
34
- as: {
35
- default: "flex-col",
36
- floating: "flex-col",
37
- filter: "flex-row flex-wrap items-center gap-2",
38
- inline: "flex-row flex-wrap items-center gap-2"
39
- },
40
- hasInputFrame: {
41
- true: "gap-2",
42
- false: ""
43
- }
44
- },
45
- defaultVariants: {
46
- variant: "default",
47
- as: "default",
48
- hasInputFrame: false
49
- }
50
- }
51
- });
52
- const radioContentRowDefinition = UIOverrides.defineConfig({
53
- base: ["flex"],
54
- config: {
55
- variants: {
56
- variant: { default: "" },
57
- as: {
58
- default: "flex-col",
59
- floating: "flex-col",
60
- filter: "flex-row flex-wrap items-center gap-2",
61
- inline: "flex-row flex-wrap items-center gap-2"
62
- },
63
- hasInputFrame: {
64
- true: "gap-2",
65
- false: ""
66
- }
67
- },
68
- defaultVariants: {
69
- variant: "default",
70
- as: "default",
71
- hasInputFrame: false
72
- }
73
- }
74
- });
75
- const radioIndicatorClass = "group flex items-center gap-2";
76
- const radioTypography = compoundMapper({ default: {
77
- size: "large",
78
- sizeMobile: "large"
79
- } });
80
- const radioContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
81
- //#endregion
82
- export { radioIndicatorClass as a, radioDefinition as i, radioContentRowDefinition as n, radioTypography as o, radioContentWrapperDefinition as r, radioContentClassName as t };
@@ -1,130 +0,0 @@
1
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
2
- //#region src/components/status/Alert/alert.cva.ts
3
- const alertDefinition = UIOverrides.defineConfig({
4
- base: ["min-h-0 overflow-hidden rounded-alert-rounding-default p-0 shadow-4"],
5
- config: {
6
- variants: {
7
- variant: {
8
- outlined: "border bg-surface-default-card text-surface-default-card-foreground",
9
- contained: ""
10
- },
11
- color: {
12
- neutral: "",
13
- success: "",
14
- warning: "",
15
- error: ""
16
- }
17
- },
18
- compoundVariants: [
19
- {
20
- variant: "outlined",
21
- color: "neutral",
22
- className: "border-border-default-subtle"
23
- },
24
- {
25
- variant: "outlined",
26
- color: "success",
27
- className: "border-surface-success-base"
28
- },
29
- {
30
- variant: "outlined",
31
- color: "warning",
32
- className: "border-surface-warning-base"
33
- },
34
- {
35
- variant: "outlined",
36
- color: "error",
37
- className: "border-border-destructive-base"
38
- },
39
- {
40
- variant: "contained",
41
- color: "neutral",
42
- className: "bg-surface-inverted-card text-surface-inverted-card-foreground"
43
- },
44
- {
45
- variant: "contained",
46
- color: "success",
47
- className: "bg-surface-success-base text-surface-success-inverted-base"
48
- },
49
- {
50
- variant: "contained",
51
- color: "warning",
52
- className: "bg-surface-warning-base text-surface-warning-inverted-base"
53
- },
54
- {
55
- variant: "contained",
56
- color: "error",
57
- className: "bg-surface-destructive-base text-surface-destructive-inverted-base"
58
- }
59
- ],
60
- defaultVariants: {
61
- variant: "outlined",
62
- color: "neutral"
63
- }
64
- }
65
- });
66
- //#endregion
67
- //#region src/components/status/shared/status.cva.ts
68
- const statusIconDefinition = UIOverrides.defineConfig({
69
- base: ["size-icons-size shrink-0"],
70
- config: {
71
- variants: {
72
- variant: {
73
- outlined: "",
74
- contained: "text-inherit"
75
- },
76
- color: {
77
- neutral: "",
78
- success: "",
79
- warning: "",
80
- error: ""
81
- }
82
- },
83
- compoundVariants: [
84
- {
85
- variant: "outlined",
86
- color: "neutral",
87
- class: "text-surface-default-foreground"
88
- },
89
- {
90
- variant: "outlined",
91
- color: "success",
92
- class: "text-surface-success-base"
93
- },
94
- {
95
- variant: "outlined",
96
- color: "warning",
97
- class: "text-surface-warning-base"
98
- },
99
- {
100
- variant: "outlined",
101
- color: "error",
102
- class: "text-surface-destructive-base"
103
- }
104
- ],
105
- defaultVariants: {
106
- variant: "outlined",
107
- color: "neutral"
108
- }
109
- }
110
- });
111
- const statusSeparatorDefinition = UIOverrides.defineConfig({
112
- base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
113
- config: {
114
- variants: {
115
- variant: {
116
- outlined: "",
117
- contained: "hidden"
118
- },
119
- color: {
120
- neutral: "bg-border-default-subtle",
121
- success: "bg-surface-success-base",
122
- warning: "bg-surface-warning-base",
123
- error: "bg-surface-destructive-base"
124
- }
125
- },
126
- defaultVariants: { color: "neutral" }
127
- }
128
- });
129
- //#endregion
130
- export { statusSeparatorDefinition as n, alertDefinition as r, statusIconDefinition as t };
@@ -1,27 +0,0 @@
1
- import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
2
- import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
3
- import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
4
- //#region src/components/inputs/Switch/switch.cva.ts
5
- const switchDefinition = UIOverrides.defineConfig({
6
- base: ["h-6 w-10 rounded-full before:m-0.5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
7
- config: {
8
- variants: { variant: { default: [
9
- "bg-state-interactive-primary-background/disabled before:bg-interactive-primary-foreground",
10
- "group-not-disabled:group-selected:bg-interactive-primary-background",
11
- "group-disabled:bg-state-interactive-secondary-background/disabled group-disabled:before:bg-interactive-secondary-foreground",
12
- "group-focus-visible:outline-interactive-ring",
13
- "group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
14
- "group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
15
- "group-not-disabled:group-selected:group-hover:bg-state-interactive-primary-background/hover",
16
- "group-not-disabled:group-selected:group-pressed:bg-state-interactive-primary-background/pressed"
17
- ] } },
18
- defaultVariants: { variant: "default" }
19
- }
20
- });
21
- const switchTypography = compoundMapper({ default: {
22
- size: "large",
23
- sizeMobile: "large"
24
- } });
25
- const switchContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
26
- //#endregion
27
- export { switchDefinition as n, switchTypography as r, switchContentClassName as t };