@povio/ui 3.4.0-rc.30 → 3.4.0-rc.32

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 (75) hide show
  1. package/dist/{BottomSheet-CQ9Pkvn_.js → BottomSheet-Bf5YauUF.js} +2 -2
  2. package/dist/{Breadcrumbs-D0mblHwu.js → Breadcrumbs-D8ngBc93.js} +2 -2
  3. package/dist/{Calendar-DQxeTov4.js → Calendar-D2IPtih0.js} +4 -4
  4. package/dist/{DatePicker-BT46HC74.js → DatePicker-C5inJMib.js} +4 -4
  5. package/dist/{DatePickerInput-BK6P_VAB.js → DatePickerInput-CtkeReVQ.js} +1 -1
  6. package/dist/{DateRangePicker-C2NPjsPu.js → DateRangePicker-BcYoPnDA.js} +16 -3
  7. package/dist/{DateTimePicker-BZcH7uNO.js → DateTimePicker-CocJ2QGc.js} +4 -4
  8. package/dist/{Dialog-Bl7F9FUP.js → Dialog-CYPAuk4r.js} +1 -1
  9. package/dist/{InputItem-DnaVpl5x.js → InputItem-msRZqamc.js} +5 -5
  10. package/dist/{Inputs-DKdKSMqz.js → Inputs-COn_OHA2.js} +1 -1
  11. package/dist/{ListBox-Ck1UjeGo.js → ListBox-CJbpH_Kh.js} +1 -1
  12. package/dist/{Menu-fXWnROTU.js → Menu-CXlFN-mb.js} +2 -2
  13. package/dist/{MenuDesktop-C3_I4fdd.js → MenuDesktop-CuQBZODp.js} +1 -1
  14. package/dist/{Modal-UhtruHmf.js → Modal-BbiLj4ai.js} +1 -1
  15. package/dist/{Modal-CSr-DYqC.js → Modal-Cerq7LEf.js} +2 -2
  16. package/dist/{Select-BEgNpIuG.js → Select-CO2ppqqL.js} +1 -1
  17. package/dist/{TextEditor-CKGUWpY_.js → TextEditor-CDv7Tf57.js} +3 -3
  18. package/dist/{TimePicker-eWZ7lIDW.js → TimePicker-BmTVdF1E.js} +2 -2
  19. package/dist/{ToastRenderer-Dpax9sKV.js → ToastContainer-2NP_Qj1a.js} +18 -3
  20. package/dist/components/action-modal.js +1 -1
  21. package/dist/components/autocomplete.js +1 -1
  22. package/dist/components/bottom-sheet.js +2 -2
  23. package/dist/components/breadcrumbs.js +1 -1
  24. package/dist/components/date-picker.js +1 -1
  25. package/dist/components/date-range-picker.js +1 -1
  26. package/dist/components/date-time-picker.js +1 -1
  27. package/dist/components/drawer.d.ts +2 -7
  28. package/dist/components/drawer.js +88 -86
  29. package/dist/components/menu.js +2 -2
  30. package/dist/components/modal.js +1 -1
  31. package/dist/components/query-select.js +1 -1
  32. package/dist/components/responsive-popover.js +1 -1
  33. package/dist/components/select.js +1 -1
  34. package/dist/components/split-button.js +1 -1
  35. package/dist/components/time-picker.js +1 -1
  36. package/dist/components/toast.js +2 -2
  37. package/dist/components/use-toast.js +2 -2
  38. package/dist/config/confirmation.js +1 -1
  39. package/dist/{confirmation.context-CD-UjjK8.js → confirmation.context-Cj2aHpa_.js} +22 -25
  40. package/dist/{datePickerValue.utils-CA2te8RG.js → datePickerValue.utils-u6REHox2.js} +1 -1
  41. package/dist/{dist-B4xyoAhc.js → dist-CTjtrOgH.js} +256 -1
  42. package/dist/index.js +14 -15
  43. package/dist/{logger-WPC6ostp.js → logger-BPhG2izn.js} +1 -1
  44. package/dist/rhf/date-picker.js +1 -1
  45. package/dist/rhf/date-range-picker.js +1 -1
  46. package/dist/rhf/date-time-picker.js +1 -1
  47. package/dist/rhf/select.js +1 -1
  48. package/dist/rhf/text-editor.js +1 -1
  49. package/dist/rhf/time-picker.js +1 -1
  50. package/dist/rhf.js +14 -15
  51. package/dist/{rolldown-runtime-B-lAHAz2.js → rolldown-runtime-DUp30N8C.js} +1 -10
  52. package/dist/{staticDateTimeSegments-BJpz4raS.js → staticDateTimeSegments-qJUUAL8d.js} +2 -2
  53. package/dist/{staticSelect.utils-D16Yq0j-.js → staticSelect.utils-CRyAMXOL.js} +3 -3
  54. package/dist/tanstack/date-picker.js +1 -1
  55. package/dist/tanstack/date-range-picker.js +1 -1
  56. package/dist/tanstack/date-time-picker.js +1 -1
  57. package/dist/tanstack/form.js +1 -1
  58. package/dist/tanstack/inputs.js +1 -1
  59. package/dist/tanstack/select.js +1 -1
  60. package/dist/tanstack/table.js +1 -1
  61. package/dist/tanstack/text-editor.js +1 -1
  62. package/dist/tanstack/time-picker.js +1 -1
  63. package/dist/tanstack.js +21 -22
  64. package/dist/text-editor.js +1 -1
  65. package/dist/{toast.runtime-CzHEhKmm.js → toast.runtime-Cl4rxGXF.js} +1 -2
  66. package/dist/{useFilter-CI4X6urj.js → useFilter-Cz_G94ya.js} +1 -1
  67. package/dist/{useFormAutosave-DrPFxGPN.js → useFormAutosave-Cj75UzUP.js} +1 -1
  68. package/dist/{useTableColumnConfig-C647gNJs.js → useTableColumnConfig-CXjUy_VP.js} +2 -2
  69. package/dist/utils/logger.js +1 -1
  70. package/package.json +1 -1
  71. package/dist/Drawer-BkPPB5DQ.js +0 -98
  72. package/dist/Toast-ZFTj3GGo.js +0 -49
  73. package/dist/ToastContainer-TRM91co1.js +0 -23
  74. package/dist/confirmation.dialog-Cveu3s5D.js +0 -16
  75. package/dist/toast.cva-BGJCi2qq.js +0 -211
