@ark-ui/vue 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.vue.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useRenderStrategy = require('../../utils/use-render-strategy.cjs');
+const presence_vue_vue_type_script_setup_true_lang = require('../presence/presence.vue.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "bottom-sheet-backdrop",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+    const renderStrategy = useRenderStrategy.useRenderStrategyProps();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(presence_vue_vue_type_script_setup_true_lang.default), vue.mergeProps(vue.unref(bottomSheet).getBackdropProps(), {
+        present: vue.unref(bottomSheet).open,
+        "lazy-mount": vue.unref(renderStrategy).lazyMount,
+        "unmount-on-exit": vue.unref(renderStrategy).unmountOnExit
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["present", "lazy-mount", "unmount-on-exit"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface BottomSheetBackdropBaseProps extends PolymorphicProps {
+}
+export interface BottomSheetBackdropProps extends BottomSheetBackdropBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetBackdropProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetBackdropProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface BottomSheetBackdropBaseProps extends PolymorphicProps {
+}
+export interface BottomSheetBackdropProps extends BottomSheetBackdropBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetBackdropProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetBackdropProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,31 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';
+import _sfc_main$1 from '../presence/presence.vue.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bottom-sheet-backdrop",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext();
+    const renderStrategy = useRenderStrategyProps();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(unref(bottomSheet).getBackdropProps(), {
+        present: unref(bottomSheet).open,
+        "lazy-mount": unref(renderStrategy).lazyMount,
+        "unmount-on-exit": unref(renderStrategy).unmountOnExit
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["present", "lazy-mount", "unmount-on-exit"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const bottomSheetBackdrop_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-backdrop.vue.cjs');
+
+
+
+exports.default = bottomSheetBackdrop_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,5 @@
+import _sfc_main from './bottom-sheet-backdrop.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+require('@zag-js/core');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "bottom-sheet-close-trigger",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(bottomSheet).getCloseTriggerProps(), { "as-child": _ctx.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface BottomSheetCloseTriggerProps extends BottomSheetCloseTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetCloseTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetCloseTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface BottomSheetCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface BottomSheetCloseTriggerProps extends BottomSheetCloseTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetCloseTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetCloseTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import '@zag-js/core';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bottom-sheet-close-trigger",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).button, mergeProps(unref(bottomSheet).getCloseTriggerProps(), { "as-child": _ctx.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-close-trigger.vue.cjs');
+
+
+
+exports.default = bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang.default;

package/dist/components/bottom-sheet/bottom-sheet-close-trigger.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './bottom-sheet-close-trigger.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+require('@zag-js/core');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const vue$1 = require('@zag-js/vue');
+const createSplitProps = require('../create-split-props.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "bottom-sheet-content",
+  props: {
+    asChild: { type: Boolean },
+    draggable: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const [contentProps, localProps] = createSplitProps.createSplitProps()(props, ["draggable"]);
+    const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+    const presence = usePresenceContext.usePresenceContext();
+    const mergedProps = vue.computed(
+      () => vue$1.mergeProps(
+        bottomSheet.value.getContentProps({ draggable: true, ...contentProps }),
+        presence.value.presenceProps,
+        localProps
+      )
+    );
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return !vue.unref(presence).unmounted ? (vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: 0 }, mergedProps.value, { "as-child": _ctx.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+import { ContentProps } from '@zag-js/bottom-sheet';
+export interface BottomSheetContentBaseProps extends PolymorphicProps, ContentProps {
+}
+export interface BottomSheetContentProps extends BottomSheetContentBaseProps, 
+/**
+ * @vue-ignore
+ */
+Omit<HTMLAttributes, 'draggable'> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetContentProps> & Readonly<{}>, {
+    draggable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+import { ContentProps } from '@zag-js/bottom-sheet';
+export interface BottomSheetContentBaseProps extends PolymorphicProps, ContentProps {
+}
+export interface BottomSheetContentProps extends BottomSheetContentBaseProps, 
+/**
+ * @vue-ignore
+ */
+Omit<HTMLAttributes, 'draggable'> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetContentProps> & Readonly<{}>, {
+    draggable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,40 @@
+import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import '@zag-js/core';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { usePresenceContext } from '../presence/use-presence-context.js';
+import { mergeProps } from '@zag-js/vue';
+import { createSplitProps } from '../create-split-props.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bottom-sheet-content",
+  props: {
+    asChild: { type: Boolean },
+    draggable: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+    const bottomSheet = useBottomSheetContext();
+    const presence = usePresenceContext();
+    const mergedProps = computed(
+      () => mergeProps(
+        bottomSheet.value.getContentProps({ draggable: true, ...contentProps }),
+        presence.value.presenceProps,
+        localProps
+      )
+    );
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return !unref(presence).unmounted ? (openBlock(), createBlock(unref(ark).div, mergeProps$1({ key: 0 }, mergedProps.value, { "as-child": _ctx.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const bottomSheetContent_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-content.vue.cjs');
+
+
+
+exports.default = bottomSheetContent_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,5 @@
+import _sfc_main from './bottom-sheet-content.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "bottom-sheet-context",
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(bottomSheet))));
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,17 @@
+import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { UseBottomSheetContext } from './use-bottom-sheet-context';
+export interface BottomSheetContextProps extends SlotsType<{
+    default: UnwrapRef<UseBottomSheetContext>;
+}> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+    default(bottomSheet: UnwrapRef<UseBottomSheetContext>): unknown;
+}> & {
+    default(bottomSheet: UnwrapRef<UseBottomSheetContext>): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+import { SlotsType, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { UseBottomSheetContext } from './use-bottom-sheet-context';
+export interface BottomSheetContextProps extends SlotsType<{
+    default: UnwrapRef<UseBottomSheetContext>;
+}> {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<{
+    default(bottomSheet: UnwrapRef<UseBottomSheetContext>): unknown;
+}> & {
+    default(bottomSheet: UnwrapRef<UseBottomSheetContext>): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { defineComponent, renderSlot, normalizeProps, guardReactiveProps, unref } from 'vue';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bottom-sheet-context",
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext();
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(bottomSheet))));
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const bottomSheetContext_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-context.vue.cjs');
+
+
+
+exports.default = bottomSheetContext_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,5 @@
+import _sfc_main from './bottom-sheet-context.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+require('@zag-js/core');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "bottom-sheet-grabber-indicator",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext.useBottomSheetContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(bottomSheet).getGrabberIndicatorProps(), { "as-child": _ctx.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {
+}
+export interface BottomSheetGrabberIndicatorProps extends BottomSheetGrabberIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetGrabberIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetGrabberIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface BottomSheetGrabberIndicatorBaseProps extends PolymorphicProps {
+}
+export interface BottomSheetGrabberIndicatorProps extends BottomSheetGrabberIndicatorBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<BottomSheetGrabberIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BottomSheetGrabberIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,26 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import '@zag-js/core';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "bottom-sheet-grabber-indicator",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const bottomSheet = useBottomSheetContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(bottomSheet).getGrabberIndicatorProps(), { "as-child": _ctx.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-grabber-indicator.vue.cjs');
+
+
+
+exports.default = bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,5 @@
+import _sfc_main from './bottom-sheet-grabber-indicator.vue.js';
+
+
+
+export { _sfc_main as default };