@ark-ui/react 5.31.0 → 5.32.0

package/dist/components/anatomy.cjs

@@ -12,15 +12,16 @@ const field_anatomy = require('./field/field.anatomy.cjs');
 const fieldset_anatomy = require('./fieldset/fieldset.anatomy.cjs');
 const listbox_anatomy = require('./listbox/listbox.anatomy.cjs');
 const segmentGroup_anatomy = require('./segment-group/segment-group.anatomy.cjs');
+const swap_anatomy = require('./swap/swap.anatomy.cjs');
 const toggle_anatomy = require('./toggle/toggle.anatomy.cjs');
 const tour_anatomy = require('./tour/tour.anatomy.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
-const bottomSheet = require('@zag-js/bottom-sheet');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
 const dialog = require('@zag-js/dialog');
+const drawer = require('@zag-js/drawer');
 const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
@@ -64,6 +65,7 @@ exports.fieldAnatomy = field_anatomy.fieldAnatomy;
 exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
 exports.listboxAnatomy = listbox_anatomy.listboxAnatomy;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
+exports.swapAnatomy = swap_anatomy.swapAnatomy;
 exports.toggleAnatomy = toggle_anatomy.toggleAnatomy;
 exports.tourAnatomy = tour_anatomy.tourAnatomy;
 Object.defineProperty(exports, "accordionAnatomy", {
@@ -78,10 +80,6 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
-Object.defineProperty(exports, "bottomSheetAnatomy", {
-	enumerable: true,
-	get: () => bottomSheet.anatomy
-});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard.anatomy
@@ -94,6 +92,10 @@ Object.defineProperty(exports, "dialogAnatomy", {
 	enumerable: true,
 	get: () => dialog.anatomy
 });
+Object.defineProperty(exports, "drawerAnatomy", {
+	enumerable: true,
+	get: () => drawer.anatomy
+});
 Object.defineProperty(exports, "editableAnatomy", {
 	enumerable: true,
 	get: () => editable.anatomy

package/dist/components/anatomy.d.cts

@@ -2,7 +2,7 @@ export * from '@zag-js/anatomy';
 export { accordionAnatomy } from './accordion/accordion.anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
 export { avatarAnatomy } from './avatar/avatar.anatomy';
-export { bottomSheetAnatomy } from './bottom-sheet/bottom-sheet.anatomy';
+export { drawerAnatomy } from './drawer/drawer.anatomy';
 export { carouselAnatomy } from './carousel/carousel.anatomy';
 export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
 export { clipboardAnatomy } from './clipboard/clipboard.anatomy';
@@ -38,6 +38,7 @@ export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy';
 export { sliderAnatomy } from './slider/slider.anatomy';
 export { splitterAnatomy } from './splitter/splitter.anatomy';
 export { stepsAnatomy } from './steps/steps.anatomy';
+export { swapAnatomy } from './swap/swap.anatomy';
 export { switchAnatomy } from './switch/switch.anatomy';
 export { tabsAnatomy } from './tabs/tabs.anatomy';
 export { tagsInputAnatomy } from './tags-input/tags-input.anatomy';

package/dist/components/anatomy.d.ts

@@ -2,7 +2,7 @@ export * from '@zag-js/anatomy';
 export { accordionAnatomy } from './accordion/accordion.anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
 export { avatarAnatomy } from './avatar/avatar.anatomy';
-export { bottomSheetAnatomy } from './bottom-sheet/bottom-sheet.anatomy';
+export { drawerAnatomy } from './drawer/drawer.anatomy';
 export { carouselAnatomy } from './carousel/carousel.anatomy';
 export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
 export { clipboardAnatomy } from './clipboard/clipboard.anatomy';
@@ -38,6 +38,7 @@ export { signaturePadAnatomy } from './signature-pad/signature-pad.anatomy';
 export { sliderAnatomy } from './slider/slider.anatomy';
 export { splitterAnatomy } from './splitter/splitter.anatomy';
 export { stepsAnatomy } from './steps/steps.anatomy';
+export { swapAnatomy } from './swap/swap.anatomy';
 export { switchAnatomy } from './switch/switch.anatomy';
 export { tabsAnatomy } from './tabs/tabs.anatomy';
 export { tagsInputAnatomy } from './tags-input/tags-input.anatomy';

package/dist/components/anatomy.js

@@ -8,15 +8,16 @@ export { fieldAnatomy } from './field/field.anatomy.js';
 export { fieldsetAnatomy } from './fieldset/fieldset.anatomy.js';
 export { listboxAnatomy } from './listbox/listbox.anatomy.js';
 export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.js';
+export { swapAnatomy } from './swap/swap.anatomy.js';
 export { toggleAnatomy } from './toggle/toggle.anatomy.js';
 export { tourAnatomy } from './tour/tour.anatomy.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
-export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export { anatomy as drawerAnatomy } from '@zag-js/drawer';
 export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';

package/dist/components/angle-slider/angle-slider-label.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface AngleSliderLabelBaseProps extends PolymorphicProps {
 }
-export interface AngleSliderLabelProps extends HTMLProps<'span'>, AngleSliderLabelBaseProps {
+export interface AngleSliderLabelProps extends HTMLProps<'label'>, AngleSliderLabelBaseProps {
 }
 export declare const AngleSliderLabel: ForwardRefExoticComponent<AngleSliderLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/angle-slider/angle-slider-label.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface AngleSliderLabelBaseProps extends PolymorphicProps {
 }
-export interface AngleSliderLabelProps extends HTMLProps<'span'>, AngleSliderLabelBaseProps {
+export interface AngleSliderLabelProps extends HTMLProps<'label'>, AngleSliderLabelBaseProps {
 }
 export declare const AngleSliderLabel: ForwardRefExoticComponent<AngleSliderLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/checkbox-group.cjs

@@ -20,7 +20,8 @@ const CheckboxGroup = react.forwardRef((props, ref) => {
     "disabled",
     "invalid",
     "readOnly",
-    "name"
+    "name",
+    "maxSelectedValues"
   ]);
   const checkboxGroup = useCheckboxGroup.useCheckboxGroup(checkboxGroupProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useCheckboxGroupContext.CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ref, role: "group", ...localProps, ...checkbox_anatomy.checkboxAnatomy.build().group.attrs }) });

package/dist/components/checkbox/checkbox-group.js

@@ -16,7 +16,8 @@ const CheckboxGroup = forwardRef((props, ref) => {
     "disabled",
     "invalid",
     "readOnly",
-    "name"
+    "name",
+    "maxSelectedValues"
   ]);
   const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
   return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: "group", ...localProps, ...checkboxAnatomy.build().group.attrs }) });

