@ark-ui/vue 5.27.0 → 5.28.0

package/dist/components/image-cropper/image-cropper.types.d.cts

@@ -0,0 +1,149 @@
+import { Rect } from '@zag-js/types';
+import type * as imageCropper from '@zag-js/image-cropper';
+export interface RootProps {
+    /**
+     * The ids of the image cropper elements
+     */
+    ids?: imageCropper.ElementIds;
+    /**
+     * Specifies the localized strings that identify accessibility elements and their states.
+     */
+    translations?: imageCropper.IntlTranslations;
+    /**
+     * The initial rectangle of the crop area.
+     * If not provided, a smart default will be computed based on viewport size and aspect ratio.
+     */
+    initialCrop?: Rect;
+    /**
+     * The minimum width of the crop area
+     * @default 40
+     */
+    minWidth?: number;
+    /**
+     * The minimum height of the crop area
+     * @default 40
+     */
+    minHeight?: number;
+    /**
+     * The maximum width of the crop area
+     * @default Infinity
+     */
+    maxWidth?: number;
+    /**
+     * The maximum height of the crop area
+     * @default Infinity
+     */
+    maxHeight?: number;
+    /**
+     * The aspect ratio to maintain for the crop area (width / height).
+     * For example, an aspect ratio of 16 / 9 will maintain a width to height ratio of 16:9.
+     * If not provided, the crop area can be freely resized.
+     */
+    aspectRatio?: number;
+    /**
+     * The shape of the crop area.
+     * @default "rectangle"
+     */
+    cropShape?: 'rectangle' | 'circle';
+    /**
+     * The controlled zoom level of the image.
+     */
+    zoom?: number;
+    /**
+     * The controlled rotation of the image in degrees (0 - 360).
+     */
+    rotation?: number;
+    /**
+     * The controlled flip state of the image.
+     */
+    flip?: imageCropper.FlipState;
+    /**
+     * The initial zoom factor to apply to the image.
+     * @default 1
+     */
+    defaultZoom?: number;
+    /**
+     * The initial rotation to apply to the image in degrees.
+     * @default 0
+     */
+    defaultRotation?: number;
+    /**
+     * The initial flip state to apply to the image.
+     * @default { horizontal: false, vertical: false }
+     */
+    defaultFlip?: imageCropper.FlipState;
+    /**
+     * The amount of zoom applied per wheel step.
+     * @default 0.1
+     */
+    zoomStep?: number;
+    /**
+     * Controls how responsive pinch-to-zoom is.
+     * @default 2
+     */
+    zoomSensitivity?: number;
+    /**
+     * The minimum zoom factor allowed.
+     * @default 1
+     */
+    minZoom?: number;
+    /**
+     * The maximum zoom factor allowed.
+     * @default 5
+     */
+    maxZoom?: number;
+    /**
+     * The base nudge step for keyboard arrow keys (in pixels).
+     * @default 1
+     */
+    nudgeStep?: number;
+    /**
+     * The nudge step when Shift key is held (in pixels).
+     * @default 10
+     */
+    nudgeStepShift?: number;
+    /**
+     * The nudge step when Ctrl/Cmd key is held (in pixels).
+     * @default 50
+     */
+    nudgeStepCtrl?: number;
+    /**
+     * Whether the crop area is fixed in size and position.
+     * @default false
+     */
+    fixedCropArea?: boolean;
+}
+export type RootEmits = {
+    /**
+     * Callback fired when the zoom level changes.
+     */
+    zoomChange: [details: imageCropper.ZoomChangeDetails];
+    /**
+     * Callback fired when the zoom level changes.
+     */
+    'update:zoom': [zoom: number];
+    /**
+     * Callback fired when the rotation changes.
+     */
+    rotationChange: [details: imageCropper.RotationChangeDetails];
+    /**
+     * Callback fired when the rotation changes.
+     */
+    'update:rotation': [rotation: number];
+    /**
+     * Callback fired when the flip state changes.
+     */
+    flipChange: [details: imageCropper.FlipChangeDetails];
+    /**
+     * Callback fired when the flip state changes.
+     */
+    'update:flip': [flip: imageCropper.FlipState];
+    /**
+     * Callback fired when the crop area changes.
+     */
+    cropChange: [details: imageCropper.CropChangeDetails];
+    /**
+     * Callback fired when the crop area changes.
+     */
+    'update:crop': [crop: Rect];
+};

