@ark-ui/vue 5.28.0 → 5.29.0

package/dist/components/accordion/accordion-item-content.vue.cjs

@@ -7,6 +7,7 @@ const useAccordionContext = require('./use-accordion-context.cjs');
 const collapsible = require('../collapsible/collapsible.cjs');
 require('@zag-js/color-picker');
 require('@zag-js/date-picker');
+require('@zag-js/splitter');
 require('@zag-js/core');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
 const createSplitProps = require('../create-split-props.cjs');

package/dist/components/accordion/accordion-item-content.vue.js

@@ -3,6 +3,7 @@ import { useAccordionContext } from './use-accordion-context.js';
 import * as collapsible from '../collapsible/collapsible.js';
 import '@zag-js/color-picker';
 import '@zag-js/date-picker';
+import '@zag-js/splitter';
 import '@zag-js/core';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { createSplitProps } from '../create-split-props.js';

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

@@ -13,6 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: /* @__PURE__ */ vue.mergeDefaults({
     allowMouseDrag: { type: Boolean },
     autoplay: { type: [Boolean, Object] },
+    autoSize: { type: Boolean },
     defaultPage: {},
     id: {},
     ids: {},
@@ -31,7 +32,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }, {
     allowMouseDrag: void 0,
     loop: void 0,
-    autoplay: void 0
+    autoplay: void 0,
+    autoSize: void 0
   }),
   emits: ["autoplayStatusChange", "dragStatusChange", "pageChange", "update:page"],
   setup(__props, { emit: __emit }) {

package/dist/components/carousel/carousel-root.vue.d.cts

@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselRootPro
         delay: number;
     };
     loop: boolean;
+    autoSize: boolean;
     allowMouseDrag: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

package/dist/components/carousel/carousel-root.vue.d.ts

@@ -27,6 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<CarouselRootPro
         delay: number;
     };
     loop: boolean;
+    autoSize: boolean;
     allowMouseDrag: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

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

