@serendie/ui 2.1.3-dev.202509020325 → 2.1.3-dev.202509040333
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.
- package/dist/client.js +74 -70
- package/dist/components/Accordion/Accordion.d.ts +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Banner/Banner.d.ts +1 -1
- package/dist/components/BottomNavigation/BottomNavigationItem.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/DatePicker/DatePicker.d.ts +13 -0
- package/dist/components/DatePicker/DatePicker.js +203 -0
- package/dist/components/DatePicker/index.d.ts +2 -0
- package/dist/components/DatePicker/index.js +6 -0
- package/dist/components/DatePicker/parseDate.d.ts +1 -0
- package/dist/components/DatePicker/styles.d.ts +1 -0
- package/dist/components/DatePicker/styles.js +224 -0
- package/dist/components/IconButton/IconButton.d.ts +3 -3
- package/dist/components/List/ListItem.d.ts +1 -1
- package/dist/components/ModalDialog/ModalDialog.d.ts +1 -1
- package/dist/components/NotificationBadge/NotificationBadge.d.ts +1 -1
- package/dist/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/Search/Search.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Switch/Switch.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/TextField/TextField.js +59 -156
- package/dist/components/Toast/Toast.d.ts +1 -1
- package/dist/components/TopAppBar/TopAppBar.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +78 -74
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js +15 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js +13 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-label.js +13 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js +13 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root.js +55 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-body.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell-trigger.js +19 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell.js +26 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-head.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-row.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js +13 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js +14 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js +23 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js +13 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker.anatomy.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-context.js +10 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-cell-props-context.js +10 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-props-context.js +10 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-view-props-context.js +12 -0
- package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker.js +18 -0
- package/dist/node_modules/@ark-ui/react/dist/components/factory.js +11 -12
- package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root.js +5 -4
- package/dist/node_modules/@ark-ui/react/dist/utils/use-event.js +0 -1
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +36 -36
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +238 -235
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +88 -83
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +68 -67
- package/dist/node_modules/@internationalized/date/dist/CalendarDate.js +178 -0
- package/dist/node_modules/@internationalized/date/dist/DateFormatter.js +99 -0
- package/dist/node_modules/@internationalized/date/dist/GregorianCalendar.js +98 -0
- package/dist/node_modules/@internationalized/date/dist/conversion.js +135 -0
- package/dist/node_modules/@internationalized/date/dist/manipulation.js +205 -0
- package/dist/node_modules/@internationalized/date/dist/queries.js +202 -0
- package/dist/node_modules/@internationalized/date/dist/string.js +41 -0
- package/dist/node_modules/@internationalized/date/dist/utils.js +6 -0
- package/dist/node_modules/@internationalized/date/dist/weekStartData.js +100 -0
- package/dist/node_modules/@swc/helpers/esm/_check_private_redeclaration.js +7 -0
- package/dist/node_modules/@swc/helpers/esm/_class_private_field_init.js +7 -0
- package/dist/node_modules/@zag-js/anatomy/dist/index.js +15 -14
- package/dist/node_modules/@zag-js/aria-hidden/dist/index.js +23 -23
- package/dist/node_modules/@zag-js/collection/dist/index.js +102 -71
- package/dist/node_modules/@zag-js/combobox/dist/index.js +482 -426
- package/dist/node_modules/@zag-js/date-picker/dist/index.js +1826 -0
- package/dist/node_modules/@zag-js/date-utils/dist/index.js +366 -0
- package/dist/node_modules/@zag-js/dialog/dist/index.js +66 -64
- package/dist/node_modules/@zag-js/dismissable/dist/index.js +94 -69
- package/dist/node_modules/@zag-js/dom-query/dist/index.js +359 -300
- package/dist/node_modules/@zag-js/live-region/dist/index.js +39 -0
- package/dist/node_modules/@zag-js/menu/dist/index.js +357 -340
- package/dist/node_modules/@zag-js/popper/dist/index.js +123 -120
- package/dist/node_modules/@zag-js/presence/dist/index.js +17 -17
- package/dist/node_modules/@zag-js/radio-group/dist/index.js +118 -117
- package/dist/node_modules/@zag-js/react/dist/index.js +124 -121
- package/dist/node_modules/@zag-js/select/dist/index.js +211 -197
- package/dist/node_modules/@zag-js/toast/dist/index.js +73 -71
- package/dist/node_modules/@zag-js/tooltip/dist/index.js +31 -30
- package/dist/node_modules/@zag-js/utils/dist/index.js +150 -104
- package/dist/preset.d.ts +3 -1
- package/dist/recipes/index.d.ts +3 -2
- package/dist/recipes/index.js +5 -2
- package/dist/recipes/textFieldRecipe.d.ts +6 -0
- package/dist/recipes/textFieldRecipe.js +107 -0
- package/dist/styled-system/css/cva.js +43 -38
- package/dist/styled-system/recipes/create-recipe.js +37 -0
- package/dist/styled-system/recipes/text-field-recipe.js +61 -0
- package/dist/styles.css +1 -1
- package/package.json +3 -3
- package/styled-system/recipes/create-recipe.js +82 -0
- package/styled-system/recipes/index.d.ts +2 -0
- package/styled-system/recipes/index.js +1 -0
- package/styled-system/recipes/text-field-recipe.d.ts +28 -0
- package/styled-system/recipes/text-field-recipe.js +72 -0
- package/dist/node_modules/@zag-js/store/dist/index.js +0 -131
- package/dist/node_modules/proxy-compare/dist/index.js +0 -7
package/dist/index.js
CHANGED
|
@@ -1,49 +1,51 @@
|
|
|
1
1
|
import { SerendiePreset as e } from "./preset.js";
|
|
2
2
|
import { Accordion as a } from "./components/Accordion/Accordion.js";
|
|
3
3
|
import { AccordionGroup as m } from "./components/Accordion/AccordionGroup.js";
|
|
4
|
-
import { Avatar as
|
|
5
|
-
import { Badge as
|
|
4
|
+
import { Avatar as i, AvatarStyle as n } from "./components/Avatar/Avatar.js";
|
|
5
|
+
import { Badge as s, BadgeCloseButton as c, BadgeStyle as l } from "./components/Badge/Badge.js";
|
|
6
6
|
import { Banner as h } from "./components/Banner/Banner.js";
|
|
7
7
|
import { BottomNavigation as S } from "./components/BottomNavigation/BottomNavigation.js";
|
|
8
8
|
import { BottomNavigationItem as g, BottomNavigationItemStyle as y } from "./components/BottomNavigation/BottomNavigationItem.js";
|
|
9
9
|
import { Button as I, ButtonStyle as T } from "./components/Button/Button.js";
|
|
10
|
-
import { SerendieChartTheme as
|
|
11
|
-
import { compactChartMargin as
|
|
10
|
+
import { SerendieChartTheme as D } from "./components/Chart/SerendieChartTheme.js";
|
|
11
|
+
import { compactChartMargin as k, defaultChartMargin as v, getChartColor as M, getChartColors as w, legendChartMargin as A, spaciousChartMargin as L, useBarChartProps as N, useChartProps as R, useLineChartProps as F, usePieChartProps as G } from "./components/Chart/SerendieChartProps.js";
|
|
12
12
|
import { CheckBox as W, CheckBoxStyle as j, checkboxCheckedIconCss as q, checkboxIconCss as z, checkboxUncheckedIconCss as E } from "./components/CheckBox/CheckBox.js";
|
|
13
13
|
import { ChoiceBox as J, ChoiceBoxStyle as K } from "./components/ChoiceBox/ChoiceBox.js";
|
|
14
14
|
import { DashboardWidget as Q } from "./components/DashboardWidget/DashboardWidget.js";
|
|
15
15
|
import { DataTable as X } from "./components/DataTable/index.js";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
16
|
+
import { DatePicker as Z } from "./components/DatePicker/DatePicker.js";
|
|
17
|
+
import { Divider as $, DividerStyle as oo } from "./components/Divider/Divider.js";
|
|
18
|
+
import { Drawer as eo } from "./components/Drawer/Drawer.js";
|
|
19
|
+
import { DropdownMenu as ao, DropdownMenuStyle as po } from "./components/DropdownMenu/DropdownMenu.js";
|
|
20
|
+
import { IconButton as xo, IconButtonStyle as io } from "./components/IconButton/IconButton.js";
|
|
21
|
+
import { List as fo } from "./components/List/List.js";
|
|
22
|
+
import { ListItem as co, ListItemStyle as lo } from "./components/List/ListItem.js";
|
|
23
|
+
import { ModalDialog as Co } from "./components/ModalDialog/ModalDialog.js";
|
|
24
|
+
import { NotificationBadge as Bo } from "./components/NotificationBadge/NotificationBadge.js";
|
|
25
|
+
import { Pagination as yo, PaginationStyle as uo } from "./components/Pagination/Pagination.js";
|
|
26
|
+
import { PasswordField as To } from "./components/PasswordField/PasswordField.js";
|
|
27
|
+
import { ProgressIndicator as Do, ProgressIndicatorStyle as bo } from "./components/ProgressIndicator/ProgressIndicator.js";
|
|
28
|
+
import { RadioButton as vo, RadioButtonStyle as Mo, radioCheckedIconCss as wo, radioIconCss as Ao, radioUncheckedIconCss as Lo } from "./components/RadioButton/RadioButton.js";
|
|
29
|
+
import { RadioGroup as Ro } from "./components/RadioButton/RadioGroup.js";
|
|
30
|
+
import { Search as Go, SearchStyle as Uo } from "./components/Search/Search.js";
|
|
31
|
+
import { Select as jo, SelectStyle as qo } from "./components/Select/Select.js";
|
|
32
|
+
import { Switch as Eo, SwitchStyle as Ho } from "./components/Switch/Switch.js";
|
|
33
|
+
import { Tabs as Ko, TabsStyle as Oo } from "./components/Tabs/Tabs.js";
|
|
34
|
+
import { TabItem as Vo, TabItemStyle as Xo } from "./components/Tabs/TabItem.js";
|
|
35
|
+
import { TextArea as Zo } from "./components/TextArea/TextArea.js";
|
|
36
|
+
import { TextField as $o } from "./components/TextField/TextField.js";
|
|
37
|
+
import { Toast as rr, ToastStyle as er, toaster as tr } from "./components/Toast/Toast.js";
|
|
38
|
+
import { Tooltip as pr } from "./components/Tooltip/Tooltip.js";
|
|
39
|
+
import { TopAppBar as xr } from "./components/TopAppBar/TopAppBar.js";
|
|
40
|
+
import { DataTableComponent as nr } from "./components/DataTable/DataTableComponent.js";
|
|
41
|
+
import { parse as sr } from "./node_modules/@zag-js/date-picker/dist/index.js";
|
|
40
42
|
export {
|
|
41
43
|
a as Accordion,
|
|
42
44
|
m as AccordionGroup,
|
|
43
|
-
|
|
45
|
+
i as Avatar,
|
|
44
46
|
n as AvatarStyle,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
+
s as Badge,
|
|
48
|
+
c as BadgeCloseButton,
|
|
47
49
|
l as BadgeStyle,
|
|
48
50
|
h as Banner,
|
|
49
51
|
S as BottomNavigation,
|
|
@@ -57,58 +59,60 @@ export {
|
|
|
57
59
|
K as ChoiceBoxStyle,
|
|
58
60
|
Q as DashboardWidget,
|
|
59
61
|
X as DataTable,
|
|
60
|
-
|
|
61
|
-
Z as
|
|
62
|
-
|
|
63
|
-
oo as
|
|
64
|
-
eo as
|
|
65
|
-
|
|
66
|
-
po as
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
fo as
|
|
70
|
-
co as
|
|
71
|
-
lo as
|
|
72
|
-
Co as
|
|
73
|
-
Bo as
|
|
74
|
-
|
|
75
|
-
uo as
|
|
76
|
-
To as
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
Ro as
|
|
82
|
-
|
|
83
|
-
Uo as
|
|
84
|
-
|
|
85
|
-
|
|
62
|
+
nr as DataTableComponent,
|
|
63
|
+
Z as DatePicker,
|
|
64
|
+
$ as Divider,
|
|
65
|
+
oo as DividerStyle,
|
|
66
|
+
eo as Drawer,
|
|
67
|
+
ao as DropdownMenu,
|
|
68
|
+
po as DropdownMenuStyle,
|
|
69
|
+
xo as IconButton,
|
|
70
|
+
io as IconButtonStyle,
|
|
71
|
+
fo as List,
|
|
72
|
+
co as ListItem,
|
|
73
|
+
lo as ListItemStyle,
|
|
74
|
+
Co as ModalDialog,
|
|
75
|
+
Bo as NotificationBadge,
|
|
76
|
+
yo as Pagination,
|
|
77
|
+
uo as PaginationStyle,
|
|
78
|
+
To as PasswordField,
|
|
79
|
+
Do as ProgressIndicator,
|
|
80
|
+
bo as ProgressIndicatorStyle,
|
|
81
|
+
vo as RadioButton,
|
|
82
|
+
Mo as RadioButtonStyle,
|
|
83
|
+
Ro as RadioGroup,
|
|
84
|
+
Go as Search,
|
|
85
|
+
Uo as SearchStyle,
|
|
86
|
+
jo as Select,
|
|
87
|
+
qo as SelectStyle,
|
|
88
|
+
D as SerendieChartTheme,
|
|
86
89
|
e as SerendiePreset,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
90
|
+
Eo as Switch,
|
|
91
|
+
Ho as SwitchStyle,
|
|
92
|
+
Vo as TabItem,
|
|
93
|
+
Xo as TabItemStyle,
|
|
94
|
+
Ko as Tabs,
|
|
95
|
+
Oo as TabsStyle,
|
|
96
|
+
Zo as TextArea,
|
|
97
|
+
$o as TextField,
|
|
98
|
+
rr as Toast,
|
|
99
|
+
er as ToastStyle,
|
|
100
|
+
pr as Tooltip,
|
|
101
|
+
xr as TopAppBar,
|
|
99
102
|
q as checkboxCheckedIconCss,
|
|
100
103
|
z as checkboxIconCss,
|
|
101
104
|
E as checkboxUncheckedIconCss,
|
|
102
|
-
|
|
105
|
+
k as compactChartMargin,
|
|
103
106
|
v as defaultChartMargin,
|
|
104
107
|
M as getChartColor,
|
|
105
108
|
w as getChartColors,
|
|
106
109
|
A as legendChartMargin,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
+
sr as parseDate,
|
|
111
|
+
wo as radioCheckedIconCss,
|
|
112
|
+
Ao as radioIconCss,
|
|
113
|
+
Lo as radioUncheckedIconCss,
|
|
110
114
|
L as spaciousChartMargin,
|
|
111
|
-
|
|
115
|
+
tr as toaster,
|
|
112
116
|
N as useBarChartProps,
|
|
113
117
|
R as useChartProps,
|
|
114
118
|
F as useLineChartProps,
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as s } from "react";
|
|
3
|
+
import { composeRefs as p } from "../../utils/compose-refs.js";
|
|
4
|
+
import { ark as i } from "../factory.js";
|
|
5
|
+
import { usePresenceContext as f } from "../presence/use-presence-context.js";
|
|
6
|
+
import { useDatePickerContext as c } from "./use-date-picker-context.js";
|
|
7
|
+
import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
|
+
const a = s((r, o) => {
|
|
9
|
+
const t = c(), e = f(), n = P(t.getContentProps(), e.getPresenceProps(), r);
|
|
10
|
+
return e.unmounted ? null : /* @__PURE__ */ m(i.div, { ...n, ref: p(e.ref, o) });
|
|
11
|
+
});
|
|
12
|
+
a.displayName = "DatePickerContent";
|
|
13
|
+
export {
|
|
14
|
+
a as DatePickerContent
|
|
15
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as i } from "react";
|
|
3
|
+
import { ark as p } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as s } from "./use-date-picker-context.js";
|
|
5
|
+
import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
|
|
6
|
+
const n = i((r, o) => {
|
|
7
|
+
const t = s(), e = a(t.getControlProps(), r);
|
|
8
|
+
return /* @__PURE__ */ m(p.div, { ...e, ref: o });
|
|
9
|
+
});
|
|
10
|
+
n.displayName = "DatePickerControl";
|
|
11
|
+
export {
|
|
12
|
+
n as DatePickerControl
|
|
13
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { createSplitProps as s } from "../../utils/create-split-props.js";
|
|
4
|
+
import { ark as a } from "../factory.js";
|
|
5
|
+
import { useDatePickerContext as c } from "./use-date-picker-context.js";
|
|
6
|
+
import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const f = n((r, o) => {
|
|
8
|
+
const [t, e] = s()(r, ["index", "fixOnBlur"]), p = c(), i = P(p.getInputProps(t), e);
|
|
9
|
+
return /* @__PURE__ */ m(a.input, { ...i, ref: o });
|
|
10
|
+
});
|
|
11
|
+
f.displayName = "DatePickerInput";
|
|
12
|
+
export {
|
|
13
|
+
f as DatePickerInput
|
|
14
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as a } from "react";
|
|
3
|
+
import { ark as i } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as p } from "./use-date-picker-context.js";
|
|
5
|
+
import { mergeProps as s } from "../../../../../@zag-js/core/dist/index.js";
|
|
6
|
+
const c = a((r, e) => {
|
|
7
|
+
const o = p(), t = s(o.getLabelProps(), r);
|
|
8
|
+
return /* @__PURE__ */ m(i.label, { ...t, ref: e });
|
|
9
|
+
});
|
|
10
|
+
c.displayName = "DatePickerLabel";
|
|
11
|
+
export {
|
|
12
|
+
c as DatePickerLabel
|
|
13
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as a } from "react";
|
|
3
|
+
import { ark as p } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as l } from "./use-date-picker-context.js";
|
|
5
|
+
import { mergeProps as n } from "../../../../../@zag-js/core/dist/index.js";
|
|
6
|
+
const s = a((o, c) => {
|
|
7
|
+
const e = l(), i = n(e.getMonthSelectProps(), o);
|
|
8
|
+
return /* @__PURE__ */ t(p.select, { ...i, ref: c, children: e.getMonths().map((r, m) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, m)) });
|
|
9
|
+
});
|
|
10
|
+
s.displayName = "DatePickerMonthSelect";
|
|
11
|
+
export {
|
|
12
|
+
s as DatePickerMonthSelect
|
|
13
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as P } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerViewPropsContext as a } from "./use-date-picker-view-props-context.js";
|
|
6
|
+
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const g = p((r, e) => {
|
|
8
|
+
const t = P(), o = a(), i = c(t.getNextTriggerProps(o), r);
|
|
9
|
+
return /* @__PURE__ */ m(s.button, { ...i, ref: e });
|
|
10
|
+
});
|
|
11
|
+
g.displayName = "DatePickerNextTrigger";
|
|
12
|
+
export {
|
|
13
|
+
g as DatePickerNextTrigger
|
|
14
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as n } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { usePresenceContext as m } from "../presence/use-presence-context.js";
|
|
5
|
+
import { useDatePickerContext as p } from "./use-date-picker-context.js";
|
|
6
|
+
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const P = n((e, r) => {
|
|
8
|
+
const o = p(), t = c(o.getPositionerProps(), e);
|
|
9
|
+
return m().unmounted ? null : /* @__PURE__ */ i(s.div, { ...t, ref: r });
|
|
10
|
+
});
|
|
11
|
+
P.displayName = "DatePickerPositioner";
|
|
12
|
+
export {
|
|
13
|
+
P as DatePickerPositioner
|
|
14
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as P } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerViewPropsContext as a } from "./use-date-picker-view-props-context.js";
|
|
6
|
+
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const g = p((r, e) => {
|
|
8
|
+
const o = P(), t = a(), i = c(o.getPrevTriggerProps(t), r);
|
|
9
|
+
return /* @__PURE__ */ m(s.button, { ...i, ref: e });
|
|
10
|
+
});
|
|
11
|
+
g.displayName = "DatePickerPrevTrigger";
|
|
12
|
+
export {
|
|
13
|
+
g as DatePickerPrevTrigger
|
|
14
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as m } from "react";
|
|
3
|
+
import { createSplitProps as d } from "../../utils/create-split-props.js";
|
|
4
|
+
import { ark as f } from "../factory.js";
|
|
5
|
+
import { splitPresenceProps as P } from "../presence/split-presence-props.js";
|
|
6
|
+
import { usePresence as u } from "../presence/use-presence.js";
|
|
7
|
+
import { PresenceProvider as k } from "../presence/use-presence-context.js";
|
|
8
|
+
import { useDatePicker as g } from "./use-date-picker.js";
|
|
9
|
+
import { DatePickerProvider as h } from "./use-date-picker-context.js";
|
|
10
|
+
import { mergeProps as r } from "../../../../../@zag-js/core/dist/index.js";
|
|
11
|
+
const v = m((t, i) => {
|
|
12
|
+
const [a, n] = P(t), [s, l] = d()(n, [
|
|
13
|
+
"closeOnSelect",
|
|
14
|
+
"defaultFocusedValue",
|
|
15
|
+
"defaultOpen",
|
|
16
|
+
"defaultValue",
|
|
17
|
+
"defaultView",
|
|
18
|
+
"disabled",
|
|
19
|
+
"fixedWeeks",
|
|
20
|
+
"focusedValue",
|
|
21
|
+
"format",
|
|
22
|
+
"id",
|
|
23
|
+
"ids",
|
|
24
|
+
"isDateUnavailable",
|
|
25
|
+
"locale",
|
|
26
|
+
"max",
|
|
27
|
+
"maxView",
|
|
28
|
+
"min",
|
|
29
|
+
"minView",
|
|
30
|
+
"name",
|
|
31
|
+
"numOfMonths",
|
|
32
|
+
"onFocusChange",
|
|
33
|
+
"onOpenChange",
|
|
34
|
+
"onValueChange",
|
|
35
|
+
"onViewChange",
|
|
36
|
+
"open",
|
|
37
|
+
"outsideDaySelectable",
|
|
38
|
+
"parse",
|
|
39
|
+
"placeholder",
|
|
40
|
+
"positioning",
|
|
41
|
+
"readOnly",
|
|
42
|
+
"selectionMode",
|
|
43
|
+
"startOfWeek",
|
|
44
|
+
"timeZone",
|
|
45
|
+
"translations",
|
|
46
|
+
"value",
|
|
47
|
+
"view",
|
|
48
|
+
"inline"
|
|
49
|
+
]), e = g(s), p = u(r({ present: e.open }, a)), c = r(e.getRootProps(), l);
|
|
50
|
+
return /* @__PURE__ */ o(h, { value: e, children: /* @__PURE__ */ o(k, { value: p, children: /* @__PURE__ */ o(f.div, { ...c, ref: i }) }) });
|
|
51
|
+
});
|
|
52
|
+
v.displayName = "DatePickerRoot";
|
|
53
|
+
export {
|
|
54
|
+
v as DatePickerRoot
|
|
55
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as i } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
|
|
6
|
+
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const d = p((r, o) => {
|
|
8
|
+
const e = i(), t = P(), m = c(e.getTableBodyProps(t), r);
|
|
9
|
+
return /* @__PURE__ */ a(s.tbody, { ...m, ref: o });
|
|
10
|
+
});
|
|
11
|
+
d.displayName = "DatePickerTableBody";
|
|
12
|
+
export {
|
|
13
|
+
d as DatePickerTableBody
|
|
14
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as m } from "react";
|
|
3
|
+
import { ark as g } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as P } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerTableCellPropsContext as n } from "./use-date-picker-table-cell-props-context.js";
|
|
6
|
+
import { useDatePickerViewPropsContext as c } from "./use-date-picker-view-props-context.js";
|
|
7
|
+
import { mergeProps as T } from "../../../../../@zag-js/core/dist/index.js";
|
|
8
|
+
const C = m((r, o) => {
|
|
9
|
+
const e = P(), t = n(), i = c(), a = {
|
|
10
|
+
day: e.getDayTableCellTriggerProps,
|
|
11
|
+
month: e.getMonthTableCellTriggerProps,
|
|
12
|
+
year: e.getYearTableCellTriggerProps
|
|
13
|
+
}[i.view], s = a(t), l = T(s, r);
|
|
14
|
+
return /* @__PURE__ */ p(g.div, { ref: o, ...l });
|
|
15
|
+
});
|
|
16
|
+
C.displayName = "DatePickerTableCellTrigger";
|
|
17
|
+
export {
|
|
18
|
+
C as DatePickerTableCellTrigger
|
|
19
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as m } from "react";
|
|
3
|
+
import { createSplitProps as P } from "../../utils/create-split-props.js";
|
|
4
|
+
import { ark as c } from "../factory.js";
|
|
5
|
+
import { useDatePickerContext as n } from "./use-date-picker-context.js";
|
|
6
|
+
import { DatePickerTableCellPropsProvider as d } from "./use-date-picker-table-cell-props-context.js";
|
|
7
|
+
import { useDatePickerViewPropsContext as f } from "./use-date-picker-view-props-context.js";
|
|
8
|
+
import { mergeProps as b } from "../../../../../@zag-js/core/dist/index.js";
|
|
9
|
+
const C = m((t, l) => {
|
|
10
|
+
const [r, a] = P()(t, [
|
|
11
|
+
"disabled",
|
|
12
|
+
"value",
|
|
13
|
+
"visibleRange",
|
|
14
|
+
"columns"
|
|
15
|
+
]), e = n(), s = f(), i = {
|
|
16
|
+
day: e.getDayTableCellProps,
|
|
17
|
+
month: e.getMonthTableCellProps,
|
|
18
|
+
year: e.getYearTableCellProps
|
|
19
|
+
// @ts-expect-error value is number filter
|
|
20
|
+
}[s.view](r), p = b(i, a);
|
|
21
|
+
return /* @__PURE__ */ o(d, { value: r, children: /* @__PURE__ */ o(c.td, { ref: l, ...p }) });
|
|
22
|
+
});
|
|
23
|
+
C.displayName = "DatePickerTableCell";
|
|
24
|
+
export {
|
|
25
|
+
C as DatePickerTableCell
|
|
26
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as i } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
|
|
6
|
+
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const d = p((e, r) => {
|
|
8
|
+
const o = i(), t = P(), a = c(o.getTableHeadProps(t), e);
|
|
9
|
+
return /* @__PURE__ */ m(s.thead, { ...a, ref: r });
|
|
10
|
+
});
|
|
11
|
+
d.displayName = "DatePickerTableHead";
|
|
12
|
+
export {
|
|
13
|
+
d as DatePickerTableHead
|
|
14
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as i } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
|
|
6
|
+
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const f = p((e, r) => {
|
|
8
|
+
const o = i(), t = P(), a = c(o.getTableHeaderProps(t), e);
|
|
9
|
+
return /* @__PURE__ */ m(s.th, { ...a, ref: r });
|
|
10
|
+
});
|
|
11
|
+
f.displayName = "DatePickerTableHeader";
|
|
12
|
+
export {
|
|
13
|
+
f as DatePickerTableHeader
|
|
14
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as i } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
|
|
6
|
+
import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const f = p((r, e) => {
|
|
8
|
+
const o = i(), t = P(), m = c(o.getTableRowProps(t), r);
|
|
9
|
+
return /* @__PURE__ */ a(s.tr, { ...m, ref: e });
|
|
10
|
+
});
|
|
11
|
+
f.displayName = "DatePickerTableRow";
|
|
12
|
+
export {
|
|
13
|
+
f as DatePickerTableRow
|
|
14
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as c, useId as P } from "react";
|
|
3
|
+
import { createSplitProps as l } from "../../utils/create-split-props.js";
|
|
4
|
+
import { ark as n } from "../factory.js";
|
|
5
|
+
import { useDatePickerContext as f } from "./use-date-picker-context.js";
|
|
6
|
+
import { DatePickerTablePropsProvider as d } from "./use-date-picker-table-props-context.js";
|
|
7
|
+
import { useDatePickerViewPropsContext as k } from "./use-date-picker-view-props-context.js";
|
|
8
|
+
import { mergeProps as u } from "../../../../../@zag-js/core/dist/index.js";
|
|
9
|
+
const b = c((o, t) => {
|
|
10
|
+
const [{ columns: s }, i] = l()(o, ["columns"]), m = f(), p = k(), r = { columns: s, id: P(), ...p }, a = u(m.getTableProps(r), i);
|
|
11
|
+
return /* @__PURE__ */ e(d, { value: r, children: /* @__PURE__ */ e(n.table, { ...a, ref: t }) });
|
|
12
|
+
});
|
|
13
|
+
b.displayName = "DatePickerTable";
|
|
14
|
+
export {
|
|
15
|
+
b as DatePickerTable
|
|
16
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as m } from "react";
|
|
3
|
+
import { ark as p } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as g } from "./use-date-picker-context.js";
|
|
5
|
+
import { mergeProps as s } from "../../../../../@zag-js/core/dist/index.js";
|
|
6
|
+
const a = m((r, e) => {
|
|
7
|
+
const o = g(), t = s(o.getTriggerProps(), r);
|
|
8
|
+
return /* @__PURE__ */ i(p.button, { ...t, ref: e });
|
|
9
|
+
});
|
|
10
|
+
a.displayName = "DatePickerTrigger";
|
|
11
|
+
export {
|
|
12
|
+
a as DatePickerTrigger
|
|
13
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as p } from "react";
|
|
3
|
+
import { ark as s } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as n } from "./use-date-picker-context.js";
|
|
5
|
+
import { useDatePickerViewPropsContext as P } from "./use-date-picker-view-props-context.js";
|
|
6
|
+
import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
|
|
7
|
+
const c = p((r, o) => {
|
|
8
|
+
const e = n(), t = P(), i = a(e.getViewControlProps(t), r);
|
|
9
|
+
return /* @__PURE__ */ m(s.div, { ...i, ref: o });
|
|
10
|
+
});
|
|
11
|
+
c.displayName = "DatePickerViewControl";
|
|
12
|
+
export {
|
|
13
|
+
c as DatePickerViewControl
|
|
14
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as a } from "react";
|
|
3
|
+
import { createSplitProps as p } from "../../utils/create-split-props.js";
|
|
4
|
+
import { ark as c } from "../factory.js";
|
|
5
|
+
import { datePickerAnatomy as s } from "./date-picker.anatomy.js";
|
|
6
|
+
import { useDatePickerContext as P } from "./use-date-picker-context.js";
|
|
7
|
+
import { DatePickerViewPropsProvider as d } from "./use-date-picker-view-props-context.js";
|
|
8
|
+
const f = a((i, o) => {
|
|
9
|
+
const [r, t] = p()(i, ["view"]), m = P();
|
|
10
|
+
return /* @__PURE__ */ e(d, { value: r, children: /* @__PURE__ */ e(
|
|
11
|
+
c.div,
|
|
12
|
+
{
|
|
13
|
+
hidden: m.view !== r.view,
|
|
14
|
+
...s.build().view.attrs,
|
|
15
|
+
...t,
|
|
16
|
+
ref: o
|
|
17
|
+
}
|
|
18
|
+
) });
|
|
19
|
+
});
|
|
20
|
+
f.displayName = "DatePickerView";
|
|
21
|
+
export {
|
|
22
|
+
f as DatePickerView
|
|
23
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as i } from "react";
|
|
3
|
+
import { ark as p } from "../factory.js";
|
|
4
|
+
import { useDatePickerContext as l } from "./use-date-picker-context.js";
|
|
5
|
+
import { mergeProps as s } from "../../../../../@zag-js/core/dist/index.js";
|
|
6
|
+
const n = i((o, a) => {
|
|
7
|
+
const e = l(), m = s(e.getYearSelectProps(), o);
|
|
8
|
+
return /* @__PURE__ */ t(p.select, { ...m, ref: a, children: e.getYears().map((r, c) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, c)) });
|
|
9
|
+
});
|
|
10
|
+
n.displayName = "DatePickerYearSelect";
|
|
11
|
+
export {
|
|
12
|
+
n as DatePickerYearSelect
|
|
13
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-context.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext as e } from "../../utils/create-context.js";
|
|
2
|
+
const [r, o] = e({
|
|
3
|
+
name: "DatePickerContext",
|
|
4
|
+
hookName: "useDatePickerContext",
|
|
5
|
+
providerName: "<DatePickerProvider />"
|
|
6
|
+
});
|
|
7
|
+
export {
|
|
8
|
+
r as DatePickerProvider,
|
|
9
|
+
o as useDatePickerContext
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext as e } from "../../utils/create-context.js";
|
|
2
|
+
const [t, l] = e({
|
|
3
|
+
name: "DatePickerTableCellContext",
|
|
4
|
+
hookName: "useDatePickerTableCellContext",
|
|
5
|
+
providerName: "<DatePickerTableCellProvider />"
|
|
6
|
+
});
|
|
7
|
+
export {
|
|
8
|
+
t as DatePickerTableCellPropsProvider,
|
|
9
|
+
l as useDatePickerTableCellPropsContext
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext as e } from "../../utils/create-context.js";
|
|
2
|
+
const [t, o] = e({
|
|
3
|
+
name: "DatePickerTableContext",
|
|
4
|
+
hookName: "useDatePickerTableContext",
|
|
5
|
+
providerName: "<DatePickerTableProvider />"
|
|
6
|
+
});
|
|
7
|
+
export {
|
|
8
|
+
t as DatePickerTablePropsProvider,
|
|
9
|
+
o as useDatePickerTablePropsContext
|
|
10
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { createContext as e } from "../../utils/create-context.js";
|
|
2
|
+
const [r, i] = e({
|
|
3
|
+
name: "DatePickerViewContext",
|
|
4
|
+
hookName: "useDatePickerViewContext",
|
|
5
|
+
providerName: "<DatePickerViewProvider />",
|
|
6
|
+
strict: !1,
|
|
7
|
+
defaultValue: { view: "day" }
|
|
8
|
+
});
|
|
9
|
+
export {
|
|
10
|
+
r as DatePickerViewPropsProvider,
|
|
11
|
+
i as useDatePickerViewPropsContext
|
|
12
|
+
};
|