@ark-ui/react 5.27.0 → 5.28.0

package/dist/components/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"root" | "label" | "indicator" | "item" | "itemText" | "itemControl">;
-export declare const parts: Record<"root" | "label" | "indicator" | "item" | "itemText" | "itemControl", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"root" | "item" | "indicator" | "label" | "itemText" | "itemControl">;
+export declare const parts: Record<"root" | "item" | "indicator" | "label" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/select/index.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
+export type { FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent as SelectInteractOutsideEvent, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
 export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
 export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger';
 export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content';

package/dist/components/select/index.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
+export type { FocusOutsideEvent as SelectFocusOutsideEvent, HighlightChangeDetails as SelectHighlightChangeDetails, InteractOutsideEvent as SelectInteractOutsideEvent, OpenChangeDetails as SelectOpenChangeDetails, PointerDownOutsideEvent as SelectPointerDownOutsideEvent, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
 export { createListCollection, type CollectionItem, type ListCollection, useListCollection, type UseListCollectionProps, } from '../collection';
 export { SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger';
 export { SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content';

package/dist/components/select/select.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/select';
 export type { CollectionItem, ListCollection } from '../collection';
 export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, type SelectClearTriggerProps as ClearTriggerProps, } from './select-clear-trigger';
 export { SelectContent as Content, type SelectContentBaseProps as ContentBaseProps, type SelectContentProps as ContentProps, } from './select-content';

package/dist/components/select/select.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from '@zag-js/select';
 export type { CollectionItem, ListCollection } from '../collection';
 export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, type SelectClearTriggerProps as ClearTriggerProps, } from './select-clear-trigger';
 export { SelectContent as Content, type SelectContentBaseProps as ContentBaseProps, type SelectContentProps as ContentProps, } from './select-content';

package/dist/components/tags-input/index.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent as TagsInputInteractOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps } from './tags-input-context';
 export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control';

package/dist/components/tags-input/index.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent as TagsInputInteractOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps } from './tags-input-context';
 export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps } from './tags-input-control';

package/dist/components/tags-input/tags-input.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, PointerDownOutsideEvent, ValidityChangeDetails, ValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger as ClearTrigger, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, type TagsInputClearTriggerProps as ClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context';
 export { TagsInputControl as Control, type TagsInputControlBaseProps as ControlBaseProps, type TagsInputControlProps as ControlProps, } from './tags-input-control';

package/dist/components/tags-input/tags-input.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails, InputValueChangeDetails, } from '@zag-js/tags-input';
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, PointerDownOutsideEvent, ValidityChangeDetails, ValueChangeDetails, } from '@zag-js/tags-input';
 export { TagsInputClearTrigger as ClearTrigger, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, type TagsInputClearTriggerProps as ClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext as Context, type TagsInputContextProps as ContextProps } from './tags-input-context';
 export { TagsInputControl as Control, type TagsInputControlBaseProps as ControlBaseProps, type TagsInputControlProps as ControlProps, } from './tags-input-control';

package/dist/components/toast/index.d.cts

@@ -1,4 +1,4 @@
-export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, Type as ToastType, } from '@zag-js/toast';
+export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, StoreProps as ToastStoreProps, Type as ToastType, } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
 export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger';
@@ -7,6 +7,6 @@ export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescription
 export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root';
 export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title';
 export { toastAnatomy } from './toast.anatomy';
-export { Toaster, type ToasterBaseProps, type ToasterProps } from './toaster';
+export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster';
 export { useToastContext, type UseToastContext } from './use-toast-context';
 export * as Toast from './toast';

package/dist/components/toast/index.d.ts

@@ -1,4 +1,4 @@
-export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, Type as ToastType, } from '@zag-js/toast';
+export type { ActionOptions as ToastActionOptions, Placement as ToastPlacement, PromiseOptions as ToastPromiseOptions, Status as ToastStatus, StatusChangeDetails as ToastStatusChangeDetails, StoreProps as ToastStoreProps, Type as ToastType, } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
 export { ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps } from './toast-close-trigger';