@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: /* @__PURE__ */ mergeDefaults({
     allowMouseDrag: { type: Boolean },
     autoplay: { type: [Boolean, Object] },
+    autoSize: { type: Boolean },
     defaultPage: {},
     id: {},
     ids: {},
@@ -27,7 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }, {
     allowMouseDrag: void 0,
     loop: void 0,
-    autoplay: void 0
+    autoplay: void 0,
+    autoSize: void 0
   }),
   emits: ["autoplayStatusChange", "dragStatusChange", "pageChange", "update:page"],
   setup(__props, { emit: __emit }) {

package/dist/components/carousel/carousel.types.d.cts

@@ -12,6 +12,11 @@ export interface RootProps {
     autoplay?: boolean | {
         delay: number;
     };
+    /**
+     * Whether to enable variable width slides.
+     * @default false
+     */
+    autoSize?: boolean;
     /**
      * The initial page to scroll to when rendered.
      * Use when you don't need to control the page of the carousel.

package/dist/components/carousel/carousel.types.d.ts

@@ -12,6 +12,11 @@ export interface RootProps {
     autoplay?: boolean | {
         delay: number;
     };
+    /**
+     * Whether to enable variable width slides.
+     * @default false
+     */
+    autoSize?: boolean;
     /**
      * The initial page to scroll to when rendered.
      * Use when you don't need to control the page of the carousel.

package/dist/components/color-picker/color-picker-root.vue.d.cts

@@ -4,7 +4,7 @@ import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './color-picker.types';
 import { ValueChangeDetails, OpenChangeDetails, FormatChangeDetails } from '@zag-js/color-picker';
 import { Color, ColorFormat } from '@zag-js/color-utils';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface ColorPickerRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface ColorPickerRootProps extends ColorPickerRootBaseProps, 

package/dist/components/color-picker/color-picker-root.vue.d.ts

@@ -4,7 +4,7 @@ import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './color-picker.types';
 import { ValueChangeDetails, OpenChangeDetails, FormatChangeDetails } from '@zag-js/color-picker';
 import { Color, ColorFormat } from '@zag-js/color-utils';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface ColorPickerRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface ColorPickerRootProps extends ColorPickerRootBaseProps, 

package/dist/components/combobox/combobox-root.vue.d.cts

@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './combobox.types';
 import { ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails, InputValueChangeDetails } from '@zag-js/combobox';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface ComboboxRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends ComboboxRootBaseProps<T>, 

package/dist/components/combobox/combobox-root.vue.d.ts

@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './combobox.types';
 import { ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails, InputValueChangeDetails } from '@zag-js/combobox';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface ComboboxRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface ComboboxRootProps<T extends CollectionItem> extends ComboboxRootBaseProps<T>, 

package/dist/components/date-picker/date-picker-root.vue.d.cts

@@ -2,7 +2,8 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './date-picker.types';
-import { FocusChangeDetails, ValueChangeDetails, DateValue, OpenChangeDetails, ViewChangeDetails, DateView } from '@zag-js/date-picker';
+import { FocusChangeDetails, ValueChangeDetails, OpenChangeDetails, ViewChangeDetails, DateView } from '@zag-js/date-picker';
+import { DateValue } from '@internationalized/date';
 export interface DatePickerRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface DatePickerRootProps extends DatePickerRootBaseProps, 

package/dist/components/date-picker/date-picker-root.vue.d.ts

@@ -2,7 +2,8 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './date-picker.types';
-import { FocusChangeDetails, ValueChangeDetails, DateValue, OpenChangeDetails, ViewChangeDetails, DateView } from '@zag-js/date-picker';
+import { FocusChangeDetails, ValueChangeDetails, OpenChangeDetails, ViewChangeDetails, DateView } from '@zag-js/date-picker';
+import { DateValue } from '@internationalized/date';
 export interface DatePickerRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface DatePickerRootProps extends DatePickerRootBaseProps, 

package/dist/components/dialog/dialog-root.vue.d.cts

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './dialog.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/dialog';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface DialogRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface DialogRootProps extends DialogRootBaseProps {

package/dist/components/dialog/dialog-root.vue.d.ts

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './dialog.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/dialog';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface DialogRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface DialogRootProps extends DialogRootBaseProps {

package/dist/components/editable/editable-root.vue.d.cts

@@ -2,7 +2,7 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './editable.types';
 import { ValueChangeDetails, EditChangeDetails } from '@zag-js/editable';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface EditableRootBaseProps extends RootProps, PolymorphicProps {
 }
 export interface EditableRootProps extends EditableRootBaseProps, 

package/dist/components/editable/editable-root.vue.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './editable.types';
 import { ValueChangeDetails, EditChangeDetails } from '@zag-js/editable';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface EditableRootBaseProps extends RootProps, PolymorphicProps {
 }
 export interface EditableRootProps extends EditableRootBaseProps, 

package/dist/components/floating-panel/floating-panel-root.vue.d.cts

@@ -1,7 +1,8 @@
 import { RootEmits, RootProps } from './floating-panel.types';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { OpenChangeDetails, PositionChangeDetails, Point, SizeChangeDetails, Size, StageChangeDetails } from '@zag-js/floating-panel';
+import { OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails } from '@zag-js/floating-panel';
+import { Point, Size } from '@zag-js/rect-utils';
 export interface FloatingPanelRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface FloatingPanelRootEmits extends RootEmits {

package/dist/components/floating-panel/floating-panel-root.vue.d.ts

@@ -1,7 +1,8 @@
 import { RootEmits, RootProps } from './floating-panel.types';
 import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { OpenChangeDetails, PositionChangeDetails, Point, SizeChangeDetails, Size, StageChangeDetails } from '@zag-js/floating-panel';
+import { OpenChangeDetails, PositionChangeDetails, SizeChangeDetails, StageChangeDetails } from '@zag-js/floating-panel';
+import { Point, Size } from '@zag-js/rect-utils';
 export interface FloatingPanelRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface FloatingPanelRootEmits extends RootEmits {

package/dist/components/hover-card/hover-card-root.vue.d.cts

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './hover-card.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/hover-card';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface HoverCardRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface HoverCardRootProps extends HoverCardRootBaseProps {

package/dist/components/hover-card/hover-card-root.vue.d.ts

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './hover-card.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/hover-card';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface HoverCardRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface HoverCardRootProps extends HoverCardRootBaseProps {

package/dist/components/index.cjs

@@ -564,9 +564,11 @@ const sliderValueText_vue_vue_type_script_setup_true_lang = require('./slider/sl
 const useSlider = require('./slider/use-slider.cjs');
 const useSliderContext = require('./slider/use-slider-context.cjs');
 const slider$1 = require('./slider/slider.cjs');
+const splitter = require('@zag-js/splitter');
 const splitterContext_vue_vue_type_script_setup_true_lang = require('./splitter/splitter-context.vue.cjs');
 const splitterPanel_vue_vue_type_script_setup_true_lang = require('./splitter/splitter-panel.vue.cjs');
 const splitterResizeTrigger_vue_vue_type_script_setup_true_lang = require('./splitter/splitter-resize-trigger.vue.cjs');
+const splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang = require('./splitter/splitter-resize-trigger-indicator.vue.cjs');
 const splitterRootProvider_vue_vue_type_script_setup_true_lang = require('./splitter/splitter-root-provider.vue.cjs');
 const splitterRoot_vue_vue_type_script_setup_true_lang = require('./splitter/splitter-root.vue.cjs');
 const useSplitter = require('./splitter/use-splitter.cjs');
@@ -743,7 +745,6 @@ const scrollArea = require('@zag-js/scroll-area');
 const select = require('@zag-js/select');
 const signaturepad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
-const splitter = require('@zag-js/splitter');
 const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
@@ -1327,9 +1328,18 @@ exports.SliderValueText = sliderValueText_vue_vue_type_script_setup_true_lang.de
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
 exports.Slider = slider$1;
+Object.defineProperty(exports, "getSplitterLayout", {
+	enumerable: true,
+	get: () => splitter.layout
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+	enumerable: true,
+	get: () => splitter.anatomy
+});
 exports.SplitterContext = splitterContext_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterPanel = splitterPanel_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterResizeTrigger = splitterResizeTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.SplitterResizeTriggerIndicator = splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRootProvider = splitterRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRoot = splitterRoot_vue_vue_type_script_setup_true_lang.default;
 exports.useSplitter = useSplitter.useSplitter;
@@ -1584,10 +1594,6 @@ Object.defineProperty(exports, "sliderAnatomy", {
 	enumerable: true,
 	get: () => slider.anatomy
 });
-Object.defineProperty(exports, "splitterAnatomy", {
-	enumerable: true,
-	get: () => splitter.anatomy
-});
 Object.defineProperty(exports, "stepsAnatomy", {
 	enumerable: true,
 	get: () => steps.anatomy

package/dist/components/index.js

@@ -598,9 +598,11 @@ export { useSlider } from './slider/use-slider.js';
 export { useSliderContext } from './slider/use-slider-context.js';
 import * as slider from './slider/slider.js';
 export { slider as Slider };
+export { layout as getSplitterLayout, anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { default as SplitterContext } from './splitter/splitter-context.vue.js';
 export { default as SplitterPanel } from './splitter/splitter-panel.vue.js';
 export { default as SplitterResizeTrigger } from './splitter/splitter-resize-trigger.vue.js';
+export { default as SplitterResizeTriggerIndicator } from './splitter/splitter-resize-trigger-indicator.vue.js';
 export { default as SplitterRootProvider } from './splitter/splitter-root-provider.vue.js';
 export { default as SplitterRoot } from './splitter/splitter-root.vue.js';
 export { useSplitter } from './splitter/use-splitter.js';
@@ -789,7 +791,6 @@ export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
 export { anatomy as selectAnatomy } from '@zag-js/select';
 export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/dist/components/menu/menu-root.vue.d.cts

@@ -3,7 +3,7 @@ import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './menu.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { SelectionDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/menu';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface MenuRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {

package/dist/components/menu/menu-root.vue.d.ts

@@ -3,7 +3,7 @@ import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './menu.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { SelectionDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/menu';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface MenuRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {
 }
 export interface MenuRootProps extends MenuRootBaseProps {

package/dist/components/popover/popover-root.vue.d.cts

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './popover.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/popover';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface PopoverRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface PopoverRootProps extends PopoverRootBaseProps {

package/dist/components/popover/popover-root.vue.d.ts

@@ -2,7 +2,7 @@ import { RenderStrategyProps } from '../../utils/use-render-strategy';
 import { RootEmits, RootProps } from './popover.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { OpenChangeDetails } from '@zag-js/popover';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface PopoverRootBaseProps extends RootProps, RenderStrategyProps {
 }
 export interface PopoverRootProps extends PopoverRootBaseProps {

package/dist/components/select/select-root.vue.d.cts

@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './select.types';
 import { SelectionDetails, ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/select';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface SelectRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface SelectRootProps<T extends CollectionItem> extends SelectRootBaseProps<T>, 

package/dist/components/select/select-root.vue.d.ts

@@ -5,7 +5,7 @@ import { CollectionItem } from '../collection';
 import { PolymorphicProps } from '../factory';
 import { RootProps } from './select.types';
 import { SelectionDetails, ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/select';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface SelectRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
 }
 export interface SelectRootProps<T extends CollectionItem> extends SelectRootBaseProps<T>, 

package/dist/components/splitter/index.cjs

@@ -2,27 +2,33 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const splitter = require('@zag-js/splitter');
 const splitterContext_vue_vue_type_script_setup_true_lang = require('./splitter-context.vue.cjs');
 const splitterPanel_vue_vue_type_script_setup_true_lang = require('./splitter-panel.vue.cjs');
 const splitterResizeTrigger_vue_vue_type_script_setup_true_lang = require('./splitter-resize-trigger.vue.cjs');
+const splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang = require('./splitter-resize-trigger-indicator.vue.cjs');
 const splitterRootProvider_vue_vue_type_script_setup_true_lang = require('./splitter-root-provider.vue.cjs');
 const splitterRoot_vue_vue_type_script_setup_true_lang = require('./splitter-root.vue.cjs');
 const useSplitter = require('./use-splitter.cjs');
 const useSplitterContext = require('./use-splitter-context.cjs');
 const splitter$1 = require('./splitter.cjs');
-const splitter = require('@zag-js/splitter');
 
 
 
+Object.defineProperty(exports, "getSplitterLayout", {
+  enumerable: true,
+  get: () => splitter.layout
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+  enumerable: true,
+  get: () => splitter.anatomy
+});
 exports.SplitterContext = splitterContext_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterPanel = splitterPanel_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterResizeTrigger = splitterResizeTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.SplitterResizeTriggerIndicator = splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRootProvider = splitterRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRoot = splitterRoot_vue_vue_type_script_setup_true_lang.default;
 exports.useSplitter = useSplitter.useSplitter;
 exports.useSplitterContext = useSplitterContext.useSplitterContext;
 exports.Splitter = splitter$1;
-Object.defineProperty(exports, "splitterAnatomy", {
-  enumerable: true,
-  get: () => splitter.anatomy
-});

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

@@ -1,7 +1,9 @@
+export { layout as getSplitterLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData as SplitterPanelData, ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from '@zag-js/splitter';
 export { default as SplitterContext, type SplitterContextProps } from './splitter-context.vue';
 export { default as SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps } from './splitter-panel.vue';
 export { default as SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, } from './splitter-resize-trigger.vue';
+export { default as SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator.vue';
 export { default as SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, } from './splitter-root-provider.vue';
 export { default as SplitterRoot, type SplitterRootBaseProps, type SplitterRootEmits, type SplitterRootProps, } from './splitter-root.vue';
 export { splitterAnatomy } from './splitter.anatomy';

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

@@ -1,7 +1,9 @@
+export { layout as getSplitterLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails as SplitterExpandCollapseDetails, PanelData as SplitterPanelData, ResizeDetails as SplitterResizeDetails, ResizeEndDetails as SplitterResizeEndDetails, } from '@zag-js/splitter';
 export { default as SplitterContext, type SplitterContextProps } from './splitter-context.vue';
 export { default as SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps } from './splitter-panel.vue';
 export { default as SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, } from './splitter-resize-trigger.vue';
+export { default as SplitterResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator.vue';
 export { default as SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, } from './splitter-root-provider.vue';
 export { default as SplitterRoot, type SplitterRootBaseProps, type SplitterRootEmits, type SplitterRootProps, } from './splitter-root.vue';
 export { splitterAnatomy } from './splitter.anatomy';

package/dist/components/splitter/index.js

@@ -1,10 +1,11 @@
+export { layout as getSplitterLayout, anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { default as SplitterContext } from './splitter-context.vue.js';
 export { default as SplitterPanel } from './splitter-panel.vue.js';
 export { default as SplitterResizeTrigger } from './splitter-resize-trigger.vue.js';
+export { default as SplitterResizeTriggerIndicator } from './splitter-resize-trigger-indicator.vue.js';
 export { default as SplitterRootProvider } from './splitter-root-provider.vue.js';
 export { default as SplitterRoot } from './splitter-root.vue.js';
 export { useSplitter } from './use-splitter.js';
 export { useSplitterContext } from './use-splitter-context.js';
 import * as splitter from './splitter.js';
 export { splitter as Splitter };
-export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/dist/components/splitter/splitter-resize-trigger-indicator.vue.cjs

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

package/dist/components/splitter/splitter-resize-trigger-indicator.vue.d.cts

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

package/dist/components/splitter/splitter-resize-trigger-indicator.vue.d.ts

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

package/dist/components/splitter/splitter-resize-trigger-indicator.vue.js

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

package/dist/components/splitter/splitter-resize-trigger-indicator.vue2.cjs

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

package/dist/components/splitter/splitter-resize-trigger-indicator.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './splitter-resize-trigger-indicator.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/splitter/splitter-resize-trigger.vue.cjs

@@ -6,6 +6,7 @@ const vue = require('vue');
 const factory = require('../factory.cjs');
 const useSplitterContext = require('./use-splitter-context.cjs');
 const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+const useSplitterResizeTriggerPropsContext = require('./use-splitter-resize-trigger-props-context.cjs');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "splitter-resize-trigger",
@@ -17,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const splitter = useSplitterContext.useSplitterContext();
+    useSplitterResizeTriggerPropsContext.SplitterResizeTriggerPropsProvider(vue.computed(() => props));
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(splitter).getResizeTriggerProps(props), { "as-child": __props.asChild }), {

package/dist/components/splitter/splitter-resize-trigger.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSplitterContext } from './use-splitter-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
+import { SplitterResizeTriggerPropsProvider } from './use-splitter-resize-trigger-props-context.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "splitter-resize-trigger",
@@ -13,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const splitter = useSplitterContext();
+    SplitterResizeTriggerPropsProvider(computed(() => props));
     useForwardExpose();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ark).button, mergeProps(unref(splitter).getResizeTriggerProps(props), { "as-child": __props.asChild }), {

package/dist/components/splitter/splitter.cjs

@@ -2,16 +2,23 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const splitter = require('@zag-js/splitter');
 const splitterContext_vue_vue_type_script_setup_true_lang = require('./splitter-context.vue.cjs');
 const splitterPanel_vue_vue_type_script_setup_true_lang = require('./splitter-panel.vue.cjs');
 const splitterResizeTrigger_vue_vue_type_script_setup_true_lang = require('./splitter-resize-trigger.vue.cjs');
+const splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang = require('./splitter-resize-trigger-indicator.vue.cjs');
 const splitterRootProvider_vue_vue_type_script_setup_true_lang = require('./splitter-root-provider.vue.cjs');
 const splitterRoot_vue_vue_type_script_setup_true_lang = require('./splitter-root.vue.cjs');
 
 
 
+Object.defineProperty(exports, "getLayout", {
+  enumerable: true,
+  get: () => splitter.layout
+});
 exports.Context = splitterContext_vue_vue_type_script_setup_true_lang.default;
 exports.Panel = splitterPanel_vue_vue_type_script_setup_true_lang.default;
 exports.ResizeTrigger = splitterResizeTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.ResizeTriggerIndicator = splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.RootProvider = splitterRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.Root = splitterRoot_vue_vue_type_script_setup_true_lang.default;

package/dist/components/splitter/splitter.d.cts

@@ -1,6 +1,8 @@
+export { layout as getLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter';
 export { default as Context, type SplitterContextProps as ContextProps } from './splitter-context.vue';
-export { default as Panel, type SplitterPanelProps as PanelProps, type SplitterPanelBaseProps as PanelBaseProps, } from './splitter-panel.vue';
-export { default as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, } from './splitter-resize-trigger.vue';
-export { default as RootProvider, type SplitterRootProviderProps as RootProviderProps, type SplitterRootProviderBaseProps as RootProviderBaseProps, } from './splitter-root-provider.vue';
-export { default as Root, type SplitterRootEmits as RootEmits, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, } from './splitter-root.vue';
+export { default as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, } from './splitter-panel.vue';
+export { default as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger.vue';
+export { default as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator.vue';
+export { default as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider.vue';
+export { default as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootEmits as RootEmits, type SplitterRootProps as RootProps, } from './splitter-root.vue';

package/dist/components/splitter/splitter.d.ts

@@ -1,6 +1,8 @@
+export { layout as getLayout } from '@zag-js/splitter';
 export type { ExpandCollapseDetails, PanelData, ResizeDetails, ResizeEndDetails } from '@zag-js/splitter';
 export { default as Context, type SplitterContextProps as ContextProps } from './splitter-context.vue';
-export { default as Panel, type SplitterPanelProps as PanelProps, type SplitterPanelBaseProps as PanelBaseProps, } from './splitter-panel.vue';
-export { default as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, } from './splitter-resize-trigger.vue';
-export { default as RootProvider, type SplitterRootProviderProps as RootProviderProps, type SplitterRootProviderBaseProps as RootProviderBaseProps, } from './splitter-root-provider.vue';
-export { default as Root, type SplitterRootEmits as RootEmits, type SplitterRootBaseProps as RootBaseProps, type SplitterRootProps as RootProps, } from './splitter-root.vue';
+export { default as Panel, type SplitterPanelBaseProps as PanelBaseProps, type SplitterPanelProps as PanelProps, } from './splitter-panel.vue';
+export { default as ResizeTrigger, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger.vue';
+export { default as ResizeTriggerIndicator, type SplitterResizeTriggerIndicatorBaseProps as ResizeTriggerIndicatorBaseProps, type SplitterResizeTriggerIndicatorProps as ResizeTriggerIndicatorProps, } from './splitter-resize-trigger-indicator.vue';
+export { default as RootProvider, type SplitterRootProviderBaseProps as RootProviderBaseProps, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider.vue';
+export { default as Root, type SplitterRootBaseProps as RootBaseProps, type SplitterRootEmits as RootEmits, type SplitterRootProps as RootProps, } from './splitter-root.vue';

package/dist/components/splitter/splitter.js

@@ -1,5 +1,7 @@
+export { layout as getLayout } from '@zag-js/splitter';
 export { default as Context } from './splitter-context.vue.js';
 export { default as Panel } from './splitter-panel.vue.js';
 export { default as ResizeTrigger } from './splitter-resize-trigger.vue.js';
+export { default as ResizeTriggerIndicator } from './splitter-resize-trigger-indicator.vue.js';
 export { default as RootProvider } from './splitter-root-provider.vue.js';
 export { default as Root } from './splitter-root.vue.js';

package/dist/components/splitter/use-splitter-resize-trigger-props-context.cjs

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

package/dist/components/splitter/use-splitter-resize-trigger-props-context.d.cts

@@ -0,0 +1,3 @@
+import { ResizeTriggerProps } from '@zag-js/splitter';
+import { ComputedRef } from 'vue';
+export declare const SplitterResizeTriggerPropsProvider: (opts: ComputedRef<ResizeTriggerProps>) => void, useSplitterResizeTriggerPropsContext: (fallback?: ComputedRef<ResizeTriggerProps> | undefined) => ComputedRef<ResizeTriggerProps>;

package/dist/components/splitter/use-splitter-resize-trigger-props-context.d.ts

@@ -0,0 +1,3 @@
+import { ResizeTriggerProps } from '@zag-js/splitter';
+import { ComputedRef } from 'vue';
+export declare const SplitterResizeTriggerPropsProvider: (opts: ComputedRef<ResizeTriggerProps>) => void, useSplitterResizeTriggerPropsContext: (fallback?: ComputedRef<ResizeTriggerProps> | undefined) => ComputedRef<ResizeTriggerProps>;

package/dist/components/splitter/use-splitter-resize-trigger-props-context.js

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

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

@@ -2,7 +2,7 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './tags-input.types';
 import { ValueChangeDetails, HighlightChangeDetails, InputValueChangeDetails, ValidityChangeDetails } from '@zag-js/tags-input';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface TagsInputRootBaseProps extends RootProps, PolymorphicProps {
 }
 export interface TagsInputRootProps extends TagsInputRootBaseProps, 

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

@@ -2,7 +2,7 @@ import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Co
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './tags-input.types';
 import { ValueChangeDetails, HighlightChangeDetails, InputValueChangeDetails, ValidityChangeDetails } from '@zag-js/tags-input';
-import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/bottom-sheet';
+import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
 export interface TagsInputRootBaseProps extends RootProps, PolymorphicProps {
 }
 export interface TagsInputRootProps extends TagsInputRootBaseProps, 

package/dist/index.cjs

@@ -564,9 +564,11 @@ const sliderValueText_vue_vue_type_script_setup_true_lang = require('./component
 const useSlider = require('./components/slider/use-slider.cjs');
 const useSliderContext = require('./components/slider/use-slider-context.cjs');
 const slider$1 = require('./components/slider/slider.cjs');
+const splitter = require('@zag-js/splitter');
 const splitterContext_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-context.vue.cjs');
 const splitterPanel_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-panel.vue.cjs');
 const splitterResizeTrigger_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-resize-trigger.vue.cjs');
+const splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-resize-trigger-indicator.vue.cjs');
 const splitterRootProvider_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-root-provider.vue.cjs');
 const splitterRoot_vue_vue_type_script_setup_true_lang = require('./components/splitter/splitter-root.vue.cjs');
 const useSplitter = require('./components/splitter/use-splitter.cjs');
@@ -755,7 +757,6 @@ const scrollArea = require('@zag-js/scroll-area');
 const select = require('@zag-js/select');
 const signaturepad = require('@zag-js/signature-pad');
 const slider = require('@zag-js/slider');
-const splitter = require('@zag-js/splitter');
 const steps = require('@zag-js/steps');
 const zagSwitch = require('@zag-js/switch');
 const tabs = require('@zag-js/tabs');
@@ -1339,9 +1340,18 @@ exports.SliderValueText = sliderValueText_vue_vue_type_script_setup_true_lang.de
 exports.useSlider = useSlider.useSlider;
 exports.useSliderContext = useSliderContext.useSliderContext;
 exports.Slider = slider$1;
+Object.defineProperty(exports, "getSplitterLayout", {
+	enumerable: true,
+	get: () => splitter.layout
+});
+Object.defineProperty(exports, "splitterAnatomy", {
+	enumerable: true,
+	get: () => splitter.anatomy
+});
 exports.SplitterContext = splitterContext_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterPanel = splitterPanel_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterResizeTrigger = splitterResizeTrigger_vue_vue_type_script_setup_true_lang.default;
+exports.SplitterResizeTriggerIndicator = splitterResizeTriggerIndicator_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRootProvider = splitterRootProvider_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterRoot = splitterRoot_vue_vue_type_script_setup_true_lang.default;
 exports.useSplitter = useSplitter.useSplitter;
@@ -1613,10 +1623,6 @@ Object.defineProperty(exports, "sliderAnatomy", {
 	enumerable: true,
 	get: () => slider.anatomy
 });
-Object.defineProperty(exports, "splitterAnatomy", {
-	enumerable: true,
-	get: () => splitter.anatomy
-});
 Object.defineProperty(exports, "stepsAnatomy", {
 	enumerable: true,
 	get: () => steps.anatomy

package/dist/index.js

@@ -598,9 +598,11 @@ export { useSlider } from './components/slider/use-slider.js';
 export { useSliderContext } from './components/slider/use-slider-context.js';
 import * as slider from './components/slider/slider.js';
 export { slider as Slider };
+export { layout as getSplitterLayout, anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { default as SplitterContext } from './components/splitter/splitter-context.vue.js';
 export { default as SplitterPanel } from './components/splitter/splitter-panel.vue.js';
 export { default as SplitterResizeTrigger } from './components/splitter/splitter-resize-trigger.vue.js';
+export { default as SplitterResizeTriggerIndicator } from './components/splitter/splitter-resize-trigger-indicator.vue.js';
 export { default as SplitterRootProvider } from './components/splitter/splitter-root-provider.vue.js';
 export { default as SplitterRoot } from './components/splitter/splitter-root.vue.js';
 export { useSplitter } from './components/splitter/use-splitter.js';
@@ -801,7 +803,6 @@ export { anatomy as scrollAreaAnatomy } from '@zag-js/scroll-area';
 export { anatomy as selectAnatomy } from '@zag-js/select';
 export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { anatomy as stepsAnatomy } from '@zag-js/steps';
 export { anatomy as switchAnatomy } from '@zag-js/switch';
 export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/vue",
   "type": "module",
-  "version": "5.28.0",
+  "version": "5.29.0",
   "description": "A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -149,71 +149,71 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.10.0",
-    "@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/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",
-    "@zag-js/vue": "1.27.1"
+    "@zag-js/accordion": "1.29.0",
+    "@zag-js/anatomy": "1.29.0",
+    "@zag-js/angle-slider": "1.29.0",
+    "@zag-js/async-list": "1.29.0",
+    "@zag-js/auto-resize": "1.29.0",
+    "@zag-js/avatar": "1.29.0",
+    "@zag-js/bottom-sheet": "1.29.0",
+    "@zag-js/carousel": "1.29.0",
+    "@zag-js/checkbox": "1.29.0",
+    "@zag-js/clipboard": "1.29.0",
+    "@zag-js/collapsible": "1.29.0",
+    "@zag-js/collection": "1.29.0",
+    "@zag-js/color-picker": "1.29.0",
+    "@zag-js/color-utils": "1.29.0",
+    "@zag-js/combobox": "1.29.0",
+    "@zag-js/core": "1.29.0",
+    "@zag-js/date-picker": "1.29.0",
+    "@zag-js/date-utils": "1.29.0",
+    "@zag-js/dialog": "1.29.0",
+    "@zag-js/dom-query": "1.29.0",
+    "@zag-js/editable": "1.29.0",
+    "@zag-js/file-upload": "1.29.0",
+    "@zag-js/file-utils": "1.29.0",
+    "@zag-js/floating-panel": "1.29.0",
+    "@zag-js/focus-trap": "1.29.0",
+    "@zag-js/highlight-word": "1.29.0",
+    "@zag-js/hover-card": "1.29.0",
+    "@zag-js/image-cropper": "1.29.0",
+    "@zag-js/i18n-utils": "1.29.0",
+    "@zag-js/json-tree-utils": "1.29.0",
+    "@zag-js/listbox": "1.29.0",
+    "@zag-js/marquee": "1.29.0",
+    "@zag-js/menu": "1.29.0",
+    "@zag-js/number-input": "1.29.0",
+    "@zag-js/pagination": "1.29.0",
+    "@zag-js/password-input": "1.29.0",
+    "@zag-js/pin-input": "1.29.0",
+    "@zag-js/popover": "1.29.0",
+    "@zag-js/presence": "1.29.0",
+    "@zag-js/progress": "1.29.0",
+    "@zag-js/qr-code": "1.29.0",
+    "@zag-js/radio-group": "1.29.0",
+    "@zag-js/rating-group": "1.29.0",
+    "@zag-js/scroll-area": "1.29.0",
+    "@zag-js/select": "1.29.0",
+    "@zag-js/signature-pad": "1.29.0",
+    "@zag-js/slider": "1.29.0",
+    "@zag-js/splitter": "1.29.0",
+    "@zag-js/steps": "1.29.0",
+    "@zag-js/switch": "1.29.0",
+    "@zag-js/tabs": "1.29.0",
+    "@zag-js/tags-input": "1.29.0",
+    "@zag-js/timer": "1.29.0",
+    "@zag-js/toast": "1.29.0",
+    "@zag-js/toggle": "1.29.0",
+    "@zag-js/toggle-group": "1.29.0",
+    "@zag-js/tooltip": "1.29.0",
+    "@zag-js/tour": "1.29.0",
+    "@zag-js/tree-view": "1.29.0",
+    "@zag-js/types": "1.29.0",
+    "@zag-js/utils": "1.29.0",
+    "@zag-js/vue": "1.29.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.4",
+    "@biomejs/biome": "2.3.6",
     "@storybook/addon-a11y": "9.1.16",
     "@storybook/vue3-vite": "9.1.16",
     "@testing-library/dom": "10.4.1",
@@ -223,7 +223,7 @@
     "@types/jsdom": "21.1.7",
     "@vitejs/plugin-vue": "6.0.1",
     "@vitejs/plugin-vue-jsx": "5.1.1",
-    "@vitest/coverage-v8": "3.2.4",
+    "@vitest/coverage-v8": "^4.0.0",
     "@vue/compiler-sfc": "3.5.24",
     "ajv": "8.17.1",
     "check-password-strength": "3.0.0",
@@ -231,16 +231,16 @@
     "globby": "15.0.0",
     "image-conversion": "2.1.1",
     "jsdom": "26.1.0",
-    "lucide-vue-next": "0.553.0",
+    "lucide-vue-next": "0.554.0",
     "resize-observer-polyfill": "1.5.1",
     "storybook": "9.1.16",
     "typescript": "5.9.3",
     "vee-validate": "4.15.1",
     "vite": "7.2.2",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "3.2.4",
+    "vitest": "^4.0.0",
     "vue": "3.5.24",
-    "vue-tsc": "3.1.3"
+    "vue-tsc": "3.1.4"
   },
   "peerDependencies": {
     "vue": ">=3.5.0"