@ark-ui/react 5.31.0 → 5.32.0

package/dist/components/swap/use-swap-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [SwapProvider, useSwapContext] = createContext.createContext({
+  name: "SwapContext",
+  hookName: "useSwapContext",
+  providerName: "<SwapProvider />"
+});
+
+exports.SwapProvider = SwapProvider;
+exports.useSwapContext = useSwapContext;

package/dist/components/swap/use-swap-context.d.cts

@@ -0,0 +1,5 @@
+import { UseSwapReturn } from './use-swap';
+import { Provider } from 'react';
+export interface UseSwapContext extends UseSwapReturn {
+}
+export declare const SwapProvider: Provider<UseSwapContext>, useSwapContext: () => UseSwapContext;

package/dist/components/swap/use-swap-context.d.ts

@@ -0,0 +1,5 @@
+import { UseSwapReturn } from './use-swap';
+import { Provider } from 'react';
+export interface UseSwapContext extends UseSwapReturn {
+}
+export declare const SwapProvider: Provider<UseSwapContext>, useSwapContext: () => UseSwapContext;

package/dist/components/swap/use-swap-context.js

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [SwapProvider, useSwapContext] = createContext({
+  name: "SwapContext",
+  hookName: "useSwapContext",
+  providerName: "<SwapProvider />"
+});
+
+export { SwapProvider, useSwapContext };

package/dist/components/swap/use-swap.cjs

@@ -0,0 +1,37 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const usePresence = require('../presence/use-presence.cjs');
+const swap_anatomy = require('./swap.anatomy.cjs');
+
+const useSwap = (props = {}) => {
+  const { swap = false, lazyMount, unmountOnExit } = props;
+  const presenceProps = { lazyMount, unmountOnExit };
+  const onPresence = usePresence.usePresence({ present: swap, ...presenceProps, skipAnimationOnMount: true });
+  const offPresence = usePresence.usePresence({ present: !swap, ...presenceProps, skipAnimationOnMount: true });
+  return {
+    swap,
+    onPresence,
+    offPresence,
+    getRootProps() {
+      return {
+        ...swap_anatomy.parts.root.attrs,
+        "data-swap": swap ? "on" : "off",
+        style: { display: "inline-grid" }
+      };
+    },
+    getIndicatorProps({ type }) {
+      const presence = type === "on" ? onPresence : offPresence;
+      return {
+        ...swap_anatomy.parts.indicator.attrs,
+        ...presence.getPresenceProps(),
+        "data-type": type,
+        style: { gridArea: "1 / 1", display: "inline-flex" }
+      };
+    }
+  };
+};
+
+exports.useSwap = useSwap;

package/dist/components/swap/use-swap.d.cts

@@ -0,0 +1,36 @@
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLProps } from '../factory';
+import { UsePresenceReturn } from '../presence/use-presence';
+export interface UseSwapProps extends RenderStrategyProps {
+    /**
+     * Whether the swap is in the "on" state.
+     * @default false
+     */
+    swap?: boolean;
+}
+export interface IndicatorProps {
+    type: 'on' | 'off';
+}
+export interface UseSwapReturn {
+    /**
+     * Whether the swap is in the "on" state.
+     */
+    swap: boolean;
+    /**
+     * The presence instance for the "on" indicator.
+     */
+    onPresence: UsePresenceReturn;
+    /**
+     * The presence instance for the "off" indicator.
+     */
+    offPresence: UsePresenceReturn;
+    /**
+     * Props for the root element.
+     */
+    getRootProps: () => HTMLProps<'span'>;
+    /**
+     * Props for the indicator element.
+     */
+    getIndicatorProps: (props: IndicatorProps) => HTMLProps<'span'>;
+}
+export declare const useSwap: (props?: UseSwapProps) => UseSwapReturn;

package/dist/components/swap/use-swap.d.ts

