@ark-ui/vue 5.24.1 → 5.25.1

package/dist/components/color-picker/color-picker-root-provider.vue.d.cts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseColorPickerReturn } from './use-color-picker';
 interface RootProviderProps {

package/dist/components/color-picker/color-picker-root-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseColorPickerReturn } from './use-color-picker';
 interface RootProviderProps {

package/dist/components/color-picker/color-picker-root.vue.d.cts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './color-picker.types';
 import { ValueChangeDetails, OpenChangeDetails, FormatChangeDetails } from '@zag-js/color-picker';

package/dist/components/color-picker/color-picker-root.vue.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './color-picker.types';
 import { ValueChangeDetails, OpenChangeDetails, FormatChangeDetails } from '@zag-js/color-picker';

package/dist/components/combobox/combobox-root-provider.vue.d.cts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 import { Assign } from '../../types';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { UseComboboxReturn } from './use-combobox';

package/dist/components/combobox/combobox-root-provider.vue.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, UnwrapRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 import { Assign } from '../../types';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { UseComboboxReturn } from './use-combobox';

package/dist/components/combobox/combobox-root.vue.d.cts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 import { Assign } from '../../types';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './combobox.types';

package/dist/components/combobox/combobox-root.vue.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 import { Assign } from '../../types';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './combobox.types';

package/dist/components/date-picker/date-picker-positioner.vue.cjs

@@ -4,10 +4,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
-const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const factory = require('../factory.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({

package/dist/components/date-picker/date-picker-positioner.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps, withCtx, renderSlot } from 'vue';
 import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
-import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useDatePickerContext } from './use-date-picker-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/date-picker/date-picker-root-provider.vue.cjs