package/dist/components/image-cropper/image-cropper.types.d.ts

@@ -0,0 +1,149 @@
+import { Rect } from '@zag-js/types';
+import type * as imageCropper from '@zag-js/image-cropper';
+export interface RootProps {
+    /**
+     * The ids of the image cropper elements
+     */
+    ids?: imageCropper.ElementIds;
+    /**
+     * Specifies the localized strings that identify accessibility elements and their states.
+     */
+    translations?: imageCropper.IntlTranslations;
+    /**
+     * The initial rectangle of the crop area.
+     * If not provided, a smart default will be computed based on viewport size and aspect ratio.
+     */
+    initialCrop?: Rect;
+    /**
+     * The minimum width of the crop area
+     * @default 40
+     */
+    minWidth?: number;
+    /**
+     * The minimum height of the crop area
+     * @default 40
+     */
+    minHeight?: number;
+    /**
+     * The maximum width of the crop area
+     * @default Infinity
+     */
+    maxWidth?: number;
+    /**
+     * The maximum height of the crop area
+     * @default Infinity
+     */
+    maxHeight?: number;
+    /**
+     * The aspect ratio to maintain for the crop area (width / height).
+     * For example, an aspect ratio of 16 / 9 will maintain a width to height ratio of 16:9.
+     * If not provided, the crop area can be freely resized.
+     */
+    aspectRatio?: number;
+    /**
+     * The shape of the crop area.
+     * @default "rectangle"
+     */
+    cropShape?: 'rectangle' | 'circle';
+    /**
+     * The controlled zoom level of the image.
+     */
+    zoom?: number;
+    /**
+     * The controlled rotation of the image in degrees (0 - 360).
+     */
+    rotation?: number;
+    /**
+     * The controlled flip state of the image.
+     */
+    flip?: imageCropper.FlipState;
+    /**
+     * The initial zoom factor to apply to the image.
+     * @default 1
+     */
+    defaultZoom?: number;
+    /**
+     * The initial rotation to apply to the image in degrees.
+     * @default 0
+     */
+    defaultRotation?: number;
+    /**
+     * The initial flip state to apply to the image.
+     * @default { horizontal: false, vertical: false }
+     */
+    defaultFlip?: imageCropper.FlipState;
+    /**
+     * The amount of zoom applied per wheel step.
+     * @default 0.1
+     */
+    zoomStep?: number;
+    /**
+     * Controls how responsive pinch-to-zoom is.
+     * @default 2
+     */
+    zoomSensitivity?: number;
+    /**
+     * The minimum zoom factor allowed.
+     * @default 1
+     */
+    minZoom?: number;
+    /**
+     * The maximum zoom factor allowed.
+     * @default 5
+     */
+    maxZoom?: number;
+    /**
+     * The base nudge step for keyboard arrow keys (in pixels).
+     * @default 1
+     */
+    nudgeStep?: number;
+    /**
+     * The nudge step when Shift key is held (in pixels).
+     * @default 10
+     */
+    nudgeStepShift?: number;
+    /**
+     * The nudge step when Ctrl/Cmd key is held (in pixels).
+     * @default 50
+     */
+    nudgeStepCtrl?: number;
+    /**
+     * Whether the crop area is fixed in size and position.
+     * @default false
+     */
+    fixedCropArea?: boolean;
+}
+export type RootEmits = {
+    /**
+     * Callback fired when the zoom level changes.
+     */
+    zoomChange: [details: imageCropper.ZoomChangeDetails];
+    /**
+     * Callback fired when the zoom level changes.
+     */
+    'update:zoom': [zoom: number];
+    /**
+     * Callback fired when the rotation changes.
+     */
+    rotationChange: [details: imageCropper.RotationChangeDetails];
+    /**
+     * Callback fired when the rotation changes.
+     */
+    'update:rotation': [rotation: number];
+    /**
+     * Callback fired when the flip state changes.
+     */
+    flipChange: [details: imageCropper.FlipChangeDetails];
+    /**
+     * Callback fired when the flip state changes.
+     */
+    'update:flip': [flip: imageCropper.FlipState];
+    /**
+     * Callback fired when the crop area changes.
+     */
+    cropChange: [details: imageCropper.CropChangeDetails];
+    /**
+     * Callback fired when the crop area changes.
+     */
+    'update:crop': [crop: Rect];
+};

