@ark-ui/vue 5.25.0 → 5.26.0

package/dist/components/accordion/accordion-item-content.vue.cjs

@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(collapsible).Content, vue.mergeProps(itemContentProps.value, { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(collapsible).Content, vue.mergeProps(itemContentProps.value, { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/accordion/accordion-item-content.vue.js

@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(collapsible).Content, mergeProps(itemContentProps.value, { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(collapsible).Content, mergeProps(itemContentProps.value, { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/accordion/accordion-item-indicator.vue.cjs

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const itemProps = useAccordionItemPropsContext.useAccordionItemPropsContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(accordion).getItemIndicatorProps(vue.unref(itemProps)), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(accordion).getItemIndicatorProps(vue.unref(itemProps)), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/accordion/accordion-item-indicator.vue.js

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const itemProps = useAccordionItemPropsContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(accordion).getItemIndicatorProps(unref(itemProps)), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(accordion).getItemIndicatorProps(unref(itemProps)), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/accordion/accordion-item-trigger.vue.cjs

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(triggerProps.value, { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(triggerProps.value, { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/accordion/accordion-item-trigger.vue.js

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).button, mergeProps(triggerProps.value, { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).button, mergeProps(triggerProps.value, { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(accordion.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(accordion.value.getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(accordion.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(accordion.value.getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/accordion/accordion-root.vue.cjs

@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useRenderStrategy.RenderStrategyPropsProvider(vue.computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(accordion).getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(accordion).getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/accordion/accordion-root.vue.js

@@ -33,7 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     RenderStrategyPropsProvider(computed(() => ({ lazyMount: props.lazyMount, unmountOnExit: props.unmountOnExit })));
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(accordion).getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(accordion).getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

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/angle-slider/angle-slider-control.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const angleSlider = useAngleSliderContext.useAngleSliderContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getControlProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getControlProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-control.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const angleSlider = useAngleSliderContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getControlProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getControlProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-hidden-input.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const angleSlider = useAngleSliderContext.useAngleSliderContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).input, vue.mergeProps(vue.unref(angleSlider).getHiddenInputProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).input, vue.mergeProps(vue.unref(angleSlider).getHiddenInputProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-hidden-input.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const angleSlider = useAngleSliderContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).input, mergeProps(unref(angleSlider).getHiddenInputProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).input, mergeProps(unref(angleSlider).getHiddenInputProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-label.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const angleSlider = useAngleSliderContext.useAngleSliderContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).label, vue.mergeProps(vue.unref(angleSlider).getLabelProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).label, vue.mergeProps(vue.unref(angleSlider).getLabelProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-label.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const angleSlider = useAngleSliderContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).label, mergeProps(unref(angleSlider).getLabelProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).label, mergeProps(unref(angleSlider).getLabelProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-marker-group.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const angleSlider = useAngleSliderContext.useAngleSliderContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getMarkerGroupProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getMarkerGroupProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-marker-group.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const angleSlider = useAngleSliderContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getMarkerGroupProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getMarkerGroupProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-marker.vue.cjs

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const angleSlider = useAngleSliderContext.useAngleSliderContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getMarkerProps(props), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getMarkerProps(props), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-marker.vue.js

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const angleSlider = useAngleSliderContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getMarkerProps(props), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getMarkerProps(props), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-root-provider.vue.cjs

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useAngleSliderContext.AngleSliderProvider(angleSlider);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(angleSlider.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(angleSlider.value.getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-root-provider.vue.js

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     AngleSliderProvider(angleSlider);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(angleSlider.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(angleSlider.value.getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-root.vue.cjs

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useAngleSliderContext.AngleSliderProvider(angleSlider);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-root.vue.js

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     AngleSliderProvider(angleSlider);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-thumb.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const angleSlider = useAngleSliderContext.useAngleSliderContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getThumbProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(angleSlider).getThumbProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-thumb.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const angleSlider = useAngleSliderContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getThumbProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(angleSlider).getThumbProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/angle-slider/angle-slider-value-text.vue.cjs

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(angleSlider).getValueTextProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(angleSlider).getValueTextProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
             vue.createTextVNode(vue.toDisplayString(slots.default?.() || vue.unref(angleSlider).valueAsDegree), 1)

package/dist/components/angle-slider/angle-slider-value-text.vue.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(angleSlider).getValueTextProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(angleSlider).getValueTextProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(slots.default?.() || unref(angleSlider).valueAsDegree), 1)

package/dist/components/avatar/avatar-fallback.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const avatar = useAvatarContext.useAvatarContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(avatar).getFallbackProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).span, vue.mergeProps(vue.unref(avatar).getFallbackProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/avatar/avatar-fallback.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const avatar = useAvatarContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(avatar).getFallbackProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).span, mergeProps(unref(avatar).getFallbackProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/avatar/avatar-image.vue.cjs

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const avatar = useAvatarContext.useAvatarContext();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).img, vue.mergeProps(vue.unref(avatar).getImageProps(), { "as-child": _ctx.asChild }), null, 16, ["as-child"]);
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).img, vue.mergeProps(vue.unref(avatar).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
     };
   }
 });

package/dist/components/avatar/avatar-image.vue.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const avatar = useAvatarContext();
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).img, mergeProps(unref(avatar).getImageProps(), { "as-child": _ctx.asChild }), null, 16, ["as-child"]);
+      return openBlock(), createBlock(unref(ark).img, mergeProps(unref(avatar).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
     };
   }
 });

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

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useAvatarContext.AvatarProvider(avatar);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(avatar.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(avatar.value.getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

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

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     AvatarProvider(avatar);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(avatar.value.getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(avatar.value.getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/avatar/avatar-root.vue.cjs

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     useAvatarContext.AvatarProvider(avatar);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(avatar).getRootProps(), { "as-child": _ctx.asChild }), {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(avatar).getRootProps(), { "as-child": __props.asChild }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),

package/dist/components/avatar/avatar-root.vue.js

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     AvatarProvider(avatar);
     useForwardExpose();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(avatar).getRootProps(), { "as-child": _ctx.asChild }), {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(avatar).getRootProps(), { "as-child": __props.asChild }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

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": __props.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;
+    };
+};