@serendie/ui 2.1.3 → 2.2.0

package/dist/index.js

@@ -1,50 +1,53 @@
 import { SerendiePreset as e } from "./preset.js";
 import { Accordion as a } from "./components/Accordion/Accordion.js";
 import { AccordionGroup as m } from "./components/Accordion/AccordionGroup.js";
-import { Avatar as x, AvatarStyle as n } from "./components/Avatar/Avatar.js";
-import { Badge as c, BadgeCloseButton as s, BadgeStyle as l } from "./components/Badge/Badge.js";
+import { Avatar as i, AvatarStyle as n } from "./components/Avatar/Avatar.js";
+import { Badge as s, BadgeCloseButton as c, BadgeStyle as d } from "./components/Badge/Badge.js";
 import { Banner as h } from "./components/Banner/Banner.js";
 import { BottomNavigation as S } from "./components/BottomNavigation/BottomNavigation.js";
 import { BottomNavigationItem as g, BottomNavigationItemStyle as y } from "./components/BottomNavigation/BottomNavigationItem.js";
 import { Button as I, ButtonStyle as T } from "./components/Button/Button.js";
-import { SerendieChartTheme as b } from "./components/Chart/SerendieChartTheme.js";
-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";
+import { SerendieChartTheme as D } from "./components/Chart/SerendieChartTheme.js";
+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";
 import { CheckBox as W, CheckBoxStyle as j, checkboxCheckedIconCss as q, checkboxIconCss as z, checkboxUncheckedIconCss as E } from "./components/CheckBox/CheckBox.js";
 import { ChoiceBox as J, ChoiceBoxStyle as K } from "./components/ChoiceBox/ChoiceBox.js";
 import { DashboardWidget as Q } from "./components/DashboardWidget/DashboardWidget.js";
 import { DataTable as X } from "./components/DataTable/index.js";
