@ark-ui/vue 5.27.0 → 5.28.0

package/dist/components/index.d.cts

@@ -24,6 +24,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

@@ -24,6 +24,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 { default as CarouselAutoplayIndicator } from './carousel/carousel-autoplay-indicator.vue.js';
+export { default as CarouselProgressText } from './carousel/carousel-progress-text.vue.js';
 export { default as CarouselAutoplayTrigger } from './carousel/carousel-autoplay-trigger.vue.js';
 export { default as CarouselContext } from './carousel/carousel-context.vue.js';
 export { default as CarouselControl } from './carousel/carousel-control.vue.js';
@@ -59,6 +61,7 @@ export { default as CarouselNextTrigger } from './carousel/carousel-next-trigger
 export { default as CarouselPrevTrigger } from './carousel/carousel-prev-trigger.vue.js';
 export { default as CarouselRootProvider } from './carousel/carousel-root-provider.vue.js';
 export { default as CarouselRoot } from './carousel/carousel-root.vue.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';
@@ -315,6 +318,19 @@ 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 { default as ImageCropperContext } from './image-cropper/image-cropper-context.vue.js';
+export { default as ImageCropperGrid } from './image-cropper/image-cropper-grid.vue.js';
+export { default as ImageCropperHandle } from './image-cropper/image-cropper-handle.vue.js';
+export { default as ImageCropperImage } from './image-cropper/image-cropper-image.vue.js';
+export { default as ImageCropperRoot } from './image-cropper/image-cropper-root.vue.js';
+export { default as ImageCropperRootProvider } from './image-cropper/image-cropper-root-provider.vue.js';
+export { default as ImageCropperSelection } from './image-cropper/image-cropper-selection.vue.js';
+export { default as ImageCropperViewport } from './image-cropper/image-cropper-viewport.vue.js';
+export { useImageCropper } from './image-cropper/use-image-cropper.js';
+export { useImageCropperContext } from './image-cropper/use-image-cropper-context.js';
+export { imageCropperAnatomy } from './image-cropper/image-cropper.anatomy.js';
+import * as imageCropper from './image-cropper/image-cropper.js';
+export { imageCropper as ImageCropper };
 export { default as JsonTreeViewRoot } from './json-tree-view/json-tree-view-root.vue.js';
 export { default as JsonTreeViewRootProvider } from './json-tree-view/json-tree-view-root-provider.vue.js';
 export { default as JsonTreeViewTree } from './json-tree-view/json-tree-view-tree.vue.js';
@@ -344,6 +360,7 @@ export { listbox as Listbox };
 export { default as MarqueeContent } from './marquee/marquee-content.vue.js';
 export { default as MarqueeContext } from './marquee/marquee-context.vue.js';
 export { default as MarqueeEdge } from './marquee/marquee-edge.vue.js';
+export { default as MarqueeItem } from './marquee/marquee-item.vue.js';
 export { default as MarqueeRoot } from './marquee/marquee-root.vue.js';
 export { default as MarqueeRootProvider } from './marquee/marquee-root-provider.vue.js';
 export { default as MarqueeViewport } from './marquee/marquee-viewport.vue.js';
@@ -750,7 +767,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';

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_vue_vue_type_script_setup_true_lang = require('./marquee-content.vue.cjs');
 const marqueeContext_vue_vue_type_script_setup_true_lang = require('./marquee-context.vue.cjs');
 const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./marquee-edge.vue.cjs');
+const marqueeItem_vue_vue_type_script_setup_true_lang = require('./marquee-item.vue.cjs');
 const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./marquee-root.vue.cjs');
 const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./marquee-root-provider.vue.cjs');
 const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee-viewport.vue.cjs');
@@ -18,6 +19,7 @@ const marquee = require('@zag-js/marquee');
 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;

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

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

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

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

package/dist/components/marquee/index.js

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

package/dist/components/marquee/marquee-content.vue.cjs