@@ -7,6 +7,6 @@ export { ToastDescription, type ToastDescriptionBaseProps, type ToastDescription
 export { ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root';
 export { ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title';
 export { toastAnatomy } from './toast.anatomy';
-export { Toaster, type ToasterBaseProps, type ToasterProps } from './toaster';
+export { Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster';
 export { useToastContext, type UseToastContext } from './use-toast-context';
 export * as Toast from './toast';

package/dist/components/toast/toast.d.cts

@@ -1,3 +1,5 @@
+export type { ActionOptions, Placement, PromiseOptions, Status, StatusChangeDetails, StoreProps, Type, } from '@zag-js/toast';
+export type { ToastOptions as Options } from './toaster';
 export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, } from './toast-close-trigger';
 export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context';

package/dist/components/toast/toast.d.ts

@@ -1,3 +1,5 @@
+export type { ActionOptions, Placement, PromiseOptions, Status, StatusChangeDetails, StoreProps, Type, } from '@zag-js/toast';
+export type { ToastOptions as Options } from './toaster';
 export { ToastActionTrigger as ActionTrigger, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, type ToastActionTriggerProps as ActionTriggerProps, } from './toast-action-trigger';
 export { ToastCloseTrigger as CloseTrigger, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, type ToastCloseTriggerProps as CloseTriggerProps, } from './toast-close-trigger';
 export { ToastContext as Context, type ToastContextProps as ContextProps } from './toast-context';

package/dist/components/toast/toaster.d.cts

@@ -3,9 +3,10 @@ import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
+export type ToastOptions = toast.Options<ReactNode>;
 export interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, 'store' | 'id'> {
     toaster: CreateToasterReturn;
-    children: (toast: toast.Options<ReactNode>) => ReactNode;
+    children: (toast: ToastOptions) => ReactNode;
 }
 export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }

package/dist/components/toast/toaster.d.ts

@@ -3,9 +3,10 @@ import { Assign } from '../../types';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
+export type ToastOptions = toast.Options<ReactNode>;
 export interface ToasterBaseProps extends PolymorphicProps, Omit<toast.GroupProps, 'store' | 'id'> {
     toaster: CreateToasterReturn;
-    children: (toast: toast.Options<ReactNode>) => ReactNode;
+    children: (toast: ToastOptions) => ReactNode;
 }
 export interface ToasterProps extends Assign<HTMLProps<'div'>, ToasterBaseProps> {
 }

package/dist/components/tour/index.d.cts

@@ -1,4 +1,4 @@
-export type { StepDetails as TourStepDetails } from '@zag-js/tour';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } from '@zag-js/tour';
 export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps } from './tour-action-trigger';
 export { TourActions, type TourActionsProps } from './tour-actions';
 export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow';

package/dist/components/tour/index.d.ts

@@ -1,4 +1,4 @@
-export type { StepDetails as TourStepDetails } from '@zag-js/tour';
+export type { FocusOutsideEvent as TourFocusOutsideEvent, InteractOutsideEvent as TourInteractOutsideEvent, PointerDownOutsideEvent as TourPointerDownOutsideEvent, StepDetails as TourStepDetails, } from '@zag-js/tour';
 export { TourActionTrigger, type TourActionTriggerBaseProps, type TourActionTriggerProps } from './tour-action-trigger';
 export { TourActions, type TourActionsProps } from './tour-actions';
 export { TourArrow, type TourArrowBaseProps, type TourArrowProps } from './tour-arrow';

package/dist/components/tour/tour.anatomy.d.cts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"control" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;

package/dist/components/tour/tour.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const tourAnatomy: AnatomyInstance<"control" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
+export declare const tourAnatomy: AnatomyInstance<"control" | "progressText" | "content" | "positioner" | "title" | "actionTrigger" | "closeTrigger" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;

package/dist/components/tour/tour.d.cts

@@ -1,5 +1,5 @@
 export type { WaitForOptions as WaitOptions } from '@zag-js/dom-query';