-import { Divider as Z, DividerStyle as _ } from "./components/Divider/Divider.js";
-import { Drawer as oo } from "./components/Drawer/Drawer.js";
-import { DropdownMenu as eo, DropdownMenuStyle as to } from "./components/DropdownMenu/DropdownMenu.js";
-import { IconButton as po, IconButtonStyle as mo } from "./components/IconButton/IconButton.js";
-import { List as xo } from "./components/List/List.js";
-import { ListItem as fo, ListItemStyle as co } from "./components/List/ListItem.js";
-import { ModalDialog as lo } from "./components/ModalDialog/ModalDialog.js";
-import { NotificationBadge as Co } from "./components/NotificationBadge/NotificationBadge.js";
-import { Pagination as Bo, PaginationStyle as go } from "./components/Pagination/Pagination.js";
-import { PasswordField as uo } from "./components/PasswordField/PasswordField.js";
-import { ProgressIndicator as To, ProgressIndicatorStyle as Po } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { RadioButton as ko, RadioButtonStyle as Do, radioCheckedIconCss as vo, radioIconCss as Mo, radioUncheckedIconCss as wo } from "./components/RadioButton/RadioButton.js";
-import { RadioGroup as Lo } from "./components/RadioButton/RadioGroup.js";
-import { Search as Ro, SearchStyle as Fo } from "./components/Search/Search.js";
-import { Select as Uo, SelectStyle as Wo } from "./components/Select/Select.js";
-import { Switch as qo, SwitchStyle as zo } from "./components/Switch/Switch.js";
-import { Tabs as Ho, TabsStyle as Jo } from "./components/Tabs/Tabs.js";
-import { TabItem as Oo, TabItemStyle as Qo } from "./components/Tabs/TabItem.js";
-import { TextArea as Xo } from "./components/TextArea/TextArea.js";
-import { TextField as Zo } from "./components/TextField/TextField.js";
-import { Toast as $o, ToastStyle as or, toaster as rr } from "./components/Toast/Toast.js";
-import { Tooltip as tr } from "./components/Tooltip/Tooltip.js";
-import { TopAppBar as pr } from "./components/TopAppBar/TopAppBar.js";
-import { DataTableComponent as ir } from "./components/DataTable/DataTableComponent.js";
+import { DatePicker as Z } from "./components/DatePicker/DatePicker.js";
+import { Divider as $, DividerStyle as oo } from "./components/Divider/Divider.js";
+import { Drawer as eo } from "./components/Drawer/Drawer.js";
+import { DropdownMenu as ao, DropdownMenuStyle as po } from "./components/DropdownMenu/DropdownMenu.js";
+import { IconButton as xo, IconButtonStyle as io } from "./components/IconButton/IconButton.js";
+import { List as fo } from "./components/List/List.js";
+import { ListItem as co, ListItemStyle as lo } from "./components/List/ListItem.js";
+import { ModalDialog as Co } from "./components/ModalDialog/ModalDialog.js";
+import { NotificationBadge as Bo } from "./components/NotificationBadge/NotificationBadge.js";
+import { Pagination as yo, PaginationStyle as uo } from "./components/Pagination/Pagination.js";
+import { PasswordField as To } from "./components/PasswordField/PasswordField.js";
+import { ProgressIndicator as Do } from "./components/ProgressIndicator/ProgressIndicator.js";
+import { ProgressIndicatorIndeterminate as ko } from "./components/ProgressIndicator/ProgressIndicatorIndeterminate.js";
+import { RadioButton as Mo, RadioButtonStyle as wo, radioCheckedIconCss as Ao, radioIconCss as Lo, radioUncheckedIconCss as No } from "./components/RadioButton/RadioButton.js";
+import { RadioGroup as Fo } from "./components/RadioButton/RadioGroup.js";
+import { Search as Uo, SearchStyle as Wo } from "./components/Search/Search.js";
+import { Select as qo, SelectStyle as zo } from "./components/Select/Select.js";
+import { Switch as Ho, SwitchStyle as Jo } from "./components/Switch/Switch.js";
+import { Tabs as Oo, TabsStyle as Qo } from "./components/Tabs/Tabs.js";
+import { TabItem as Xo, TabItemStyle as Yo } from "./components/Tabs/TabItem.js";
+import { TextArea as _o } from "./components/TextArea/TextArea.js";
+import { TextField as or } from "./components/TextField/TextField.js";
+import { Toast as er, ToastStyle as tr, toaster as ar } from "./components/Toast/Toast.js";
+import { Tooltip as mr } from "./components/Tooltip/Tooltip.js";
+import { TopAppBar as ir } from "./components/TopAppBar/TopAppBar.js";
+import { DataTableComponent as fr } from "./components/DataTable/DataTableComponent.js";
+import { parse as cr } from "./node_modules/@zag-js/date-picker/dist/index.js";
 export {
   a as Accordion,
   m as AccordionGroup,
-  x as Avatar,
+  i as Avatar,
   n as AvatarStyle,
-  c as Badge,
-  s as BadgeCloseButton,
-  l as BadgeStyle,
+  s as Badge,
+  c as BadgeCloseButton,
+  d as BadgeStyle,
   h as Banner,
   S as BottomNavigation,
   g as BottomNavigationItem,
@@ -57,58 +60,60 @@ export {
   K as ChoiceBoxStyle,
   Q as DashboardWidget,
   X as DataTable,
-  ir as DataTableComponent,
-  Z as Divider,
-  _ as DividerStyle,
-  oo as Drawer,
-  eo as DropdownMenu,
-  to as DropdownMenuStyle,
-  po as IconButton,
-  mo as IconButtonStyle,
-  xo as List,
-  fo as ListItem,
-  co as ListItemStyle,
-  lo as ModalDialog,
-  Co as NotificationBadge,
-  Bo as Pagination,
-  go as PaginationStyle,
-  uo as PasswordField,
-  To as ProgressIndicator,
-  Po as ProgressIndicatorStyle,
-  ko as RadioButton,
-  Do as RadioButtonStyle,
-  Lo as RadioGroup,
-  Ro as Search,
-  Fo as SearchStyle,
-  Uo as Select,
-  Wo as SelectStyle,
-  b as SerendieChartTheme,
+  fr as DataTableComponent,
+  Z as DatePicker,
+  $ as Divider,
+  oo as DividerStyle,
+  eo as Drawer,
+  ao as DropdownMenu,
+  po as DropdownMenuStyle,
+  xo as IconButton,
+  io as IconButtonStyle,
+  fo as List,
+  co as ListItem,
+  lo as ListItemStyle,
+  Co as ModalDialog,
+  Bo as NotificationBadge,
+  yo as Pagination,
+  uo as PaginationStyle,
+  To as PasswordField,
+  Do as ProgressIndicator,
+  ko as ProgressIndicatorIndeterminate,
+  Mo as RadioButton,
+  wo as RadioButtonStyle,
+  Fo as RadioGroup,
+  Uo as Search,
+  Wo as SearchStyle,
+  qo as Select,
+  zo as SelectStyle,
+  D as SerendieChartTheme,
   e as SerendiePreset,
-  qo as Switch,
-  zo as SwitchStyle,
-  Oo as TabItem,
-  Qo as TabItemStyle,
-  Ho as Tabs,
-  Jo as TabsStyle,
-  Xo as TextArea,
-  Zo as TextField,
-  $o as Toast,
-  or as ToastStyle,
-  tr as Tooltip,
-  pr as TopAppBar,
+  Ho as Switch,
+  Jo as SwitchStyle,
+  Xo as TabItem,
+  Yo as TabItemStyle,
+  Oo as Tabs,
+  Qo as TabsStyle,
+  _o as TextArea,
+  or as TextField,
+  er as Toast,
+  tr as ToastStyle,
+  mr as Tooltip,
+  ir as TopAppBar,
   q as checkboxCheckedIconCss,
   z as checkboxIconCss,
   E as checkboxUncheckedIconCss,
-  D as compactChartMargin,
+  k as compactChartMargin,
   v as defaultChartMargin,
   M as getChartColor,
   w as getChartColors,
   A as legendChartMargin,
-  vo as radioCheckedIconCss,
-  Mo as radioIconCss,
-  wo as radioUncheckedIconCss,
+  cr as parseDate,
+  Ao as radioCheckedIconCss,
+  Lo as radioIconCss,
+  No as radioUncheckedIconCss,
   L as spaciousChartMargin,
-  rr as toaster,
+  ar as toaster,
   N as useBarChartProps,
   R as useChartProps,
   F as useLineChartProps,

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js

@@ -0,0 +1,15 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { composeRefs as p } from "../../utils/compose-refs.js";
+import { ark as i } from "../factory.js";
+import { usePresenceContext as f } from "../presence/use-presence-context.js";
+import { useDatePickerContext as c } from "./use-date-picker-context.js";
+import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
+const a = s((r, o) => {
+  const t = c(), e = f(), n = P(t.getContentProps(), e.getPresenceProps(), r);
+  return e.unmounted ? null : /* @__PURE__ */ m(i.div, { ...n, ref: p(e.ref, o) });
+});
+a.displayName = "DatePickerContent";
+export {
+  a as DatePickerContent
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js

@@ -0,0 +1,5 @@
+import { useDatePickerContext as t } from "./use-date-picker-context.js";
+const r = (e) => e.children(t());
+export {
+  r as DatePickerContext
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js

@@ -0,0 +1,13 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { ark as p } from "../factory.js";
+import { useDatePickerContext as s } from "./use-date-picker-context.js";
+import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
+const n = i((r, o) => {
+  const t = s(), e = a(t.getControlProps(), r);
+  return /* @__PURE__ */ m(p.div, { ...e, ref: o });
+});
+n.displayName = "DatePickerControl";
+export {
+  n as DatePickerControl
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { createSplitProps as s } from "../../utils/create-split-props.js";
+import { ark as a } from "../factory.js";
+import { useDatePickerContext as c } from "./use-date-picker-context.js";
+import { mergeProps as P } from "../../../../../@zag-js/core/dist/index.js";
+const f = n((r, o) => {
+  const [t, e] = s()(r, ["index", "fixOnBlur"]), p = c(), i = P(p.getInputProps(t), e);
+  return /* @__PURE__ */ m(a.input, { ...i, ref: o });
+});
+f.displayName = "DatePickerInput";
+export {
+  f as DatePickerInput
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-label.js

@@ -0,0 +1,13 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { ark as i } from "../factory.js";
+import { useDatePickerContext as p } from "./use-date-picker-context.js";
+import { mergeProps as s } from "../../../../../@zag-js/core/dist/index.js";
+const c = a((r, e) => {
+  const o = p(), t = s(o.getLabelProps(), r);
+  return /* @__PURE__ */ m(i.label, { ...t, ref: e });
+});
+c.displayName = "DatePickerLabel";
+export {
+  c as DatePickerLabel
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { ark as p } from "../factory.js";
+import { useDatePickerContext as l } from "./use-date-picker-context.js";
+import { mergeProps as n } from "../../../../../@zag-js/core/dist/index.js";
+const s = a((o, c) => {
+  const e = l(), i = n(e.getMonthSelectProps(), o);
+  return /* @__PURE__ */ t(p.select, { ...i, ref: c, children: e.getMonths().map((r, m) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, m)) });
+});
+s.displayName = "DatePickerMonthSelect";
+export {
+  s as DatePickerMonthSelect
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { ark as s } from "../factory.js";
+import { useDatePickerContext as P } from "./use-date-picker-context.js";
+import { useDatePickerViewPropsContext as a } from "./use-date-picker-view-props-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const g = p((r, e) => {
+  const t = P(), o = a(), i = c(t.getNextTriggerProps(o), r);
+  return /* @__PURE__ */ m(s.button, { ...i, ref: e });
+});
+g.displayName = "DatePickerNextTrigger";
+export {
+  g as DatePickerNextTrigger
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js

@@ -0,0 +1,14 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { ark as s } from "../factory.js";
+import { usePresenceContext as m } from "../presence/use-presence-context.js";
+import { useDatePickerContext as p } from "./use-date-picker-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const P = n((e, r) => {
+  const o = p(), t = c(o.getPositionerProps(), e);
+  return m().unmounted ? null : /* @__PURE__ */ i(s.div, { ...t, ref: r });
+});
+P.displayName = "DatePickerPositioner";
+export {
+  P as DatePickerPositioner
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { ark as s } from "../factory.js";
+import { useDatePickerContext as P } from "./use-date-picker-context.js";
+import { useDatePickerViewPropsContext as a } from "./use-date-picker-view-props-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const g = p((r, e) => {
+  const o = P(), t = a(), i = c(o.getPrevTriggerProps(t), r);
+  return /* @__PURE__ */ m(s.button, { ...i, ref: e });
+});
+g.displayName = "DatePickerPrevTrigger";
+export {
+  g as DatePickerPrevTrigger
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root.js

@@ -0,0 +1,55 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { createSplitProps as d } from "../../utils/create-split-props.js";
+import { ark as f } from "../factory.js";
+import { splitPresenceProps as P } from "../presence/split-presence-props.js";
+import { usePresence as u } from "../presence/use-presence.js";
+import { PresenceProvider as k } from "../presence/use-presence-context.js";
+import { useDatePicker as g } from "./use-date-picker.js";
+import { DatePickerProvider as h } from "./use-date-picker-context.js";
+import { mergeProps as r } from "../../../../../@zag-js/core/dist/index.js";
+const v = m((t, i) => {
+  const [a, n] = P(t), [s, l] = d()(n, [
+    "closeOnSelect",
+    "defaultFocusedValue",
+    "defaultOpen",
+    "defaultValue",
+    "defaultView",
+    "disabled",
+    "fixedWeeks",
+    "focusedValue",
+    "format",
+    "id",
+    "ids",
+    "isDateUnavailable",
+    "locale",
+    "max",
+    "maxView",
+    "min",
+    "minView",
+    "name",
+    "numOfMonths",
+    "onFocusChange",
+    "onOpenChange",
+    "onValueChange",
+    "onViewChange",
+    "open",
+    "outsideDaySelectable",
+    "parse",
+    "placeholder",
+    "positioning",
+    "readOnly",
+    "selectionMode",
+    "startOfWeek",
+    "timeZone",
+    "translations",
+    "value",
+    "view",
+    "inline"
+  ]), e = g(s), p = u(r({ present: e.open }, a)), c = r(e.getRootProps(), l);
+  return /* @__PURE__ */ o(h, { value: e, children: /* @__PURE__ */ o(k, { value: p, children: /* @__PURE__ */ o(f.div, { ...c, ref: i }) }) });
+});
+v.displayName = "DatePickerRoot";
+export {
+  v as DatePickerRoot
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-body.js

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { ark as s } from "../factory.js";
+import { useDatePickerContext as i } from "./use-date-picker-context.js";
+import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const d = p((r, o) => {
+  const e = i(), t = P(), m = c(e.getTableBodyProps(t), r);
+  return /* @__PURE__ */ a(s.tbody, { ...m, ref: o });
+});
+d.displayName = "DatePickerTableBody";
+export {
+  d as DatePickerTableBody
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell-trigger.js

@@ -0,0 +1,19 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { ark as g } from "../factory.js";
+import { useDatePickerContext as P } from "./use-date-picker-context.js";
+import { useDatePickerTableCellPropsContext as n } from "./use-date-picker-table-cell-props-context.js";
+import { useDatePickerViewPropsContext as c } from "./use-date-picker-view-props-context.js";
+import { mergeProps as T } from "../../../../../@zag-js/core/dist/index.js";
+const C = m((r, o) => {
+  const e = P(), t = n(), i = c(), a = {
+    day: e.getDayTableCellTriggerProps,
+    month: e.getMonthTableCellTriggerProps,
+    year: e.getYearTableCellTriggerProps
+  }[i.view], s = a(t), l = T(s, r);
+  return /* @__PURE__ */ p(g.div, { ref: o, ...l });
+});
+C.displayName = "DatePickerTableCellTrigger";
+export {
+  C as DatePickerTableCellTrigger
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { createSplitProps as P } from "../../utils/create-split-props.js";
+import { ark as c } from "../factory.js";
+import { useDatePickerContext as n } from "./use-date-picker-context.js";
+import { DatePickerTableCellPropsProvider as d } from "./use-date-picker-table-cell-props-context.js";
+import { useDatePickerViewPropsContext as f } from "./use-date-picker-view-props-context.js";
+import { mergeProps as b } from "../../../../../@zag-js/core/dist/index.js";
+const C = m((t, l) => {
+  const [r, a] = P()(t, [
+    "disabled",
+    "value",
+    "visibleRange",
+    "columns"
+  ]), e = n(), s = f(), i = {
+    day: e.getDayTableCellProps,
+    month: e.getMonthTableCellProps,
+    year: e.getYearTableCellProps
+    // @ts-expect-error value is number filter
+  }[s.view](r), p = b(i, a);
+  return /* @__PURE__ */ o(d, { value: r, children: /* @__PURE__ */ o(c.td, { ref: l, ...p }) });
+});
+C.displayName = "DatePickerTableCell";
+export {
+  C as DatePickerTableCell
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-head.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { ark as s } from "../factory.js";
+import { useDatePickerContext as i } from "./use-date-picker-context.js";
+import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const d = p((e, r) => {
+  const o = i(), t = P(), a = c(o.getTableHeadProps(t), e);
+  return /* @__PURE__ */ m(s.thead, { ...a, ref: r });
+});
+d.displayName = "DatePickerTableHead";
+export {
+  d as DatePickerTableHead
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { ark as s } from "../factory.js";
+import { useDatePickerContext as i } from "./use-date-picker-context.js";
+import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const f = p((e, r) => {
+  const o = i(), t = P(), a = c(o.getTableHeaderProps(t), e);
+  return /* @__PURE__ */ m(s.th, { ...a, ref: r });
+});
+f.displayName = "DatePickerTableHeader";
+export {
+  f as DatePickerTableHeader
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-row.js

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { ark as s } from "../factory.js";
+import { useDatePickerContext as i } from "./use-date-picker-context.js";
+import { useDatePickerTablePropsContext as P } from "./use-date-picker-table-props-context.js";
+import { mergeProps as c } from "../../../../../@zag-js/core/dist/index.js";
+const f = p((r, e) => {
+  const o = i(), t = P(), m = c(o.getTableRowProps(t), r);
+  return /* @__PURE__ */ a(s.tr, { ...m, ref: e });
+});
+f.displayName = "DatePickerTableRow";
+export {
+  f as DatePickerTableRow
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as c, useId as P } from "react";
+import { createSplitProps as l } from "../../utils/create-split-props.js";
+import { ark as n } from "../factory.js";
+import { useDatePickerContext as f } from "./use-date-picker-context.js";
+import { DatePickerTablePropsProvider as d } from "./use-date-picker-table-props-context.js";
+import { useDatePickerViewPropsContext as k } from "./use-date-picker-view-props-context.js";
+import { mergeProps as u } from "../../../../../@zag-js/core/dist/index.js";
+const b = c((o, t) => {
+  const [{ columns: s }, i] = l()(o, ["columns"]), m = f(), p = k(), r = { columns: s, id: P(), ...p }, a = u(m.getTableProps(r), i);
+  return /* @__PURE__ */ e(d, { value: r, children: /* @__PURE__ */ e(n.table, { ...a, ref: t }) });
+});
+b.displayName = "DatePickerTable";
+export {
+  b as DatePickerTable
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js

@@ -0,0 +1,13 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { ark as p } from "../factory.js";
+import { useDatePickerContext as g } from "./use-date-picker-context.js";
+import { mergeProps as s } from "../../../../../@zag-js/core/dist/index.js";
+const a = m((r, e) => {
+  const o = g(), t = s(o.getTriggerProps(), r);
+  return /* @__PURE__ */ i(p.button, { ...t, ref: e });
+});
+a.displayName = "DatePickerTrigger";
+export {
+  a as DatePickerTrigger
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { ark as s } from "../factory.js";
+import { useDatePickerContext as n } from "./use-date-picker-context.js";
+import { useDatePickerViewPropsContext as P } from "./use-date-picker-view-props-context.js";
+import { mergeProps as a } from "../../../../../@zag-js/core/dist/index.js";
+const c = p((r, o) => {
+  const e = n(), t = P(), i = a(e.getViewControlProps(t), r);
+  return /* @__PURE__ */ m(s.div, { ...i, ref: o });
+});
+c.displayName = "DatePickerViewControl";
+export {
+  c as DatePickerViewControl
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { createSplitProps as p } from "../../utils/create-split-props.js";
+import { ark as c } from "../factory.js";
+import { datePickerAnatomy as s } from "./date-picker.anatomy.js";
+import { useDatePickerContext as P } from "./use-date-picker-context.js";
+import { DatePickerViewPropsProvider as d } from "./use-date-picker-view-props-context.js";
+const f = a((i, o) => {
+  const [r, t] = p()(i, ["view"]), m = P();
+  return /* @__PURE__ */ e(d, { value: r, children: /* @__PURE__ */ e(
+    c.div,
+    {
+      hidden: m.view !== r.view,
+      ...s.build().view.attrs,
+      ...t,
+      ref: o
+    }
+  ) });
+});
+f.displayName = "DatePickerView";
+export {
+  f as DatePickerView
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { ark as p } from "../factory.js";
+import { useDatePickerContext as l } from "./use-date-picker-context.js";
+import { mergeProps as s } from "../../../../../@zag-js/core/dist/index.js";
+const n = i((o, a) => {
+  const e = l(), m = s(e.getYearSelectProps(), o);
+  return /* @__PURE__ */ t(p.select, { ...m, ref: a, children: e.getYears().map((r, c) => /* @__PURE__ */ t("option", { value: r.value, children: r.label }, c)) });
+});
+n.displayName = "DatePickerYearSelect";
+export {
+  n as DatePickerYearSelect
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/date-picker.anatomy.js

@@ -0,0 +1,5 @@
+import { anatomy as t } from "../../../../../@zag-js/date-picker/dist/index.js";
+const o = t.extendWith("view");
+export {
+  o as datePickerAnatomy
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-context.js

@@ -0,0 +1,10 @@
+import { createContext as e } from "../../utils/create-context.js";
+const [r, o] = e({
+  name: "DatePickerContext",
+  hookName: "useDatePickerContext",
+  providerName: "<DatePickerProvider />"
+});
+export {
+  r as DatePickerProvider,
+  o as useDatePickerContext
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-cell-props-context.js

@@ -0,0 +1,10 @@
+import { createContext as e } from "../../utils/create-context.js";
+const [t, l] = e({
+  name: "DatePickerTableCellContext",
+  hookName: "useDatePickerTableCellContext",
+  providerName: "<DatePickerTableCellProvider />"
+});
+export {
+  t as DatePickerTableCellPropsProvider,
+  l as useDatePickerTableCellPropsContext
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-table-props-context.js

@@ -0,0 +1,10 @@
+import { createContext as e } from "../../utils/create-context.js";
+const [t, o] = e({
+  name: "DatePickerTableContext",
+  hookName: "useDatePickerTableContext",
+  providerName: "<DatePickerTableProvider />"
+});
+export {
+  t as DatePickerTablePropsProvider,
+  o as useDatePickerTablePropsContext
+};

package/dist/node_modules/@ark-ui/react/dist/components/date-picker/use-date-picker-view-props-context.js

@@ -0,0 +1,12 @@
+import { createContext as e } from "../../utils/create-context.js";
+const [r, i] = e({
+  name: "DatePickerViewContext",
+  hookName: "useDatePickerViewContext",
+  providerName: "<DatePickerViewProvider />",
+  strict: !1,
+  defaultValue: { view: "day" }
+});
+export {
+  r as DatePickerViewPropsProvider,
+  i as useDatePickerViewPropsContext
+};