@@ -5,19 +5,27 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const factory = require('../factory.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useScopeId = require('../../utils/use-scope-id.cjs');
 const useMarqueeContext = require('./use-marquee-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ inheritAttrs: false },
   __name: "marquee-content",
   props: {
     asChild: { type: Boolean }
   },
   setup(__props) {
     const marquee = useMarqueeContext.useMarqueeContext();
+    const attrs = vue.useAttrs();
+    const scopeId = useScopeId.useScopeId();
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Array.from({ length: vue.unref(marquee).contentCount }), (_, index) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: index }, { ref_for: true }, vue.unref(marquee).getContentProps({ index }), { "as-child": __props.asChild }), {
+        return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps({ key: index }, { ref_for: true }, {
+          ...vue.unref(attrs),
+          ...vue.unref(scopeId) ? { [vue.unref(scopeId)]: "" } : {},
+          ...vue.unref(marquee).getContentProps({ index })
+        }, { "as-child": __props.asChild }), {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
           ]),

package/dist/components/marquee/marquee-content.vue.js

@@ -1,19 +1,27 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, renderList, unref, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, useAttrs, createElementBlock, openBlock, Fragment, renderList, unref, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useScopeId } from '../../utils/use-scope-id.js';
 import { useMarqueeContext } from './use-marquee-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "marquee-content",
   props: {
     asChild: { type: Boolean }
   },
   setup(__props) {
     const marquee = useMarqueeContext();
+    const attrs = useAttrs();
+    const scopeId = useScopeId();
     useForwardExpose();
     return (_ctx, _cache) => {
       return openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: unref(marquee).contentCount }), (_, index) => {
-        return openBlock(), createBlock(unref(ark).div, mergeProps({ key: index }, { ref_for: true }, unref(marquee).getContentProps({ index }), { "as-child": __props.asChild }), {
+        return openBlock(), createBlock(unref(ark).div, mergeProps({ key: index }, { ref_for: true }, {
+          ...unref(attrs),
+          ...unref(scopeId) ? { [unref(scopeId)]: "" } : {},
+          ...unref(marquee).getContentProps({ index })
+        }, { "as-child": __props.asChild }), {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),

package/dist/components/marquee/marquee-context.vue.d.cts

@@ -31,6 +31,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {},
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };
+        getItemProps: () => HTMLAttributes & {
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+        };
     }): any;
 }>;
 export default _default;

package/dist/components/marquee/marquee-context.vue.d.ts

@@ -31,6 +31,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {},
             key?: string | number | symbol | undefined;
             ref?: VNodeRef | undefined;
         };
+        getItemProps: () => HTMLAttributes & {
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+        };
     }): any;
 }>;
 export default _default;

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useMarqueeContext = require('./use-marquee-context.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "marquee-item",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const marquee = useMarqueeContext.useMarqueeContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(marquee).getItemProps(), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface MarqueeItemBaseProps extends PolymorphicProps {
+}
+export interface MarqueeItemProps extends MarqueeItemBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface MarqueeItemBaseProps extends PolymorphicProps {
+}
+export interface MarqueeItemProps extends MarqueeItemBaseProps, 
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<MarqueeItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<MarqueeItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { useMarqueeContext } from './use-marquee-context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "marquee-item",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const marquee = useMarqueeContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).div, mergeProps(unref(marquee).getItemProps(), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const marqueeItem_vue_vue_type_script_setup_true_lang = require('./marquee-item.vue.cjs');
+
+
+
+exports.default = marqueeItem_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,5 @@
+import _sfc_main from './marquee-item.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/marquee/marquee.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const marqueeContent_vue_vue_type_script_setup_true_lang = require('./marquee-content.vue.cjs');
 const marqueeContext_vue_vue_type_script_setup_true_lang = require('./marquee-context.vue.cjs');
 const marqueeEdge_vue_vue_type_script_setup_true_lang = require('./marquee-edge.vue.cjs');
+const marqueeItem_vue_vue_type_script_setup_true_lang = require('./marquee-item.vue.cjs');
 const marqueeRoot_vue_vue_type_script_setup_true_lang = require('./marquee-root.vue.cjs');
 const marqueeRootProvider_vue_vue_type_script_setup_true_lang = require('./marquee-root-provider.vue.cjs');
 const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee-viewport.vue.cjs');
