@ark-ui/react 5.31.0 → 5.33.0

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

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { ark } from '../factory.js';
+import { useSwapContext } from './use-swap-context.js';
+
+const SwapIndicator = forwardRef((props, ref) => {
+  const { type, ...restProps } = props;
+  const swap = useSwapContext();
+  const presence = type === "on" ? swap.onPresence : swap.offPresence;
+  if (presence.unmounted) return null;
+  const mergedProps = mergeProps(swap.getIndicatorProps({ type }), restProps);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+});
+SwapIndicator.displayName = "SwapIndicator";
+
+export { SwapIndicator };

package/dist/components/swap/swap-root-provider.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 useSwapContext = require('./use-swap-context.cjs');
+
+const SwapRootProvider = react.forwardRef((props, ref) => {
+  const { value, children, ...restProps } = props;
+  const mergedProps = react$1.mergeProps(value.getRootProps(), restProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useSwapContext.SwapProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRootProvider.displayName = "SwapRootProvider";
+
+exports.SwapRootProvider = SwapRootProvider;

package/dist/components/swap/swap-root-provider.d.cts

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapReturn } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootProviderBaseProps extends PolymorphicProps {
+    value: UseSwapReturn;
+}
+export interface SwapRootProviderProps extends HTMLProps<'span'>, SwapRootProviderBaseProps {
+}
+export declare const SwapRootProvider: ForwardRefExoticComponent<SwapRootProviderProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-root-provider.d.ts

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapReturn } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootProviderBaseProps extends PolymorphicProps {
+    value: UseSwapReturn;
+}
+export interface SwapRootProviderProps extends HTMLProps<'span'>, SwapRootProviderBaseProps {
+}
+export declare const SwapRootProvider: ForwardRefExoticComponent<SwapRootProviderProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/swap/swap-root-provider.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 { SwapProvider } from './use-swap-context.js';
+
+const SwapRootProvider = forwardRef((props, ref) => {
+  const { value, children, ...restProps } = props;
+  const mergedProps = mergeProps(value.getRootProps(), restProps);
+  return /* @__PURE__ */ jsx(SwapProvider, { value, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRootProvider.displayName = "SwapRootProvider";
+
+export { SwapRootProvider };

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

@@ -0,0 +1,21 @@
+'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 useSwap = require('./use-swap.cjs');
+const useSwapContext = require('./use-swap-context.cjs');
+
+const SwapRoot = react.forwardRef((props, ref) => {
+  const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+  const swap = useSwap.useSwap({ swap: swapProp, lazyMount, unmountOnExit });
+  const mergedProps = react$1.mergeProps(swap.getRootProps(), restProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useSwapContext.SwapProvider, { value: swap, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRoot.displayName = "SwapRoot";
+
+exports.SwapRoot = SwapRoot;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapProps } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {
+}
+export interface SwapRootProps extends HTMLProps<'span'>, SwapRootBaseProps {
+}
+export declare const SwapRoot: ForwardRefExoticComponent<SwapRootProps & RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseSwapProps } from './use-swap';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SwapRootBaseProps extends UseSwapProps, PolymorphicProps {
+}
+export interface SwapRootProps extends HTMLProps<'span'>, SwapRootBaseProps {
+}
+export declare const SwapRoot: ForwardRefExoticComponent<SwapRootProps & RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSwap } from './use-swap.js';
+import { SwapProvider } from './use-swap-context.js';
+
+const SwapRoot = forwardRef((props, ref) => {
+  const { children, swap: swapProp, lazyMount, unmountOnExit, ...restProps } = props;
+  const swap = useSwap({ swap: swapProp, lazyMount, unmountOnExit });
+  const mergedProps = mergeProps(swap.getRootProps(), restProps);
+  return /* @__PURE__ */ jsx(SwapProvider, { value: swap, children: /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children }) });
+});
+SwapRoot.displayName = "SwapRoot";
+
+export { SwapRoot };

package/dist/components/swap/swap.anatomy.cjs

@@ -0,0 +1,12 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const anatomy = require('@zag-js/anatomy');
+
+const swapAnatomy = anatomy.createAnatomy("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+
+exports.parts = parts;
+exports.swapAnatomy = swapAnatomy;

package/dist/components/swap/swap.anatomy.d.cts

@@ -0,0 +1,3 @@
+import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
+export declare const swapAnatomy: Anatomy<"root" | "indicator">;
+export declare const parts: Record<"root" | "indicator", AnatomyPart>;

package/dist/components/swap/swap.anatomy.d.ts

@@ -0,0 +1,3 @@
+import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
+export declare const swapAnatomy: Anatomy<"root" | "indicator">;
+export declare const parts: Record<"root" | "indicator", AnatomyPart>;

package/dist/components/swap/swap.anatomy.js

@@ -0,0 +1,7 @@
+'use client';
+import { createAnatomy } from '@zag-js/anatomy';
+
+const swapAnatomy = createAnatomy("swap", ["root", "indicator"]);
+const parts = swapAnatomy.build();
+
+export { parts, swapAnatomy };

package/dist/components/swap/swap.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const swapIndicator = require('./swap-indicator.cjs');
+const swapRoot = require('./swap-root.cjs');
+const swapRootProvider = require('./swap-root-provider.cjs');
+const swap_anatomy = require('./swap.anatomy.cjs');
+
+
+
+exports.Indicator = swapIndicator.SwapIndicator;
+exports.Root = swapRoot.SwapRoot;
+exports.RootProvider = swapRootProvider.SwapRootProvider;
+exports.swapAnatomy = swap_anatomy.swapAnatomy;

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

@@ -0,0 +1,4 @@
+export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, } from './swap-indicator';
+export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root';
+export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, } from './swap-root-provider';
+export { swapAnatomy } from './swap.anatomy';

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

@@ -0,0 +1,4 @@
+export { SwapIndicator as Indicator, type SwapIndicatorBaseProps as IndicatorBaseProps, type SwapIndicatorProps as IndicatorProps, } from './swap-indicator';
+export { SwapRoot as Root, type SwapRootBaseProps as RootBaseProps, type SwapRootProps as RootProps } from './swap-root';
+export { SwapRootProvider as RootProvider, type SwapRootProviderBaseProps as RootProviderBaseProps, type SwapRootProviderProps as RootProviderProps, } from './swap-root-provider';
+export { swapAnatomy } from './swap.anatomy';

package/dist/components/swap/swap.js

@@ -0,0 +1,4 @@
+export { SwapIndicator as Indicator } from './swap-indicator.js';
+export { SwapRoot as Root } from './swap-root.js';
+export { SwapRootProvider as RootProvider } from './swap-root-provider.js';
+export { swapAnatomy } from './swap.anatomy.js';

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/components/tour/tour.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "positioner" | "content" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;

package/dist/components/tour/tour.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "positioner" | "content" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;

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