@ark-ui/react 5.25.0 → 5.25.1

package/dist/components/anatomy.cjs

@@ -16,6 +16,7 @@ const tour_anatomy = require('./tour/tour.anatomy.cjs');
 const accordion = require('@zag-js/accordion');
 const angleSlider = require('@zag-js/angle-slider');
 const avatar = require('@zag-js/avatar');
+const bottomSheet = require('@zag-js/bottom-sheet');
 const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
@@ -73,6 +74,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
+Object.defineProperty(exports, "bottomSheetAnatomy", {
+	enumerable: true,
+	get: () => bottomSheet.anatomy
+});
 Object.defineProperty(exports, "carouselAnatomy", {
 	enumerable: true,
 	get: () => carousel.anatomy

package/dist/components/anatomy.d.cts

@@ -2,6 +2,7 @@ export * from '@zag-js/anatomy';
 export { accordionAnatomy } from './accordion/accordion.anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
 export { avatarAnatomy } from './avatar/avatar.anatomy';
+export { bottomSheetAnatomy } from './bottom-sheet/bottom-sheet.anatomy';
 export { carouselAnatomy } from './carousel/carousel.anatomy';
 export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
 export { clipboardAnatomy } from './clipboard/clipboard.anatomy';

package/dist/components/anatomy.d.ts

@@ -2,6 +2,7 @@ export * from '@zag-js/anatomy';
 export { accordionAnatomy } from './accordion/accordion.anatomy';
 export { angleSliderAnatomy } from './angle-slider/angle-slider.anatomy';
 export { avatarAnatomy } from './avatar/avatar.anatomy';
+export { bottomSheetAnatomy } from './bottom-sheet/bottom-sheet.anatomy';
 export { carouselAnatomy } from './carousel/carousel.anatomy';
 export { checkboxAnatomy } from './checkbox/checkbox.anatomy';
 export { clipboardAnatomy } from './clipboard/clipboard.anatomy';

package/dist/components/anatomy.js

@@ -12,6 +12,7 @@ export { tourAnatomy } from './tour/tour.anatomy.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';

package/dist/components/bottom-sheet/bottom-sheet-backdrop.cjs

@@ -0,0 +1,27 @@
+'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 composeRefs = require('../../utils/compose-refs.cjs');
+const renderStrategy = require('../../utils/render-strategy.cjs');
+const factory = require('../factory.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetBackdrop = react.forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+  const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
+  const presence = usePresence.usePresence({ ...renderStrategyProps, present: bottomSheet.open });
+  const mergedProps = react$1.mergeProps(bottomSheet.getBackdropProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
+});
+BottomSheetBackdrop.displayName = "BottomSheetBackdrop";
+
+exports.BottomSheetBackdrop = BottomSheetBackdrop;

package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.cts

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

package/dist/components/bottom-sheet/bottom-sheet-backdrop.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-backdrop.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
+import { ark } from '../factory.js';
+import { usePresence } from '../presence/use-presence.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const BottomSheetBackdrop = forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+  const presence = usePresence({ ...renderStrategyProps, present: bottomSheet.open });
+  const mergedProps = mergeProps(bottomSheet.getBackdropProps(), presence.getPresenceProps(), props);
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+});
+BottomSheetBackdrop.displayName = "BottomSheetBackdrop";
+
+export { BottomSheetBackdrop };

