@ark-ui/react 5.27.0 → 5.28.0

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 { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context';
+export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid';
+export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle';
+export { ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps } from './image-cropper-image';
+export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root';
+export { ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider';
+export { ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, } from './image-cropper-selection';
+export { ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, } from './image-cropper-viewport';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+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 { ImageCropperContext, type ImageCropperContextProps } from './image-cropper-context';
+export { ImageCropperGrid, type ImageCropperGridBaseProps, type ImageCropperGridProps } from './image-cropper-grid';
+export { ImageCropperHandle, type ImageCropperHandleBaseProps, type ImageCropperHandleProps, } from './image-cropper-handle';
+export { ImageCropperImage, type ImageCropperImageBaseProps, type ImageCropperImageProps } from './image-cropper-image';
+export { ImageCropperRoot, type ImageCropperRootBaseProps, type ImageCropperRootProps } from './image-cropper-root';
+export { ImageCropperRootProvider, type ImageCropperRootProviderBaseProps, type ImageCropperRootProviderProps, } from './image-cropper-root-provider';
+export { ImageCropperSelection, type ImageCropperSelectionBaseProps, type ImageCropperSelectionProps, } from './image-cropper-selection';
+export { ImageCropperViewport, type ImageCropperViewportBaseProps, type ImageCropperViewportProps, } from './image-cropper-viewport';
+export { imageCropperAnatomy } from './image-cropper.anatomy';
+export { useImageCropper, type UseImageCropperProps, type UseImageCropperReturn } from './use-image-cropper';
+export { useImageCropperContext, type UseImageCropperContext } from './use-image-cropper-context';
+export * as ImageCropper from './image-cropper';

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { UseImageCropperReturn } from './use-image-cropper';
+import { Provider } from 'react';
+export interface UseImageCropperContext extends UseImageCropperReturn {
+}
+export declare const ImageCropperProvider: Provider<UseImageCropperContext>, useImageCropperContext: () => UseImageCropperContext;

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

@@ -0,0 +1,5 @@
+import { UseImageCropperReturn } from './use-image-cropper';
+import { Provider } from 'react';
+export interface UseImageCropperContext extends UseImageCropperReturn {
+}
+export declare const ImageCropperProvider: Provider<UseImageCropperContext>, useImageCropperContext: () => UseImageCropperContext;

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

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [ImageCropperProvider, useImageCropperContext] = createContext({
+  name: "ImageCropperContext",
+  hookName: "useImageCropperContext",
+  providerName: "<ImageCropperProvider />"
+});
+
+export { ImageCropperProvider, useImageCropperContext };

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

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const imageCropper = require('@zag-js/image-cropper');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.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) => {
+  const id = react.useId();
+  const { dir } = useLocaleContext.useLocaleContext();
+  const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = react$1.useMachine(imageCropper__namespace.machine, machineProps);
+  return imageCropper__namespace.connect(service, react$1.normalizeProps);
+};
+
+exports.useImageCropper = useImageCropper;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as imageCropper from '@zag-js/image-cropper';
+export interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseImageCropperReturn extends imageCropper.Api<PropTypes> {
+}
+export declare const useImageCropper: (props?: UseImageCropperProps) => UseImageCropperReturn;

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

@@ -0,0 +1,8 @@
+import { PropTypes } from '@zag-js/react';
+import { Optional } from '../../types';
+import * as imageCropper from '@zag-js/image-cropper';
+export interface UseImageCropperProps extends Optional<Omit<imageCropper.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseImageCropperReturn extends imageCropper.Api<PropTypes> {
+}
+export declare const useImageCropper: (props?: UseImageCropperProps) => UseImageCropperReturn;

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

@@ -0,0 +1,22 @@
+'use client';
+import * as imageCropper from '@zag-js/image-cropper';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
+
+const useImageCropper = (props) => {
+  const id = useId();
+  const { dir } = useLocaleContext();
+  const { getRootNode } = useEnvironmentContext();
+  const machineProps = {
+    id,
+    dir,
+    getRootNode,
+    ...props
+  };
+  const service = useMachine(imageCropper.machine, machineProps);
+  return imageCropper.connect(service, normalizeProps);
+};
+
+export { useImageCropper };

package/dist/components/index.cjs

@@ -48,6 +48,8 @@ const bottomSheetTrigger = require('./bottom-sheet/bottom-sheet-trigger.cjs');
 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 = require('./carousel/carousel-autoplay-indicator.cjs');
+const carouselProgressText = require('./carousel/carousel-progress-text.cjs');
 const carouselAutoplayTrigger = require('./carousel/carousel-autoplay-trigger.cjs');
 const carouselContext = require('./carousel/carousel-context.cjs');
 const carouselControl = require('./carousel/carousel-control.cjs');
@@ -59,9 +61,10 @@ const carouselNextTrigger = require('./carousel/carousel-next-trigger.cjs');
 const carouselPrevTrigger = require('./carousel/carousel-prev-trigger.cjs');
 const carouselRoot = require('./carousel/carousel-root.cjs');
 const carouselRootProvider = require('./carousel/carousel-root-provider.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 = require('./checkbox/checkbox-context.cjs');
 const checkboxControl = require('./checkbox/checkbox-control.cjs');
 const checkboxGroup = require('./checkbox/checkbox-group.cjs');
@@ -297,6 +300,17 @@ const hoverCardTrigger = require('./hover-card/hover-card-trigger.cjs');
 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 = require('./image-cropper/image-cropper-context.cjs');
+const imageCropperGrid = require('./image-cropper/image-cropper-grid.cjs');
+const imageCropperHandle = require('./image-cropper/image-cropper-handle.cjs');
+const imageCropperImage = require('./image-cropper/image-cropper-image.cjs');
+const imageCropperRoot = require('./image-cropper/image-cropper-root.cjs');
+const imageCropperRootProvider = require('./image-cropper/image-cropper-root-provider.cjs');
+const imageCropperSelection = require('./image-cropper/image-cropper-selection.cjs');
+const imageCropperViewport = require('./image-cropper/image-cropper-viewport.cjs');
+const useImageCropper = require('./image-cropper/use-image-cropper.cjs');
+const useImageCropperContext = require('./image-cropper/use-image-cropper-context.cjs');
+const imageCropper$1 = require('./image-cropper/image-cropper.cjs');
 const jsonTreeViewRoot = require('./json-tree-view/json-tree-view-root.cjs');
 const jsonTreeViewRootProvider = require('./json-tree-view/json-tree-view-root-provider.cjs');
 const jsonTreeViewTree = require('./json-tree-view/json-tree-view-tree.cjs');
@@ -324,6 +338,7 @@ const listbox = require('./listbox/listbox.cjs');
 const marqueeContent = require('./marquee/marquee-content.cjs');
 const marqueeContext = require('./marquee/marquee-context.cjs');
 const marqueeEdge = require('./marquee/marquee-edge.cjs');
+const marqueeItem = require('./marquee/marquee-item.cjs');
 const marqueeRoot = require('./marquee/marquee-root.cjs');
 const marqueeRootProvider = require('./marquee/marquee-root-provider.cjs');
 const marqueeViewport = require('./marquee/marquee-viewport.cjs');
@@ -704,7 +719,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');
@@ -712,6 +726,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');
@@ -786,6 +801,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;
@@ -797,9 +814,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;
@@ -1043,6 +1061,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;
@@ -1070,6 +1099,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;
@@ -1463,10 +1493,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
@@ -1495,6 +1521,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/components/index.d.cts

@@ -23,6 +23,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './image-cropper';
 export * from './json-tree-view';
 export * from './listbox';
 export * from './marquee';

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export * from './format';
 export * from './frame';
 export * from './highlight';
 export * from './hover-card';
+export * from './image-cropper';
 export * from './json-tree-view';
 export * from './listbox';
 export * from './marquee';

package/dist/components/index.js

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const listboxAnatomy: AnatomyInstance<"root" | "label" | "content" | "valueText" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const listboxAnatomy: AnatomyInstance<"root" | "itemGroup" | "item" | "label" | "content" | "valueText" | "input" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

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

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const listboxAnatomy: AnatomyInstance<"root" | "label" | "content" | "valueText" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+export declare const listboxAnatomy: AnatomyInstance<"root" | "itemGroup" | "item" | "label" | "content" | "valueText" | "input" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/marquee/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const marqueeContent = require('./marquee-content.cjs');
 const marqueeContext = require('./marquee-context.cjs');
 const marqueeEdge = require('./marquee-edge.cjs');
+const marqueeItem = require('./marquee-item.cjs');
 const marqueeRoot = require('./marquee-root.cjs');
 const marqueeRootProvider = require('./marquee-root-provider.cjs');
 const marqueeViewport = require('./marquee-viewport.cjs');
@@ -18,6 +19,7 @@ const marquee = require('@zag-js/marquee');
 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;

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

@@ -2,6 +2,7 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSi
 export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content';
 export { MarqueeContext, type MarqueeContextProps } from './marquee-context';
 export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge';
+export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item';
 export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root';
 export { MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider';
 export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport';

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

@@ -2,6 +2,7 @@ export type { PauseStatusDetails as MarqueePauseStatusDetails, Side as MarqueeSi
 export { MarqueeContent, type MarqueeContentBaseProps, type MarqueeContentProps } from './marquee-content';
 export { MarqueeContext, type MarqueeContextProps } from './marquee-context';
 export { MarqueeEdge, type MarqueeEdgeBaseProps, type MarqueeEdgeProps } from './marquee-edge';
+export { MarqueeItem, type MarqueeItemBaseProps, type MarqueeItemProps } from './marquee-item';
 export { MarqueeRoot, type MarqueeRootBaseProps, type MarqueeRootProps } from './marquee-root';
 export { MarqueeRootProvider, type MarqueeRootProviderBaseProps, type MarqueeRootProviderProps, } from './marquee-root-provider';
 export { MarqueeViewport, type MarqueeViewportBaseProps, type MarqueeViewportProps } from './marquee-viewport';

package/dist/components/marquee/index.js

@@ -1,6 +1,7 @@
 export { MarqueeContent } from './marquee-content.js';
 export { MarqueeContext } from './marquee-context.js';
 export { MarqueeEdge } from './marquee-edge.js';
+export { MarqueeItem } from './marquee-item.js';
 export { MarqueeRoot } from './marquee-root.js';
 export { MarqueeRootProvider } from './marquee-root-provider.js';
 export { MarqueeViewport } from './marquee-viewport.js';

package/dist/components/marquee/marquee-item.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const MarqueeItem = react.forwardRef((props, ref) => {
+  const marquee = useMarqueeContext.useMarqueeContext();
+  const mergedProps = react$1.mergeProps(marquee.getItemProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+MarqueeItem.displayName = "MarqueeItem";
+
+exports.MarqueeItem = MarqueeItem;

package/dist/components/marquee/marquee-item.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface MarqueeItemBaseProps extends PolymorphicProps {
+}
+export interface MarqueeItemProps extends HTMLProps<'div'>, MarqueeItemBaseProps {
+}
+export declare const MarqueeItem: ForwardRefExoticComponent<MarqueeItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-item.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface MarqueeItemBaseProps extends PolymorphicProps {
+}
+export interface MarqueeItemProps extends HTMLProps<'div'>, MarqueeItemBaseProps {
+}
+export declare const MarqueeItem: ForwardRefExoticComponent<MarqueeItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/marquee/marquee-item.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useMarqueeContext } from './use-marquee-context.js';
+
+const MarqueeItem = forwardRef((props, ref) => {
+  const marquee = useMarqueeContext();
+  const mergedProps = mergeProps(marquee.getItemProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+MarqueeItem.displayName = "MarqueeItem";
+
+export { MarqueeItem };

package/dist/components/marquee/marquee.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const marqueeContent = require('./marquee-content.cjs');
 const marqueeContext = require('./marquee-context.cjs');
 const marqueeEdge = require('./marquee-edge.cjs');
+const marqueeItem = require('./marquee-item.cjs');
 const marqueeRoot = require('./marquee-root.cjs');
 const marqueeRootProvider = require('./marquee-root-provider.cjs');
 const marqueeViewport = require('./marquee-viewport.cjs');
@@ -14,6 +15,7 @@ const marqueeViewport = require('./marquee-viewport.cjs');
 exports.Content = marqueeContent.MarqueeContent;
 exports.Context = marqueeContext.MarqueeContext;
 exports.Edge = marqueeEdge.MarqueeEdge;
+exports.Item = marqueeItem.MarqueeItem;
 exports.Root = marqueeRoot.MarqueeRoot;
 exports.RootProvider = marqueeRootProvider.MarqueeRootProvider;
 exports.Viewport = marqueeViewport.MarqueeViewport;

package/dist/components/marquee/marquee.d.cts

@@ -2,6 +2,7 @@ export type { PauseStatusDetails, Side } from '@zag-js/marquee';
 export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content';
 export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context';
 export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge';
+export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item';
 export { MarqueeRoot as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, } from './marquee-root';
 export { MarqueeRootProvider as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider';
 export { MarqueeViewport as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport';

package/dist/components/marquee/marquee.d.ts

@@ -2,6 +2,7 @@ export type { PauseStatusDetails, Side } from '@zag-js/marquee';
 export { MarqueeContent as Content, type MarqueeContentBaseProps as ContentBaseProps, type MarqueeContentProps as ContentProps, } from './marquee-content';
 export { MarqueeContext as Context, type MarqueeContextProps as ContextProps } from './marquee-context';
 export { MarqueeEdge as Edge, type MarqueeEdgeBaseProps as EdgeBaseProps, type MarqueeEdgeProps as EdgeProps, } from './marquee-edge';
+export { MarqueeItem as Item, type MarqueeItemBaseProps as ItemBaseProps, type MarqueeItemProps as ItemProps, } from './marquee-item';
 export { MarqueeRoot as Root, type MarqueeRootBaseProps as RootBaseProps, type MarqueeRootProps as RootProps, } from './marquee-root';
 export { MarqueeRootProvider as RootProvider, type MarqueeRootProviderBaseProps as RootProviderBaseProps, type MarqueeRootProviderProps as RootProviderProps, } from './marquee-root-provider';
 export { MarqueeViewport as Viewport, type MarqueeViewportBaseProps as ViewportBaseProps, type MarqueeViewportProps as ViewportProps, } from './marquee-viewport';

package/dist/components/marquee/marquee.js

@@ -1,6 +1,7 @@
 export { MarqueeContent as Content } from './marquee-content.js';
 export { MarqueeContext as Context } from './marquee-context.js';
 export { MarqueeEdge as Edge } from './marquee-edge.js';
+export { MarqueeItem as Item } from './marquee-item.js';
 export { MarqueeRoot as Root } from './marquee-root.js';
 export { MarqueeRootProvider as RootProvider } from './marquee-root-provider.js';
 export { MarqueeViewport as Viewport } from './marquee-viewport.js';

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

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as MenuHighlightChangeDetails, OpenChangeDetails as MenuOpenChangeDetails, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
+export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
 export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow';
 export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip';
 export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item';

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

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails as MenuHighlightChangeDetails, OpenChangeDetails as MenuOpenChangeDetails, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
+export type { FocusOutsideEvent as MenuFocusOutsideEvent, HighlightChangeDetails as MenuHighlightChangeDetails, InteractOutsideEvent as MenuInteractOutsideEvent, OpenChangeDetails as MenuOpenChangeDetails, PointerDownOutsideEvent as MenuPointerDownOutsideEvent, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
 export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow';
 export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip';
 export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps } from './menu-checkbox-item';

package/dist/components/menu/menu.d.cts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, OpenChangeDetails, SelectionDetails } from '@zag-js/menu';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, } from '@zag-js/menu';
 export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, } from './menu-arrow';
 export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, } from './menu-arrow-tip';
 export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item';

package/dist/components/menu/menu.d.ts

@@ -1,4 +1,4 @@
-export type { HighlightChangeDetails, OpenChangeDetails, SelectionDetails } from '@zag-js/menu';
+export type { FocusOutsideEvent, HighlightChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, } from '@zag-js/menu';
 export { MenuArrow as Arrow, type MenuArrowBaseProps as ArrowBaseProps, type MenuArrowProps as ArrowProps, } from './menu-arrow';
 export { MenuArrowTip as ArrowTip, type MenuArrowTipBaseProps as ArrowTipBaseProps, type MenuArrowTipProps as ArrowTipProps, } from './menu-arrow-tip';
 export { MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
+export type { FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, } from '@zag-js/popover';
 export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor';
 export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow';
 export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip';

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

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
+export type { FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, } from '@zag-js/popover';
 export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor';
 export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow';
 export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps } from './popover-arrow-tip';

package/dist/components/popover/popover.d.cts

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails } from '@zag-js/popover';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/popover';
 export { PopoverAnchor as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, } from './popover-anchor';
 export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, } from './popover-arrow';
 export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from './popover-arrow-tip';

package/dist/components/popover/popover.d.ts

@@ -1,4 +1,4 @@
-export type { OpenChangeDetails } from '@zag-js/popover';
+export type { FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, } from '@zag-js/popover';
 export { PopoverAnchor as Anchor, type PopoverAnchorBaseProps as AnchorBaseProps, type PopoverAnchorProps as AnchorProps, } from './popover-anchor';
 export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, type PopoverArrowProps as ArrowProps, } from './popover-arrow';
 export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from './popover-arrow-tip';

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

@@ -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>;