@ark-ui/react 5.30.0 → 5.32.0

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

@@ -4,20 +4,20 @@ import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
-import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import { useDrawerContext } from './use-drawer-context.js';
 
-const BottomSheetTrigger = forwardRef((props, ref) => {
-  const bottomSheet = useBottomSheetContext();
+const DrawerTrigger = forwardRef((props, ref) => {
+  const drawer = useDrawerContext();
   const presence = usePresenceContext();
   const mergedProps = mergeProps(
     {
-      ...bottomSheet.getTriggerProps(),
-      "aria-controls": presence.unmounted ? void 0 : bottomSheet.getTriggerProps()["aria-controls"]
+      ...drawer.getTriggerProps(),
+      "aria-controls": presence.unmounted ? void 0 : drawer.getTriggerProps()["aria-controls"]
     },
     props
   );
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
-BottomSheetTrigger.displayName = "BottomSheetTrigger";
+DrawerTrigger.displayName = "DrawerTrigger";
 
-export { BottomSheetTrigger };
+export { DrawerTrigger };

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

@@ -0,0 +1 @@
+export { anatomy as drawerAnatomy } from '@zag-js/drawer';

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

@@ -0,0 +1 @@
+export { anatomy as drawerAnatomy } from '@zag-js/drawer';

package/dist/components/drawer/drawer.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const drawerBackdrop = require('./drawer-backdrop.cjs');
+const drawerCloseTrigger = require('./drawer-close-trigger.cjs');
+const drawerContent = require('./drawer-content.cjs');
+const drawerContext = require('./drawer-context.cjs');
+const drawerIndent = require('./drawer-indent.cjs');
+const drawerIndentBackground = require('./drawer-indent-background.cjs');
+const drawerPositioner = require('./drawer-positioner.cjs');
+const drawerGrabber = require('./drawer-grabber.cjs');
+const drawerGrabberIndicator = require('./drawer-grabber-indicator.cjs');
+const drawerRoot = require('./drawer-root.cjs');
+const drawerRootProvider = require('./drawer-root-provider.cjs');
+const drawerStack = require('./drawer-stack.cjs');
+const drawerTitle = require('./drawer-title.cjs');
+const drawerTrigger = require('./drawer-trigger.cjs');
+
+
+
+exports.Backdrop = drawerBackdrop.DrawerBackdrop;
+exports.CloseTrigger = drawerCloseTrigger.DrawerCloseTrigger;
+exports.Content = drawerContent.DrawerContent;
+exports.Context = drawerContext.DrawerContext;
+exports.Indent = drawerIndent.DrawerIndent;
+exports.IndentBackground = drawerIndentBackground.DrawerIndentBackground;
+exports.Positioner = drawerPositioner.DrawerPositioner;
+exports.Grabber = drawerGrabber.DrawerGrabber;
+exports.GrabberIndicator = drawerGrabberIndicator.DrawerGrabberIndicator;
+exports.Root = drawerRoot.DrawerRoot;
+exports.RootProvider = drawerRootProvider.DrawerRootProvider;
+exports.Stack = drawerStack.DrawerStack;
+exports.Title = drawerTitle.DrawerTitle;
+exports.Trigger = drawerTrigger.DrawerTrigger;

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails, SnapPointChangeDetails } from '@zag-js/drawer';
+export { DrawerBackdrop as Backdrop, type DrawerBackdropBaseProps as BackdropBaseProps, type DrawerBackdropProps as BackdropProps, } from './drawer-backdrop';
+export { DrawerCloseTrigger as CloseTrigger, type DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, type DrawerCloseTriggerProps as CloseTriggerProps, } from './drawer-close-trigger';
+export { DrawerContent as Content, type DrawerContentBaseProps as ContentBaseProps, type DrawerContentProps as ContentProps, } from './drawer-content';
+export { DrawerContext as Context, type DrawerContextProps as ContextProps } from './drawer-context';
+export { DrawerIndent as Indent, type DrawerIndentBaseProps as IndentBaseProps, type DrawerIndentProps as IndentProps, } from './drawer-indent';
+export { DrawerIndentBackground as IndentBackground, type DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, type DrawerIndentBackgroundProps as IndentBackgroundProps, } from './drawer-indent-background';
+export { DrawerPositioner as Positioner, type DrawerPositionerBaseProps as PositionerBaseProps, type DrawerPositionerProps as PositionerProps, } from './drawer-positioner';
+export { DrawerGrabber as Grabber, type DrawerGrabberBaseProps as GrabberBaseProps, type DrawerGrabberProps as GrabberProps, } from './drawer-grabber';
+export { DrawerGrabberIndicator as GrabberIndicator, type DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps as GrabberIndicatorProps, } from './drawer-grabber-indicator';
+export { DrawerRoot as Root, type DrawerRootBaseProps as RootBaseProps, type DrawerRootProps as RootProps, } from './drawer-root';
+export { DrawerRootProvider as RootProvider, type DrawerRootProviderBaseProps as RootProviderBaseProps, type DrawerRootProviderProps as RootProviderProps, } from './drawer-root-provider';
+export { DrawerStack as Stack, type DrawerStackProps as StackProps } from './drawer-stack';
+export { DrawerTitle as Title, type DrawerTitleBaseProps as TitleBaseProps, type DrawerTitleProps as TitleProps, } from './drawer-title';
+export { DrawerTrigger as Trigger, type DrawerTriggerBaseProps as TriggerBaseProps, type DrawerTriggerProps as TriggerProps, } from './drawer-trigger';

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails, SnapPointChangeDetails } from '@zag-js/drawer';
+export { DrawerBackdrop as Backdrop, type DrawerBackdropBaseProps as BackdropBaseProps, type DrawerBackdropProps as BackdropProps, } from './drawer-backdrop';
+export { DrawerCloseTrigger as CloseTrigger, type DrawerCloseTriggerBaseProps as CloseTriggerBaseProps, type DrawerCloseTriggerProps as CloseTriggerProps, } from './drawer-close-trigger';
+export { DrawerContent as Content, type DrawerContentBaseProps as ContentBaseProps, type DrawerContentProps as ContentProps, } from './drawer-content';
+export { DrawerContext as Context, type DrawerContextProps as ContextProps } from './drawer-context';
+export { DrawerIndent as Indent, type DrawerIndentBaseProps as IndentBaseProps, type DrawerIndentProps as IndentProps, } from './drawer-indent';
+export { DrawerIndentBackground as IndentBackground, type DrawerIndentBackgroundBaseProps as IndentBackgroundBaseProps, type DrawerIndentBackgroundProps as IndentBackgroundProps, } from './drawer-indent-background';
+export { DrawerPositioner as Positioner, type DrawerPositionerBaseProps as PositionerBaseProps, type DrawerPositionerProps as PositionerProps, } from './drawer-positioner';
+export { DrawerGrabber as Grabber, type DrawerGrabberBaseProps as GrabberBaseProps, type DrawerGrabberProps as GrabberProps, } from './drawer-grabber';
+export { DrawerGrabberIndicator as GrabberIndicator, type DrawerGrabberIndicatorBaseProps as GrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps as GrabberIndicatorProps, } from './drawer-grabber-indicator';
+export { DrawerRoot as Root, type DrawerRootBaseProps as RootBaseProps, type DrawerRootProps as RootProps, } from './drawer-root';
+export { DrawerRootProvider as RootProvider, type DrawerRootProviderBaseProps as RootProviderBaseProps, type DrawerRootProviderProps as RootProviderProps, } from './drawer-root-provider';
+export { DrawerStack as Stack, type DrawerStackProps as StackProps } from './drawer-stack';
+export { DrawerTitle as Title, type DrawerTitleBaseProps as TitleBaseProps, type DrawerTitleProps as TitleProps, } from './drawer-title';
+export { DrawerTrigger as Trigger, type DrawerTriggerBaseProps as TriggerBaseProps, type DrawerTriggerProps as TriggerProps, } from './drawer-trigger';

package/dist/components/drawer/drawer.js

@@ -0,0 +1,14 @@
+export { DrawerBackdrop as Backdrop } from './drawer-backdrop.js';
+export { DrawerCloseTrigger as CloseTrigger } from './drawer-close-trigger.js';
+export { DrawerContent as Content } from './drawer-content.js';
+export { DrawerContext as Context } from './drawer-context.js';
+export { DrawerIndent as Indent } from './drawer-indent.js';
+export { DrawerIndentBackground as IndentBackground } from './drawer-indent-background.js';
+export { DrawerPositioner as Positioner } from './drawer-positioner.js';
+export { DrawerGrabber as Grabber } from './drawer-grabber.js';
+export { DrawerGrabberIndicator as GrabberIndicator } from './drawer-grabber-indicator.js';
+export { DrawerRoot as Root } from './drawer-root.js';
+export { DrawerRootProvider as RootProvider } from './drawer-root-provider.js';
+export { DrawerStack as Stack } from './drawer-stack.js';
+export { DrawerTitle as Title } from './drawer-title.js';
+export { DrawerTrigger as Trigger } from './drawer-trigger.js';

package/dist/components/drawer/index.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const drawerBackdrop = require('./drawer-backdrop.cjs');
+const drawerCloseTrigger = require('./drawer-close-trigger.cjs');
+const drawerContent = require('./drawer-content.cjs');
+const drawerContext = require('./drawer-context.cjs');
+const drawerPositioner = require('./drawer-positioner.cjs');
+const drawerGrabber = require('./drawer-grabber.cjs');
+const drawerGrabberIndicator = require('./drawer-grabber-indicator.cjs');
+const drawerRoot = require('./drawer-root.cjs');
+const drawerRootProvider = require('./drawer-root-provider.cjs');
+const drawerTitle = require('./drawer-title.cjs');
+const drawerTrigger = require('./drawer-trigger.cjs');
+const drawerIndent = require('./drawer-indent.cjs');
+const drawerIndentBackground = require('./drawer-indent-background.cjs');
+const drawerStack = require('./drawer-stack.cjs');
+const useDrawer = require('./use-drawer.cjs');
+const useDrawerContext = require('./use-drawer-context.cjs');
+const useDrawerStackContext = require('./use-drawer-stack-context.cjs');
+const drawer = require('./drawer.cjs');
+const drawer$1 = require('@zag-js/drawer');
+
+
+
+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;
+Object.defineProperty(exports, "drawerAnatomy", {
+  enumerable: true,
+  get: () => drawer$1.anatomy
+});

package/dist/components/drawer/index.d.cts

@@ -0,0 +1,20 @@
+export type { OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, } from '@zag-js/drawer';
+export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop';
+export { DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, } from './drawer-close-trigger';
+export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content';
+export { DrawerContext, type DrawerContextProps } from './drawer-context';
+export { DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps } from './drawer-positioner';
+export { DrawerGrabber, type DrawerGrabberBaseProps, type DrawerGrabberProps } from './drawer-grabber';
+export { DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, } from './drawer-grabber-indicator';
+export { DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps } from './drawer-root';
+export { DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, } from './drawer-root-provider';
+export { DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps } from './drawer-title';
+export { DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps } from './drawer-trigger';
+export { DrawerIndent, type DrawerIndentBaseProps, type DrawerIndentProps } from './drawer-indent';
+export { DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, } from './drawer-indent-background';
+export { DrawerStack, type DrawerStackProps } from './drawer-stack';
+export { drawerAnatomy } from './drawer.anatomy';
+export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from './use-drawer';
+export { useDrawerContext, type UseDrawerContext } from './use-drawer-context';
+export { useDrawerStackContext, type UseDrawerStackContext } from './use-drawer-stack-context';
+export * as Drawer from './drawer';

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,20 @@
+export type { OpenChangeDetails as DrawerOpenChangeDetails, SnapPointChangeDetails as DrawerSnapPointChangeDetails, } from '@zag-js/drawer';
+export { DrawerBackdrop, type DrawerBackdropBaseProps, type DrawerBackdropProps } from './drawer-backdrop';
+export { DrawerCloseTrigger, type DrawerCloseTriggerBaseProps, type DrawerCloseTriggerProps, } from './drawer-close-trigger';
+export { DrawerContent, type DrawerContentBaseProps, type DrawerContentProps } from './drawer-content';
+export { DrawerContext, type DrawerContextProps } from './drawer-context';
+export { DrawerPositioner, type DrawerPositionerBaseProps, type DrawerPositionerProps } from './drawer-positioner';
+export { DrawerGrabber, type DrawerGrabberBaseProps, type DrawerGrabberProps } from './drawer-grabber';
+export { DrawerGrabberIndicator, type DrawerGrabberIndicatorBaseProps, type DrawerGrabberIndicatorProps, } from './drawer-grabber-indicator';
+export { DrawerRoot, type DrawerRootBaseProps, type DrawerRootProps } from './drawer-root';
+export { DrawerRootProvider, type DrawerRootProviderBaseProps, type DrawerRootProviderProps, } from './drawer-root-provider';
+export { DrawerTitle, type DrawerTitleBaseProps, type DrawerTitleProps } from './drawer-title';
+export { DrawerTrigger, type DrawerTriggerBaseProps, type DrawerTriggerProps } from './drawer-trigger';
+export { DrawerIndent, type DrawerIndentBaseProps, type DrawerIndentProps } from './drawer-indent';
+export { DrawerIndentBackground, type DrawerIndentBackgroundBaseProps, type DrawerIndentBackgroundProps, } from './drawer-indent-background';
+export { DrawerStack, type DrawerStackProps } from './drawer-stack';
+export { drawerAnatomy } from './drawer.anatomy';
+export { useDrawer, type UseDrawerProps, type UseDrawerReturn } from './use-drawer';
+export { useDrawerContext, type UseDrawerContext } from './use-drawer-context';
+export { useDrawerStackContext, type UseDrawerStackContext } from './use-drawer-stack-context';
+export * as Drawer from './drawer';

package/dist/components/drawer/index.js

@@ -0,0 +1,20 @@
+export { DrawerBackdrop } from './drawer-backdrop.js';
+export { DrawerCloseTrigger } from './drawer-close-trigger.js';
+export { DrawerContent } from './drawer-content.js';
+export { DrawerContext } from './drawer-context.js';
+export { DrawerPositioner } from './drawer-positioner.js';
+export { DrawerGrabber } from './drawer-grabber.js';
+export { DrawerGrabberIndicator } from './drawer-grabber-indicator.js';
+export { DrawerRoot } from './drawer-root.js';
+export { DrawerRootProvider } from './drawer-root-provider.js';
+export { DrawerTitle } from './drawer-title.js';
+export { DrawerTrigger } from './drawer-trigger.js';
+export { DrawerIndent } from './drawer-indent.js';
+export { DrawerIndentBackground } from './drawer-indent-background.js';
+export { DrawerStack } from './drawer-stack.js';
+export { useDrawer } from './use-drawer.js';
+export { useDrawerContext } from './use-drawer-context.js';
+export { useDrawerStackContext } from './use-drawer-stack-context.js';
+import * as drawer from './drawer.js';
+export { drawer as Drawer };
+export { anatomy as drawerAnatomy } from '@zag-js/drawer';

package/dist/components/drawer/use-drawer-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 [DrawerProvider, useDrawerContext] = createContext.createContext({
+  name: "DrawerContext",
+  hookName: "useDrawerContext",
+  providerName: "<DrawerProvider />"
+});
+
+exports.DrawerProvider = DrawerProvider;
+exports.useDrawerContext = useDrawerContext;

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

@@ -0,0 +1,5 @@
+import { UseDrawerReturn } from './use-drawer';
+import { Provider } from 'react';
+export interface UseDrawerContext extends UseDrawerReturn {
+}
+export declare const DrawerProvider: Provider<UseDrawerContext>, useDrawerContext: () => UseDrawerContext;

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

@@ -0,0 +1,5 @@
+import { UseDrawerReturn } from './use-drawer';
+import { Provider } from 'react';
+export interface UseDrawerContext extends UseDrawerReturn {
+}
+export declare const DrawerProvider: Provider<UseDrawerContext>, useDrawerContext: () => UseDrawerContext;

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

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

package/dist/components/drawer/use-drawer-stack-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 [DrawerStackProvider, useDrawerStackContext] = createContext.createContext({
+  name: "DrawerStackContext",
+  hookName: "useDrawerStackContext",
+  providerName: "<DrawerStackProvider />"
+});
+
+exports.DrawerStackProvider = DrawerStackProvider;
+exports.useDrawerStackContext = useDrawerStackContext;

package/dist/components/drawer/use-drawer-stack-context.d.cts

@@ -0,0 +1,6 @@
+import { DrawerStackApi } from '@zag-js/drawer';
+import { PropTypes } from '@zag-js/react';
+import { Provider } from 'react';
+export interface UseDrawerStackContext extends DrawerStackApi<PropTypes> {
+}
+export declare const DrawerStackProvider: Provider<UseDrawerStackContext>, useDrawerStackContext: () => UseDrawerStackContext;

package/dist/components/drawer/use-drawer-stack-context.d.ts

@@ -0,0 +1,6 @@
+import { DrawerStackApi } from '@zag-js/drawer';
+import { PropTypes } from '@zag-js/react';
+import { Provider } from 'react';
+export interface UseDrawerStackContext extends DrawerStackApi<PropTypes> {
+}
+export declare const DrawerStackProvider: Provider<UseDrawerStackContext>, useDrawerStackContext: () => UseDrawerStackContext;

package/dist/components/drawer/use-drawer-stack-context.js

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

package/dist/components/drawer/use-drawer-stack-store.cjs

@@ -0,0 +1,13 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const DrawerStackStoreContext = react.createContext(void 0);
+const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
+const useDrawerStackStore = () => react.useContext(DrawerStackStoreContext);
+
+exports.DrawerStackStoreProvider = DrawerStackStoreProvider;
+exports.useDrawerStackStore = useDrawerStackStore;

package/dist/components/drawer/use-drawer-stack-store.d.cts

@@ -0,0 +1,4 @@
+import { DrawerStack } from '@zag-js/drawer';
+import { Provider } from 'react';
+export declare const DrawerStackStoreProvider: Provider<DrawerStack | undefined>;
+export declare const useDrawerStackStore: () => DrawerStack | undefined;

package/dist/components/drawer/use-drawer-stack-store.d.ts

@@ -0,0 +1,4 @@
+import { DrawerStack } from '@zag-js/drawer';
+import { Provider } from 'react';
+export declare const DrawerStackStoreProvider: Provider<DrawerStack | undefined>;
+export declare const useDrawerStackStore: () => DrawerStack | undefined;

package/dist/components/drawer/use-drawer-stack-store.js

@@ -0,0 +1,8 @@
+'use client';
+import { createContext, useContext } from 'react';
+
+const DrawerStackStoreContext = createContext(void 0);
+const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
+const useDrawerStackStore = () => useContext(DrawerStackStoreContext);
+
+export { DrawerStackStoreProvider, useDrawerStackStore };

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

@@ -3,11 +3,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const bottomSheet = require('@zag-js/bottom-sheet');
+const drawer = require('@zag-js/drawer');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const useDrawerStackStore = require('./use-drawer-stack-store.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -26,20 +27,22 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-const bottomSheet__namespace = /*#__PURE__*/_interopNamespaceDefault(bottomSheet);
+const drawer__namespace = /*#__PURE__*/_interopNamespaceDefault(drawer);
 
-const useBottomSheet = (props) => {
+const useDrawer = (props) => {
   const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
+  const stack = useDrawerStackStore.useDrawerStackStore();
   const context = {
     id,
     dir,
     getRootNode,
+    stack,
     ...props
   };
-  const service = react$1.useMachine(bottomSheet__namespace.machine, context);
-  return bottomSheet__namespace.connect(service, react$1.normalizeProps);
+  const service = react$1.useMachine(drawer__namespace.machine, context);
+  return drawer__namespace.connect(service, react$1.normalizeProps);
 };
 
-exports.useBottomSheet = useBottomSheet;
+exports.useDrawer = useDrawer;

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

@@ -0,0 +1,9 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as drawer from '@zag-js/drawer';
+export interface UseDrawerProps extends Optional<Omit<drawer.Props, 'dir' | 'getRootNode' | 'defaultSnapPoint'>, 'id'> {
+    defaultSnapPoint?: drawer.SnapPoint | undefined;
+}
+export interface UseDrawerReturn extends drawer.Api<PropTypes> {
+}
+export declare const useDrawer: (props?: UseDrawerProps) => UseDrawerReturn;

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

@@ -0,0 +1,9 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as drawer from '@zag-js/drawer';
+export interface UseDrawerProps extends Optional<Omit<drawer.Props, 'dir' | 'getRootNode' | 'defaultSnapPoint'>, 'id'> {
+    defaultSnapPoint?: drawer.SnapPoint | undefined;
+}
+export interface UseDrawerReturn extends drawer.Api<PropTypes> {
+}
+export declare const useDrawer: (props?: UseDrawerProps) => UseDrawerReturn;

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

@@ -1,22 +1,25 @@
 'use client';
-import * as bottomSheet from '@zag-js/bottom-sheet';
+import * as drawer from '@zag-js/drawer';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+import { useDrawerStackStore } from './use-drawer-stack-store.js';
 
-const useBottomSheet = (props) => {
+const useDrawer = (props) => {
   const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
+  const stack = useDrawerStackStore();
   const context = {
     id,
     dir,
     getRootNode,
+    stack,
     ...props
   };
-  const service = useMachine(bottomSheet.machine, context);
-  return bottomSheet.connect(service, normalizeProps);
+  const service = useMachine(drawer.machine, context);
+  return drawer.connect(service, normalizeProps);
 };
 
-export { useBottomSheet };
+export { useDrawer };

package/dist/components/editable/index.cjs

@@ -15,8 +15,8 @@ const editableRootProvider = require('./editable-root-provider.cjs');
 const editableSubmitTrigger = require('./editable-submit-trigger.cjs');
 const useEditable = require('./use-editable.cjs');
 const useEditableContext = require('./use-editable-context.cjs');
-const editable$1 = require('./editable.cjs');
-const editable = require('@zag-js/editable');
+const editable = require('./editable.cjs');
+const editable$1 = require('@zag-js/editable');
 
 
 
@@ -33,8 +33,8 @@ exports.EditableRootProvider = editableRootProvider.EditableRootProvider;
 exports.EditableSubmitTrigger = editableSubmitTrigger.EditableSubmitTrigger;
 exports.useEditable = useEditable.useEditable;
 exports.useEditableContext = useEditableContext.useEditableContext;
-exports.Editable = editable$1;
+exports.Editable = editable;
 Object.defineProperty(exports, "editableAnatomy", {
   enumerable: true,
-  get: () => editable.anatomy
+  get: () => editable$1.anatomy
 });

package/dist/components/file-upload/file-upload-root.cjs

@@ -33,6 +33,7 @@ const FileUploadRoot = react.forwardRef((props, ref) => {
     "onFileChange",
     "onFileReject",
     "preventDocumentDrop",
+    "readOnly",
     "required",
     "translations",
     "transformFiles",

package/dist/components/file-upload/file-upload-root.js

@@ -29,6 +29,7 @@ const FileUploadRoot = forwardRef((props, ref) => {
     "onFileChange",
     "onFileReject",
     "preventDocumentDrop",
+    "readOnly",
     "required",
     "translations",
     "transformFiles",

package/dist/components/file-upload/index.cjs

@@ -19,8 +19,8 @@ const fileUploadRootProvider = require('./file-upload-root-provider.cjs');
 const fileUploadTrigger = require('./file-upload-trigger.cjs');
 const useFileUpload = require('./use-file-upload.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
-const fileUpload$1 = require('./file-upload.cjs');
-const fileUpload = require('@zag-js/file-upload');
+const fileUpload = require('./file-upload.cjs');
+const fileUpload$1 = require('@zag-js/file-upload');
 
 
 
@@ -41,8 +41,8 @@ exports.FileUploadRootProvider = fileUploadRootProvider.FileUploadRootProvider;
 exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
 exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
-exports.FileUpload = fileUpload$1;
+exports.FileUpload = fileUpload;
 Object.defineProperty(exports, "fileUploadAnatomy", {
   enumerable: true,
-  get: () => fileUpload.anatomy
+  get: () => fileUpload$1.anatomy
 });

package/dist/components/floating-panel/index.cjs

@@ -18,8 +18,8 @@ const floatingPanelTrigger = require('./floating-panel-trigger.cjs');
 const floatingPanelControl = require('./floating-panel-control.cjs');
 const useFloatingPanel = require('./use-floating-panel.cjs');
 const useFloatingPanelContext = require('./use-floating-panel-context.cjs');
-const floatingPanel$1 = require('./floating-panel.cjs');
-const floatingPanel = require('@zag-js/floating-panel');
+const floatingPanel = require('./floating-panel.cjs');
+const floatingPanel$1 = require('@zag-js/floating-panel');
 
 
 
@@ -39,8 +39,8 @@ exports.FloatingPanelTrigger = floatingPanelTrigger.FloatingPanelTrigger;
 exports.FloatingPanelControl = floatingPanelControl.FloatingPanelControl;
 exports.useFloatingPanel = useFloatingPanel.useFloatingPanel;
 exports.useFloatingPanelContext = useFloatingPanelContext.useFloatingPanelContext;
-exports.FloatingPanel = floatingPanel$1;
+exports.FloatingPanel = floatingPanel;
 Object.defineProperty(exports, "floatingPanelAnatomy", {
   enumerable: true,
-  get: () => floatingPanel.anatomy
+  get: () => floatingPanel$1.anatomy
 });

package/dist/components/hover-card/index.cjs

@@ -12,8 +12,8 @@ const hoverCardRootProvider = require('./hover-card-root-provider.cjs');
 const hoverCardTrigger = require('./hover-card-trigger.cjs');
 const useHoverCard = require('./use-hover-card.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
-const hoverCard$1 = require('./hover-card.cjs');
-const hoverCard = require('@zag-js/hover-card');
+const hoverCard = require('./hover-card.cjs');
+const hoverCard$1 = require('@zag-js/hover-card');
 
 
 
@@ -27,8 +27,8 @@ exports.HoverCardRootProvider = hoverCardRootProvider.HoverCardRootProvider;
 exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
-exports.HoverCard = hoverCard$1;
+exports.HoverCard = hoverCard;
 Object.defineProperty(exports, "hoverCardAnatomy", {
   enumerable: true,
-  get: () => hoverCard.anatomy
+  get: () => hoverCard$1.anatomy
 });

package/dist/components/image-cropper/index.cjs

@@ -12,8 +12,8 @@ const imageCropperSelection = require('./image-cropper-selection.cjs');
 const imageCropperViewport = require('./image-cropper-viewport.cjs');
 const useImageCropper = require('./use-image-cropper.cjs');
 const useImageCropperContext = require('./use-image-cropper-context.cjs');
-const imageCropper$1 = require('./image-cropper.cjs');
-const imageCropper = require('@zag-js/image-cropper');
+const imageCropper = require('./image-cropper.cjs');
+const imageCropper$1 = require('@zag-js/image-cropper');
 
 
 
@@ -27,8 +27,8 @@ exports.ImageCropperSelection = imageCropperSelection.ImageCropperSelection;
 exports.ImageCropperViewport = imageCropperViewport.ImageCropperViewport;
 exports.useImageCropper = useImageCropper.useImageCropper;
 exports.useImageCropperContext = useImageCropperContext.useImageCropperContext;
-exports.ImageCropper = imageCropper$1;
+exports.ImageCropper = imageCropper;
 Object.defineProperty(exports, "imageCropperAnatomy", {
   enumerable: true,
-  get: () => imageCropper.anatomy
+  get: () => imageCropper$1.anatomy
 });