@ark-ui/react 5.30.0 → 5.32.0

package/dist/components/date-picker/date-picker-week-number-cell.d.ts

@@ -0,0 +1,10 @@
+import { DateValue } from '@zag-js/date-picker';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DatePickerWeekNumberCellBaseProps extends PolymorphicProps {
+    weekIndex: number;
+    week: DateValue[];
+}
+export interface DatePickerWeekNumberCellProps extends HTMLProps<'td'>, DatePickerWeekNumberCellBaseProps {
+}
+export declare const DatePickerWeekNumberCell: ForwardRefExoticComponent<DatePickerWeekNumberCellProps & RefAttributes<HTMLTableCellElement>>;

package/dist/components/date-picker/date-picker-week-number-cell.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+
+const splitWeekNumberCellProps = createSplitProps();
+const DatePickerWeekNumberCell = forwardRef(
+  (props, ref) => {
+    const [cellProps, localProps] = splitWeekNumberCellProps(props, ["weekIndex", "week"]);
+    const datePicker = useDatePickerContext();
+    const mergedProps = mergeProps(datePicker.getWeekNumberCellProps(cellProps), localProps);
+    return /* @__PURE__ */ jsx(ark.td, { ...mergedProps, ref });
+  }
+);
+DatePickerWeekNumberCell.displayName = "DatePickerWeekNumberCell";
+
+export { DatePickerWeekNumberCell };

package/dist/components/date-picker/date-picker-week-number-header-cell.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useDatePickerTablePropsContext = require('./use-date-picker-table-props-context.cjs');
+
+const DatePickerWeekNumberHeaderCell = react.forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const tableProps = useDatePickerTablePropsContext.useDatePickerTablePropsContext();
+    const mergedProps = react$1.mergeProps(datePicker.getWeekNumberHeaderCellProps(tableProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.th, { ...mergedProps, ref });
+  }
+);
+DatePickerWeekNumberHeaderCell.displayName = "DatePickerWeekNumberHeaderCell";
+
+exports.DatePickerWeekNumberHeaderCell = DatePickerWeekNumberHeaderCell;

package/dist/components/date-picker/date-picker-week-number-header-cell.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DatePickerWeekNumberHeaderCellBaseProps extends PolymorphicProps {
+}
+export interface DatePickerWeekNumberHeaderCellProps extends HTMLProps<'th'>, DatePickerWeekNumberHeaderCellBaseProps {
+}
+export declare const DatePickerWeekNumberHeaderCell: ForwardRefExoticComponent<DatePickerWeekNumberHeaderCellProps & RefAttributes<HTMLTableCellElement>>;

package/dist/components/date-picker/date-picker-week-number-header-cell.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DatePickerWeekNumberHeaderCellBaseProps extends PolymorphicProps {
+}
+export interface DatePickerWeekNumberHeaderCellProps extends HTMLProps<'th'>, DatePickerWeekNumberHeaderCellBaseProps {
+}
+export declare const DatePickerWeekNumberHeaderCell: ForwardRefExoticComponent<DatePickerWeekNumberHeaderCellProps & RefAttributes<HTMLTableCellElement>>;

package/dist/components/date-picker/date-picker-week-number-header-cell.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDatePickerContext } from './use-date-picker-context.js';
+import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js';
+
+const DatePickerWeekNumberHeaderCell = forwardRef(
+  (props, ref) => {
+    const datePicker = useDatePickerContext();
+    const tableProps = useDatePickerTablePropsContext();
+    const mergedProps = mergeProps(datePicker.getWeekNumberHeaderCellProps(tableProps), props);
+    return /* @__PURE__ */ jsx(ark.th, { ...mergedProps, ref });
+  }
+);
+DatePickerWeekNumberHeaderCell.displayName = "DatePickerWeekNumberHeaderCell";
+
+export { DatePickerWeekNumberHeaderCell };

package/dist/components/date-picker/date-picker.anatomy.cjs

@@ -5,6 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const datePicker = require('@zag-js/date-picker');
 
-const datePickerAnatomy = datePicker.anatomy.extendWith("view");
+const datePickerAnatomy = datePicker.anatomy.extendWith("view", "valueText");
 
 exports.datePickerAnatomy = datePickerAnatomy;