@@ -14,6 +15,7 @@ const marqueeViewport_vue_vue_type_script_setup_true_lang = require('./marquee-v
 exports.Content = marqueeContent_vue_vue_type_script_setup_true_lang.default;
 exports.Context = marqueeContext_vue_vue_type_script_setup_true_lang.default;
 exports.Edge = marqueeEdge_vue_vue_type_script_setup_true_lang.default;
+exports.Item = marqueeItem_vue_vue_type_script_setup_true_lang.default;
 exports.Root = marqueeRoot_vue_vue_type_script_setup_true_lang.default;
 exports.RootProvider = marqueeRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.Viewport = marqueeViewport_vue_vue_type_script_setup_true_lang.default;

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

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

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

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

package/dist/components/marquee/marquee.js

@@ -1,6 +1,7 @@
 export { default as Content } from './marquee-content.vue.js';
 export { default as Context } from './marquee-context.vue.js';
 export { default as Edge } from './marquee-edge.vue.js';
+export { default as Item } from './marquee-item.vue.js';
 export { default as Root } from './marquee-root.vue.js';
 export { default as RootProvider } from './marquee-root-provider.vue.js';
 export { default as Viewport } from './marquee-viewport.vue.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 { default as MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.vue';
 export { default as MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.vue';
 export { default as MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, } from './menu-checkbox-item.vue';

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 { default as MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps } from './menu-arrow-tip.vue';
 export { default as MenuArrow, type MenuArrowBaseProps, type MenuArrowProps } from './menu-arrow.vue';
 export { default as MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemEmits, type MenuCheckboxItemProps, } from './menu-checkbox-item.vue';

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 { default as ArrowTip, type MenuArrowTipProps as ArrowTipProps, type MenuArrowTipBaseProps as ArrowTipBaseProps, } from './menu-arrow-tip.vue';
 export { default as Arrow, type MenuArrowProps as ArrowProps, type MenuArrowBaseProps as ArrowBaseProps, } from './menu-arrow.vue';
 export { default as CheckboxItem, type MenuCheckboxItemEmits as CheckboxItemEmits, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item.vue';

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 { default as ArrowTip, type MenuArrowTipProps as ArrowTipProps, type MenuArrowTipBaseProps as ArrowTipBaseProps, } from './menu-arrow-tip.vue';
 export { default as Arrow, type MenuArrowProps as ArrowProps, type MenuArrowBaseProps as ArrowBaseProps, } from './menu-arrow.vue';
 export { default as CheckboxItem, type MenuCheckboxItemEmits as CheckboxItemEmits, type MenuCheckboxItemBaseProps as CheckboxItemBaseProps, type MenuCheckboxItemProps as CheckboxItemProps, } from './menu-checkbox-item.vue';

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 { default as PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor.vue';
 export { default as PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps, } from './popover-arrow-tip.vue';
 export { default as PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow.vue';

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 { default as PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps } from './popover-anchor.vue';
 export { default as PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps, } from './popover-arrow-tip.vue';
 export { default as PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps } from './popover-arrow.vue';

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 { default as Anchor, type PopoverAnchorProps as AnchorProps, type PopoverAnchorBaseProps as AnchorBaseProps, } from './popover-anchor.vue';
 export { default as ArrowTip, type PopoverArrowTipProps as ArrowTipProps, type PopoverArrowTipBaseProps as ArrowTipBaseProps, } from './popover-arrow-tip.vue';
 export { default as Arrow, type PopoverArrowProps as ArrowProps, type PopoverArrowBaseProps as ArrowBaseProps, } from './popover-arrow.vue';

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 { default as Anchor, type PopoverAnchorProps as AnchorProps, type PopoverAnchorBaseProps as AnchorBaseProps, } from './popover-anchor.vue';
 export { default as ArrowTip, type PopoverArrowTipProps as ArrowTipProps, type PopoverArrowTipBaseProps as ArrowTipBaseProps, } from './popover-arrow-tip.vue';
 export { default as Arrow, type PopoverArrowProps as ArrowProps, type PopoverArrowBaseProps as ArrowBaseProps, } from './popover-arrow.vue';

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

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 { default as SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger.vue';
 export { default as SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content.vue';

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 { default as SelectClearTrigger, type SelectClearTriggerBaseProps, type SelectClearTriggerProps, } from './select-clear-trigger.vue';
 export { default as SelectContent, type SelectContentBaseProps, type SelectContentProps } from './select-content.vue';

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 { default as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, } from './select-clear-trigger.vue';
 export { default as Content, type SelectContentProps as ContentProps, type SelectContentBaseProps as ContentBaseProps, } from './select-content.vue';

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 { default as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, } from './select-clear-trigger.vue';
 export { default as Content, type SelectContentProps as ContentProps, type SelectContentBaseProps as ContentBaseProps, } from './select-content.vue';

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 { default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger.vue';
 export { default as TagsInputContext, type TagsInputContextProps } from './tags-input-context.vue';
 export { default as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control.vue';

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 { default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger.vue';
 export { default as TagsInputContext, type TagsInputContextProps } from './tags-input-context.vue';
 export { default as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control.vue';

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 { default as ClearTrigger, type TagsInputClearTriggerProps as ClearTriggerProps, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, } from './tags-input-clear-trigger.vue';
 export { default as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.vue';
 export { default as Control, type TagsInputControlProps as ControlProps, type TagsInputControlBaseProps as ControlBaseProps, } from './tags-input-control.vue';

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 { default as ClearTrigger, type TagsInputClearTriggerProps as ClearTriggerProps, type TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, } from './tags-input-clear-trigger.vue';
 export { default as Context, type TagsInputContextProps as ContextProps } from './tags-input-context.vue';
 export { default as Control, type TagsInputControlProps as ControlProps, type TagsInputControlBaseProps as ControlBaseProps, } from './tags-input-control.vue';

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 { default as ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger.vue';
 export { default as ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger.vue';
@@ -7,6 +7,6 @@ export { default as ToastDescription, type ToastDescriptionBaseProps, type Toast
 export { default as ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root.vue';
 export { default as ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title.vue';
 export { toastAnatomy } from './toast.anatomy';
-export { default as Toaster, type ToasterBaseProps, type ToasterProps } from './toaster.vue';
+export { default as Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster.vue';
 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 { default as ToastActionTrigger, type ToastActionTriggerBaseProps, type ToastActionTriggerProps, } from './toast-action-trigger.vue';
 export { default as ToastCloseTrigger, type ToastCloseTriggerBaseProps, type ToastCloseTriggerProps, } from './toast-close-trigger.vue';
@@ -7,6 +7,6 @@ export { default as ToastDescription, type ToastDescriptionBaseProps, type Toast
 export { default as ToastRoot, type ToastRootBaseProps, type ToastRootProps } from './toast-root.vue';
 export { default as ToastTitle, type ToastTitleBaseProps, type ToastTitleProps } from './toast-title.vue';
 export { toastAnatomy } from './toast.anatomy';
-export { default as Toaster, type ToasterBaseProps, type ToasterProps } from './toaster.vue';
+export { default as Toaster, type ToasterBaseProps, type ToasterProps, type ToastOptions } from './toaster.vue';
 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.vue';
 export { default as ActionTrigger, type ToastActionTriggerProps as ActionTriggerProps, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, } from './toast-action-trigger.vue';
 export { default as CloseTrigger, type ToastCloseTriggerProps as CloseTriggerProps, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, } from './toast-close-trigger.vue';
 export { default as Context, type ToastContextProps as ContextProps } from './toast-context.vue';

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.vue';
 export { default as ActionTrigger, type ToastActionTriggerProps as ActionTriggerProps, type ToastActionTriggerBaseProps as ActionTriggerBaseProps, } from './toast-action-trigger.vue';
 export { default as CloseTrigger, type ToastCloseTriggerProps as CloseTriggerProps, type ToastCloseTriggerBaseProps as CloseTriggerBaseProps, } from './toast-close-trigger.vue';
 export { default as Context, type ToastContextProps as ContextProps } from './toast-context.vue';

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

@@ -2,6 +2,7 @@ import { HTMLAttributes, SlotsType, VNodeChild, DefineComponent, ComponentOption
 import { PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
+export type ToastOptions = toast.Options<VNodeChild>;
 export interface ToasterBaseProps extends PolymorphicProps {
     toaster: CreateToasterReturn;
 }
@@ -10,7 +11,7 @@ export interface ToasterProps extends ToasterBaseProps,
 HTMLAttributes, 
 /** @vue-ignore */
 SlotsType<{
-    default: toast.Options<VNodeChild>;
+    default: ToastOptions;
 }> {
 }
 declare function __VLS_template(): {

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

@@ -2,6 +2,7 @@ import { HTMLAttributes, SlotsType, VNodeChild, DefineComponent, ComponentOption
 import { PolymorphicProps } from '../factory';
 import { CreateToasterReturn } from './create-toaster';
 import * as toast from '@zag-js/toast';
+export type ToastOptions = toast.Options<VNodeChild>;
 export interface ToasterBaseProps extends PolymorphicProps {
     toaster: CreateToasterReturn;
 }
@@ -10,7 +11,7 @@ export interface ToasterProps extends ToasterBaseProps,
 HTMLAttributes, 
 /** @vue-ignore */
 SlotsType<{
-    default: toast.Options<VNodeChild>;
+    default: ToastOptions;
 }> {
 }
 declare function __VLS_template(): {