@@ -4,9 +4,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
-const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const factory = require('../factory.cjs');
 const useDatePickerContext = require('./use-date-picker-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "date-picker-root-provider",

package/dist/components/date-picker/date-picker-root-provider.vue.d.cts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseDatePickerReturn } from './use-date-picker';
 interface RootProviderProps {

package/dist/components/date-picker/date-picker-root-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseDatePickerReturn } from './use-date-picker';
 interface RootProviderProps {

package/dist/components/date-picker/date-picker-root-provider.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
-import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { DatePickerProvider } from './use-date-picker-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "date-picker-root-provider",

package/dist/components/date-picker/date-picker-root.vue.d.cts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './date-picker.types';
 import { FocusChangeDetails, ValueChangeDetails, OpenChangeDetails, ViewChangeDetails, DateView } from '@zag-js/date-picker';

package/dist/components/date-picker/date-picker-root.vue.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './date-picker.types';
 import { FocusChangeDetails, ValueChangeDetails, OpenChangeDetails, ViewChangeDetails, DateView } from '@zag-js/date-picker';

package/dist/components/dialog/dialog-positioner.vue.cjs

@@ -7,8 +7,8 @@ const factory = require('../factory.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
-const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "dialog-positioner",

package/dist/components/dialog/dialog-positioner.vue.js

@@ -3,8 +3,8 @@ import { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useDialogContext } from './use-dialog-context.js';
-import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dialog-positioner",

package/dist/components/dialog/dialog-root-provider.vue.cjs

@@ -4,8 +4,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
-const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const useDialogContext = require('./use-dialog-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "dialog-root-provider",

package/dist/components/dialog/dialog-root-provider.vue.d.cts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseDialogReturn } from './use-dialog';
 interface RootProviderProps {
     value: UnwrapRef<UseDialogReturn>;

package/dist/components/dialog/dialog-root-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseDialogReturn } from './use-dialog';
 interface RootProviderProps {
     value: UnwrapRef<UseDialogReturn>;

package/dist/components/dialog/dialog-root-provider.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, renderSlot } from 'vue';
 import { RenderStrategyPropsProvider } from '../../utils/use-render-strategy.js';
-import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { DialogProvider } from './use-dialog-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dialog-root-provider",

package/dist/components/dialog/dialog-root.vue.d.cts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './dialog.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/dialog';
@@ -38,12 +38,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
 }>, {
     open: boolean;
     defaultOpen: boolean;
-    closeOnEscape: boolean;
-    closeOnInteractOutside: boolean;
-    modal: boolean;
+    trapFocus: boolean;
     preventScroll: boolean;
+    modal: boolean;
     restoreFocus: boolean;
-    trapFocus: boolean;
+    closeOnInteractOutside: boolean;
+    closeOnEscape: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/dialog/dialog-root.vue.d.ts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './dialog.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/dialog';
@@ -38,12 +38,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<DialogRootProps
 }>, {
     open: boolean;
     defaultOpen: boolean;
-    closeOnEscape: boolean;
-    closeOnInteractOutside: boolean;
-    modal: boolean;
+    trapFocus: boolean;
     preventScroll: boolean;
+    modal: boolean;
     restoreFocus: boolean;
-    trapFocus: boolean;
+    closeOnInteractOutside: boolean;
+    closeOnEscape: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/components/floating-panel/floating-panel-root-provider.vue.d.cts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseFloatingPanelReturn } from './use-floating-panel';
 export interface FloatingPanelRootProviderBaseProps extends RenderStrategyProps {
     value: UnwrapRef<UseFloatingPanelReturn>;

package/dist/components/floating-panel/floating-panel-root-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseFloatingPanelReturn } from './use-floating-panel';
 export interface FloatingPanelRootProviderBaseProps extends RenderStrategyProps {
     value: UnwrapRef<UseFloatingPanelReturn>;

package/dist/components/floating-panel/floating-panel-root.vue.d.cts

@@ -1,5 +1,5 @@
-import { RenderStrategyProps } from '../../utils';
 import { RootEmits, RootProps } from './floating-panel.types';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails } from '@zag-js/floating-panel';
 import { Point, Size } from '@zag-js/rect-utils';

package/dist/components/floating-panel/floating-panel-root.vue.d.ts

@@ -1,5 +1,5 @@
-import { RenderStrategyProps } from '../../utils';
 import { RootEmits, RootProps } from './floating-panel.types';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails } from '@zag-js/floating-panel';
 import { Point, Size } from '@zag-js/rect-utils';

package/dist/components/focus-trap/focus-trap.vue.cjs

@@ -5,8 +5,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const focusTrap = require('@zag-js/focus-trap');
 const factory = require('../factory.cjs');
-const cleanProps = require('../../utils/clean-props.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const cleanProps = require('../../utils/clean-props.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "focus-trap",

package/dist/components/focus-trap/focus-trap.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, watchEffect, onWatcherCleanup, onBeforeUnmount, createBlock, openBlock, unref, withCtx, renderSlot } from 'vue';
 import { trapFocus } from '@zag-js/focus-trap';
 import { ark } from '../factory.js';
-import { cleanProps } from '../../utils/clean-props.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { cleanProps } from '../../utils/clean-props.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "focus-trap",

package/dist/components/format/format-byte.vue.cjs

@@ -11,6 +11,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     unit: {},
     unitDisplay: {},