package/dist/components/date-picker/date-picker.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "valueText" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: AnatomyInstance<"root" | "control" | "nextTrigger" | "prevTrigger" | "label" | "content" | "trigger" | "positioner" | "valueText" | "view" | "input" | "clearTrigger" | "table" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

package/dist/components/date-picker/date-picker.anatomy.js

@@ -1,6 +1,6 @@
 'use client';
 import { anatomy } from '@zag-js/date-picker';
 
-const datePickerAnatomy = anatomy.extendWith("view");
+const datePickerAnatomy = anatomy.extendWith("view", "valueText");
 
 export { datePickerAnatomy };

package/dist/components/date-picker/date-picker.cjs

@@ -14,6 +14,7 @@ const datePickerPositioner = require('./date-picker-positioner.cjs');
 const datePickerPresetTrigger = require('./date-picker-preset-trigger.cjs');
 const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
 const datePickerRangeText = require('./date-picker-range-text.cjs');
+const datePickerValueText = require('./date-picker-value-text.cjs');
 const datePickerRoot = require('./date-picker-root.cjs');
 const datePickerRootProvider = require('./date-picker-root-provider.cjs');
 const datePickerTable = require('./date-picker-table.cjs');
@@ -22,6 +23,8 @@ const datePickerTableCell = require('./date-picker-table-cell.cjs');
 const datePickerTableCellTrigger = require('./date-picker-table-cell-trigger.cjs');
 const datePickerTableHead = require('./date-picker-table-head.cjs');
 const datePickerTableHeader = require('./date-picker-table-header.cjs');
+const datePickerWeekNumberHeaderCell = require('./date-picker-week-number-header-cell.cjs');
+const datePickerWeekNumberCell = require('./date-picker-week-number-cell.cjs');
 const datePickerTableRow = require('./date-picker-table-row.cjs');
 const datePickerTrigger = require('./date-picker-trigger.cjs');
 const datePickerView = require('./date-picker-view.cjs');
@@ -43,6 +46,7 @@ exports.Positioner = datePickerPositioner.DatePickerPositioner;
 exports.PresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.PrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.RangeText = datePickerRangeText.DatePickerRangeText;
+exports.ValueText = datePickerValueText.DatePickerValueText;
 exports.Root = datePickerRoot.DatePickerRoot;
 exports.RootProvider = datePickerRootProvider.DatePickerRootProvider;
 exports.Table = datePickerTable.DatePickerTable;
@@ -51,6 +55,8 @@ exports.TableCell = datePickerTableCell.DatePickerTableCell;
 exports.TableCellTrigger = datePickerTableCellTrigger.DatePickerTableCellTrigger;
 exports.TableHead = datePickerTableHead.DatePickerTableHead;
 exports.TableHeader = datePickerTableHeader.DatePickerTableHeader;
+exports.WeekNumberHeaderCell = datePickerWeekNumberHeaderCell.DatePickerWeekNumberHeaderCell;
+exports.WeekNumberCell = datePickerWeekNumberCell.DatePickerWeekNumberCell;
 exports.TableRow = datePickerTableRow.DatePickerTableRow;
 exports.Trigger = datePickerTrigger.DatePickerTrigger;
 exports.View = datePickerView.DatePickerView;

package/dist/components/date-picker/date-picker.d.cts

@@ -1,4 +1,4 @@
-export type { DateValue, FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, ViewChangeDetails, } from '@zag-js/date-picker';
+export type { DateRangePreset, DateValue, DateView, FocusChangeDetails, OpenChangeDetails, SelectionMode, ValueChangeDetails, ViewChangeDetails, VisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger';
 export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, } from './date-picker-content';
 export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context';
@@ -11,6 +11,7 @@ export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps
 export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root';
 export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table';
@@ -19,6 +20,8 @@ export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as
 export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, } from './date-picker-table-cell-trigger';
 export { DatePickerTableHead as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, } from './date-picker-table-head';
 export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, } from './date-picker-table-header';