package/dist/components/image-cropper/index.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const imageCropperContext_vue_vue_type_script_setup_true_lang = require('./image-cropper-context.vue.cjs');
+const imageCropperGrid_vue_vue_type_script_setup_true_lang = require('./image-cropper-grid.vue.cjs');
+const imageCropperHandle_vue_vue_type_script_setup_true_lang = require('./image-cropper-handle.vue.cjs');
+const imageCropperImage_vue_vue_type_script_setup_true_lang = require('./image-cropper-image.vue.cjs');
+const imageCropperRoot_vue_vue_type_script_setup_true_lang = require('./image-cropper-root.vue.cjs');
+const imageCropperRootProvider_vue_vue_type_script_setup_true_lang = require('./image-cropper-root-provider.vue.cjs');
+const imageCropperSelection_vue_vue_type_script_setup_true_lang = require('./image-cropper-selection.vue.cjs');
+const imageCropperViewport_vue_vue_type_script_setup_true_lang = require('./image-cropper-viewport.vue.cjs');
+const useImageCropper = require('./use-image-cropper.cjs');
+const useImageCropperContext = require('./use-image-cropper-context.cjs');
+const imageCropper_anatomy = require('./image-cropper.anatomy.cjs');
+const imageCropper = require('./image-cropper.cjs');
+
+
+
+exports.ImageCropperContext = imageCropperContext_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperGrid = imageCropperGrid_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperHandle = imageCropperHandle_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperImage = imageCropperImage_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperRoot = imageCropperRoot_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperRootProvider = imageCropperRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperSelection = imageCropperSelection_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperViewport = imageCropperViewport_vue_vue_type_script_setup_true_lang.default;
+exports.useImageCropper = useImageCropper.useImageCropper;
+exports.useImageCropperContext = useImageCropperContext.useImageCropperContext;
+exports.imageCropperAnatomy = imageCropper_anatomy.imageCropperAnatomy;
+exports.ImageCropper = imageCropper;

package/dist/components/image-cropper/index.d.cts