@@ -0,0 +1,36 @@
+import { RenderStrategyProps } from '../../utils/render-strategy';
+import { HTMLProps } from '../factory';
+import { UsePresenceReturn } from '../presence/use-presence';
+export interface UseSwapProps extends RenderStrategyProps {
+    /**
+     * Whether the swap is in the "on" state.
+     * @default false
+     */
+    swap?: boolean;
+}
+export interface IndicatorProps {
+    type: 'on' | 'off';
+}
+export interface UseSwapReturn {
+    /**
+     * Whether the swap is in the "on" state.
+     */
+    swap: boolean;
+    /**
+     * The presence instance for the "on" indicator.
+     */
+    onPresence: UsePresenceReturn;
+    /**
+     * The presence instance for the "off" indicator.
+     */
+    offPresence: UsePresenceReturn;
+    /**
+     * Props for the root element.
+     */
+    getRootProps: () => HTMLProps<'span'>;
+    /**
+     * Props for the indicator element.
+     */
+    getIndicatorProps: (props: IndicatorProps) => HTMLProps<'span'>;
+}
+export declare const useSwap: (props?: UseSwapProps) => UseSwapReturn;

package/dist/components/swap/use-swap.js

@@ -0,0 +1,33 @@
+'use client';
+import { usePresence } from '../presence/use-presence.js';
+import { parts } from './swap.anatomy.js';
+
+const useSwap = (props = {}) => {
+  const { swap = false, lazyMount, unmountOnExit } = props;
+  const presenceProps = { lazyMount, unmountOnExit };
+  const onPresence = usePresence({ present: swap, ...presenceProps, skipAnimationOnMount: true });
+  const offPresence = usePresence({ present: !swap, ...presenceProps, skipAnimationOnMount: true });
+  return {
+    swap,
+    onPresence,
+    offPresence,
+    getRootProps() {
+      return {
+        ...parts.root.attrs,
+        "data-swap": swap ? "on" : "off",
+        style: { display: "inline-grid" }
+      };
+    },
+    getIndicatorProps({ type }) {
+      const presence = type === "on" ? onPresence : offPresence;
+      return {
+        ...parts.indicator.attrs,
+        ...presence.getPresenceProps(),
+        "data-type": type,
+        style: { gridArea: "1 / 1", display: "inline-flex" }
+      };
+    }
+  };
+};
+
+export { useSwap };

package/dist/index.cjs

