@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.
Files changed (107) hide show
  1. package/dist/client.js +67 -65
  2. package/dist/components/Accordion/Accordion.d.ts +1 -1
  3. package/dist/components/Avatar/Avatar.d.ts +1 -1
  4. package/dist/components/Banner/Banner.d.ts +1 -1
  5. package/dist/components/BottomNavigation/BottomNavigationItem.d.ts +1 -1
  6. package/dist/components/Button/Button.d.ts +2 -2
  7. package/dist/components/DatePicker/DatePicker.d.ts +13 -0
  8. package/dist/components/DatePicker/DatePicker.js +203 -0
  9. package/dist/components/DatePicker/index.d.ts +1 -0
  10. package/dist/components/DatePicker/index.js +4 -0
  11. package/dist/components/DatePicker/styles.d.ts +1 -0
  12. package/dist/components/DatePicker/styles.js +224 -0
  13. package/dist/components/IconButton/IconButton.d.ts +3 -3
  14. package/dist/components/List/ListItem.d.ts +1 -1
  15. package/dist/components/ModalDialog/ModalDialog.d.ts +1 -1
  16. package/dist/components/NotificationBadge/NotificationBadge.d.ts +1 -1
  17. package/dist/components/Pagination/Pagination.d.ts +1 -1
  18. package/dist/components/Search/Search.d.ts +1 -1
  19. package/dist/components/Select/Select.d.ts +3 -2
  20. package/dist/components/Switch/Switch.d.ts +1 -1
  21. package/dist/components/Tabs/Tabs.d.ts +1 -1
  22. package/dist/components/TextField/TextField.js +59 -156
  23. package/dist/components/Toast/Toast.d.ts +1 -1
  24. package/dist/components/TopAppBar/TopAppBar.d.ts +1 -1
  25. package/dist/index.d.ts +1 -0
  26. package/dist/index.js +67 -65
  27. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js +15 -0
  28. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js +5 -0
  29. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js +13 -0
  30. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js +14 -0
  31. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-label.js +13 -0
  32. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js +13 -0
  33. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js +14 -0
  34. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js +14 -0
  35. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js +14 -0
  36. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root.js +55 -0
  37. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-body.js +14 -0
  38. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell-trigger.js +19 -0
  39. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell.js +26 -0
  40. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-head.js +14 -0
  41. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js +14 -0
  42. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-row.js +14 -0
  43. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table.js +16 -0
  44. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js +13 -0
  45. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js +14 -0
  46. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js +23 -0
  47. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js +13 -0
  48. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker.anatomy.js +5 -0
  49. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-context.js +10 -0
  50. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-cell-props-context.js +10 -0
  51. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-props-context.js +10 -0
  52. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-view-props-context.js +12 -0
  53. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker.js +18 -0
  54. package/dist/node_modules/@ark-ui/react/dist/components/factory.js +11 -12
  55. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root.js +5 -4
  56. package/dist/node_modules/@ark-ui/react/dist/utils/use-event.js +0 -1
  57. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +36 -36
  58. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +238 -235
  59. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +88 -83
  60. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +68 -67
  61. package/dist/node_modules/@internationalized/date/dist/CalendarDate.js +178 -0
  62. package/dist/node_modules/@internationalized/date/dist/DateFormatter.js +99 -0
  63. package/dist/node_modules/@internationalized/date/dist/GregorianCalendar.js +98 -0
  64. package/dist/node_modules/@internationalized/date/dist/conversion.js +135 -0
  65. package/dist/node_modules/@internationalized/date/dist/manipulation.js +205 -0
  66. package/dist/node_modules/@internationalized/date/dist/queries.js +202 -0
  67. package/dist/node_modules/@internationalized/date/dist/string.js +27 -0
  68. package/dist/node_modules/@internationalized/date/dist/utils.js +6 -0
  69. package/dist/node_modules/@internationalized/date/dist/weekStartData.js +100 -0
  70. package/dist/node_modules/@swc/helpers/esm/_check_private_redeclaration.js +7 -0
  71. package/dist/node_modules/@swc/helpers/esm/_class_private_field_init.js +7 -0
  72. package/dist/node_modules/@zag-js/anatomy/dist/index.js +15 -14
  73. package/dist/node_modules/@zag-js/aria-hidden/dist/index.js +23 -23
  74. package/dist/node_modules/@zag-js/collection/dist/index.js +102 -71
  75. package/dist/node_modules/@zag-js/combobox/dist/index.js +482 -426
  76. package/dist/node_modules/@zag-js/date-picker/dist/index.js +1820 -0
  77. package/dist/node_modules/@zag-js/date-utils/dist/index.js +366 -0
  78. package/dist/node_modules/@zag-js/dialog/dist/index.js +66 -64
  79. package/dist/node_modules/@zag-js/dismissable/dist/index.js +94 -69
  80. package/dist/node_modules/@zag-js/dom-query/dist/index.js +359 -300
  81. package/dist/node_modules/@zag-js/live-region/dist/index.js +39 -0
  82. package/dist/node_modules/@zag-js/menu/dist/index.js +357 -340
  83. package/dist/node_modules/@zag-js/popper/dist/index.js +123 -120
  84. package/dist/node_modules/@zag-js/presence/dist/index.js +17 -17
  85. package/dist/node_modules/@zag-js/radio-group/dist/index.js +118 -117
  86. package/dist/node_modules/@zag-js/react/dist/index.js +124 -121
  87. package/dist/node_modules/@zag-js/select/dist/index.js +211 -197
  88. package/dist/node_modules/@zag-js/toast/dist/index.js +73 -71
  89. package/dist/node_modules/@zag-js/tooltip/dist/index.js +31 -30
  90. package/dist/node_modules/@zag-js/utils/dist/index.js +150 -104
  91. package/dist/preset.d.ts +3 -1
  92. package/dist/recipes/index.d.ts +3 -2
  93. package/dist/recipes/index.js +5 -2
  94. package/dist/recipes/textFieldRecipe.d.ts +6 -0
  95. package/dist/recipes/textFieldRecipe.js +107 -0
  96. package/dist/styled-system/css/cva.js +43 -38
  97. package/dist/styled-system/recipes/create-recipe.js +37 -0
  98. package/dist/styled-system/recipes/text-field-recipe.js +61 -0
  99. package/dist/styles.css +1 -1
  100. package/package.json +3 -3
  101. package/styled-system/recipes/create-recipe.js +82 -0
  102. package/styled-system/recipes/index.d.ts +2 -0
  103. package/styled-system/recipes/index.js +1 -0
  104. package/styled-system/recipes/text-field-recipe.d.ts +28 -0
  105. package/styled-system/recipes/text-field-recipe.js +72 -0
  106. package/dist/node_modules/@zag-js/store/dist/index.js +0 -131
  107. 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 { Divider as Z, DividerStyle as _ } from "./components/Divider/Divider.js";