package/dist/components/checkbox/use-checkbox-group.cjs

@@ -16,7 +16,8 @@ function useCheckboxGroup(props = {}) {
     disabled = fieldset?.disabled,
     readOnly,
     name,
-    invalid = fieldset?.invalid
+    invalid = fieldset?.invalid,
+    maxSelectedValues
   } = props;
   const interactive = !(disabled || readOnly);
   const onChangeProp = useEvent.useEvent(onValueChange, { sync: true });
@@ -31,9 +32,11 @@ function useCheckboxGroup(props = {}) {
   const toggleValue = (val) => {
     isChecked(val) ? removeValue(val) : addValue(val);
   };
+  const isAtMax = maxSelectedValues != null && value.length >= maxSelectedValues;
   const addValue = (val) => {
     if (!interactive) return;
     if (isChecked(val)) return;
+    if (isAtMax) return;
     setValue(value.concat(val));
   };
   const removeValue = (val) => {
@@ -41,15 +44,16 @@ function useCheckboxGroup(props = {}) {
     setValue(value.filter((v) => String(v) !== String(val)));
   };
   const getItemProps = (props2) => {
+    const checked = props2.value != null ? isChecked(props2.value) : void 0;
     return {
-      checked: props2.value != null ? isChecked(props2.value) : void 0,
+      checked,
       onCheckedChange() {
         if (props2.value != null) {
           toggleValue(props2.value);
         }
       },
       name,
-      disabled,
+      disabled: disabled || isAtMax && !checked,
       readOnly,
       invalid
     };

package/dist/components/checkbox/use-checkbox-group.d.cts

@@ -28,6 +28,10 @@ export interface UseCheckboxGroupProps {
      * If `true`, the checkbox group is invalid
      */
     invalid?: boolean | undefined;
+    /**
+     * The maximum number of selected values
+     */
+    maxSelectedValues?: number | undefined;
 }
 export interface CheckboxGroupItemProps {
     value: string | undefined;

package/dist/components/checkbox/use-checkbox-group.d.ts

@@ -28,6 +28,10 @@ export interface UseCheckboxGroupProps {
      * If `true`, the checkbox group is invalid
      */
     invalid?: boolean | undefined;
+    /**
+     * The maximum number of selected values
+     */
+    maxSelectedValues?: number | undefined;
 }
 export interface CheckboxGroupItemProps {
     value: string | undefined;

package/dist/components/checkbox/use-checkbox-group.js

@@ -12,7 +12,8 @@ function useCheckboxGroup(props = {}) {
     disabled = fieldset?.disabled,
     readOnly,
     name,
-    invalid = fieldset?.invalid
+    invalid = fieldset?.invalid,
+    maxSelectedValues
   } = props;
   const interactive = !(disabled || readOnly);
   const onChangeProp = useEvent(onValueChange, { sync: true });
@@ -27,9 +28,11 @@ function useCheckboxGroup(props = {}) {
   const toggleValue = (val) => {
     isChecked(val) ? removeValue(val) : addValue(val);
   };
+  const isAtMax = maxSelectedValues != null && value.length >= maxSelectedValues;
   const addValue = (val) => {
     if (!interactive) return;
     if (isChecked(val)) return;
+    if (isAtMax) return;
     setValue(value.concat(val));
   };
   const removeValue = (val) => {
@@ -37,15 +40,16 @@ function useCheckboxGroup(props = {}) {
     setValue(value.filter((v) => String(v) !== String(val)));
   };
   const getItemProps = (props2) => {
+    const checked = props2.value != null ? isChecked(props2.value) : void 0;
     return {
-      checked: props2.value != null ? isChecked(props2.value) : void 0,
+      checked,
       onCheckedChange() {
         if (props2.value != null) {
           toggleValue(props2.value);
         }
       },
       name,
-      disabled,
+      disabled: disabled || isAtMax && !checked,
       readOnly,
       invalid
     };

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

@@ -56,7 +56,10 @@ const DatePickerRoot = react.forwardRef((props, ref) => {
     "timeZone",
     "translations",
     "value",
-    "view"
+    "view",
+    "openOnClick",
+    "showWeekNumbers",
+    "maxSelectedDates"
   ]);
   const datePicker = useDatePicker.useDatePicker(useDatePickerProps);
   const presence = usePresence.usePresence(react$1.mergeProps({ present: datePicker.open }, presenceProps));

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

@@ -52,7 +52,10 @@ const DatePickerRoot = forwardRef((props, ref) => {
     "timeZone",
     "translations",
     "value",
-    "view"
+    "view",
+    "openOnClick",
+    "showWeekNumbers",
+    "maxSelectedDates"
   ]);
   const datePicker = useDatePicker(useDatePickerProps);
   const presence = usePresence(mergeProps({ present: datePicker.open }, presenceProps));

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

@@ -0,0 +1,24 @@
+'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 createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useDatePickerContext = require('./use-date-picker-context.cjs');
+
+const splitWeekNumberCellProps = createSplitProps.createSplitProps();
+const DatePickerWeekNumberCell = react.forwardRef(
+  (props, ref) => {
+    const [cellProps, localProps] = splitWeekNumberCellProps(props, ["weekIndex", "week"]);
+    const datePicker = useDatePickerContext.useDatePickerContext();
+    const mergedProps = react$1.mergeProps(datePicker.getWeekNumberCellProps(cellProps), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.td, { ...mergedProps, ref });
+  }
+);
+DatePickerWeekNumberCell.displayName = "DatePickerWeekNumberCell";
+
+exports.DatePickerWeekNumberCell = DatePickerWeekNumberCell;

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

@@ -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.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.cjs

@@ -23,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');
@@ -53,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';
@@ -20,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';
@@ -20,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

@@ -19,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

@@ -24,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');
@@ -62,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;

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';
@@ -21,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';
@@ -21,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

@@ -20,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/{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 };