@@ -35,19 +35,24 @@ const avatarRootProvider = require('./components/avatar/avatar-root-provider.cjs
 const useAvatar = require('./components/avatar/use-avatar.cjs');
 const useAvatarContext = require('./components/avatar/use-avatar-context.cjs');
 const avatar = require('./components/avatar/avatar.cjs');
-const bottomSheetBackdrop = require('./components/bottom-sheet/bottom-sheet-backdrop.cjs');
-const bottomSheetCloseTrigger = require('./components/bottom-sheet/bottom-sheet-close-trigger.cjs');
-const bottomSheetContent = require('./components/bottom-sheet/bottom-sheet-content.cjs');
-const bottomSheetContext = require('./components/bottom-sheet/bottom-sheet-context.cjs');
-const bottomSheetGrabber = require('./components/bottom-sheet/bottom-sheet-grabber.cjs');
-const bottomSheetGrabberIndicator = require('./components/bottom-sheet/bottom-sheet-grabber-indicator.cjs');
-const bottomSheetRoot = require('./components/bottom-sheet/bottom-sheet-root.cjs');
-const bottomSheetRootProvider = require('./components/bottom-sheet/bottom-sheet-root-provider.cjs');
-const bottomSheetTitle = require('./components/bottom-sheet/bottom-sheet-title.cjs');
-const bottomSheetTrigger = require('./components/bottom-sheet/bottom-sheet-trigger.cjs');
-const useBottomSheet = require('./components/bottom-sheet/use-bottom-sheet.cjs');
-const useBottomSheetContext = require('./components/bottom-sheet/use-bottom-sheet-context.cjs');
-const bottomSheet = require('./components/bottom-sheet/bottom-sheet.cjs');
+const drawerBackdrop = require('./components/drawer/drawer-backdrop.cjs');
+const drawerCloseTrigger = require('./components/drawer/drawer-close-trigger.cjs');
+const drawerContent = require('./components/drawer/drawer-content.cjs');
+const drawerContext = require('./components/drawer/drawer-context.cjs');
+const drawerPositioner = require('./components/drawer/drawer-positioner.cjs');
+const drawerGrabber = require('./components/drawer/drawer-grabber.cjs');
+const drawerGrabberIndicator = require('./components/drawer/drawer-grabber-indicator.cjs');
+const drawerRoot = require('./components/drawer/drawer-root.cjs');
+const drawerRootProvider = require('./components/drawer/drawer-root-provider.cjs');
+const drawerTitle = require('./components/drawer/drawer-title.cjs');
+const drawerTrigger = require('./components/drawer/drawer-trigger.cjs');
+const drawerIndent = require('./components/drawer/drawer-indent.cjs');
+const drawerIndentBackground = require('./components/drawer/drawer-indent-background.cjs');
+const drawerStack = require('./components/drawer/drawer-stack.cjs');
+const useDrawer = require('./components/drawer/use-drawer.cjs');
+const useDrawerContext = require('./components/drawer/use-drawer-context.cjs');
+const useDrawerStackContext = require('./components/drawer/use-drawer-stack-context.cjs');
+const drawer = require('./components/drawer/drawer.cjs');
 const carouselAutoplayIndicator = require('./components/carousel/carousel-autoplay-indicator.cjs');
 const carouselProgressText = require('./components/carousel/carousel-progress-text.cjs');
 const carouselAutoplayTrigger = require('./components/carousel/carousel-autoplay-trigger.cjs');
@@ -184,6 +189,8 @@ const datePickerTableCell = require('./components/date-picker/date-picker-table-
 const datePickerTableCellTrigger = require('./components/date-picker/date-picker-table-cell-trigger.cjs');
 const datePickerTableHead = require('./components/date-picker/date-picker-table-head.cjs');
 const datePickerTableHeader = require('./components/date-picker/date-picker-table-header.cjs');
+const datePickerWeekNumberHeaderCell = require('./components/date-picker/date-picker-week-number-header-cell.cjs');
+const datePickerWeekNumberCell = require('./components/date-picker/date-picker-week-number-cell.cjs');
 const datePickerTableRow = require('./components/date-picker/date-picker-table-row.cjs');
 const datePickerTrigger = require('./components/date-picker/date-picker-trigger.cjs');
 const datePickerView = require('./components/date-picker/date-picker-view.cjs');
@@ -609,6 +616,13 @@ const useSteps = require('./components/steps/use-steps.cjs');
 const useStepsContext = require('./components/steps/use-steps-context.cjs');
 const useStepsItemContext = require('./components/steps/use-steps-item-context.cjs');
 const steps = require('./components/steps/steps.cjs');
+const swap = require('./components/swap/swap.cjs');
+const swapIndicator = require('./components/swap/swap-indicator.cjs');
+const swapRoot = require('./components/swap/swap-root.cjs');
+const swapRootProvider = require('./components/swap/swap-root-provider.cjs');
+const swap_anatomy = require('./components/swap/swap.anatomy.cjs');
+const useSwap = require('./components/swap/use-swap.cjs');
+const useSwapContext = require('./components/swap/use-swap-context.cjs');
 const switchContext = require('./components/switch/switch-context.cjs');
 const switchControl = require('./components/switch/switch-control.cjs');
 const switchHiddenInput = require('./components/switch/switch-hidden-input.cjs');
@@ -742,6 +756,7 @@ const environmentProvider = require('./providers/environment/environment-provide
 const useEnvironmentContext = require('./providers/environment/use-environment-context.cjs');
 const localeProvider = require('./providers/locale/locale-provider.cjs');
 const useCollator = require('./providers/locale/use-collator.cjs');
+const useDateFormatter = require('./providers/locale/use-date-formatter.cjs');
 const useFilter = require('./providers/locale/use-filter.cjs');
 const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
 const createContext = require('./utils/create-context.cjs');
@@ -749,10 +764,10 @@ const core = require('@zag-js/core');
 const accordion$1 = require('@zag-js/accordion');
 const angleSlider$1 = require('@zag-js/angle-slider');
 const avatar$1 = require('@zag-js/avatar');
-const bottomSheet$1 = require('@zag-js/bottom-sheet');
 const clipboard$1 = require('@zag-js/clipboard');
 const collapsible$1 = require('@zag-js/collapsible');
 const dialog$1 = require('@zag-js/dialog');
+const drawer$1 = require('@zag-js/drawer');
 const editable$1 = require('@zag-js/editable');
 const fileUpload$1 = require('@zag-js/file-upload');
 const floatingPanel$1 = require('@zag-js/floating-panel');
@@ -819,19 +834,24 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
 exports.useAvatar = useAvatar.useAvatar;
 exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.Avatar = avatar;
-exports.BottomSheetBackdrop = bottomSheetBackdrop.BottomSheetBackdrop;
-exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger.BottomSheetCloseTrigger;
-exports.BottomSheetContent = bottomSheetContent.BottomSheetContent;
-exports.BottomSheetContext = bottomSheetContext.BottomSheetContext;
-exports.BottomSheetGrabber = bottomSheetGrabber.BottomSheetGrabber;
-exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator.BottomSheetGrabberIndicator;
-exports.BottomSheetRoot = bottomSheetRoot.BottomSheetRoot;
-exports.BottomSheetRootProvider = bottomSheetRootProvider.BottomSheetRootProvider;
-exports.BottomSheetTitle = bottomSheetTitle.BottomSheetTitle;
-exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
-exports.useBottomSheet = useBottomSheet.useBottomSheet;
-exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
-exports.BottomSheet = bottomSheet;
+exports.DrawerBackdrop = drawerBackdrop.DrawerBackdrop;
+exports.DrawerCloseTrigger = drawerCloseTrigger.DrawerCloseTrigger;
+exports.DrawerContent = drawerContent.DrawerContent;
+exports.DrawerContext = drawerContext.DrawerContext;
+exports.DrawerPositioner = drawerPositioner.DrawerPositioner;
+exports.DrawerGrabber = drawerGrabber.DrawerGrabber;
+exports.DrawerGrabberIndicator = drawerGrabberIndicator.DrawerGrabberIndicator;
+exports.DrawerRoot = drawerRoot.DrawerRoot;
+exports.DrawerRootProvider = drawerRootProvider.DrawerRootProvider;
+exports.DrawerTitle = drawerTitle.DrawerTitle;
+exports.DrawerTrigger = drawerTrigger.DrawerTrigger;
+exports.DrawerIndent = drawerIndent.DrawerIndent;
+exports.DrawerIndentBackground = drawerIndentBackground.DrawerIndentBackground;
+exports.DrawerStack = drawerStack.DrawerStack;
+exports.useDrawer = useDrawer.useDrawer;
+exports.useDrawerContext = useDrawerContext.useDrawerContext;
+exports.useDrawerStackContext = useDrawerStackContext.useDrawerStackContext;
+exports.Drawer = drawer;
 exports.CarouselAutoplayIndicator = carouselAutoplayIndicator.CarouselAutoplayIndicator;
 exports.CarouselProgressText = carouselProgressText.CarouselProgressText;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
@@ -975,6 +995,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;
@@ -1409,6 +1431,13 @@ exports.useSteps = useSteps.useSteps;
 exports.useStepsContext = useStepsContext.useStepsContext;
 exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
 exports.Steps = steps;
+exports.Swap = swap;
+exports.SwapIndicator = swapIndicator.SwapIndicator;
+exports.SwapRoot = swapRoot.SwapRoot;
+exports.SwapRootProvider = swapRootProvider.SwapRootProvider;
+exports.swapAnatomy = swap_anatomy.swapAnatomy;
+exports.useSwap = useSwap.useSwap;
+exports.useSwapContext = useSwapContext.useSwapContext;
 exports.SwitchContext = switchContext.SwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchHiddenInput = switchHiddenInput.SwitchHiddenInput;
@@ -1553,6 +1582,7 @@ exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useCollator = useCollator.useCollator;
+exports.useDateFormatter = useDateFormatter.useDateFormatter;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;
 exports.createContext = createContext.createContext;
@@ -1572,10 +1602,6 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar$1.anatomy
 });
-Object.defineProperty(exports, "bottomSheetAnatomy", {
-	enumerable: true,
-	get: () => bottomSheet$1.anatomy
-});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard$1.anatomy
@@ -1588,6 +1614,10 @@ Object.defineProperty(exports, "dialogAnatomy", {
 	enumerable: true,
 	get: () => dialog$1.anatomy
 });
+Object.defineProperty(exports, "drawerAnatomy", {
+	enumerable: true,
+	get: () => drawer$1.anatomy
+});
 Object.defineProperty(exports, "editableAnatomy", {
 	enumerable: true,
 	get: () => editable$1.anatomy

package/dist/index.js

@@ -34,20 +34,25 @@ export { useAvatar } from './components/avatar/use-avatar.js';
 export { useAvatarContext } from './components/avatar/use-avatar-context.js';
 import * as avatar from './components/avatar/avatar.js';
 export { avatar as Avatar };
-export { BottomSheetBackdrop } from './components/bottom-sheet/bottom-sheet-backdrop.js';
-export { BottomSheetCloseTrigger } from './components/bottom-sheet/bottom-sheet-close-trigger.js';
-export { BottomSheetContent } from './components/bottom-sheet/bottom-sheet-content.js';
-export { BottomSheetContext } from './components/bottom-sheet/bottom-sheet-context.js';
-export { BottomSheetGrabber } from './components/bottom-sheet/bottom-sheet-grabber.js';
-export { BottomSheetGrabberIndicator } from './components/bottom-sheet/bottom-sheet-grabber-indicator.js';
-export { BottomSheetRoot } from './components/bottom-sheet/bottom-sheet-root.js';
-export { BottomSheetRootProvider } from './components/bottom-sheet/bottom-sheet-root-provider.js';
-export { BottomSheetTitle } from './components/bottom-sheet/bottom-sheet-title.js';
-export { BottomSheetTrigger } from './components/bottom-sheet/bottom-sheet-trigger.js';
-export { useBottomSheet } from './components/bottom-sheet/use-bottom-sheet.js';
-export { useBottomSheetContext } from './components/bottom-sheet/use-bottom-sheet-context.js';
-import * as bottomSheet from './components/bottom-sheet/bottom-sheet.js';
-export { bottomSheet as BottomSheet };
+export { DrawerBackdrop } from './components/drawer/drawer-backdrop.js';
+export { DrawerCloseTrigger } from './components/drawer/drawer-close-trigger.js';
+export { DrawerContent } from './components/drawer/drawer-content.js';
+export { DrawerContext } from './components/drawer/drawer-context.js';
+export { DrawerPositioner } from './components/drawer/drawer-positioner.js';
+export { DrawerGrabber } from './components/drawer/drawer-grabber.js';
+export { DrawerGrabberIndicator } from './components/drawer/drawer-grabber-indicator.js';
+export { DrawerRoot } from './components/drawer/drawer-root.js';
+export { DrawerRootProvider } from './components/drawer/drawer-root-provider.js';
+export { DrawerTitle } from './components/drawer/drawer-title.js';
+export { DrawerTrigger } from './components/drawer/drawer-trigger.js';
+export { DrawerIndent } from './components/drawer/drawer-indent.js';
+export { DrawerIndentBackground } from './components/drawer/drawer-indent-background.js';
+export { DrawerStack } from './components/drawer/drawer-stack.js';
+export { useDrawer } from './components/drawer/use-drawer.js';
+export { useDrawerContext } from './components/drawer/use-drawer-context.js';
+export { useDrawerStackContext } from './components/drawer/use-drawer-stack-context.js';
+import * as drawer from './components/drawer/drawer.js';
+export { drawer as Drawer };
 export { CarouselAutoplayIndicator } from './components/carousel/carousel-autoplay-indicator.js';
 export { CarouselProgressText } from './components/carousel/carousel-progress-text.js';
 export { CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.js';
@@ -190,6 +195,8 @@ export { DatePickerTableCell } from './components/date-picker/date-picker-table-
 export { DatePickerTableCellTrigger } from './components/date-picker/date-picker-table-cell-trigger.js';
 export { DatePickerTableHead } from './components/date-picker/date-picker-table-head.js';
 export { DatePickerTableHeader } from './components/date-picker/date-picker-table-header.js';
+export { DatePickerWeekNumberHeaderCell } from './components/date-picker/date-picker-week-number-header-cell.js';
+export { DatePickerWeekNumberCell } from './components/date-picker/date-picker-week-number-cell.js';
 export { DatePickerTableRow } from './components/date-picker/date-picker-table-row.js';
 export { DatePickerTrigger } from './components/date-picker/date-picker-trigger.js';
 export { DatePickerView } from './components/date-picker/date-picker-view.js';
@@ -646,6 +653,14 @@ export { useStepsContext } from './components/steps/use-steps-context.js';
 export { useStepsItemContext } from './components/steps/use-steps-item-context.js';
 import * as steps from './components/steps/steps.js';
 export { steps as Steps };
+import * as swap from './components/swap/swap.js';
+export { swap as Swap };
+export { SwapIndicator } from './components/swap/swap-indicator.js';
+export { SwapRoot } from './components/swap/swap-root.js';
+export { SwapRootProvider } from './components/swap/swap-root-provider.js';
+export { swapAnatomy } from './components/swap/swap.anatomy.js';
+export { useSwap } from './components/swap/use-swap.js';
+export { useSwapContext } from './components/swap/use-swap-context.js';
 export { SwitchContext } from './components/switch/switch-context.js';
 export { SwitchControl } from './components/switch/switch-control.js';
 export { SwitchHiddenInput } from './components/switch/switch-hidden-input.js';
@@ -789,6 +804,7 @@ export { EnvironmentProvider } from './providers/environment/environment-provide
 export { useEnvironmentContext } from './providers/environment/use-environment-context.js';
 export { LocaleProvider } from './providers/locale/locale-provider.js';
 export { useCollator } from './providers/locale/use-collator.js';
+export { useDateFormatter } from './providers/locale/use-date-formatter.js';
 export { useFilter } from './providers/locale/use-filter.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';
 export { createContext } from './utils/create-context.js';
@@ -796,10 +812,10 @@ export { mergeProps } from '@zag-js/core';
 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/providers/index.cjs

@@ -6,6 +6,7 @@ const environmentProvider = require('./environment/environment-provider.cjs');
 const useEnvironmentContext = require('./environment/use-environment-context.cjs');
 const localeProvider = require('./locale/locale-provider.cjs');
 const useCollator = require('./locale/use-collator.cjs');
+const useDateFormatter = require('./locale/use-date-formatter.cjs');
 const useFilter = require('./locale/use-filter.cjs');
 const useLocaleContext = require('./locale/use-locale-context.cjs');
 
@@ -15,5 +16,6 @@ exports.EnvironmentProvider = environmentProvider.EnvironmentProvider;
 exports.useEnvironmentContext = useEnvironmentContext.useEnvironmentContext;
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useCollator = useCollator.useCollator;
+exports.useDateFormatter = useDateFormatter.useDateFormatter;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/index.js

@@ -2,5 +2,6 @@ export { EnvironmentProvider } from './environment/environment-provider.js';
 export { useEnvironmentContext } from './environment/use-environment-context.js';
 export { LocaleProvider } from './locale/locale-provider.js';
 export { useCollator } from './locale/use-collator.js';
+export { useDateFormatter } from './locale/use-date-formatter.js';
 export { useFilter } from './locale/use-filter.js';
 export { useLocaleContext } from './locale/use-locale-context.js';

package/dist/providers/locale/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const localeProvider = require('./locale-provider.cjs');
 const useCollator = require('./use-collator.cjs');
+const useDateFormatter = require('./use-date-formatter.cjs');
 const useFilter = require('./use-filter.cjs');
 const useLocaleContext = require('./use-locale-context.cjs');
 
@@ -11,5 +12,6 @@ const useLocaleContext = require('./use-locale-context.cjs');
 
 exports.LocaleProvider = localeProvider.LocaleProvider;
 exports.useCollator = useCollator.useCollator;
+exports.useDateFormatter = useDateFormatter.useDateFormatter;
 exports.useFilter = useFilter.useFilter;
 exports.useLocaleContext = useLocaleContext.useLocaleContext;

package/dist/providers/locale/index.d.cts

@@ -1,4 +1,5 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
 export { useCollator, type UseCollatorProps } from './use-collator';
+export { useDateFormatter, type UseDateFormatterProps } from './use-date-formatter';
 export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/providers/locale/index.d.ts

@@ -1,4 +1,5 @@
 export { LocaleProvider, type LocaleProviderProps } from './locale-provider';
 export { useCollator, type UseCollatorProps } from './use-collator';
+export { useDateFormatter, type UseDateFormatterProps } from './use-date-formatter';
 export { useFilter, type UseFilterProps, type UseFilterReturn } from './use-filter';
 export { useLocaleContext, type UseLocaleContext } from './use-locale-context';

package/dist/providers/locale/index.js

@@ -1,4 +1,5 @@
 export { LocaleProvider } from './locale-provider.js';
 export { useCollator } from './use-collator.js';
+export { useDateFormatter } from './use-date-formatter.js';
 export { useFilter } from './use-filter.js';
 export { useLocaleContext } from './use-locale-context.js';

package/dist/providers/locale/use-date-formatter.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const date = require('@internationalized/date');
+const react = require('react');
+const useLocaleContext = require('./use-locale-context.cjs');
+
+function useDateFormatter(props = {}) {
+  const env = useLocaleContext.useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return react.useMemo(() => {
+    const { locale: _, ...options } = props;
+    return new date.DateFormatter(locale, options);
+  }, [locale, props]);
+}
+
+exports.useDateFormatter = useDateFormatter;

package/dist/providers/locale/use-date-formatter.d.cts

@@ -0,0 +1,5 @@
+import { DateFormatter } from '@internationalized/date';
+export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+export declare function useDateFormatter(props?: UseDateFormatterProps): DateFormatter;

package/dist/providers/locale/use-date-formatter.d.ts

@@ -0,0 +1,5 @@
+import { DateFormatter } from '@internationalized/date';
+export interface UseDateFormatterProps extends Intl.DateTimeFormatOptions {
+    locale?: string;
+}
+export declare function useDateFormatter(props?: UseDateFormatterProps): DateFormatter;

package/dist/providers/locale/use-date-formatter.js

@@ -0,0 +1,15 @@
+'use client';
+import { DateFormatter } from '@internationalized/date';
+import { useMemo } from 'react';
+import { useLocaleContext } from './use-locale-context.js';
+
+function useDateFormatter(props = {}) {
+  const env = useLocaleContext();
+  const locale = props.locale ?? env.locale;
+  return useMemo(() => {
+    const { locale: _, ...options } = props;
+    return new DateFormatter(locale, options);
+  }, [locale, props]);
+}
+
+export { useDateFormatter };