17
- import { Drawer as oo } from "./components/Drawer/Drawer.js";
18
- import { DropdownMenu as eo, DropdownMenuStyle as to } from "./components/DropdownMenu/DropdownMenu.js";
19
- import { IconButton as po, IconButtonStyle as mo } from "./components/IconButton/IconButton.js";
20
- import { List as xo } from "./components/List/List.js";
21
- import { ListItem as fo, ListItemStyle as co } from "./components/List/ListItem.js";
22
- import { ModalDialog as lo } from "./components/ModalDialog/ModalDialog.js";
23
- import { NotificationBadge as Co } from "./components/NotificationBadge/NotificationBadge.js";
24
- import { Pagination as Bo, PaginationStyle as go } from "./components/Pagination/Pagination.js";
25
- import { PasswordField as uo } from "./components/PasswordField/PasswordField.js";
26
- import { ProgressIndicator as To, ProgressIndicatorStyle as Po } from "./components/ProgressIndicator/ProgressIndicator.js";
27
- import { RadioButton as ko, RadioButtonStyle as Do, radioCheckedIconCss as vo, radioIconCss as Mo, radioUncheckedIconCss as wo } from "./components/RadioButton/RadioButton.js";
28
- import { RadioGroup as Lo } from "./components/RadioButton/RadioGroup.js";
29
- import { Search as Ro, SearchStyle as Fo } from "./components/Search/Search.js";
30
- import { Select as Uo, SelectStyle as Wo } from "./components/Select/Select.js";
31
- import { Switch as qo, SwitchStyle as zo } from "./components/Switch/Switch.js";
32
- import { Tabs as Ho, TabsStyle as Jo } from "./components/Tabs/Tabs.js";
33
- import { TabItem as Oo, TabItemStyle as Qo } from "./components/Tabs/TabItem.js";
34
- import { TextArea as Xo } from "./components/TextArea/TextArea.js";
35
- import { TextField as Zo } from "./components/TextField/TextField.js";
36
- import { Toast as $o, ToastStyle as or, toaster as rr } from "./components/Toast/Toast.js";
37
- import { Tooltip as tr } from "./components/Tooltip/Tooltip.js";
38
- import { TopAppBar as pr } from "./components/TopAppBar/TopAppBar.js";
39
- import { DataTableComponent as ir } from "./components/DataTable/DataTableComponent.js";
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
- ir as DataTableComponent,
61
- Z as Divider,
62
- _ as DividerStyle,
63
- oo as Drawer,
64
- eo as DropdownMenu,
65
- to as DropdownMenuStyle,
66
- po as IconButton,
67
- mo as IconButtonStyle,
68
- xo as List,
69
- fo as ListItem,
70
- co as ListItemStyle,
71
- lo as ModalDialog,
72
- Co as NotificationBadge,
73
- Bo as Pagination,
74
- go as PaginationStyle,
75
- uo as PasswordField,
76
- To as ProgressIndicator,
77
- Po as ProgressIndicatorStyle,
78
- ko as RadioButton,
79
- Do as RadioButtonStyle,
80
- Lo as RadioGroup,
81
- Ro as Search,
82
- Fo as SearchStyle,
83
- Uo as Select,
84
- Wo as SelectStyle,
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
- qo as Switch,
88
- zo as SwitchStyle,
89
- Oo as TabItem,
90
- Qo as TabItemStyle,
91
- Ho as Tabs,
92
- Jo as TabsStyle,
93
- Xo as TextArea,
94
- Zo as TextField,
95
- $o as Toast,
96
- or as ToastStyle,
97
- tr as Tooltip,
98
- pr as TopAppBar,
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
- vo as radioCheckedIconCss,
108
- Mo as radioIconCss,
109
- wo as radioUncheckedIconCss,
109
+ wo as radioCheckedIconCss,
110
+ Ao as radioIconCss,
111
+ Lo as radioUncheckedIconCss,
110
112
  L as spaciousChartMargin,
111
- rr as toaster,
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,5 @@
1
+ import { useDatePickerContext as t } from "./use-date-picker-context.js";
2
+ const r = (e) => e.children(t());
3
+ export {
4
+ r as DatePickerContext
5
+ };
@@ -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
+ };
@@ -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
+ };
@@ -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
+ };
@@ -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
+ };
@@ -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
+ };
@@ -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
+ };
@@ -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
+ };
@@ -0,0 +1,5 @@
1
+ import { anatomy as t } from "../../../../../@zag-js/date-picker/dist/index.js";
2
+ const o = t.extendWith("view");
3
+ export {
4
+ o as datePickerAnatomy
5
+ };
@@ -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
+ };