+    unitSystem: {},
     value: {}
   },
   setup(__props) {

package/dist/components/format/format-byte.vue.d.cts

@@ -8,6 +8,10 @@ export interface FormatByteProps {
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow';
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary';
     /**
      * The byte size to format
      */

package/dist/components/format/format-byte.vue.d.ts

@@ -8,6 +8,10 @@ export interface FormatByteProps {
      * The unit display
      */
     unitDisplay?: 'long' | 'short' | 'narrow';
+    /**
+     * The unit system to use for formatting
+     */
+    unitSystem?: 'decimal' | 'binary';
     /**
      * The byte size to format
      */

package/dist/components/format/format-byte.vue.js

@@ -7,6 +7,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     unit: {},
     unitDisplay: {},
+    unitSystem: {},
     value: {}
   },
   setup(__props) {

package/dist/components/hover-card/hover-card-root-provider.vue.d.cts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseHoverCardReturn } from './use-hover-card';
 interface RootProviderProps {
     value: UnwrapRef<UseHoverCardReturn>;

package/dist/components/hover-card/hover-card-root-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UseHoverCardReturn } from './use-hover-card';
 interface RootProviderProps {
     value: UnwrapRef<UseHoverCardReturn>;

package/dist/components/hover-card/hover-card-root.vue.d.cts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './hover-card.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/hover-card';

package/dist/components/hover-card/hover-card-root.vue.d.ts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './hover-card.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/hover-card';

package/dist/components/index.cjs

@@ -35,6 +35,19 @@ const useAvatarContext = require('./avatar/use-avatar-context.cjs');
 const useAvatar = require('./avatar/use-avatar.cjs');
 const avatarRootProvider_vue_vue_type_script_setup_true_lang = require('./avatar/avatar-root-provider.vue.cjs');
 const avatar$1 = require('./avatar/avatar.cjs');
+const bottomSheetBackdrop_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-backdrop.vue.cjs');
+const bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-close-trigger.vue.cjs');
+const bottomSheetContent_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-content.vue.cjs');
+const bottomSheetContext_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-context.vue.cjs');
+const bottomSheetGrabber_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-grabber.vue.cjs');
+const bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-grabber-indicator.vue.cjs');
+const bottomSheetRoot_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-root.vue.cjs');
+const bottomSheetRootProvider_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-root-provider.vue.cjs');
+const bottomSheetTitle_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-title.vue.cjs');
+const bottomSheetTrigger_vue_vue_type_script_setup_true_lang = require('./bottom-sheet/bottom-sheet-trigger.vue.cjs');
+const useBottomSheet = require('./bottom-sheet/use-bottom-sheet.cjs');
+const useBottomSheetContext = require('./bottom-sheet/use-bottom-sheet-context.cjs');
+const bottomSheet$1 = require('./bottom-sheet/bottom-sheet.cjs');
 const carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-autoplay-trigger.vue.cjs');
 const carouselContext_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-context.vue.cjs');
 const carouselControl_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-control.vue.cjs');
@@ -681,6 +694,7 @@ const treeView$1 = require('./tree-view/tree-view.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');
@@ -749,6 +763,19 @@ exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.useAvatar = useAvatar.useAvatar;
 exports.AvatarRootProvider = avatarRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.Avatar = avatar$1;
+exports.BottomSheetBackdrop = bottomSheetBackdrop_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetCloseTrigger = bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetContent = bottomSheetContent_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetContext = bottomSheetContext_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetGrabber = bottomSheetGrabber_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetGrabberIndicator = bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetRoot = bottomSheetRoot_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetRootProvider = bottomSheetRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetTitle = bottomSheetTitle_vue_vue_type_script_setup_true_lang.default;
+exports.BottomSheetTrigger = bottomSheetTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.useBottomSheet = useBottomSheet.useBottomSheet;
+exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
+exports.BottomSheet = bottomSheet$1;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselContext = carouselContext_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselControl = carouselControl_vue_vue_type_script_setup_true_lang.default;
@@ -1413,6 +1440,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/index.d.cts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './accordion';
 export * from './angle-slider';
 export * from './avatar';
+export * from './bottom-sheet';
 export * from './carousel';
 export * from './checkbox';
 export * from './client-only';

package/dist/components/index.js

@@ -34,6 +34,20 @@ export { useAvatar } from './avatar/use-avatar.js';
 export { default as AvatarRootProvider } from './avatar/avatar-root-provider.vue.js';
 import * as avatar from './avatar/avatar.js';
 export { avatar as Avatar };
+export { default as BottomSheetBackdrop } from './bottom-sheet/bottom-sheet-backdrop.vue.js';
+export { default as BottomSheetCloseTrigger } from './bottom-sheet/bottom-sheet-close-trigger.vue.js';
+export { default as BottomSheetContent } from './bottom-sheet/bottom-sheet-content.vue.js';
+export { default as BottomSheetContext } from './bottom-sheet/bottom-sheet-context.vue.js';
+export { default as BottomSheetGrabber } from './bottom-sheet/bottom-sheet-grabber.vue.js';
+export { default as BottomSheetGrabberIndicator } from './bottom-sheet/bottom-sheet-grabber-indicator.vue.js';
+export { default as BottomSheetRoot } from './bottom-sheet/bottom-sheet-root.vue.js';
+export { default as BottomSheetRootProvider } from './bottom-sheet/bottom-sheet-root-provider.vue.js';
+export { default as BottomSheetTitle } from './bottom-sheet/bottom-sheet-title.vue.js';
+export { default as BottomSheetTrigger } from './bottom-sheet/bottom-sheet-trigger.vue.js';
+export { useBottomSheet } from './bottom-sheet/use-bottom-sheet.js';
+export { useBottomSheetContext } from './bottom-sheet/use-bottom-sheet-context.js';
+import * as bottomSheet from './bottom-sheet/bottom-sheet.js';
+export { bottomSheet as BottomSheet };
 export { default as CarouselAutoplayTrigger } from './carousel/carousel-autoplay-trigger.vue.js';
 export { default as CarouselContext } from './carousel/carousel-context.vue.js';
 export { default as CarouselControl } from './carousel/carousel-control.vue.js';
@@ -724,6 +738,7 @@ export { treeView as TreeView };
 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/menu/menu-positioner.vue.cjs

@@ -6,8 +6,8 @@ const vue = require('vue');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
-const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
 const factory = require('../factory.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({

package/dist/components/menu/menu-positioner.vue.js

@@ -2,8 +2,8 @@ import { defineComponent, computed, createBlock, createCommentVNode, unref, open
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
 import { useMenuContext } from './use-menu-context.js';
-import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
 import { ark } from '../factory.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/menu/menu-root-provider.vue.d.cts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseMenuReturn } from './use-menu';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';

package/dist/components/menu/menu-root-provider.vue.d.ts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { UseMenuReturn } from './use-menu';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';

package/dist/components/menu/menu-root.vue.d.cts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './menu.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';

package/dist/components/menu/menu-root.vue.d.ts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './menu.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';

package/dist/components/popover/popover-root-provider.vue.d.cts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UsePopoverReturn } from './use-popover';
 interface RootProviderProps {
     value: UnwrapRef<UsePopoverReturn>;

package/dist/components/popover/popover-root-provider.vue.d.ts

@@ -1,5 +1,5 @@
 import { UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { UsePopoverReturn } from './use-popover';
 interface RootProviderProps {
     value: UnwrapRef<UsePopoverReturn>;

package/dist/components/popover/popover-root.vue.d.cts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './popover.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/popover';
@@ -39,9 +39,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     open: boolean;
     autoFocus: boolean;
     defaultOpen: boolean;
-    closeOnEscape: boolean;
-    closeOnInteractOutside: boolean;
     modal: boolean;
+    closeOnInteractOutside: boolean;
+    closeOnEscape: boolean;
     portalled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/popover/popover-root.vue.d.ts

@@ -1,4 +1,4 @@
-import { RenderStrategyProps } from '../../utils';
+import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './popover.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/popover';
@@ -39,9 +39,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<PopoverRootProp
     open: boolean;
     autoFocus: boolean;
     defaultOpen: boolean;
-    closeOnEscape: boolean;
-    closeOnInteractOutside: boolean;
     modal: boolean;
+    closeOnInteractOutside: boolean;
+    closeOnEscape: boolean;
     portalled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;