@ark-ui/vue 5.25.0 → 5.26.0

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

@@ -0,0 +1,110 @@
+import type * as bottomSheet from '@zag-js/bottom-sheet';
+export interface RootProps {
+    /**
+     * The unique identifier of the machine.
+     */
+    id?: string;
+    /**
+     * The ids of the elements in the bottom sheet. Useful for composition.
+     */
+    ids?: Partial<{
+        backdrop: string;
+        content: string;
+        trigger: string;
+        grabber: string;
+        grabberIndicator: string;
+        closeTrigger: string;
+    }>;
+    /**
+     * Whether to trap focus inside the sheet when it's opened.
+     * @default true
+     */
+    trapFocus?: boolean;
+    /**
+     * Whether to prevent scrolling behind the sheet when it's opened
+     * @default true
+     */
+    preventScroll?: boolean;
+    /**
+     * Whether to prevent pointer interaction outside the element and hide all content below it.
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * Element to receive focus when the sheet is opened.
+     */
+    initialFocusEl?: () => HTMLElement | null;
+    /**
+     * Element to receive focus when the sheet is closed.
+     */
+    finalFocusEl?: () => HTMLElement | null;
+    /**
+     * Whether to restore focus to the element that had focus before the sheet was opened.
+     */
+    restoreFocus?: boolean;
+    /**
+     * The sheet's role
+     * @default "dialog"
+     */
+    role?: 'dialog' | 'alertdialog';
+    /**
+     * Whether the bottom sheet is open.
+     */
+    open?: boolean;
+    /**
+     * The initial open state of the bottom sheet.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether to close the bottom sheet when the outside is clicked.
+     * @default true
+     */
+    closeOnInteractOutside?: boolean;
+    /**
+     * Whether to close the bottom sheet when the escape key is pressed.
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * The snap points of the bottom sheet.
+     * Array of numbers or strings representing the snap points.
+     * @default [1]
+     */
+    snapPoints?: (number | string)[];
+    /**
+     * The threshold velocity (in pixels/s) for closing the bottom sheet.
+     * @default 5
+     */
+    swipeVelocityThreshold?: number;
+    /**
+     * The threshold distance for dismissing the bottom sheet.
+     * @default 0.25
+     */
+    closeThreshold?: number;
+    /**
+     * Whether to prevent dragging on scrollable elements.
+     * @default true
+     */
+    preventDragOnScroll?: boolean;
+    /**
+     * The currently active snap point.
+     */
+    activeSnapPoint?: number | string;
+    /**
+     * The default active snap point of the bottom sheet.
+     * @default 1
+     */
+    defaultActiveSnapPoint?: number | string;
+}
+export type RootEmits = {
+    /**
+     * Function called when the open state changes.
+     */
+    openChange: [details: bottomSheet.OpenChangeDetails];
+    /**
+     * Callback fired when the active snap point changes.
+     */
+    activeSnapPointChange: [details: {
+        snapPoint: number | string;
+    }];
+};

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

