@ark-ui/react 5.30.0 → 5.32.0

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseDrawerContext } from './use-drawer-context';
+export interface DrawerContextProps {
+    children: (context: UseDrawerContext) => ReactNode;
+}
+export declare const DrawerContext: (props: DrawerContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseDrawerContext } from './use-drawer-context';
+export interface DrawerContextProps {
+    children: (context: UseDrawerContext) => ReactNode;
+}
+export declare const DrawerContext: (props: DrawerContextProps) => ReactNode;

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

@@ -0,0 +1,6 @@
+'use client';
+import { useDrawerContext } from './use-drawer-context.js';
+
+const DrawerContext = (props) => props.children(useDrawerContext());
+
+export { DrawerContext };

package/dist/components/drawer/drawer-grabber-indicator.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 DrawerGrabberIndicator = react.forwardRef((props, ref) => {
+  const drawer = useDrawerContext.useDrawerContext();
+  const mergedProps = react$1.mergeProps(drawer.getGrabberIndicatorProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+DrawerGrabberIndicator.displayName = "DrawerGrabberIndicator";
+
+exports.DrawerGrabberIndicator = DrawerGrabberIndicator;

package/dist/components/drawer/drawer-grabber-indicator.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps {
+}
+export interface DrawerGrabberIndicatorProps extends HTMLProps<'div'>, DrawerGrabberIndicatorBaseProps {
+}
+export declare const DrawerGrabberIndicator: ForwardRefExoticComponent<DrawerGrabberIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-grabber-indicator.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerGrabberIndicatorBaseProps extends PolymorphicProps {
+}
+export interface DrawerGrabberIndicatorProps extends HTMLProps<'div'>, DrawerGrabberIndicatorBaseProps {
+}
+export declare const DrawerGrabberIndicator: ForwardRefExoticComponent<DrawerGrabberIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-grabber-indicator.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 DrawerGrabberIndicator = forwardRef((props, ref) => {
+  const drawer = useDrawerContext();
+  const mergedProps = mergeProps(drawer.getGrabberIndicatorProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+DrawerGrabberIndicator.displayName = "DrawerGrabberIndicator";
+
+export { DrawerGrabberIndicator };

package/dist/components/drawer/drawer-grabber.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 DrawerGrabber = react.forwardRef((props, ref) => {
+  const drawer = useDrawerContext.useDrawerContext();
+  const mergedProps = react$1.mergeProps(drawer.getGrabberProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+DrawerGrabber.displayName = "DrawerGrabber";
+
+exports.DrawerGrabber = DrawerGrabber;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerGrabberBaseProps extends PolymorphicProps {
+}
+export interface DrawerGrabberProps extends HTMLProps<'div'>, DrawerGrabberBaseProps {
+}
+export declare const DrawerGrabber: ForwardRefExoticComponent<DrawerGrabberProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerGrabberBaseProps extends PolymorphicProps {
+}
+export interface DrawerGrabberProps extends HTMLProps<'div'>, DrawerGrabberBaseProps {
+}
+export declare const DrawerGrabber: ForwardRefExoticComponent<DrawerGrabberProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-grabber.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 DrawerGrabber = forwardRef((props, ref) => {
+  const drawer = useDrawerContext();
+  const mergedProps = mergeProps(drawer.getGrabberProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+DrawerGrabber.displayName = "DrawerGrabber";
+
+export { DrawerGrabber };

package/dist/components/drawer/drawer-indent-background.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 useDrawerStackContext = require('./use-drawer-stack-context.cjs');
+
+const DrawerIndentBackground = react.forwardRef((props, ref) => {
+  const stackApi = useDrawerStackContext.useDrawerStackContext();
+  const mergedProps = react$1.mergeProps(stackApi.getIndentBackgroundProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+DrawerIndentBackground.displayName = "DrawerIndentBackground";
+
+exports.DrawerIndentBackground = DrawerIndentBackground;

package/dist/components/drawer/drawer-indent-background.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerIndentBackgroundBaseProps extends PolymorphicProps {
+}
+export interface DrawerIndentBackgroundProps extends HTMLProps<'div'>, DrawerIndentBackgroundBaseProps {
+}
+export declare const DrawerIndentBackground: ForwardRefExoticComponent<DrawerIndentBackgroundProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-indent-background.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerIndentBackgroundBaseProps extends PolymorphicProps {
+}
+export interface DrawerIndentBackgroundProps extends HTMLProps<'div'>, DrawerIndentBackgroundBaseProps {
+}
+export declare const DrawerIndentBackground: ForwardRefExoticComponent<DrawerIndentBackgroundProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-indent-background.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 { useDrawerStackContext } from './use-drawer-stack-context.js';
+
+const DrawerIndentBackground = forwardRef((props, ref) => {
+  const stackApi = useDrawerStackContext();
+  const mergedProps = mergeProps(stackApi.getIndentBackgroundProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+DrawerIndentBackground.displayName = "DrawerIndentBackground";
+
+export { DrawerIndentBackground };

package/dist/components/drawer/drawer-indent.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 useDrawerStackContext = require('./use-drawer-stack-context.cjs');
+
+const DrawerIndent = react.forwardRef((props, ref) => {
+  const stackApi = useDrawerStackContext.useDrawerStackContext();
+  const mergedProps = react$1.mergeProps(stackApi.getIndentProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+DrawerIndent.displayName = "DrawerIndent";
+
+exports.DrawerIndent = DrawerIndent;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerIndentBaseProps extends PolymorphicProps {
+}
+export interface DrawerIndentProps extends HTMLProps<'div'>, DrawerIndentBaseProps {
+}
+export declare const DrawerIndent: ForwardRefExoticComponent<DrawerIndentProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerIndentBaseProps extends PolymorphicProps {
+}
+export interface DrawerIndentProps extends HTMLProps<'div'>, DrawerIndentBaseProps {
+}
+export declare const DrawerIndent: ForwardRefExoticComponent<DrawerIndentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/drawer-indent.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 { useDrawerStackContext } from './use-drawer-stack-context.js';
+
+const DrawerIndent = forwardRef((props, ref) => {
+  const stackApi = useDrawerStackContext();
+  const mergedProps = mergeProps(stackApi.getIndentProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+DrawerIndent.displayName = "DrawerIndent";
+
+export { DrawerIndent };

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

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

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerPositionerBaseProps extends PolymorphicProps {
+}
+export interface DrawerPositionerProps extends HTMLProps<'div'>, DrawerPositionerBaseProps {
+}
+export declare const DrawerPositioner: ForwardRefExoticComponent<DrawerPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerPositionerBaseProps extends PolymorphicProps {
+}
+export interface DrawerPositionerProps extends HTMLProps<'div'>, DrawerPositionerBaseProps {
+}
+export declare const DrawerPositioner: ForwardRefExoticComponent<DrawerPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
+import { useDrawerContext } from './use-drawer-context.js';
+
+const DrawerPositioner = forwardRef((props, ref) => {
+  const drawer = useDrawerContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(drawer.getPositionerProps(), props);
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+DrawerPositioner.displayName = "DrawerPositioner";
+
+export { DrawerPositioner };

package/dist/components/drawer/drawer-root-provider.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const renderStrategy = require('../../utils/render-strategy.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useDrawerContext = require('./use-drawer-context.cjs');
+
+const DrawerRootProvider = (props) => {
+  const [presenceProps, { value: drawer, children }] = splitPresenceProps.splitPresenceProps(props);
+  const [renderStrategyProps] = renderStrategy.splitRenderStrategyProps(presenceProps);
+  const presence = usePresence.usePresence(react.mergeProps({ present: drawer.open }, presenceProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(useDrawerContext.DrawerProvider, { value: drawer, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) });
+};
+
+exports.DrawerRootProvider = DrawerRootProvider;

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { PolymorphicProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseDrawerReturn } from './use-drawer';
+interface RootProviderProps {
+    value: UseDrawerReturn;
+}
+export interface DrawerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
+}
+export interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {
+    children?: ReactNode | undefined;
+}
+export declare const DrawerRootProvider: (props: DrawerRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { PolymorphicProps } from '../factory';
+import { UsePresenceProps } from '../presence';
+import { UseDrawerReturn } from './use-drawer';
+interface RootProviderProps {
+    value: UseDrawerReturn;
+}
+export interface DrawerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
+}
+export interface DrawerRootProviderProps extends DrawerRootProviderBaseProps {
+    children?: ReactNode | undefined;
+}
+export declare const DrawerRootProvider: (props: DrawerRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/drawer/drawer-root-provider.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { DrawerProvider } from './use-drawer-context.js';
+
+const DrawerRootProvider = (props) => {
+  const [presenceProps, { value: drawer, children }] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps({ present: drawer.open }, presenceProps));
+  return /* @__PURE__ */ jsx(DrawerProvider, { value: drawer, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });
+};
+
+export { DrawerRootProvider };

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

@@ -9,15 +9,15 @@ const renderStrategy = require('../../utils/render-strategy.cjs');
 const splitPresenceProps = require('../presence/split-presence-props.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
-const useBottomSheet = require('./use-bottom-sheet.cjs');
-const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+const useDrawer = require('./use-drawer.cjs');
+const useDrawerContext = require('./use-drawer-context.cjs');
 
-const BottomSheetRoot = (props) => {
+const DrawerRoot = (props) => {
   const [presenceProps, { children, ...localProps }] = splitPresenceProps.splitPresenceProps(props);
   const [renderStrategyProps] = renderStrategy.splitRenderStrategyProps(presenceProps);
-  const bottomSheet = useBottomSheet.useBottomSheet(localProps);
-  const presence = usePresence.usePresence(react.mergeProps({ present: bottomSheet.open }, presenceProps));
-  return /* @__PURE__ */ jsxRuntime.jsx(useBottomSheetContext.BottomSheetProvider, { value: bottomSheet, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) });
+  const drawer = useDrawer.useDrawer(localProps);
+  const presence = usePresence.usePresence(react.mergeProps({ present: drawer.open }, presenceProps));
+  return /* @__PURE__ */ jsxRuntime.jsx(useDrawerContext.DrawerProvider, { value: drawer, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) });
 };
 
-exports.BottomSheetRoot = BottomSheetRoot;
+exports.DrawerRoot = DrawerRoot;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseDrawerProps } from './use-drawer';
+export interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {
+}
+export interface DrawerRootProps extends DrawerRootBaseProps {
+    children?: ReactNode | undefined;
+}
+export declare const DrawerRoot: (props: DrawerRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseDrawerProps } from './use-drawer';
+export interface DrawerRootBaseProps extends UseDrawerProps, UsePresenceProps {
+}
+export interface DrawerRootProps extends DrawerRootBaseProps {
+    children?: ReactNode | undefined;
+}
+export declare const DrawerRoot: (props: DrawerRootProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
+import { splitPresenceProps } from '../presence/split-presence-props.js';
+import { usePresence } from '../presence/use-presence.js';
+import { PresenceProvider } from '../presence/use-presence-context.js';
+import { useDrawer } from './use-drawer.js';
+import { DrawerProvider } from './use-drawer-context.js';
+
+const DrawerRoot = (props) => {
+  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const drawer = useDrawer(localProps);
+  const presence = usePresence(mergeProps({ present: drawer.open }, presenceProps));
+  return /* @__PURE__ */ jsx(DrawerProvider, { value: drawer, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });
+};
+
+export { DrawerRoot };

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>>;