@ark-ui/react 5.31.0 → 5.32.0

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

@@ -0,0 +1,40 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const drawer = require('@zag-js/drawer');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useDrawerStackContext = require('./use-drawer-stack-context.cjs');
+const useDrawerStackStore = require('./use-drawer-stack-store.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const drawer__namespace = /*#__PURE__*/_interopNamespaceDefault(drawer);
+
+const DrawerStack = (props) => {
+  const { children } = props;
+  const [stack] = react.useState(() => drawer__namespace.createStack());
+  const snapshot = react.useSyncExternalStore(stack.subscribe, stack.getSnapshot, stack.getSnapshot);
+  const stackApi = react.useMemo(() => drawer__namespace.connectStack(snapshot, react$1.normalizeProps), [snapshot]);
+  return /* @__PURE__ */ jsxRuntime.jsx(useDrawerStackStore.DrawerStackStoreProvider, { value: stack, children: /* @__PURE__ */ jsxRuntime.jsx(useDrawerStackContext.DrawerStackProvider, { value: stackApi, children }) });
+};
+
+exports.DrawerStack = DrawerStack;

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface DrawerStackProps {
+    children?: ReactNode | undefined;
+}
+export declare const DrawerStack: (props: DrawerStackProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface DrawerStackProps {
+    children?: ReactNode | undefined;
+}
+export declare const DrawerStack: (props: DrawerStackProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as drawer from '@zag-js/drawer';
+import { normalizeProps } from '@zag-js/react';
+import { useState, useSyncExternalStore, useMemo } from 'react';
+import { DrawerStackProvider } from './use-drawer-stack-context.js';
+import { DrawerStackStoreProvider } from './use-drawer-stack-store.js';
+
+const DrawerStack = (props) => {
+  const { children } = props;
+  const [stack] = useState(() => drawer.createStack());
+  const snapshot = useSyncExternalStore(stack.subscribe, stack.getSnapshot, stack.getSnapshot);
+  const stackApi = useMemo(() => drawer.connectStack(snapshot, normalizeProps), [snapshot]);
+  return /* @__PURE__ */ jsx(DrawerStackStoreProvider, { value: stack, children: /* @__PURE__ */ jsx(DrawerStackProvider, { value: stackApi, children }) });
+};
+
+export { DrawerStack };

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

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

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerTitleBaseProps extends PolymorphicProps {
+}
+export interface DrawerTitleProps extends HTMLProps<'h2'>, DrawerTitleBaseProps {
+}
+export declare const DrawerTitle: ForwardRefExoticComponent<DrawerTitleProps & RefAttributes<HTMLHeadingElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerTitleBaseProps extends PolymorphicProps {
+}
+export interface DrawerTitleProps extends HTMLProps<'h2'>, DrawerTitleBaseProps {
+}
+export declare const DrawerTitle: ForwardRefExoticComponent<DrawerTitleProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/drawer/drawer-title.js

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

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

@@ -8,20 +8,20 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
-const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+const useDrawerContext = require('./use-drawer-context.cjs');
 
-const BottomSheetTrigger = react.forwardRef((props, ref) => {
-  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+const DrawerTrigger = react.forwardRef((props, ref) => {
+  const drawer = useDrawerContext.useDrawerContext();
   const presence = usePresenceContext.usePresenceContext();
   const mergedProps = react$1.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__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
-BottomSheetTrigger.displayName = "BottomSheetTrigger";
+DrawerTrigger.displayName = "DrawerTrigger";
 
-exports.BottomSheetTrigger = BottomSheetTrigger;
+exports.DrawerTrigger = DrawerTrigger;

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

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

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

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

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;