@@ -0,0 +1,13 @@
+export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper';
+export { default as ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.vue';
+export { default as ImageCropperGrid, type ImageCropperGridProps, type ImageCropperGridBaseProps, } from './image-cropper-grid.vue';
+export { default as ImageCropperHandle, type ImageCropperHandleProps, type ImageCropperHandleBaseProps, } from './image-cropper-handle.vue';
+export { default as ImageCropperImage, type ImageCropperImageProps, type ImageCropperImageBaseProps, } from './image-cropper-image.vue';
+export { default as ImageCropperRoot, type ImageCropperRootEmits, type ImageCropperRootBaseProps, type ImageCropperRootProps, } from './image-cropper-root.vue';
+export { default as ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider.vue';
+export { default as ImageCropperSelection, type ImageCropperSelectionProps, type ImageCropperSelectionBaseProps, } from './image-cropper-selection.vue';
+export { default as ImageCropperViewport, type ImageCropperViewportProps, type ImageCropperViewportBaseProps, } from './image-cropper-viewport.vue';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export * as ImageCropper from './image-cropper';

package/dist/components/image-cropper/index.d.ts

@@ -0,0 +1,13 @@
+export type { CropChangeDetails as ImageCropperCropChangeDetails, FlipChangeDetails as ImageCropperFlipChangeDetails, FlipState as ImageCropperFlipState, HandlePosition as ImageCropperHandlePosition, RotationChangeDetails as ImageCropperRotationChangeDetails, ZoomChangeDetails as ImageCropperZoomChangeDetails, } from '@zag-js/image-cropper';
+export { default as ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context.vue';
+export { default as ImageCropperGrid, type ImageCropperGridProps, type ImageCropperGridBaseProps, } from './image-cropper-grid.vue';
+export { default as ImageCropperHandle, type ImageCropperHandleProps, type ImageCropperHandleBaseProps, } from './image-cropper-handle.vue';
+export { default as ImageCropperImage, type ImageCropperImageProps, type ImageCropperImageBaseProps, } from './image-cropper-image.vue';
+export { default as ImageCropperRoot, type ImageCropperRootEmits, type ImageCropperRootBaseProps, type ImageCropperRootProps, } from './image-cropper-root.vue';
+export { default as ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider.vue';
+export { default as ImageCropperSelection, type ImageCropperSelectionProps, type ImageCropperSelectionBaseProps, } from './image-cropper-selection.vue';
+export { default as ImageCropperViewport, type ImageCropperViewportProps, type ImageCropperViewportBaseProps, } from './image-cropper-viewport.vue';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export * as ImageCropper from './image-cropper';

package/dist/components/image-cropper/index.js

@@ -0,0 +1,13 @@
+export { default as ImageCropperContext } from './image-cropper-context.vue.js';
+export { default as ImageCropperGrid } from './image-cropper-grid.vue.js';
+export { default as ImageCropperHandle } from './image-cropper-handle.vue.js';
+export { default as ImageCropperImage } from './image-cropper-image.vue.js';
+export { default as ImageCropperRoot } from './image-cropper-root.vue.js';
+export { default as ImageCropperRootProvider } from './image-cropper-root-provider.vue.js';
+export { default as ImageCropperSelection } from './image-cropper-selection.vue.js';
+export { default as ImageCropperViewport } from './image-cropper-viewport.vue.js';
+export { useImageCropper } from './use-image-cropper.js';
+export { useImageCropperContext } from './use-image-cropper-context.js';
+export { imageCropperAnatomy } from './image-cropper.anatomy.js';
+import * as imageCropper from './image-cropper.js';
+export { imageCropper as ImageCropper };

package/dist/components/image-cropper/use-image-cropper-context.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [ImageCropperProvider, useImageCropperContext] = createContext.createContext("ImageCropperContext");
+
+exports.ImageCropperProvider = ImageCropperProvider;
+exports.useImageCropperContext = useImageCropperContext;

package/dist/components/image-cropper/use-image-cropper-context.d.cts

@@ -0,0 +1,5 @@
+import { connect } from '@zag-js/image-cropper';
+import { ComputedRef } from 'vue';
+export interface UseImageCropperContext extends ComputedRef<ReturnType<typeof connect>> {
+}
+export declare const ImageCropperProvider: (opts: UseImageCropperContext) => void, useImageCropperContext: (fallback?: UseImageCropperContext | undefined) => UseImageCropperContext;

package/dist/components/image-cropper/use-image-cropper-context.d.ts

@@ -0,0 +1,5 @@
+import { connect } from '@zag-js/image-cropper';
+import { ComputedRef } from 'vue';
+export interface UseImageCropperContext extends ComputedRef<ReturnType<typeof connect>> {
+}
+export declare const ImageCropperProvider: (opts: UseImageCropperContext) => void, useImageCropperContext: (fallback?: UseImageCropperContext | undefined) => UseImageCropperContext;

package/dist/components/image-cropper/use-image-cropper-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context.js';
+
+const [ImageCropperProvider, useImageCropperContext] = createContext("ImageCropperContext");
+
+export { ImageCropperProvider, useImageCropperContext };

package/dist/components/image-cropper/use-image-cropper.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const imageCropper = require('@zag-js/image-cropper');
+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 imageCropper__namespace = /*#__PURE__*/_interopNamespaceDefault(imageCropper);
+
+const useImageCropper = (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 localProps = vue.toValue(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env?.value.getRootNode,
+      ...cleanProps.cleanProps(localProps),
+      onZoomChange(details) {
+        emit?.("zoomChange", details);
+        emit?.("update:zoom", details.zoom);
+        localProps.onZoomChange?.(details);
+      },
+      onRotationChange(details) {
+        emit?.("rotationChange", details);
+        emit?.("update:rotation", details.rotation);
+        localProps.onRotationChange?.(details);
+      },
+      onFlipChange(details) {
+        emit?.("flipChange", details);
+        emit?.("update:flip", details.flip);
+        localProps.onFlipChange?.(details);
+      },
+      onCropChange(details) {
+        emit?.("cropChange", details);
+        emit?.("update:crop", details.crop);
+        localProps.onCropChange?.(details);
+      }
+    };
+  });
+  const service = vue$1.useMachine(imageCropper__namespace.machine, context);
+  return vue.computed(() => imageCropper__namespace.connect(service, vue$1.normalizeProps));
+};
+
+exports.useImageCropper = useImageCropper;

package/dist/components/image-cropper/use-image-cropper.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 './image-cropper.types';
+import * as imageCropper from '@zag-js/image-cropper';
+export interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseImageCropperReturn extends ComputedRef<imageCropper.Api<PropTypes>> {
+}
+export declare const useImageCropper: (props?: MaybeRef<UseImageCropperProps>, emit?: EmitFn<RootEmits>) => ComputedRef<imageCropper.Api<PropTypes>>;

package/dist/components/image-cropper/use-image-cropper.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 './image-cropper.types';
+import * as imageCropper from '@zag-js/image-cropper';
+export interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseImageCropperReturn extends ComputedRef<imageCropper.Api<PropTypes>> {
+}
+export declare const useImageCropper: (props?: MaybeRef<UseImageCropperProps>, emit?: EmitFn<RootEmits>) => ComputedRef<imageCropper.Api<PropTypes>>;

package/dist/components/image-cropper/use-image-cropper.js

@@ -0,0 +1,45 @@
+import * as imageCropper from '@zag-js/image-cropper';
+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 useImageCropper = (props = {}, emit) => {
+  const id = useId();
+  const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+  const locale = useLocaleContext(DEFAULT_LOCALE);
+  const context = computed(() => {
+    const localProps = toValue(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env?.value.getRootNode,
+      ...cleanProps(localProps),
+      onZoomChange(details) {
+        emit?.("zoomChange", details);
+        emit?.("update:zoom", details.zoom);
+        localProps.onZoomChange?.(details);
+      },
+      onRotationChange(details) {
+        emit?.("rotationChange", details);
+        emit?.("update:rotation", details.rotation);
+        localProps.onRotationChange?.(details);
+      },
+      onFlipChange(details) {
+        emit?.("flipChange", details);
+        emit?.("update:flip", details.flip);
+        localProps.onFlipChange?.(details);
+      },
+      onCropChange(details) {
+        emit?.("cropChange", details);
+        emit?.("update:crop", details.crop);
+        localProps.onCropChange?.(details);
+      }
+    };
+  });
+  const service = useMachine(imageCropper.machine, context);
+  return computed(() => imageCropper.connect(service, normalizeProps));
+};
+
+export { useImageCropper };

package/dist/components/index.cjs

@@ -48,6 +48,8 @@ const bottomSheetTrigger_vue_vue_type_script_setup_true_lang = require('./bottom
 const useBottomSheet = require('./bottom-sheet/use-bottom-sheet.cjs');
 const useBottomSheetContext = require('./bottom-sheet/use-bottom-sheet-context.cjs');
 const bottomSheet$1 = require('./bottom-sheet/bottom-sheet.cjs');
+const carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-autoplay-indicator.vue.cjs');
+const carouselProgressText_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-progress-text.vue.cjs');
 const carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-autoplay-trigger.vue.cjs');
 const carouselContext_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-context.vue.cjs');
 const carouselControl_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-control.vue.cjs');
@@ -59,9 +61,10 @@ const carouselNextTrigger_vue_vue_type_script_setup_true_lang = require('./carou
 const carouselPrevTrigger_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-prev-trigger.vue.cjs');
 const carouselRootProvider_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-root-provider.vue.cjs');
 const carouselRoot_vue_vue_type_script_setup_true_lang = require('./carousel/carousel-root.vue.cjs');
+const carousel_anatomy = require('./carousel/carousel.anatomy.cjs');
 const useCarousel = require('./carousel/use-carousel.cjs');
 const useCarouselContext = require('./carousel/use-carousel-context.cjs');
-const carousel$1 = require('./carousel/carousel.cjs');
+const carousel = require('./carousel/carousel.cjs');
 const checkboxContext_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-context.vue.cjs');
 const checkboxControl_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-control.vue.cjs');
 const checkboxGroup_vue_vue_type_script_setup_true_lang = require('./checkbox/checkbox-group.vue.cjs');
@@ -300,6 +303,18 @@ const hoverCardTrigger_vue_vue_type_script_setup_true_lang = require('./hover-ca
 const useHoverCard = require('./hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./hover-card/hover-card.cjs');
+const imageCropperContext_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-context.vue.cjs');
+const imageCropperGrid_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-grid.vue.cjs');
+const imageCropperHandle_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-handle.vue.cjs');
+const imageCropperImage_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-image.vue.cjs');
+const imageCropperRoot_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-root.vue.cjs');
+const imageCropperRootProvider_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-root-provider.vue.cjs');
+const imageCropperSelection_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-selection.vue.cjs');
+const imageCropperViewport_vue_vue_type_script_setup_true_lang = require('./image-cropper/image-cropper-viewport.vue.cjs');
+const useImageCropper = require('./image-cropper/use-image-cropper.cjs');
+const useImageCropperContext = require('./image-cropper/use-image-cropper-context.cjs');
+const imageCropper_anatomy = require('./image-cropper/image-cropper.anatomy.cjs');
+const imageCropper = require('./image-cropper/image-cropper.cjs');
 const jsonTreeViewRoot_vue_vue_type_script_setup_true_lang = require('./json-tree-view/json-tree-view-root.vue.cjs');
 const jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang = require('./json-tree-view/json-tree-view-root-provider.vue.cjs');
 const jsonTreeViewTree_vue_vue_type_script_setup_true_lang = require('./json-tree-view/json-tree-view-tree.vue.cjs');
@@ -327,6 +342,7 @@ const listbox = require('./listbox/listbox.cjs');
 const marqueeContent_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-content.vue.cjs');
 const marqueeContext_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-context.vue.cjs');
 const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-edge.vue.cjs');
+const marqueeItem_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-item.vue.cjs');
 const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-root.vue.cjs');
 const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-root-provider.vue.cjs');
 const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee/marquee-viewport.vue.cjs');
@@ -705,7 +721,6 @@ 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');
 const dialog = require('@zag-js/dialog');
@@ -787,6 +802,8 @@ exports.BottomSheetTrigger = bottomSheetTrigger_vue_vue_type_script_setup_true_l
 exports.useBottomSheet = useBottomSheet.useBottomSheet;
 exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
 exports.BottomSheet = bottomSheet$1;
+exports.CarouselAutoplayIndicator = carouselAutoplayIndicator_vue_vue_type_script_setup_true_lang.default;
+exports.CarouselProgressText = carouselProgressText_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselContext = carouselContext_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselControl = carouselControl_vue_vue_type_script_setup_true_lang.default;
@@ -798,9 +815,10 @@ exports.CarouselNextTrigger = carouselNextTrigger_vue_vue_type_script_setup_true
 exports.CarouselPrevTrigger = carouselPrevTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselRootProvider = carouselRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.CarouselRoot = carouselRoot_vue_vue_type_script_setup_true_lang.default;
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.Carousel = carousel$1;
+exports.Carousel = carousel;
 exports.CheckboxContext = checkboxContext_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxControl = checkboxControl_vue_vue_type_script_setup_true_lang.default;
 exports.CheckboxGroup = checkboxGroup_vue_vue_type_script_setup_true_lang.default;
@@ -1047,6 +1065,18 @@ exports.HoverCardTrigger = hoverCardTrigger_vue_vue_type_script_setup_true_lang.
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.ImageCropperContext = imageCropperContext_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperGrid = imageCropperGrid_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperHandle = imageCropperHandle_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperImage = imageCropperImage_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperRoot = imageCropperRoot_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperRootProvider = imageCropperRootProvider_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperSelection = imageCropperSelection_vue_vue_type_script_setup_true_lang.default;
+exports.ImageCropperViewport = imageCropperViewport_vue_vue_type_script_setup_true_lang.default;
+exports.useImageCropper = useImageCropper.useImageCropper;
+exports.useImageCropperContext = useImageCropperContext.useImageCropperContext;
+exports.imageCropperAnatomy = imageCropper_anatomy.imageCropperAnatomy;
+exports.ImageCropper = imageCropper;
 exports.JsonTreeViewRoot = jsonTreeViewRoot_vue_vue_type_script_setup_true_lang.default;
 exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.JsonTreeViewTree = jsonTreeViewTree_vue_vue_type_script_setup_true_lang.default;
@@ -1074,6 +1104,7 @@ exports.Listbox = listbox;
 exports.MarqueeContent = marqueeContent_vue_vue_type_script_setup_true_lang.default;
 exports.MarqueeContext = marqueeContext_vue_vue_type_script_setup_true_lang.default;
 exports.MarqueeEdge = marqueeEdge_vue_vue_type_script_setup_true_lang.default;
+exports.MarqueeItem = marqueeItem_vue_vue_type_script_setup_true_lang.default;
 exports.MarqueeRoot = marqueeRoot_vue_vue_type_script_setup_true_lang.default;
 exports.MarqueeRootProvider = marqueeRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.MarqueeViewport = marqueeViewport_vue_vue_type_script_setup_true_lang.default;
@@ -1465,10 +1496,6 @@ Object.defineProperty(exports, "bottomSheetAnatomy", {
 	enumerable: true,
 	get: () => bottomSheet.anatomy
 });
-Object.defineProperty(exports, "carouselAnatomy", {
-	enumerable: true,
-	get: () => carousel.anatomy
-});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard.anatomy