@@ -0,0 +1,110 @@
+import type * as bottomSheet from '@zag-js/bottom-sheet';
+export interface RootProps {
+    /**
+     * The unique identifier of the machine.
+     */
+    id?: string;
+    /**
+     * The ids of the elements in the bottom sheet. Useful for composition.
+     */
+    ids?: Partial<{
+        backdrop: string;
+        content: string;
+        trigger: string;
+        grabber: string;
+        grabberIndicator: string;
+        closeTrigger: string;
+    }>;
+    /**
+     * Whether to trap focus inside the sheet when it's opened.
+     * @default true
+     */
+    trapFocus?: boolean;
+    /**
+     * Whether to prevent scrolling behind the sheet when it's opened
+     * @default true
+     */
+    preventScroll?: boolean;
+    /**
+     * Whether to prevent pointer interaction outside the element and hide all content below it.
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * Element to receive focus when the sheet is opened.
+     */
+    initialFocusEl?: () => HTMLElement | null;
+    /**
+     * Element to receive focus when the sheet is closed.
+     */
+    finalFocusEl?: () => HTMLElement | null;
+    /**
+     * Whether to restore focus to the element that had focus before the sheet was opened.
+     */
+    restoreFocus?: boolean;
+    /**
+     * The sheet's role
+     * @default "dialog"
+     */
+    role?: 'dialog' | 'alertdialog';
+    /**
+     * Whether the bottom sheet is open.
+     */
+    open?: boolean;
+    /**
+     * The initial open state of the bottom sheet.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether to close the bottom sheet when the outside is clicked.
+     * @default true
+     */
+    closeOnInteractOutside?: boolean;
+    /**
+     * Whether to close the bottom sheet when the escape key is pressed.
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * The snap points of the bottom sheet.
+     * Array of numbers or strings representing the snap points.
+     * @default [1]
+     */
+    snapPoints?: (number | string)[];
+    /**
+     * The threshold velocity (in pixels/s) for closing the bottom sheet.
+     * @default 5
+     */
+    swipeVelocityThreshold?: number;
+    /**
+     * The threshold distance for dismissing the bottom sheet.
+     * @default 0.25
+     */
+    closeThreshold?: number;
+    /**
+     * Whether to prevent dragging on scrollable elements.
+     * @default true
+     */
+    preventDragOnScroll?: boolean;
+    /**
+     * The currently active snap point.
+     */
+    activeSnapPoint?: number | string;
+    /**
+     * The default active snap point of the bottom sheet.
+     * @default 1
+     */
+    defaultActiveSnapPoint?: number | string;
+}
+export type RootEmits = {
+    /**
+     * Function called when the open state changes.
+     */
+    openChange: [details: bottomSheet.OpenChangeDetails];
+    /**
+     * Callback fired when the active snap point changes.
+     */
+    activeSnapPointChange: [details: {
+        snapPoint: number | string;
+    }];
+};

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const bottomSheetBackdrop_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-backdrop.vue.cjs');
+const bottomSheetCloseTrigger_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-close-trigger.vue.cjs');
+const bottomSheetContent_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-content.vue.cjs');
+const bottomSheetContext_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-context.vue.cjs');
+const bottomSheetGrabber_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-grabber.vue.cjs');
+const bottomSheetGrabberIndicator_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-grabber-indicator.vue.cjs');
+const bottomSheetRoot_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-root.vue.cjs');
+const bottomSheetRootProvider_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-root-provider.vue.cjs');
+const bottomSheetTitle_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-title.vue.cjs');
+const bottomSheetTrigger_vue_vue_type_script_setup_true_lang = require('./bottom-sheet-trigger.vue.cjs');
+const useBottomSheet = require('./use-bottom-sheet.cjs');
+const useBottomSheetContext = require('./use-bottom-sheet-context.cjs');
+const bottomSheet$1 = require('./bottom-sheet.cjs');
+const bottomSheet = require('@zag-js/bottom-sheet');
+
+
+
+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;
+Object.defineProperty(exports, "bottomSheetAnatomy", {
+  enumerable: true,
+  get: () => bottomSheet.anatomy
+});

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from '@zag-js/bottom-sheet';
+export { default as BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from './bottom-sheet-backdrop.vue';
+export { default as BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from './bottom-sheet-close-trigger.vue';
+export { default as BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from './bottom-sheet-content.vue';
+export { default as BottomSheetContext, type BottomSheetContextProps } from './bottom-sheet-context.vue';
+export { default as BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from './bottom-sheet-grabber.vue';
+export { default as BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from './bottom-sheet-grabber-indicator.vue';
+export { default as BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps, } from './bottom-sheet-root.vue';
+export { default as BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from './bottom-sheet-root-provider.vue';
+export { default as BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps, } from './bottom-sheet-title.vue';
+export { default as BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from './bottom-sheet-trigger.vue';
+export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
+export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn } from './use-bottom-sheet';
+export { useBottomSheetContext, type UseBottomSheetContext } from './use-bottom-sheet-context';
+export * as BottomSheet from './bottom-sheet';

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

@@ -0,0 +1,15 @@
+export type { OpenChangeDetails as BottomSheetOpenChangeDetails } from '@zag-js/bottom-sheet';
+export { default as BottomSheetBackdrop, type BottomSheetBackdropBaseProps, type BottomSheetBackdropProps, } from './bottom-sheet-backdrop.vue';
+export { default as BottomSheetCloseTrigger, type BottomSheetCloseTriggerBaseProps, type BottomSheetCloseTriggerProps, } from './bottom-sheet-close-trigger.vue';
+export { default as BottomSheetContent, type BottomSheetContentBaseProps, type BottomSheetContentProps, } from './bottom-sheet-content.vue';
+export { default as BottomSheetContext, type BottomSheetContextProps } from './bottom-sheet-context.vue';
+export { default as BottomSheetGrabber, type BottomSheetGrabberBaseProps, type BottomSheetGrabberProps, } from './bottom-sheet-grabber.vue';
+export { default as BottomSheetGrabberIndicator, type BottomSheetGrabberIndicatorBaseProps, type BottomSheetGrabberIndicatorProps, } from './bottom-sheet-grabber-indicator.vue';
+export { default as BottomSheetRoot, type BottomSheetRootBaseProps, type BottomSheetRootProps, } from './bottom-sheet-root.vue';
+export { default as BottomSheetRootProvider, type BottomSheetRootProviderBaseProps, type BottomSheetRootProviderProps, } from './bottom-sheet-root-provider.vue';
+export { default as BottomSheetTitle, type BottomSheetTitleBaseProps, type BottomSheetTitleProps, } from './bottom-sheet-title.vue';
+export { default as BottomSheetTrigger, type BottomSheetTriggerBaseProps, type BottomSheetTriggerProps, } from './bottom-sheet-trigger.vue';
+export { bottomSheetAnatomy } from './bottom-sheet.anatomy';
+export { useBottomSheet, type UseBottomSheetProps, type UseBottomSheetReturn } from './use-bottom-sheet';
+export { useBottomSheetContext, type UseBottomSheetContext } from './use-bottom-sheet-context';
+export * as BottomSheet from './bottom-sheet';

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

@@ -0,0 +1,15 @@
+export { default as BottomSheetBackdrop } from './bottom-sheet-backdrop.vue.js';
+export { default as BottomSheetCloseTrigger } from './bottom-sheet-close-trigger.vue.js';
+export { default as BottomSheetContent } from './bottom-sheet-content.vue.js';
+export { default as BottomSheetContext } from './bottom-sheet-context.vue.js';
+export { default as BottomSheetGrabber } from './bottom-sheet-grabber.vue.js';
+export { default as BottomSheetGrabberIndicator } from './bottom-sheet-grabber-indicator.vue.js';
+export { default as BottomSheetRoot } from './bottom-sheet-root.vue.js';
+export { default as BottomSheetRootProvider } from './bottom-sheet-root-provider.vue.js';
+export { default as BottomSheetTitle } from './bottom-sheet-title.vue.js';
+export { default as BottomSheetTrigger } from './bottom-sheet-trigger.vue.js';
+export { useBottomSheet } from './use-bottom-sheet.js';
+export { useBottomSheetContext } from './use-bottom-sheet-context.js';
+import * as bottomSheet from './bottom-sheet.js';
+export { bottomSheet as BottomSheet };
+export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+require('@zag-js/core');
+
+const [BottomSheetProvider, useBottomSheetContext] = createContext.createContext("BottomSheetContext");
+
+exports.BottomSheetProvider = BottomSheetProvider;
+exports.useBottomSheetContext = useBottomSheetContext;

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

@@ -0,0 +1,4 @@
+import { UseBottomSheetReturn } from './use-bottom-sheet';
+export interface UseBottomSheetContext extends UseBottomSheetReturn {
+}
+export declare const BottomSheetProvider: (opts: UseBottomSheetContext) => void, useBottomSheetContext: (fallback?: UseBottomSheetContext | undefined) => UseBottomSheetContext;

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

@@ -0,0 +1,4 @@
+import { UseBottomSheetReturn } from './use-bottom-sheet';
+export interface UseBottomSheetContext extends UseBottomSheetReturn {
+}
+export declare const BottomSheetProvider: (opts: UseBottomSheetContext) => void, useBottomSheetContext: (fallback?: UseBottomSheetContext | undefined) => UseBottomSheetContext;

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

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context.js';
+import '@zag-js/core';
+
+const [BottomSheetProvider, useBottomSheetContext] = createContext("BottomSheetContext");
+
+export { BottomSheetProvider, useBottomSheetContext };

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

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const bottomSheet = require('@zag-js/bottom-sheet');
+const vue$1 = require('@zag-js/vue');
+const vue = require('vue');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const cleanProps = require('../../utils/clean-props.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const bottomSheet__namespace = /*#__PURE__*/_interopNamespaceDefault(bottomSheet);
+
+const useBottomSheet = (props = {}, emit) => {
+  const id = vue.useId();
+  const env = useEnvironmentContext.useEnvironmentContext(useEnvironmentContext.DEFAULT_ENVIRONMENT);
+  const locale = useLocaleContext.useLocaleContext(useLocaleContext.DEFAULT_LOCALE);
+  const context = vue.computed(() => {
+    const localeProps = vue.toValue(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env?.value.getRootNode,
+      ...cleanProps.cleanProps(localeProps),
+      onOpenChange: (details) => {
+        emit?.("openChange", details);
+        localeProps.onOpenChange?.(details);
+      },
+      onActiveSnapPointChange: (details) => {
+        emit?.("activeSnapPointChange", details);
+        localeProps.onActiveSnapPointChange?.(details);
+      }
+    };
+  });
+  const service = vue$1.useMachine(bottomSheet__namespace.machine, context);
+  return vue.computed(() => bottomSheet__namespace.connect(service, vue$1.normalizeProps));
+};
+
+exports.useBottomSheet = useBottomSheet;

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

@@ -0,0 +1,10 @@
+import { PropTypes } from '@zag-js/vue';
+import { ComputedRef, MaybeRef } from 'vue';
+import { EmitFn, Optional } from '../../types';
+import { RootEmits } from './bottom-sheet.types';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseBottomSheetReturn extends ComputedRef<bottomSheet.Api<PropTypes>> {
+}
+export declare const useBottomSheet: (props?: MaybeRef<UseBottomSheetProps>, emit?: EmitFn<RootEmits>) => UseBottomSheetReturn;

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

@@ -0,0 +1,10 @@
+import { PropTypes } from '@zag-js/vue';
+import { ComputedRef, MaybeRef } from 'vue';
+import { EmitFn, Optional } from '../../types';
+import { RootEmits } from './bottom-sheet.types';
+import * as bottomSheet from '@zag-js/bottom-sheet';
+export interface UseBottomSheetProps extends Optional<Omit<bottomSheet.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseBottomSheetReturn extends ComputedRef<bottomSheet.Api<PropTypes>> {
+}
+export declare const useBottomSheet: (props?: MaybeRef<UseBottomSheetProps>, emit?: EmitFn<RootEmits>) => UseBottomSheetReturn;

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

@@ -0,0 +1,33 @@
+import * as bottomSheet from '@zag-js/bottom-sheet';
+import { useMachine, normalizeProps } from '@zag-js/vue';
+import { useId, computed, toValue } from 'vue';
+import { useEnvironmentContext, DEFAULT_ENVIRONMENT } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext, DEFAULT_LOCALE } from '../../providers/locale/use-locale-context.js';
+import { cleanProps } from '../../utils/clean-props.js';
+
+const useBottomSheet = (props = {}, emit) => {
+  const id = useId();
+  const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+  const locale = useLocaleContext(DEFAULT_LOCALE);
+  const context = computed(() => {
+    const localeProps = toValue(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env?.value.getRootNode,
+      ...cleanProps(localeProps),
+      onOpenChange: (details) => {
+        emit?.("openChange", details);
+        localeProps.onOpenChange?.(details);
+      },
+      onActiveSnapPointChange: (details) => {
+        emit?.("activeSnapPointChange", details);
+        localeProps.onActiveSnapPointChange?.(details);
+      }
+    };
+  });
+  const service = useMachine(bottomSheet.machine, context);
+  return computed(() => bottomSheet.connect(service, normalizeProps));
+};
+
+export { useBottomSheet };

package/dist/components/carousel/carousel-autoplay-trigger.vue.cjs

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

package/dist/components/carousel/carousel-autoplay-trigger.vue.js

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

package/dist/components/carousel/carousel-control.vue.cjs

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

package/dist/components/carousel/carousel-control.vue.js

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

package/dist/components/carousel/carousel-indicator-group.vue.cjs

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

package/dist/components/carousel/carousel-indicator-group.vue.js

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

package/dist/components/carousel/carousel-indicator.vue.cjs

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

package/dist/components/carousel/carousel-indicator.vue.js

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

package/dist/components/carousel/carousel-item-group.vue.cjs

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

package/dist/components/carousel/carousel-item-group.vue.js

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

package/dist/components/carousel/carousel-item.vue.cjs

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

package/dist/components/carousel/carousel-item.vue.js

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

package/dist/components/carousel/carousel-next-trigger.vue.cjs

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

package/dist/components/carousel/carousel-next-trigger.vue.js

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

package/dist/components/carousel/carousel-prev-trigger.vue.cjs

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

package/dist/components/carousel/carousel-prev-trigger.vue.js

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

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

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

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

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