@serendie/ui 2.1.2 → 2.1.3-dev.202509030422
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 +67 -65
- 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 +1 -0
- package/dist/components/DatePicker/index.js +4 -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 +3 -2
- 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 +67 -65
- 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 +27 -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 +1820 -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
|
@@ -13,30 +13,31 @@ import { CheckBox as W, CheckBoxStyle as j, checkboxCheckedIconCss as q, checkbo
|
|
|
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 io, IconButtonStyle as xo } from "./components/IconButton/IconButton.js";
|
|
21
|
+
import { List as fo } from "./components/List/List.js";
|
|
22
|
+
import { ListItem as so, 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 bo, ProgressIndicatorStyle as ko } 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 ir } from "./components/TopAppBar/TopAppBar.js";
|
|
40
|
+
import { DataTableComponent as nr } from "./components/DataTable/DataTableComponent.js";
|
|
40
41
|
export {
|
|
41
42
|
a as Accordion,
|
|
42
43
|
m as AccordionGroup,
|
|
@@ -57,45 +58,46 @@ export {
|
|
|
57
58
|
K as ChoiceBoxStyle,
|
|
58
59
|
Q as DashboardWidget,
|
|
59
60
|
X as DataTable,
|
|
60
|
-
|
|
61
|
-
Z as
|
|
62
|
-
|
|
63
|
-
oo as
|
|
64
|
-
eo as
|
|
65
|
-
|
|
66
|
-
po as
|
|
67
|
-
|
|
68
|
-
xo as
|
|
69
|
-
fo as
|
|
70
|
-
|
|
71
|
-
lo as
|
|
72
|
-
Co as
|
|
73
|
-
Bo as
|
|
74
|
-
|
|
75
|
-
uo as
|
|
76
|
-
To as
|
|
77
|
-
|
|
78
|
-
ko as
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
Ro as
|
|
82
|
-
|
|
83
|
-
Uo as
|
|
84
|
-
|
|
61
|
+
nr as DataTableComponent,
|
|
62
|
+
Z as DatePicker,
|
|
63
|
+
$ as Divider,
|
|
64
|
+
oo as DividerStyle,
|
|
65
|
+
eo as Drawer,
|
|
66
|
+
ao as DropdownMenu,
|
|
67
|
+
po as DropdownMenuStyle,
|
|
68
|
+
io as IconButton,
|
|
69
|
+
xo as IconButtonStyle,
|
|
70
|
+
fo as List,
|
|
71
|
+
so as ListItem,
|
|
72
|
+
lo as ListItemStyle,
|
|
73
|
+
Co as ModalDialog,
|
|
74
|
+
Bo as NotificationBadge,
|
|
75
|
+
yo as Pagination,
|
|
76
|
+
uo as PaginationStyle,
|
|
77
|
+
To as PasswordField,
|
|
78
|
+
bo as ProgressIndicator,
|
|
79
|
+
ko as ProgressIndicatorStyle,
|
|
80
|
+
vo as RadioButton,
|
|
81
|
+
Mo as RadioButtonStyle,
|
|
82
|
+
Ro as RadioGroup,
|
|
83
|
+
Go as Search,
|
|
84
|
+
Uo as SearchStyle,
|
|
85
|
+
jo as Select,
|
|
86
|
+
qo as SelectStyle,
|
|
85
87
|
b as SerendieChartTheme,
|
|
86
88
|
e as SerendiePreset,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
89
|
+
Eo as Switch,
|
|
90
|
+
Ho as SwitchStyle,
|
|
91
|
+
Vo as TabItem,
|
|
92
|
+
Xo as TabItemStyle,
|
|
93
|
+
Ko as Tabs,
|
|
94
|
+
Oo as TabsStyle,
|
|
95
|
+
Zo as TextArea,
|
|
96
|
+
$o as TextField,
|
|
97
|
+
rr as Toast,
|
|
98
|
+
er as ToastStyle,
|
|
99
|
+
pr as Tooltip,
|
|
100
|
+
ir as TopAppBar,
|
|
99
101
|
q as checkboxCheckedIconCss,
|
|
100
102
|
z as checkboxIconCss,
|
|
101
103
|
E as checkboxUncheckedIconCss,
|
|
@@ -104,11 +106,11 @@ export {
|
|
|
104
106
|
M as getChartColor,
|
|
105
107
|
w as getChartColors,
|
|
106
108
|
A as legendChartMargin,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
wo as radioCheckedIconCss,
|
|
110
|
+
Ao as radioIconCss,
|
|
111
|
+
Lo as radioUncheckedIconCss,
|
|
110
112
|
L as spaciousChartMargin,
|
|
111
|
-
|
|
113
|
+
tr as toaster,
|
|
112
114
|
N as useBarChartProps,
|
|
113
115
|
R as useChartProps,
|
|
114
116
|
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
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { connect as m, machine as s } from "../../../../../@zag-js/date-picker/dist/index.js";
|
|
2
|
+
import { useMachine as p, normalizeProps as a } from "../../../../../@zag-js/react/dist/index.js";
|
|
3
|
+
import { useId as u } from "react";
|
|
4
|
+
import { useEnvironmentContext as f } from "../../providers/environment/use-environment-context.js";
|
|
5
|
+
import { useLocaleContext as d } from "../../providers/locale/use-locale-context.js";
|
|
6
|
+
const C = (o) => {
|
|
7
|
+
const e = u(), { getRootNode: t } = f(), { dir: r, locale: n } = d(), c = {
|
|
8
|
+
id: e,
|
|
9
|
+
dir: r,
|
|
10
|
+
locale: n,
|
|
11
|
+
getRootNode: t,
|
|
12
|
+
...o
|
|
13
|
+
}, i = p(s, c);
|
|
14
|
+
return m(i, a);
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
C as useDatePicker
|
|
18
|
+
};
|