@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.
Files changed (108) hide show
  1. package/dist/client.js +74 -70
  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 +2 -0
  10. package/dist/components/DatePicker/index.js +6 -0
  11. package/dist/components/DatePicker/parseDate.d.ts +1 -0
  12. package/dist/components/DatePicker/styles.d.ts +1 -0
  13. package/dist/components/DatePicker/styles.js +224 -0
  14. package/dist/components/IconButton/IconButton.d.ts +3 -3
  15. package/dist/components/List/ListItem.d.ts +1 -1
  16. package/dist/components/ModalDialog/ModalDialog.d.ts +1 -1
  17. package/dist/components/NotificationBadge/NotificationBadge.d.ts +1 -1
  18. package/dist/components/Pagination/Pagination.d.ts +1 -1
  19. package/dist/components/Search/Search.d.ts +1 -1
  20. package/dist/components/Select/Select.d.ts +1 -1
  21. package/dist/components/Switch/Switch.d.ts +1 -1
  22. package/dist/components/Tabs/Tabs.d.ts +1 -1
  23. package/dist/components/TextField/TextField.js +59 -156
  24. package/dist/components/Toast/Toast.d.ts +1 -1
  25. package/dist/components/TopAppBar/TopAppBar.d.ts +1 -1
  26. package/dist/index.d.ts +1 -0
  27. package/dist/index.js +78 -74
  28. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js +15 -0
  29. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js +5 -0
  30. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js +13 -0
  31. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js +14 -0
  32. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-label.js +13 -0
  33. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js +13 -0
  34. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js +14 -0
  35. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js +14 -0
  36. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js +14 -0
  37. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root.js +55 -0
  38. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-body.js +14 -0
  39. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell-trigger.js +19 -0
  40. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell.js +26 -0
  41. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-head.js +14 -0
  42. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js +14 -0
  43. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-row.js +14 -0
  44. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table.js +16 -0
  45. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js +13 -0
  46. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js +14 -0
  47. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js +23 -0
  48. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js +13 -0
  49. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker.anatomy.js +5 -0
  50. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-context.js +10 -0
  51. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-cell-props-context.js +10 -0
  52. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-props-context.js +10 -0
  53. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-view-props-context.js +12 -0
  54. package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker.js +18 -0
  55. package/dist/node_modules/@ark-ui/react/dist/components/factory.js +11 -12
  56. package/dist/node_modules/@ark-ui/react/dist/components/menu/menu-root.js +5 -4
  57. package/dist/node_modules/@ark-ui/react/dist/utils/use-event.js +0 -1
  58. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +36 -36
  59. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +238 -235
  60. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +88 -83
  61. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +68 -67
  62. package/dist/node_modules/@internationalized/date/dist/CalendarDate.js +178 -0
  63. package/dist/node_modules/@internationalized/date/dist/DateFormatter.js +99 -0
  64. package/dist/node_modules/@internationalized/date/dist/GregorianCalendar.js +98 -0
  65. package/dist/node_modules/@internationalized/date/dist/conversion.js +135 -0
  66. package/dist/node_modules/@internationalized/date/dist/manipulation.js +205 -0
  67. package/dist/node_modules/@internationalized/date/dist/queries.js +202 -0
  68. package/dist/node_modules/@internationalized/date/dist/string.js +41 -0
  69. package/dist/node_modules/@internationalized/date/dist/utils.js +6 -0
  70. package/dist/node_modules/@internationalized/date/dist/weekStartData.js +100 -0
  71. package/dist/node_modules/@swc/helpers/esm/_check_private_redeclaration.js +7 -0
  72. package/dist/node_modules/@swc/helpers/esm/_class_private_field_init.js +7 -0
  73. package/dist/node_modules/@zag-js/anatomy/dist/index.js +15 -14
  74. package/dist/node_modules/@zag-js/aria-hidden/dist/index.js +23 -23
  75. package/dist/node_modules/@zag-js/collection/dist/index.js +102 -71
  76. package/dist/node_modules/@zag-js/combobox/dist/index.js +482 -426
  77. package/dist/node_modules/@zag-js/date-picker/dist/index.js +1826 -0
  78. package/dist/node_modules/@zag-js/date-utils/dist/index.js +366 -0
  79. package/dist/node_modules/@zag-js/dialog/dist/index.js +66 -64
  80. package/dist/node_modules/@zag-js/dismissable/dist/index.js +94 -69
  81. package/dist/node_modules/@zag-js/dom-query/dist/index.js +359 -300
  82. package/dist/node_modules/@zag-js/live-region/dist/index.js +39 -0
  83. package/dist/node_modules/@zag-js/menu/dist/index.js +357 -340
  84. package/dist/node_modules/@zag-js/popper/dist/index.js +123 -120
  85. package/dist/node_modules/@zag-js/presence/dist/index.js +17 -17
  86. package/dist/node_modules/@zag-js/radio-group/dist/index.js +118 -117
  87. package/dist/node_modules/@zag-js/react/dist/index.js +124 -121
  88. package/dist/node_modules/@zag-js/select/dist/index.js +211 -197
  89. package/dist/node_modules/@zag-js/toast/dist/index.js +73 -71
  90. package/dist/node_modules/@zag-js/tooltip/dist/index.js +31 -30
  91. package/dist/node_modules/@zag-js/utils/dist/index.js +150 -104
  92. package/dist/preset.d.ts +3 -1
  93. package/dist/recipes/index.d.ts +3 -2
  94. package/dist/recipes/index.js +5 -2
  95. package/dist/recipes/textFieldRecipe.d.ts +6 -0
  96. package/dist/recipes/textFieldRecipe.js +107 -0
  97. package/dist/styled-system/css/cva.js +43 -38
  98. package/dist/styled-system/recipes/create-recipe.js +37 -0
  99. package/dist/styled-system/recipes/text-field-recipe.js +61 -0
  100. package/dist/styles.css +1 -1
  101. package/package.json +3 -3
  102. package/styled-system/recipes/create-recipe.js +82 -0
  103. package/styled-system/recipes/index.d.ts +2 -0
  104. package/styled-system/recipes/index.js +1 -0
  105. package/styled-system/recipes/text-field-recipe.d.ts +28 -0
  106. package/styled-system/recipes/text-field-recipe.js +72 -0
  107. package/dist/node_modules/@zag-js/store/dist/index.js +0 -131
  108. 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 x, AvatarStyle as n } from "./components/Avatar/Avatar.js";
5
- import { Badge as c, BadgeCloseButton as s, BadgeStyle as l } from "./components/Badge/Badge.js";
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 b } from "./components/Chart/SerendieChartTheme.js";
11
- import { compactChartMargin as D, 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";
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 { 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 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
- x as Avatar,
45
+ i as Avatar,
44
46
  n as AvatarStyle,
45
- c as Badge,
46
- s as BadgeCloseButton,
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
- 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,
85
- b as SerendieChartTheme,
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
- 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,
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
- D as compactChartMargin,
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
- vo as radioCheckedIconCss,
108
- Mo as radioIconCss,
109
- wo as radioUncheckedIconCss,
110
+ sr as parseDate,
111
+ wo as radioCheckedIconCss,
112
+ Ao as radioIconCss,
113
+ Lo as radioUncheckedIconCss,
110
114
  L as spaciousChartMargin,
111
- rr as toaster,
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,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
+ };