@@ -1,49 +0,0 @@
1
- import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
2
- import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
3
- import { t as Typography } from "./Typography-AcUd9df8.js";
4
- import { t as Loader } from "./Loader-C6YkWZOO.js";
5
- import { t as Button } from "./Button-D9J5wkMv.js";
6
- import { a as toastDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as buttonColorVariant } from "./toast.cva-BGJCi2qq.js";
7
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
- //#region src/components/status/Toast/Toast.tsx
9
- const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
10
- const uiConfig = UIConfig.useConfig();
11
- const { variant = uiConfig.toast.variant, ...restProps } = props;
12
- const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
13
- const buttonColor = UIOverrides.useMapper("toast.buttonColor", buttonColorVariant);
14
- const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
15
- const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
16
- const variantProps = {
17
- variant,
18
- ...restProps
19
- };
20
- return /* @__PURE__ */ jsxs("div", {
21
- className: toastCva(variantProps),
22
- children: [/* @__PURE__ */ jsxs("div", {
23
- className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
24
- children: [
25
- isLoading && /* @__PURE__ */ jsx(Loader, {
26
- size: "default",
27
- className: "shrink-0"
28
- }),
29
- !isLoading && Icon && /* @__PURE__ */ jsx(Icon, { className: iconCva(variantProps) }),
30
- /* @__PURE__ */ jsx(Typography, {
31
- size: "label-2",
32
- children: text
33
- })
34
- ]
35
- }), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
36
- className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
37
- children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
38
- onPress,
39
- ...buttonColor(variantProps),
40
- variant: "text",
41
- size: "none",
42
- width: "hug",
43
- children: buttonText
44
- }, buttonText))
45
- })] })]
46
- });
47
- };
48
- //#endregion
49
- export { Toast as t };
@@ -1,23 +0,0 @@
1
- import { i as subscribeToToastActivation, n as isToastRendererActive, r as isToastRendererInactive } from "./toastActivation.store-BELtcr76.js";
2
- import { Suspense, lazy, useSyncExternalStore } from "react";
3
- import { c } from "react/compiler-runtime";
4
- import { jsx } from "react/jsx-runtime";
5
- //#region src/components/status/Toast/ToastContainer.tsx
6
- const ToastRenderer = lazy(() => import("./ToastRenderer-Dpax9sKV.js"));
7
- const ToastContainer = () => {
8
- const $ = c(2);
9
- const isActive = useSyncExternalStore(subscribeToToastActivation, isToastRendererActive, isToastRendererInactive);
10
- let t0;
11
- if ($[0] !== isActive) {
12
- t0 = isActive ? /* @__PURE__ */ jsx(Suspense, {
13
- fallback: null,
14
- children: /* @__PURE__ */ jsx(ToastRenderer, {})
15
- }) : null;
16
- $[0] = isActive;
17
- $[1] = t0;
18
- } else t0 = $[1];
19
- return t0;
20
- };
21
- const ToastProvider = ToastContainer;
22
- //#endregion
23
- export { ToastProvider as n, ToastContainer as t };
@@ -1,16 +0,0 @@
1
- import { ActionModal } from "./components/action-modal.js";
2
- import { c } from "react/compiler-runtime";
3
- import { jsx } from "react/jsx-runtime";
4
- //#region src/config/confirmation.dialog.tsx
5
- const ConfirmationDialog = (props) => {
6
- const $ = c(2);
7
- let t0;
8
- if ($[0] !== props) {
9
- t0 = /* @__PURE__ */ jsx(ActionModal, { ...props });
10
- $[0] = props;
11
- $[1] = t0;
12
- } else t0 = $[1];
13
- return t0;
14
- };
15
- //#endregion
16
- export { ConfirmationDialog as default };
@@ -1,211 +0,0 @@
1
- import { t as clsx } from "./clsx-CnD0nOiA.js";
2
- import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
3
- import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
4
- //#region src/components/status/Toast/toast.cva.ts
5
- const toastContainerDefinition = UIOverrides.defineConfig({
6
- base: ["m-toast-gap-margin-mobile w-auto gap-toast-gap-margin-mobile p-0 md:m-toast-gap-margin-desktop md:gap-toast-gap-margin-desktop"],
7
- config: { variants: { position: {
8
- "bottom-right": "right-0 bottom-0",
9
- "bottom-left": "bottom-0 left-0",
10
- "top-right": "top-0 right-0",
11
- "top-left": "top-0 left-0",
12
- "bottom-center": "bottom-0",
13
- "top-center": "top-0"
14
- } } }
15
- });
16
- const toastWrapper = clsx("m-0! min-h-0! w-auto! max-w-toast bg-transparent! p-0! shadow-none!");
17
- const toastDefinition = UIOverrides.defineConfig({
18
- base: ["m-0 inline-flex w-auto flex-col items-center overflow-hidden rounded-toast-rounding-default shadow-4 md:flex-row"],
19
- config: {
20
- variants: {
21
- variant: {
22
- outlined: "border bg-elevation-fill-default-1 text-text-default-1",
23
- contained: "text-text-inverted-1"
24
- },
25
- color: {
26
- neutral: "",
27
- success: "",
28
- warning: "",
29
- error: ""
30
- },
31
- position: {
32
- "bottom-right": "",
33
- "bottom-left": "",
34
- "bottom-center": "",
35
- "top-right": "",
36
- "top-left": "",
37
- "top-center": ""
38
- }
39
- },
40
- compoundVariants: [
41
- {
42
- variant: "outlined",
43
- color: "neutral",
44
- className: "border-elevation-outline-default-1"
45
- },
46
- {
47
- variant: "outlined",
48
- color: "success",
49
- className: "border-elevation-outline-success-1"
50
- },
51
- {
52
- variant: "outlined",
53
- color: "warning",
54
- className: "border-elevation-outline-warning-1"
55
- },
56
- {
57
- variant: "outlined",
58
- color: "error",
59
- className: "border-elevation-outline-error-1"
60
- },
61
- {
62
- variant: "contained",
63
- color: "neutral",
64
- className: "bg-elevation-fill-inverted-1"
65
- },
66
- {
67
- variant: "contained",
68
- color: "success",
69
- className: "bg-elevation-fill-success-1"
70
- },
71
- {
72
- variant: "contained",
73
- color: "warning",
74
- className: "bg-elevation-fill-warning-1"
75
- },
76
- {
77
- variant: "contained",
78
- color: "error",
79
- className: "bg-elevation-fill-error-1"
80
- }
81
- ],
82
- defaultVariants: {
83
- variant: "outlined",
84
- color: "neutral"
85
- }
86
- }
87
- });
88
- const buttonColorVariant = compoundMapper({
89
- compoundVariants: [
90
- {
91
- variant: "outlined",
92
- color: "neutral",
93
- value: { color: "secondary" }
94
- },
95
- {
96
- variant: "outlined",
97
- color: "success",
98
- value: { color: "success" }
99
- },
100
- {
101
- variant: "outlined",
102
- color: "warning",
103
- value: { color: "warning" }
104
- },
105
- {
106
- variant: "outlined",
107
- color: "error",
108
- value: { color: "error" }
109
- },
110
- {
111
- variant: "contained",
112
- color: "neutral",
113
- value: {
114
- color: "primary",
115
- inverted: true
116
- }
117
- },
118
- {
119
- variant: "contained",
120
- color: "success",
121
- value: {
122
- color: "success",
123
- inverted: true
124
- }
125
- },
126
- {
127
- variant: "contained",
128
- color: "warning",
129
- value: {
130
- color: "warning",
131
- inverted: true
132
- }
133
- },
134
- {
135
- variant: "contained",
136
- color: "error",
137
- value: {
138
- color: "error",
139
- inverted: true
140
- }
141
- }
142
- ],
143
- defaultVariants: {
144
- variant: "outlined",
145
- color: "neutral"
146
- },
147
- default: { color: "secondary" }
148
- });
149
- const statusIconDefinition = UIOverrides.defineConfig({
150
- base: ["size-6 shrink-0"],
151
- config: {
152
- variants: {
153
- variant: {
154
- outlined: "",
155
- contained: "text-text-inverted-1"
156
- },
157
- color: {
158
- neutral: "",
159
- success: "",
160
- warning: "",
161
- error: ""
162
- }
163
- },
164
- compoundVariants: [
165
- {
166
- variant: "outlined",
167
- color: "neutral",
168
- className: "text-text-default-2"
169
- },
170
- {
171
- variant: "outlined",
172
- color: "success",
173
- className: "text-text-success-1"
174
- },
175
- {
176
- variant: "outlined",
177
- color: "warning",
178
- className: "text-text-warning-1"
179
- },
180
- {
181
- variant: "outlined",
182
- color: "error",
183
- className: "text-text-error-1"
184
- }
185
- ],
186
- defaultVariants: {
187
- variant: "outlined",
188
- color: "neutral"
189
- }
190
- }
191
- });
192
- const statusSeparatorDefinition = UIOverrides.defineConfig({
193
- base: ["h-px shrink-0 self-stretch md:h-auto md:w-px"],
194
- config: {
195
- variants: {
196
- variant: {
197
- outlined: "",
198
- contained: "hidden"
199
- },
200
- color: {
201
- neutral: "bg-elevation-outline-default-1",
202
- success: "bg-elevation-outline-success-1",
203
- warning: "bg-elevation-outline-warning-1",
204
- error: "bg-elevation-outline-error-1"
205
- }
206
- },
207
- defaultVariants: { color: "neutral" }
208
- }
209
- });
210
- //#endregion
211
- export { toastDefinition as a, toastContainerDefinition as i, statusIconDefinition as n, toastWrapper as o, statusSeparatorDefinition as r, buttonColorVariant as t };