@ark-ui/react 5.31.0 → 5.32.0

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

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

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

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

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

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

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

@@ -9,16 +9,16 @@ const react = require('react');
 const composeRefs = require('../../utils/compose-refs.cjs');
 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 createSplitProps = require('../../utils/create-split-props.cjs');
 
 const splitContentProps = createSplitProps.createSplitProps();
-const BottomSheetContent = react.forwardRef((props, ref) => {
+const DrawerContent = react.forwardRef((props, ref) => {
   const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
-  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+  const drawer = useDrawerContext.useDrawerContext();
   const presence = usePresenceContext.usePresenceContext();
   const mergedProps = react$1.mergeProps(
-    bottomSheet.getContentProps({ draggable: true, ...contentProps }),
+    drawer.getContentProps({ draggable: true, ...contentProps }),
     presence.getPresenceProps(),
     localProps
   );
@@ -27,6 +27,6 @@ const BottomSheetContent = react.forwardRef((props, ref) => {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
 });
-BottomSheetContent.displayName = "BottomSheetContent";
+DrawerContent.displayName = "DrawerContent";
 
-exports.BottomSheetContent = BottomSheetContent;
+exports.DrawerContent = DrawerContent;

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

@@ -0,0 +1,8 @@
+import { ContentProps } from '@zag-js/drawer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {
+}
+export interface DrawerContentProps extends Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps {
+}
+export declare const DrawerContent: ForwardRefExoticComponent<DrawerContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { ContentProps } from '@zag-js/drawer';
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface DrawerContentBaseProps extends PolymorphicProps, ContentProps {
+}
+export interface DrawerContentProps extends Omit<HTMLProps<'div'>, 'draggable'>, DrawerContentBaseProps {
+}
+export declare const DrawerContent: ForwardRefExoticComponent<DrawerContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -5,16 +5,16 @@ import { forwardRef } from 'react';
 import { composeRefs } from '../../utils/compose-refs.js';
 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';
 import { createSplitProps } from '../../utils/create-split-props.js';
 
 const splitContentProps = createSplitProps();
-const BottomSheetContent = forwardRef((props, ref) => {
+const DrawerContent = forwardRef((props, ref) => {
   const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
-  const bottomSheet = useBottomSheetContext();
+  const drawer = useDrawerContext();
   const presence = usePresenceContext();
   const mergedProps = mergeProps(
-    bottomSheet.getContentProps({ draggable: true, ...contentProps }),
+    drawer.getContentProps({ draggable: true, ...contentProps }),
     presence.getPresenceProps(),
     localProps
   );
@@ -23,6 +23,6 @@ const BottomSheetContent = forwardRef((props, ref) => {
   }
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
 });
-BottomSheetContent.displayName = "BottomSheetContent";
+DrawerContent.displayName = "DrawerContent";
 
-export { BottomSheetContent };
+export { DrawerContent };

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

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useDrawerContext = require('./use-drawer-context.cjs');
+
+const DrawerContext = (props) => props.children(useDrawerContext.useDrawerContext());
+
+exports.DrawerContext = DrawerContext;

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