-export type { Point, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
+export type { FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
 export { TourActionTrigger as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, } from './tour-action-trigger';
 export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions';
 export { TourArrow as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, } from './tour-arrow';

package/dist/components/tour/tour.d.ts

@@ -1,5 +1,5 @@
 export type { WaitForOptions as WaitOptions } from '@zag-js/dom-query';
-export type { Point, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
+export type { FocusOutsideEvent, InteractOutsideEvent, Point, PointerDownOutsideEvent, ProgressTextDetails, StatusChangeDetails, StepAction, StepActionMap, StepActionTriggerProps, StepBaseDetails, StepChangeDetails, StepDetails, StepEffectArgs, StepPlacement, StepStatus, StepType, } from '@zag-js/tour';
 export { TourActionTrigger as ActionTrigger, type TourActionTriggerBaseProps as ActionTriggerBaseProps, type TourActionTriggerProps as ActionTriggerProps, } from './tour-action-trigger';
 export { TourActions as Actions, type TourActionsProps as ActionsProps } from './tour-actions';
 export { TourArrow as Arrow, type TourArrowBaseProps as ArrowBaseProps, type TourArrowProps as ArrowProps, } from './tour-arrow';

package/dist/index.cjs

@@ -48,6 +48,8 @@ const bottomSheetTrigger = require('./components/bottom-sheet/bottom-sheet-trigg
 const useBottomSheet = require('./components/bottom-sheet/use-bottom-sheet.cjs');
 const useBottomSheetContext = require('./components/bottom-sheet/use-bottom-sheet-context.cjs');
 const bottomSheet$1 = require('./components/bottom-sheet/bottom-sheet.cjs');
+const carouselAutoplayIndicator = require('./components/carousel/carousel-autoplay-indicator.cjs');
+const carouselProgressText = require('./components/carousel/carousel-progress-text.cjs');
 const carouselAutoplayTrigger = require('./components/carousel/carousel-autoplay-trigger.cjs');
 const carouselContext = require('./components/carousel/carousel-context.cjs');
 const carouselControl = require('./components/carousel/carousel-control.cjs');
@@ -59,9 +61,10 @@ const carouselNextTrigger = require('./components/carousel/carousel-next-trigger
 const carouselPrevTrigger = require('./components/carousel/carousel-prev-trigger.cjs');
 const carouselRoot = require('./components/carousel/carousel-root.cjs');
 const carouselRootProvider = require('./components/carousel/carousel-root-provider.cjs');
+const carousel_anatomy = require('./components/carousel/carousel.anatomy.cjs');
 const useCarousel = require('./components/carousel/use-carousel.cjs');
 const useCarouselContext = require('./components/carousel/use-carousel-context.cjs');
-const carousel$1 = require('./components/carousel/carousel.cjs');
+const carousel = require('./components/carousel/carousel.cjs');
 const checkboxContext = require('./components/checkbox/checkbox-context.cjs');
 const checkboxControl = require('./components/checkbox/checkbox-control.cjs');
 const checkboxGroup = require('./components/checkbox/checkbox-group.cjs');
@@ -297,6 +300,17 @@ const hoverCardTrigger = require('./components/hover-card/hover-card-trigger.cjs
 const useHoverCard = require('./components/hover-card/use-hover-card.cjs');
 const useHoverCardContext = require('./components/hover-card/use-hover-card-context.cjs');
 const hoverCard$1 = require('./components/hover-card/hover-card.cjs');
+const imageCropperContext = require('./components/image-cropper/image-cropper-context.cjs');
+const imageCropperGrid = require('./components/image-cropper/image-cropper-grid.cjs');
+const imageCropperHandle = require('./components/image-cropper/image-cropper-handle.cjs');
+const imageCropperImage = require('./components/image-cropper/image-cropper-image.cjs');
+const imageCropperRoot = require('./components/image-cropper/image-cropper-root.cjs');
+const imageCropperRootProvider = require('./components/image-cropper/image-cropper-root-provider.cjs');
+const imageCropperSelection = require('./components/image-cropper/image-cropper-selection.cjs');
+const imageCropperViewport = require('./components/image-cropper/image-cropper-viewport.cjs');
+const useImageCropper = require('./components/image-cropper/use-image-cropper.cjs');
+const useImageCropperContext = require('./components/image-cropper/use-image-cropper-context.cjs');
+const imageCropper$1 = require('./components/image-cropper/image-cropper.cjs');
 const jsonTreeViewRoot = require('./components/json-tree-view/json-tree-view-root.cjs');
 const jsonTreeViewRootProvider = require('./components/json-tree-view/json-tree-view-root-provider.cjs');
 const jsonTreeViewTree = require('./components/json-tree-view/json-tree-view-tree.cjs');
@@ -324,6 +338,7 @@ const listbox = require('./components/listbox/listbox.cjs');
 const marqueeContent = require('./components/marquee/marquee-content.cjs');
 const marqueeContext = require('./components/marquee/marquee-context.cjs');
 const marqueeEdge = require('./components/marquee/marquee-edge.cjs');
+const marqueeItem = require('./components/marquee/marquee-item.cjs');
 const marqueeRoot = require('./components/marquee/marquee-root.cjs');
 const marqueeRootProvider = require('./components/marquee/marquee-root-provider.cjs');
 const marqueeViewport = require('./components/marquee/marquee-viewport.cjs');
@@ -712,7 +727,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');
@@ -720,6 +734,7 @@ const editable = require('@zag-js/editable');
 const fileUpload = require('@zag-js/file-upload');
 const floatingPanel = require('@zag-js/floating-panel');
 const hoverCard = require('@zag-js/hover-card');
+const imageCropper = require('@zag-js/image-cropper');
 const marquee = require('@zag-js/marquee');
 const menu = require('@zag-js/menu');
 const numberInput = require('@zag-js/number-input');
@@ -794,6 +809,8 @@ exports.BottomSheetTrigger = bottomSheetTrigger.BottomSheetTrigger;
 exports.useBottomSheet = useBottomSheet.useBottomSheet;
 exports.useBottomSheetContext = useBottomSheetContext.useBottomSheetContext;
 exports.BottomSheet = bottomSheet$1;
+exports.CarouselAutoplayIndicator = carouselAutoplayIndicator.CarouselAutoplayIndicator;
+exports.CarouselProgressText = carouselProgressText.CarouselProgressText;
 exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
 exports.CarouselContext = carouselContext.CarouselContext;
 exports.CarouselControl = carouselControl.CarouselControl;
@@ -805,9 +822,10 @@ exports.CarouselNextTrigger = carouselNextTrigger.CarouselNextTrigger;
 exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselRootProvider = carouselRootProvider.CarouselRootProvider;
+exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.Carousel = carousel$1;
+exports.Carousel = carousel;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
@@ -1051,6 +1069,17 @@ exports.HoverCardTrigger = hoverCardTrigger.HoverCardTrigger;
 exports.useHoverCard = useHoverCard.useHoverCard;
 exports.useHoverCardContext = useHoverCardContext.useHoverCardContext;
 exports.HoverCard = hoverCard$1;
+exports.ImageCropperContext = imageCropperContext.ImageCropperContext;
+exports.ImageCropperGrid = imageCropperGrid.ImageCropperGrid;
+exports.ImageCropperHandle = imageCropperHandle.ImageCropperHandle;
+exports.ImageCropperImage = imageCropperImage.ImageCropperImage;
+exports.ImageCropperRoot = imageCropperRoot.ImageCropperRoot;
+exports.ImageCropperRootProvider = imageCropperRootProvider.ImageCropperRootProvider;
+exports.ImageCropperSelection = imageCropperSelection.ImageCropperSelection;
+exports.ImageCropperViewport = imageCropperViewport.ImageCropperViewport;
+exports.useImageCropper = useImageCropper.useImageCropper;
+exports.useImageCropperContext = useImageCropperContext.useImageCropperContext;
+exports.ImageCropper = imageCropper$1;
 exports.JsonTreeViewRoot = jsonTreeViewRoot.JsonTreeViewRoot;
 exports.JsonTreeViewRootProvider = jsonTreeViewRootProvider.JsonTreeViewRootProvider;
 exports.JsonTreeViewTree = jsonTreeViewTree.JsonTreeViewTree;
@@ -1078,6 +1107,7 @@ exports.Listbox = listbox;
 exports.MarqueeContent = marqueeContent.MarqueeContent;
 exports.MarqueeContext = marqueeContext.MarqueeContext;
 exports.MarqueeEdge = marqueeEdge.MarqueeEdge;
+exports.MarqueeItem = marqueeItem.MarqueeItem;
 exports.MarqueeRoot = marqueeRoot.MarqueeRoot;
 exports.MarqueeRootProvider = marqueeRootProvider.MarqueeRootProvider;
 exports.MarqueeViewport = marqueeViewport.MarqueeViewport;
@@ -1482,10 +1512,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
@@ -1514,6 +1540,10 @@ Object.defineProperty(exports, "hoverCardAnatomy", {
 	enumerable: true,
 	get: () => hoverCard.anatomy
 });
+Object.defineProperty(exports, "imageCropperAnatomy", {
+	enumerable: true,
+	get: () => imageCropper.anatomy
+});
 Object.defineProperty(exports, "marqueeAnatomy", {
 	enumerable: true,
 	get: () => marquee.anatomy

package/dist/index.js

@@ -48,6 +48,8 @@ export { useBottomSheet } from './components/bottom-sheet/use-bottom-sheet.js';
 export { useBottomSheetContext } from './components/bottom-sheet/use-bottom-sheet-context.js';
 import * as bottomSheet from './components/bottom-sheet/bottom-sheet.js';
 export { bottomSheet as BottomSheet };
+export { CarouselAutoplayIndicator } from './components/carousel/carousel-autoplay-indicator.js';
+export { CarouselProgressText } from './components/carousel/carousel-progress-text.js';
 export { CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.js';
 export { CarouselContext } from './components/carousel/carousel-context.js';
 export { CarouselControl } from './components/carousel/carousel-control.js';
@@ -59,6 +61,7 @@ export { CarouselNextTrigger } from './components/carousel/carousel-next-trigger
 export { CarouselPrevTrigger } from './components/carousel/carousel-prev-trigger.js';
 export { CarouselRoot } from './components/carousel/carousel-root.js';
 export { CarouselRootProvider } from './components/carousel/carousel-root-provider.js';
+export { carouselAnatomy } from './components/carousel/carousel.anatomy.js';
 export { useCarousel } from './components/carousel/use-carousel.js';
 export { useCarouselContext } from './components/carousel/use-carousel-context.js';
 import * as carousel from './components/carousel/carousel.js';
@@ -312,6 +315,18 @@ export { useHoverCard } from './components/hover-card/use-hover-card.js';
 export { useHoverCardContext } from './components/hover-card/use-hover-card-context.js';
 import * as hoverCard from './components/hover-card/hover-card.js';
 export { hoverCard as HoverCard };
+export { ImageCropperContext } from './components/image-cropper/image-cropper-context.js';
+export { ImageCropperGrid } from './components/image-cropper/image-cropper-grid.js';
+export { ImageCropperHandle } from './components/image-cropper/image-cropper-handle.js';
+export { ImageCropperImage } from './components/image-cropper/image-cropper-image.js';
+export { ImageCropperRoot } from './components/image-cropper/image-cropper-root.js';
+export { ImageCropperRootProvider } from './components/image-cropper/image-cropper-root-provider.js';
+export { ImageCropperSelection } from './components/image-cropper/image-cropper-selection.js';
+export { ImageCropperViewport } from './components/image-cropper/image-cropper-viewport.js';
+export { useImageCropper } from './components/image-cropper/use-image-cropper.js';
+export { useImageCropperContext } from './components/image-cropper/use-image-cropper-context.js';
+import * as imageCropper from './components/image-cropper/image-cropper.js';
+export { imageCropper as ImageCropper };
 export { JsonTreeViewRoot } from './components/json-tree-view/json-tree-view-root.js';
 export { JsonTreeViewRootProvider } from './components/json-tree-view/json-tree-view-root-provider.js';
 export { JsonTreeViewTree } from './components/json-tree-view/json-tree-view-tree.js';
@@ -341,6 +356,7 @@ export { listbox as Listbox };
 export { MarqueeContent } from './components/marquee/marquee-content.js';
 export { MarqueeContext } from './components/marquee/marquee-context.js';
 export { MarqueeEdge } from './components/marquee/marquee-edge.js';
+export { MarqueeItem } from './components/marquee/marquee-item.js';
 export { MarqueeRoot } from './components/marquee/marquee-root.js';
 export { MarqueeRootProvider } from './components/marquee/marquee-root-provider.js';
 export { MarqueeViewport } from './components/marquee/marquee-viewport.js';
@@ -757,7 +773,6 @@ 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';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
@@ -765,6 +780,7 @@ export { anatomy as editableAnatomy } from '@zag-js/editable';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { anatomy as imageCropperAnatomy } from '@zag-js/image-cropper';
 export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/react",
   "type": "module",
-  "version": "5.27.0",
+  "version": "5.28.0",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -150,73 +150,74 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@zag-js/accordion": "1.26.5",
-    "@zag-js/anatomy": "1.26.5",
-    "@zag-js/angle-slider": "1.26.5",
-    "@zag-js/async-list": "1.26.5",
-    "@zag-js/auto-resize": "1.26.5",
-    "@zag-js/avatar": "1.26.5",
-    "@zag-js/bottom-sheet": "1.26.5",
-    "@zag-js/carousel": "1.26.5",
-    "@zag-js/checkbox": "1.26.5",
-    "@zag-js/clipboard": "1.26.5",
-    "@zag-js/collapsible": "1.26.5",
-    "@zag-js/collection": "1.26.5",
-    "@zag-js/color-picker": "1.26.5",
-    "@zag-js/color-utils": "1.26.5",
-    "@zag-js/combobox": "1.26.5",
-    "@zag-js/core": "1.26.5",
-    "@zag-js/date-picker": "1.26.5",
-    "@zag-js/date-utils": "1.26.5",
-    "@zag-js/dialog": "1.26.5",
-    "@zag-js/dom-query": "1.26.5",
-    "@zag-js/editable": "1.26.5",
-    "@zag-js/file-upload": "1.26.5",
-    "@zag-js/file-utils": "1.26.5",
-    "@zag-js/floating-panel": "1.26.5",
-    "@zag-js/focus-trap": "1.26.5",
-    "@zag-js/highlight-word": "1.26.5",
-    "@zag-js/hover-card": "1.26.5",
-    "@zag-js/i18n-utils": "1.26.5",
-    "@zag-js/json-tree-utils": "1.26.5",
-    "@zag-js/listbox": "1.26.5",
-    "@zag-js/marquee": "1.26.5",
-    "@zag-js/menu": "1.26.5",
-    "@zag-js/number-input": "1.26.5",
-    "@zag-js/pagination": "1.26.5",
-    "@zag-js/password-input": "1.26.5",
-    "@zag-js/pin-input": "1.26.5",
-    "@zag-js/popover": "1.26.5",
-    "@zag-js/presence": "1.26.5",
-    "@zag-js/progress": "1.26.5",
-    "@zag-js/qr-code": "1.26.5",
-    "@zag-js/radio-group": "1.26.5",
-    "@zag-js/rating-group": "1.26.5",
-    "@zag-js/react": "1.26.5",
-    "@zag-js/scroll-area": "1.26.5",
-    "@zag-js/select": "1.26.5",
-    "@zag-js/signature-pad": "1.26.5",
-    "@zag-js/slider": "1.26.5",
-    "@zag-js/splitter": "1.26.5",
-    "@zag-js/steps": "1.26.5",
-    "@zag-js/switch": "1.26.5",
-    "@zag-js/tabs": "1.26.5",
-    "@zag-js/tags-input": "1.26.5",
-    "@zag-js/timer": "1.26.5",
-    "@zag-js/toast": "1.26.5",
-    "@zag-js/toggle": "1.26.5",
-    "@zag-js/toggle-group": "1.26.5",
-    "@zag-js/tooltip": "1.26.5",
-    "@zag-js/tour": "1.26.5",
-    "@zag-js/tree-view": "1.26.5",
-    "@zag-js/types": "1.26.5",
-    "@zag-js/utils": "1.26.5"
+    "@zag-js/accordion": "1.27.1",
+    "@zag-js/anatomy": "1.27.1",
+    "@zag-js/angle-slider": "1.27.1",
+    "@zag-js/async-list": "1.27.1",
+    "@zag-js/auto-resize": "1.27.1",
+    "@zag-js/avatar": "1.27.1",
+    "@zag-js/bottom-sheet": "1.27.1",
+    "@zag-js/carousel": "1.27.1",
+    "@zag-js/checkbox": "1.27.1",
+    "@zag-js/clipboard": "1.27.1",
+    "@zag-js/collapsible": "1.27.1",
+    "@zag-js/collection": "1.27.1",
+    "@zag-js/color-picker": "1.27.1",
+    "@zag-js/color-utils": "1.27.1",
+    "@zag-js/combobox": "1.27.1",
+    "@zag-js/core": "1.27.1",
+    "@zag-js/date-picker": "1.27.1",
+    "@zag-js/date-utils": "1.27.1",
+    "@zag-js/dialog": "1.27.1",
+    "@zag-js/dom-query": "1.27.1",
+    "@zag-js/editable": "1.27.1",
+    "@zag-js/file-upload": "1.27.1",
+    "@zag-js/file-utils": "1.27.1",
+    "@zag-js/floating-panel": "1.27.1",
+    "@zag-js/focus-trap": "1.27.1",
+    "@zag-js/highlight-word": "1.27.1",
+    "@zag-js/hover-card": "1.27.1",
+    "@zag-js/image-cropper": "1.27.1",
+    "@zag-js/i18n-utils": "1.27.1",
+    "@zag-js/json-tree-utils": "1.27.1",
+    "@zag-js/listbox": "1.27.1",
+    "@zag-js/marquee": "1.27.1",
+    "@zag-js/menu": "1.27.1",
+    "@zag-js/number-input": "1.27.1",
+    "@zag-js/pagination": "1.27.1",
+    "@zag-js/password-input": "1.27.1",
+    "@zag-js/pin-input": "1.27.1",
+    "@zag-js/popover": "1.27.1",
+    "@zag-js/presence": "1.27.1",
+    "@zag-js/progress": "1.27.1",
+    "@zag-js/qr-code": "1.27.1",
+    "@zag-js/radio-group": "1.27.1",
+    "@zag-js/rating-group": "1.27.1",
+    "@zag-js/react": "1.27.1",
+    "@zag-js/scroll-area": "1.27.1",
+    "@zag-js/select": "1.27.1",
+    "@zag-js/signature-pad": "1.27.1",
+    "@zag-js/slider": "1.27.1",
+    "@zag-js/splitter": "1.27.1",
+    "@zag-js/steps": "1.27.1",
+    "@zag-js/switch": "1.27.1",
+    "@zag-js/tabs": "1.27.1",
+    "@zag-js/tags-input": "1.27.1",
+    "@zag-js/timer": "1.27.1",
+    "@zag-js/toast": "1.27.1",
+    "@zag-js/toggle": "1.27.1",
+    "@zag-js/toggle-group": "1.27.1",
+    "@zag-js/tooltip": "1.27.1",
+    "@zag-js/tour": "1.27.1",
+    "@zag-js/tree-view": "1.27.1",
+    "@zag-js/types": "1.27.1",
+    "@zag-js/utils": "1.27.1"
   },
   "devDependencies": {
     "check-password-strength": "3.0.0",
-    "@biomejs/biome": "2.3.1",
-    "@storybook/addon-a11y": "9.1.15",
-    "@storybook/react-vite": "9.1.15",
+    "@biomejs/biome": "2.3.4",
+    "@storybook/addon-a11y": "9.1.16",
+    "@storybook/react-vite": "9.1.16",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
@@ -228,18 +229,18 @@
     "clean-package": "2.2.0",
     "image-conversion": "2.1.1",
     "globby": "15.0.0",
-    "happy-dom": "20.0.8",
-    "lucide-react": "0.548.0",
+    "happy-dom": "20.0.10",
+    "lucide-react": "0.553.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-shadow": "20.6.0",
     "react-use": "17.6.0",
     "react-frame-component": "5.2.7",
-    "react-hook-form": "7.65.0",
+    "react-hook-form": "7.66.0",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "9.1.15",
+    "storybook": "9.1.16",
     "typescript": "5.9.3",
-    "vite": "7.1.12",
+    "vite": "7.2.2",
     "vite-plugin-dts": "4.5.4",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",