+export { DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell';
+export { DatePickerWeekNumberCell as WeekNumberCell, type DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, type DatePickerWeekNumberCellProps as WeekNumberCellProps, } from './date-picker-week-number-cell';
 export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row';
 export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger';
 export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, } from './date-picker-view';

package/dist/components/date-picker/date-picker.d.ts

@@ -1,4 +1,4 @@
-export type { DateValue, FocusChangeDetails, OpenChangeDetails, ValueChangeDetails, ViewChangeDetails, } from '@zag-js/date-picker';
+export type { DateRangePreset, DateValue, DateView, FocusChangeDetails, OpenChangeDetails, SelectionMode, ValueChangeDetails, ViewChangeDetails, VisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger';
 export { DatePickerContent as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, } from './date-picker-content';
 export { DatePickerContext as Context, type DatePickerContextProps as ContextProps } from './date-picker-context';
@@ -11,6 +11,7 @@ export { DatePickerPositioner as Positioner, type DatePickerPositionerBaseProps
 export { DatePickerPresetTrigger as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText as ValueText, type DatePickerValueTextBaseProps as ValueTextBaseProps, type DatePickerValueTextProps as ValueTextProps, type DatePickerValueTextRenderProps as ValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root';
 export { DatePickerRootProvider as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table';
@@ -19,6 +20,8 @@ export { DatePickerTableCell as TableCell, type DatePickerTableCellBaseProps as
 export { DatePickerTableCellTrigger as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, } from './date-picker-table-cell-trigger';
 export { DatePickerTableHead as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, } from './date-picker-table-head';
 export { DatePickerTableHeader as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, } from './date-picker-table-header';
+export { DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps as WeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps as WeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell';
+export { DatePickerWeekNumberCell as WeekNumberCell, type DatePickerWeekNumberCellBaseProps as WeekNumberCellBaseProps, type DatePickerWeekNumberCellProps as WeekNumberCellProps, } from './date-picker-week-number-cell';
 export { DatePickerTableRow as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row';
 export { DatePickerTrigger as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger';
 export { DatePickerView as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, } from './date-picker-view';

package/dist/components/date-picker/date-picker.js

@@ -10,6 +10,7 @@ export { DatePickerPositioner as Positioner } from './date-picker-positioner.js'
 export { DatePickerPresetTrigger as PresetTrigger } from './date-picker-preset-trigger.js';
 export { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText as RangeText } from './date-picker-range-text.js';
+export { DatePickerValueText as ValueText } from './date-picker-value-text.js';
 export { DatePickerRoot as Root } from './date-picker-root.js';
 export { DatePickerRootProvider as RootProvider } from './date-picker-root-provider.js';
 export { DatePickerTable as Table } from './date-picker-table.js';
@@ -18,6 +19,8 @@ export { DatePickerTableCell as TableCell } from './date-picker-table-cell.js';
 export { DatePickerTableCellTrigger as TableCellTrigger } from './date-picker-table-cell-trigger.js';
 export { DatePickerTableHead as TableHead } from './date-picker-table-head.js';
 export { DatePickerTableHeader as TableHeader } from './date-picker-table-header.js';
+export { DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell } from './date-picker-week-number-header-cell.js';
+export { DatePickerWeekNumberCell as WeekNumberCell } from './date-picker-week-number-cell.js';
 export { DatePickerTableRow as TableRow } from './date-picker-table-row.js';
 export { DatePickerTrigger as Trigger } from './date-picker-trigger.js';
 export { DatePickerView as View } from './date-picker-view.js';

package/dist/components/date-picker/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const datePicker = require('@zag-js/date-picker');
+const datePicker$1 = require('@zag-js/date-picker');
 const datePickerClearTrigger = require('./date-picker-clear-trigger.cjs');
 const datePickerContent = require('./date-picker-content.cjs');
 const datePickerContext = require('./date-picker-context.cjs');
@@ -15,6 +15,7 @@ const datePickerPositioner = require('./date-picker-positioner.cjs');
 const datePickerPresetTrigger = require('./date-picker-preset-trigger.cjs');
 const datePickerPrevTrigger = require('./date-picker-prev-trigger.cjs');
 const datePickerRangeText = require('./date-picker-range-text.cjs');
+const datePickerValueText = require('./date-picker-value-text.cjs');
 const datePickerRoot = require('./date-picker-root.cjs');
 const datePickerRootProvider = require('./date-picker-root-provider.cjs');
 const datePickerTable = require('./date-picker-table.cjs');
@@ -23,6 +24,8 @@ const datePickerTableCell = require('./date-picker-table-cell.cjs');
 const datePickerTableCellTrigger = require('./date-picker-table-cell-trigger.cjs');
 const datePickerTableHead = require('./date-picker-table-head.cjs');
 const datePickerTableHeader = require('./date-picker-table-header.cjs');
+const datePickerWeekNumberHeaderCell = require('./date-picker-week-number-header-cell.cjs');
+const datePickerWeekNumberCell = require('./date-picker-week-number-cell.cjs');
 const datePickerTableRow = require('./date-picker-table-row.cjs');
 const datePickerTrigger = require('./date-picker-trigger.cjs');
 const datePickerView = require('./date-picker-view.cjs');
@@ -32,13 +35,13 @@ const datePickerYearSelect = require('./date-picker-year-select.cjs');
 const datePicker_anatomy = require('./date-picker.anatomy.cjs');
 const useDatePicker = require('./use-date-picker.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
-const datePicker$1 = require('./date-picker.cjs');
+const datePicker = require('./date-picker.cjs');
 
 
 
 Object.defineProperty(exports, "parseDate", {
   enumerable: true,
-  get: () => datePicker.parse
+  get: () => datePicker$1.parse
 });
 exports.DatePickerClearTrigger = datePickerClearTrigger.DatePickerClearTrigger;
 exports.DatePickerContent = datePickerContent.DatePickerContent;
@@ -52,6 +55,7 @@ exports.DatePickerPositioner = datePickerPositioner.DatePickerPositioner;
 exports.DatePickerPresetTrigger = datePickerPresetTrigger.DatePickerPresetTrigger;
 exports.DatePickerPrevTrigger = datePickerPrevTrigger.DatePickerPrevTrigger;
 exports.DatePickerRangeText = datePickerRangeText.DatePickerRangeText;
+exports.DatePickerValueText = datePickerValueText.DatePickerValueText;
 exports.DatePickerRoot = datePickerRoot.DatePickerRoot;
 exports.DatePickerRootProvider = datePickerRootProvider.DatePickerRootProvider;
 exports.DatePickerTable = datePickerTable.DatePickerTable;
@@ -60,6 +64,8 @@ exports.DatePickerTableCell = datePickerTableCell.DatePickerTableCell;
 exports.DatePickerTableCellTrigger = datePickerTableCellTrigger.DatePickerTableCellTrigger;
 exports.DatePickerTableHead = datePickerTableHead.DatePickerTableHead;
 exports.DatePickerTableHeader = datePickerTableHeader.DatePickerTableHeader;
+exports.DatePickerWeekNumberHeaderCell = datePickerWeekNumberHeaderCell.DatePickerWeekNumberHeaderCell;
+exports.DatePickerWeekNumberCell = datePickerWeekNumberCell.DatePickerWeekNumberCell;
 exports.DatePickerTableRow = datePickerTableRow.DatePickerTableRow;
 exports.DatePickerTrigger = datePickerTrigger.DatePickerTrigger;
 exports.DatePickerView = datePickerView.DatePickerView;
@@ -69,4 +75,4 @@ exports.DatePickerYearSelect = datePickerYearSelect.DatePickerYearSelect;
 exports.datePickerAnatomy = datePicker_anatomy.datePickerAnatomy;
 exports.useDatePicker = useDatePicker.useDatePicker;
 exports.useDatePickerContext = useDatePickerContext.useDatePickerContext;
-exports.DatePicker = datePicker$1;
+exports.DatePicker = datePicker;

package/dist/components/date-picker/index.d.cts

@@ -1,5 +1,5 @@
 export { parse as parseDate } from '@zag-js/date-picker';
-export type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, DateValue, } from '@zag-js/date-picker';
+export type { DateRangePreset as DatePickerDateRangePreset, DateValue, DateView as DatePickerDateView, FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, SelectionMode as DatePickerSelectionMode, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, VisibleRangeChangeDetails as DatePickerVisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
 export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps } from './date-picker-content';
 export { DatePickerContext, type DatePickerContextProps } from './date-picker-context';
@@ -12,6 +12,7 @@ export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePick
 export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root';
 export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table';
@@ -20,6 +21,8 @@ export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePicker
 export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger';
 export { DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, } from './date-picker-table-head';
 export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, } from './date-picker-table-header';
+export { DatePickerWeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell';
+export { DatePickerWeekNumberCell, type DatePickerWeekNumberCellBaseProps, type DatePickerWeekNumberCellProps, } from './date-picker-week-number-cell';
 export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row';
 export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps } from './date-picker-trigger';
 export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view';

package/dist/components/date-picker/index.d.ts

@@ -1,5 +1,5 @@
 export { parse as parseDate } from '@zag-js/date-picker';
-export type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, DateValue, } from '@zag-js/date-picker';
+export type { DateRangePreset as DatePickerDateRangePreset, DateValue, DateView as DatePickerDateView, FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, SelectionMode as DatePickerSelectionMode, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, VisibleRangeChangeDetails as DatePickerVisibleRangeChangeDetails, } from '@zag-js/date-picker';
 export { DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
 export { DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps } from './date-picker-content';
 export { DatePickerContext, type DatePickerContextProps } from './date-picker-context';
@@ -12,6 +12,7 @@ export { DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePick
 export { DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
 export { DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger';
 export { DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text';
+export { DatePickerValueText, type DatePickerValueTextBaseProps, type DatePickerValueTextProps, type DatePickerValueTextRenderProps, } from './date-picker-value-text';
 export { DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps } from './date-picker-root';
 export { DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider';
 export { DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps } from './date-picker-table';
@@ -20,6 +21,8 @@ export { DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePicker
 export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger';
 export { DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, } from './date-picker-table-head';
 export { DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, } from './date-picker-table-header';
+export { DatePickerWeekNumberHeaderCell, type DatePickerWeekNumberHeaderCellBaseProps, type DatePickerWeekNumberHeaderCellProps, } from './date-picker-week-number-header-cell';
+export { DatePickerWeekNumberCell, type DatePickerWeekNumberCellBaseProps, type DatePickerWeekNumberCellProps, } from './date-picker-week-number-cell';
 export { DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row';
 export { DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps } from './date-picker-trigger';
 export { DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps } from './date-picker-view';

package/dist/components/date-picker/index.js

@@ -11,6 +11,7 @@ export { DatePickerPositioner } from './date-picker-positioner.js';
 export { DatePickerPresetTrigger } from './date-picker-preset-trigger.js';
 export { DatePickerPrevTrigger } from './date-picker-prev-trigger.js';
 export { DatePickerRangeText } from './date-picker-range-text.js';
+export { DatePickerValueText } from './date-picker-value-text.js';
 export { DatePickerRoot } from './date-picker-root.js';
 export { DatePickerRootProvider } from './date-picker-root-provider.js';
 export { DatePickerTable } from './date-picker-table.js';
@@ -19,6 +20,8 @@ export { DatePickerTableCell } from './date-picker-table-cell.js';
 export { DatePickerTableCellTrigger } from './date-picker-table-cell-trigger.js';
 export { DatePickerTableHead } from './date-picker-table-head.js';
 export { DatePickerTableHeader } from './date-picker-table-header.js';
+export { DatePickerWeekNumberHeaderCell } from './date-picker-week-number-header-cell.js';
+export { DatePickerWeekNumberCell } from './date-picker-week-number-cell.js';
 export { DatePickerTableRow } from './date-picker-table-row.js';
 export { DatePickerTrigger } from './date-picker-trigger.js';
 export { DatePickerView } from './date-picker-view.js';

package/dist/components/dialog/index.cjs

@@ -14,8 +14,8 @@ const dialogTitle = require('./dialog-title.cjs');
 const dialogTrigger = require('./dialog-trigger.cjs');
 const useDialog = require('./use-dialog.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
-const dialog$1 = require('./dialog.cjs');
-const dialog = require('@zag-js/dialog');
+const dialog = require('./dialog.cjs');
+const dialog$1 = require('@zag-js/dialog');
 
 
 
@@ -31,8 +31,8 @@ exports.DialogTitle = dialogTitle.DialogTitle;
 exports.DialogTrigger = dialogTrigger.DialogTrigger;
 exports.useDialog = useDialog.useDialog;
 exports.useDialogContext = useDialogContext.useDialogContext;
-exports.Dialog = dialog$1;
+exports.Dialog = dialog;
 Object.defineProperty(exports, "dialogAnatomy", {
   enumerable: true,
-  get: () => dialog.anatomy
+  get: () => dialog$1.anatomy
 });

package/dist/components/{bottom-sheet/bottom-sheet-backdrop.cjs → drawer/drawer-backdrop.cjs}

@@ -10,18 +10,18 @@ const composeRefs = require('../../utils/compose-refs.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
 const factory = require('../factory.cjs');
 const usePresence = require('../presence/use-presence.cjs');
-const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+const useDrawerContext = require('./use-drawer-context.cjs');
 
-const BottomSheetBackdrop = react.forwardRef((props, ref) => {
-  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+const DrawerBackdrop = react.forwardRef((props, ref) => {
+  const drawer = useDrawerContext.useDrawerContext();
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
-  const presence = usePresence.usePresence({ ...renderStrategyProps, present: bottomSheet.open });
-  const mergedProps = react$1.mergeProps(bottomSheet.getBackdropProps(), presence.getPresenceProps(), props);
+  const presence = usePresence.usePresence({ ...renderStrategyProps, present: drawer.open });
+  const mergedProps = react$1.mergeProps(drawer.getBackdropProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
 });
-BottomSheetBackdrop.displayName = "BottomSheetBackdrop";
+DrawerBackdrop.displayName = "DrawerBackdrop";
 
-exports.BottomSheetBackdrop = BottomSheetBackdrop;
+exports.DrawerBackdrop = DrawerBackdrop;

package/dist/components/drawer/drawer-backdrop.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerBackdropBaseProps extends PolymorphicProps {
+}
+export interface DrawerBackdropProps extends HTMLProps<'div'>, DrawerBackdropBaseProps {
+}
+export declare const DrawerBackdrop: ForwardRefExoticComponent<DrawerBackdropProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-backdrop.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerBackdropBaseProps extends PolymorphicProps {
+}
+export interface DrawerBackdropProps extends HTMLProps<'div'>, DrawerBackdropBaseProps {
+}
+export declare const DrawerBackdrop: ForwardRefExoticComponent<DrawerBackdropProps & RefAttributes<HTMLDivElement>>;

package/dist/components/{bottom-sheet/bottom-sheet-backdrop.js → drawer/drawer-backdrop.js}

@@ -6,18 +6,18 @@ import { composeRefs } from '../../utils/compose-refs.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
 import { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';
-import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import { useDrawerContext } from './use-drawer-context.js';
 
-const BottomSheetBackdrop = forwardRef((props, ref) => {
-  const bottomSheet = useBottomSheetContext();
+const DrawerBackdrop = forwardRef((props, ref) => {
+  const drawer = useDrawerContext();
   const renderStrategyProps = useRenderStrategyPropsContext();
-  const presence = usePresence({ ...renderStrategyProps, present: bottomSheet.open });
-  const mergedProps = mergeProps(bottomSheet.getBackdropProps(), presence.getPresenceProps(), props);
+  const presence = usePresence({ ...renderStrategyProps, present: drawer.open });
+  const mergedProps = mergeProps(drawer.getBackdropProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
 });
-BottomSheetBackdrop.displayName = "BottomSheetBackdrop";
+DrawerBackdrop.displayName = "DrawerBackdrop";
 
-export { BottomSheetBackdrop };
+export { DrawerBackdrop };

package/dist/components/drawer/drawer-close-trigger.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useDrawerContext = require('./use-drawer-context.cjs');
+
+const DrawerCloseTrigger = react.forwardRef((props, ref) => {
+  const drawer = useDrawerContext.useDrawerContext();
+  const mergedProps = react$1.mergeProps(drawer.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+DrawerCloseTrigger.displayName = "DrawerCloseTrigger";
+
+exports.DrawerCloseTrigger = DrawerCloseTrigger;

package/dist/components/drawer/drawer-close-trigger.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface DrawerCloseTriggerProps extends HTMLProps<'button'>, DrawerCloseTriggerBaseProps {
+}
+export declare const DrawerCloseTrigger: ForwardRefExoticComponent<DrawerCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/drawer/drawer-close-trigger.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface DrawerCloseTriggerProps extends HTMLProps<'button'>, DrawerCloseTriggerBaseProps {
+}
+export declare const DrawerCloseTrigger: ForwardRefExoticComponent<DrawerCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/drawer/drawer-close-trigger.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useDrawerContext } from './use-drawer-context.js';
+
+const DrawerCloseTrigger = forwardRef((props, ref) => {
+  const drawer = useDrawerContext();
+  const mergedProps = mergeProps(drawer.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+DrawerCloseTrigger.displayName = "DrawerCloseTrigger";
+
+export { DrawerCloseTrigger };

package/dist/components/{bottom-sheet/bottom-sheet-content.cjs → drawer/drawer-content.cjs}

@@ -9,16 +9,16 @@ const react = require('react');
 const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
-const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+const useDrawerContext = require('./use-drawer-context.cjs');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 
 const splitContentProps = createSplitProps.createSplitProps();
-const BottomSheetContent = react.forwardRef((props, ref) => {
+const DrawerContent = react.forwardRef((props, ref) => {
   const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
-  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+  const drawer = useDrawerContext.useDrawerContext();
   const presence = usePresenceContext.usePresenceContext();
   const mergedProps = react$1.mergeProps(
-    bottomSheet.getContentProps({ draggable: true, ...contentProps }),
+    drawer.getContentProps({ draggable: true, ...contentProps }),
     presence.getPresenceProps(),
     localProps
   );
@@ -27,6 +27,6 @@ const BottomSheetContent = react.forwardRef((props, ref) => {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
 });
-BottomSheetContent.displayName = "BottomSheetContent";
+DrawerContent.displayName = "DrawerContent";
 
-exports.BottomSheetContent = BottomSheetContent;
+exports.DrawerContent = DrawerContent;

package/dist/components/drawer/drawer-content.d.cts

@@ -0,0 +1,8 @@
+import { ContentProps } from '@zag-js/drawer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {
+}
+export interface DrawerContentProps extends Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps {
+}
+export declare const DrawerContent: ForwardRefExoticComponent<DrawerContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-content.d.ts

@@ -0,0 +1,8 @@
+import { ContentProps } from '@zag-js/drawer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {
+}
+export interface DrawerContentProps extends Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps {
+}
+export declare const DrawerContent: ForwardRefExoticComponent<DrawerContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/{bottom-sheet/bottom-sheet-content.js → drawer/drawer-content.js}

@@ -5,16 +5,16 @@ import { forwardRef } from 'react';
 import { composeRefs } from '../../utils/compose-refs.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
-import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import { useDrawerContext } from './use-drawer-context.js';
 import { createSplitProps } from '../../utils/create-split-props.js';
 
 const splitContentProps = createSplitProps();
-const BottomSheetContent = forwardRef((props, ref) => {
+const DrawerContent = forwardRef((props, ref) => {
   const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
-  const bottomSheet = useBottomSheetContext();
+  const drawer = useDrawerContext();
   const presence = usePresenceContext();
   const mergedProps = mergeProps(
-    bottomSheet.getContentProps({ draggable: true, ...contentProps }),
+    drawer.getContentProps({ draggable: true, ...contentProps }),
     presence.getPresenceProps(),
     localProps
   );
@@ -23,6 +23,6 @@ const BottomSheetContent = forwardRef((props, ref) => {
   }
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
 });
-BottomSheetContent.displayName = "BottomSheetContent";
+DrawerContent.displayName = "DrawerContent";
 
-export { BottomSheetContent };
+export { DrawerContent };

package/dist/components/drawer/drawer-context.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useDrawerContext = require('./use-drawer-context.cjs');
+
+const DrawerContext = (props) => props.children(useDrawerContext.useDrawerContext());
+
+exports.DrawerContext = DrawerContext;