package/dist/components/bottom-sheet/bottom-sheet-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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetCloseTrigger = react.forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+  const mergedProps = react$1.mergeProps(bottomSheet.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+BottomSheetCloseTrigger.displayName = "BottomSheetCloseTrigger";
+
+exports.BottomSheetCloseTrigger = BottomSheetCloseTrigger;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.cts

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

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-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 { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const BottomSheetCloseTrigger = forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext();
+  const mergedProps = mergeProps(bottomSheet.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+BottomSheetCloseTrigger.displayName = "BottomSheetCloseTrigger";
+
+export { BottomSheetCloseTrigger };

package/dist/components/bottom-sheet/bottom-sheet-content.cjs

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

package/dist/components/bottom-sheet/bottom-sheet-content.d.cts

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

package/dist/components/bottom-sheet/bottom-sheet-content.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-content.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { ark } from '../factory.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import { createSplitProps } from '../../utils/create-split-props.js';
+
+const BottomSheetContent = forwardRef((props, ref) => {
+  const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+  const bottomSheet = useBottomSheetContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(
+    bottomSheet.getContentProps({ draggable: true, ...contentProps }),
+    presence.getPresenceProps(),
+    localProps
+  );
+  if (presence.unmounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
+});
+BottomSheetContent.displayName = "BottomSheetContent";
+
+export { BottomSheetContent };

package/dist/components/bottom-sheet/bottom-sheet-context.cjs

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

package/dist/components/bottom-sheet/bottom-sheet-context.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseBottomSheetContext } from './use-bottom-sheet-context';
+export interface BottomSheetContextProps {
+    children: (context: UseBottomSheetContext) => ReactNode;
+}
+export declare const BottomSheetContext: (props: BottomSheetContextProps) => ReactNode;

package/dist/components/bottom-sheet/bottom-sheet-context.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { UseBottomSheetContext } from './use-bottom-sheet-context';
+export interface BottomSheetContextProps {
+    children: (context: UseBottomSheetContext) => ReactNode;
+}
+export declare const BottomSheetContext: (props: BottomSheetContextProps) => ReactNode;

package/dist/components/bottom-sheet/bottom-sheet-context.js

@@ -0,0 +1,6 @@
+'use client';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const BottomSheetContext = (props) => props.children(useBottomSheetContext());
+
+export { BottomSheetContext };

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetGrabberIndicator = react.forwardRef(
+  (props, ref) => {
+    const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+    const mergedProps = react$1.mergeProps(bottomSheet.getGrabberIndicatorProps(), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+BottomSheetGrabberIndicator.displayName = "BottomSheetGrabberIndicator";
+
+exports.BottomSheetGrabberIndicator = BottomSheetGrabberIndicator;

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.cts

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

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-grabber-indicator.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const BottomSheetGrabberIndicator = forwardRef(
+  (props, ref) => {
+    const bottomSheet = useBottomSheetContext();
+    const mergedProps = mergeProps(bottomSheet.getGrabberIndicatorProps(), props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+BottomSheetGrabberIndicator.displayName = "BottomSheetGrabberIndicator";
+
+export { BottomSheetGrabberIndicator };

package/dist/components/bottom-sheet/bottom-sheet-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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetGrabber = react.forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+  const mergedProps = react$1.mergeProps(bottomSheet.getGrabberProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+BottomSheetGrabber.displayName = "BottomSheetGrabber";
+
+exports.BottomSheetGrabber = BottomSheetGrabber;

package/dist/components/bottom-sheet/bottom-sheet-grabber.d.cts

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

package/dist/components/bottom-sheet/bottom-sheet-grabber.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-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 { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const BottomSheetGrabber = forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext();
+  const mergedProps = mergeProps(bottomSheet.getGrabberProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+BottomSheetGrabber.displayName = "BottomSheetGrabber";
+
+export { BottomSheetGrabber };

package/dist/components/bottom-sheet/bottom-sheet-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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetRootProvider = (props) => {
+  const [presenceProps, { value: bottomSheet, children }] = splitPresenceProps.splitPresenceProps(props);
+  const [renderStrategyProps] = renderStrategy.splitRenderStrategyProps(presenceProps);
+  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 }) }) });
+};
+
+exports.BottomSheetRootProvider = BottomSheetRootProvider;

package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.cts

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

package/dist/components/bottom-sheet/bottom-sheet-root-provider.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-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 { BottomSheetProvider } from './use-bottom-sheet-context.js';
+
+const BottomSheetRootProvider = (props) => {
+  const [presenceProps, { value: bottomSheet, children }] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const presence = usePresence(mergeProps({ present: bottomSheet.open }, presenceProps));
+  return /* @__PURE__ */ jsx(BottomSheetProvider, { value: bottomSheet, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });
+};
+
+export { BottomSheetRootProvider };

package/dist/components/bottom-sheet/bottom-sheet-root.cjs

@@ -0,0 +1,23 @@
+'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 useBottomSheet = require('./use-bottom-sheet.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetRoot = (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 }) }) });
+};
+
+exports.BottomSheetRoot = BottomSheetRoot;

package/dist/components/bottom-sheet/bottom-sheet-root.d.cts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseBottomSheetProps } from './use-bottom-sheet';
+export interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {
+}
+export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+    children?: ReactNode | undefined;
+}
+export declare const BottomSheetRoot: (props: BottomSheetRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/bottom-sheet/bottom-sheet-root.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseBottomSheetProps } from './use-bottom-sheet';
+export interface BottomSheetRootBaseProps extends UseBottomSheetProps, UsePresenceProps {
+}
+export interface BottomSheetRootProps extends BottomSheetRootBaseProps {
+    children?: ReactNode | undefined;
+}
+export declare const BottomSheetRoot: (props: BottomSheetRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/bottom-sheet/bottom-sheet-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 { useBottomSheet } from './use-bottom-sheet.js';
+import { BottomSheetProvider } from './use-bottom-sheet-context.js';
+
+const BottomSheetRoot = (props) => {
+  const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const bottomSheet = useBottomSheet(localProps);
+  const presence = usePresence(mergeProps({ present: bottomSheet.open }, presenceProps));
+  return /* @__PURE__ */ jsx(BottomSheetProvider, { value: bottomSheet, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presence, children }) }) });
+};
+
+export { BottomSheetRoot };

package/dist/components/bottom-sheet/bottom-sheet-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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetTitle = react.forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+  const mergedProps = react$1.mergeProps(bottomSheet.getTitleProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.h2, { ...mergedProps, ref });
+});
+BottomSheetTitle.displayName = "BottomSheetTitle";
+
+exports.BottomSheetTitle = BottomSheetTitle;

package/dist/components/bottom-sheet/bottom-sheet-title.d.cts

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

package/dist/components/bottom-sheet/bottom-sheet-title.d.ts

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

package/dist/components/bottom-sheet/bottom-sheet-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 { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const BottomSheetTitle = forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext();
+  const mergedProps = mergeProps(bottomSheet.getTitleProps(), props);
+  return /* @__PURE__ */ jsx(ark.h2, { ...mergedProps, ref });
+});
+BottomSheetTitle.displayName = "BottomSheetTitle";
+
+export { BottomSheetTitle };

package/dist/components/bottom-sheet/bottom-sheet-trigger.cjs

@@ -0,0 +1,27 @@
+'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 useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const BottomSheetTrigger = react.forwardRef((props, ref) => {
+  const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+  const presence = usePresenceContext.usePresenceContext();
+  const mergedProps = react$1.mergeProps(
+    {
+      ...bottomSheet.getTriggerProps(),
+      "aria-controls": presence.unmounted ? void 0 : bottomSheet.getTriggerProps()["aria-controls"]
+    },
+    props
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+BottomSheetTrigger.displayName = "BottomSheetTrigger";
+
+exports.BottomSheetTrigger = BottomSheetTrigger;