@ark-ui/vue 5.30.0 → 5.31.0

package/dist/components/slider/slider-label.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSliderContext } from './use-slider-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/slider/slider-marker-group.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSliderContext } from './use-slider-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/slider/slider-marker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSliderContext } from './use-slider-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/slider/slider-range.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSliderContext } from './use-slider-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/slider/slider-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { SliderProvider } from './use-slider-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -32,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     readOnly: { type: Boolean },
     step: {},
     thumbAlignment: {},
+    thumbCollisionBehavior: {},
     thumbSize: {},
     asChild: { type: Boolean }
   }, {

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

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { ark } from '../factory.js';
 import { useSlider } from './use-slider.js';
 import { SliderProvider } from './use-slider-context.js';
@@ -28,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     readOnly: { type: Boolean },
     step: {},
     thumbAlignment: {},
+    thumbCollisionBehavior: {},
     thumbSize: {},
     asChild: { type: Boolean }
   }, {

package/dist/components/slider/slider-thumb.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSliderContext } from './use-slider-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/slider/slider-track.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSliderContext } from './use-slider-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/slider/slider-value-text.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, useSlots, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useSliderContext } from './use-slider-context.js';

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

@@ -109,6 +109,15 @@ export interface RootProps {
      * @default "contain"
      */
     thumbAlignment?: 'center' | 'contain';
+    /**
+     * How thumbs behave when they collide during pointer interactions
+     * - `none`: Thumbs cannot move past each other
+     * - `push`: Thumbs push each other
+     * - `swap`: Thumbs swap places
+     *
+     * @default "none"
+     */
+    thumbCollisionBehavior?: 'none' | 'push' | 'swap';
     /**
      * The slider thumbs dimensions
      */

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

@@ -109,6 +109,15 @@ export interface RootProps {
      * @default "contain"
      */
     thumbAlignment?: 'center' | 'contain';
+    /**
+     * How thumbs behave when they collide during pointer interactions
+     * - `none`: Thumbs cannot move past each other
+     * - `push`: Thumbs push each other
+     * - `swap`: Thumbs swap places
+     *
+     * @default "none"
+     */
+    thumbCollisionBehavior?: 'none' | 'push' | 'swap';
     /**
      * The slider thumbs dimensions
      */

package/dist/components/splitter/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const splitter = require('@zag-js/splitter');
+const splitter$1 = 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');
@@ -11,17 +11,17 @@ const splitterRootProvider_vue_vue_type_script_setup_true_lang = require('./spli
 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('./splitter.cjs');
 
 
 
 Object.defineProperty(exports, "getSplitterLayout", {
   enumerable: true,
-  get: () => splitter.layout
+  get: () => splitter$1.layout
 });
 Object.defineProperty(exports, "splitterAnatomy", {
   enumerable: true,
-  get: () => splitter.anatomy
+  get: () => splitter$1.anatomy
 });
 exports.SplitterContext = splitterContext_vue_vue_type_script_setup_true_lang.default;
 exports.SplitterPanel = splitterPanel_vue_vue_type_script_setup_true_lang.default;
@@ -31,4 +31,4 @@ exports.SplitterRootProvider = splitterRootProvider_vue_vue_type_script_setup_tr
 exports.SplitterRoot = splitterRoot_vue_vue_type_script_setup_true_lang.default;
 exports.useSplitter = useSplitter.useSplitter;
 exports.useSplitterContext = useSplitterContext.useSplitterContext;
-exports.Splitter = splitter$1;
+exports.Splitter = splitter;

package/dist/components/splitter/splitter-panel.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, 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';

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

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, 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';

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, 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';

package/dist/components/splitter/splitter-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { SplitterProvider } from './use-splitter-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -15,15 +15,15 @@ export interface SplitterRootEmits extends RootEmits {
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<SplitterRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     resize: (details: ResizeDetails) => any;
     "update:size": (size: number[]) => any;
-    collapse: (details: ExpandCollapseDetails) => any;
     expand: (details: ExpandCollapseDetails) => any;
+    collapse: (details: ExpandCollapseDetails) => any;
     resizeEnd: (details: ResizeEndDetails) => any;
     resizeStart: () => any;
 }, string, PublicProps, Readonly<SplitterRootProps> & Readonly<{
     onResize?: ((details: ResizeDetails) => any) | undefined;
     "onUpdate:size"?: ((size: number[]) => any) | undefined;
-    onCollapse?: ((details: ExpandCollapseDetails) => any) | undefined;
     onExpand?: ((details: ExpandCollapseDetails) => any) | undefined;
+    onCollapse?: ((details: ExpandCollapseDetails) => any) | undefined;
     onResizeEnd?: ((details: ResizeEndDetails) => any) | undefined;
     onResizeStart?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {

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

@@ -15,15 +15,15 @@ export interface SplitterRootEmits extends RootEmits {
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<SplitterRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     resize: (details: ResizeDetails) => any;
     "update:size": (size: number[]) => any;
-    collapse: (details: ExpandCollapseDetails) => any;
     expand: (details: ExpandCollapseDetails) => any;
+    collapse: (details: ExpandCollapseDetails) => any;
     resizeEnd: (details: ResizeEndDetails) => any;
     resizeStart: () => any;
 }, string, PublicProps, Readonly<SplitterRootProps> & Readonly<{
     onResize?: ((details: ResizeDetails) => any) | undefined;
     "onUpdate:size"?: ((size: number[]) => any) | undefined;
-    onCollapse?: ((details: ExpandCollapseDetails) => any) | undefined;
     onExpand?: ((details: ExpandCollapseDetails) => any) | undefined;
+    onCollapse?: ((details: ExpandCollapseDetails) => any) | undefined;
     onResizeEnd?: ((details: ResizeEndDetails) => any) | undefined;
     onResizeStart?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {

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

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSplitter } from './use-splitter.js';
 import { SplitterProvider } from './use-splitter-context.js';

package/dist/components/steps/index.cjs

@@ -19,8 +19,8 @@ const stepsTrigger_vue_vue_type_script_setup_true_lang = require('./steps-trigge
 const useSteps = require('./use-steps.cjs');
 const useStepsContext = require('./use-steps-context.cjs');
 const useStepsItemContext = require('./use-steps-item-context.cjs');
-const steps$1 = require('./steps.cjs');
-const steps = require('@zag-js/steps');
+const steps = require('./steps.cjs');
+const steps$1 = require('@zag-js/steps');
 
 
 
@@ -41,8 +41,8 @@ exports.StepsTrigger = stepsTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.useSteps = useSteps.useSteps;
 exports.useStepsContext = useStepsContext.useStepsContext;
 exports.useStepsItemContext = useStepsItemContext.useStepsItemContext;
-exports.Steps = steps$1;
+exports.Steps = steps;
 Object.defineProperty(exports, "stepsAnatomy", {
   enumerable: true,
-  get: () => steps.anatomy
+  get: () => steps$1.anatomy
 });

package/dist/components/steps/steps-completed-content.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/steps/steps-indicator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useStepsItemPropsContext } from './use-steps-item-props-context.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';

package/dist/components/steps/steps-list.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/steps/steps-next-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/steps/steps-prev-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/steps/steps-progress.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/steps/steps-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { StepsProvider } from './use-steps-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -15,6 +15,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     defaultStep: {},
     id: {},
     ids: {},
+    isStepSkippable: { type: Function },
+    isStepValid: { type: Function },
     linear: { type: Boolean },
     orientation: {},
     step: {},
@@ -22,9 +24,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }, {
     linear: void 0
   }),
-  setup(__props) {
+  emits: ["stepChange", "stepComplete", "stepInvalid", "update:step"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const steps = useSteps.useSteps(props);
+    const emits = __emit;
+    const steps = useSteps.useSteps(props, emits);
     useStepsContext.StepsProvider(steps);
     useForwardExpose.useForwardExpose();
     return (_ctx, _cache) => {

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './steps.types';
+import { StepChangeDetails, StepInvalidDetails } from '@zag-js/steps';
 export interface StepsRootBaseProps extends RootProps, PolymorphicProps {
 }
 export interface StepsRootProps extends StepsRootBaseProps, 
@@ -11,7 +12,17 @@ HTMLAttributes {
 }
 export interface StepsRootEmits extends RootEmits {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<StepsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<StepsRootProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<StepsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    stepChange: (details: StepChangeDetails) => any;
+    stepComplete: () => any;
+    stepInvalid: (details: StepInvalidDetails) => any;
+    "update:step": (step: number) => any;
+}, string, PublicProps, Readonly<StepsRootProps> & Readonly<{
+    onStepChange?: ((details: StepChangeDetails) => any) | undefined;
+    onStepComplete?: (() => any) | undefined;
+    onStepInvalid?: ((details: StepInvalidDetails) => any) | undefined;
+    "onUpdate:step"?: ((step: number) => any) | undefined;
+}>, {
     linear: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { PolymorphicProps } from '../factory';
 import { RootEmits, RootProps } from './steps.types';
+import { StepChangeDetails, StepInvalidDetails } from '@zag-js/steps';
 export interface StepsRootBaseProps extends RootProps, PolymorphicProps {
 }
 export interface StepsRootProps extends StepsRootBaseProps, 
@@ -11,7 +12,17 @@ HTMLAttributes {
 }
 export interface StepsRootEmits extends RootEmits {
 }
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<StepsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<StepsRootProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<StepsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    stepChange: (details: StepChangeDetails) => any;
+    stepComplete: () => any;
+    stepInvalid: (details: StepInvalidDetails) => any;
+    "update:step": (step: number) => any;
+}, string, PublicProps, Readonly<StepsRootProps> & Readonly<{
+    onStepChange?: ((details: StepChangeDetails) => any) | undefined;
+    onStepComplete?: (() => any) | undefined;
+    onStepInvalid?: ((details: StepInvalidDetails) => any) | undefined;
+    "onUpdate:step"?: ((step: number) => any) | undefined;
+}>, {
     linear: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;

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

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { ark } from '../factory.js';
 import { useSteps } from './use-steps.js';
 import { StepsProvider } from './use-steps-context.js';
@@ -11,6 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     defaultStep: {},
     id: {},
     ids: {},
+    isStepSkippable: { type: Function },
+    isStepValid: { type: Function },
     linear: { type: Boolean },
     orientation: {},
     step: {},
@@ -18,9 +20,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }, {
     linear: void 0
   }),
-  setup(__props) {
+  emits: ["stepChange", "stepComplete", "stepInvalid", "update:step"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const steps = useSteps(props);
+    const emits = __emit;
+    const steps = useSteps(props, emits);
     StepsProvider(steps);
     useForwardExpose();
     return (_ctx, _cache) => {

package/dist/components/steps/steps-separator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useStepsItemPropsContext } from './use-steps-item-props-context.js';

package/dist/components/steps/steps-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useStepsContext } from './use-steps-context.js';
 import { useStepsItemPropsContext } from './use-steps-item-props-context.js';

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

@@ -17,6 +17,14 @@ export interface RootProps {
      * The custom ids for the stepper elements
      */
     ids?: steps.ElementIds;
+    /**
+     * Function that returns whether a step can be skipped
+     */
+    isStepSkippable?: (index: number) => boolean;
+    /**
+     * Function that returns whether a step is valid
+     */
+    isStepValid?: (index: number) => boolean;
     /**
      * If `true`, the stepper requires the user to complete the steps in order
      */
@@ -40,6 +48,10 @@ export type RootEmits = {
      * Callback to be called when a step is completed
      */
     stepComplete: [];
+    /**
+     * Callback to be called when a step is invalid
+     */
+    stepInvalid: [details: steps.StepInvalidDetails];
     /**
      * The callback fired when the model value changes.
      */

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

@@ -17,6 +17,14 @@ export interface RootProps {
      * The custom ids for the stepper elements
      */
     ids?: steps.ElementIds;
+    /**
+     * Function that returns whether a step can be skipped
+     */
+    isStepSkippable?: (index: number) => boolean;
+    /**
+     * Function that returns whether a step is valid
+     */
+    isStepValid?: (index: number) => boolean;
     /**
      * If `true`, the stepper requires the user to complete the steps in order
      */
@@ -40,6 +48,10 @@ export type RootEmits = {
      * Callback to be called when a step is completed
      */
     stepComplete: [];
+    /**
+     * Callback to be called when a step is invalid
+     */
+    stepInvalid: [details: steps.StepInvalidDetails];
     /**
      * The callback fired when the model value changes.
      */

package/dist/components/steps/use-steps.cjs

@@ -47,6 +47,10 @@ function useSteps(props = {}, emit) {
       onStepComplete: () => {
         emit?.("stepComplete");
         localProps.onStepComplete?.();
+      },
+      onStepInvalid: (details) => {
+        emit?.("stepInvalid", details);
+        localProps.onStepInvalid?.(details);
       }
     };
   });

package/dist/components/steps/use-steps.js

@@ -24,6 +24,10 @@ function useSteps(props = {}, emit) {
       onStepComplete: () => {
         emit?.("stepComplete");
         localProps.onStepComplete?.();
+      },
+      onStepInvalid: (details) => {
+        emit?.("stepInvalid", details);
+        localProps.onStepInvalid?.(details);
       }
     };
   });

package/dist/components/switch/switch-control.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSwitchContext } from './use-switch-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/switch/switch-hidden-input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSwitchContext } from './use-switch-context.js';
 import { useFieldContext } from '../field/use-field-context.js';

package/dist/components/switch/switch-label.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSwitchContext } from './use-switch-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/switch/switch-root-provider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { SwitchProvider } from './use-switch-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, mergeDefaults } from 'vue';
 import { ark } from '../factory.js';
 import { useSwitch } from './use-switch.js';
 import { SwitchProvider } from './use-switch-context.js';

package/dist/components/switch/switch-thumb.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useSwitchContext } from './use-switch-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/tabs/index.cjs

@@ -11,8 +11,8 @@ const tabsRootProvider_vue_vue_type_script_setup_true_lang = require('./tabs-roo
 const tabsRoot_vue_vue_type_script_setup_true_lang = require('./tabs-root.vue.cjs');
 const useTabs = require('./use-tabs.cjs');
 const useTabsContext = require('./use-tabs-context.cjs');
-const tabs$1 = require('./tabs.cjs');
-const tabs = require('@zag-js/tabs');
+const tabs = require('./tabs.cjs');
+const tabs$1 = require('@zag-js/tabs');
 
 
 
@@ -25,8 +25,8 @@ exports.TabsRootProvider = tabsRootProvider_vue_vue_type_script_setup_true_lang.
 exports.TabsRoot = tabsRoot_vue_vue_type_script_setup_true_lang.default;
 exports.useTabs = useTabs.useTabs;
 exports.useTabsContext = useTabsContext.useTabsContext;
-exports.Tabs = tabs$1;
+exports.Tabs = tabs;
 Object.defineProperty(exports, "tabsAnatomy", {
   enumerable: true,
-  get: () => tabs.anatomy
+  get: () => tabs$1.anatomy
 });

package/dist/components/tabs/tab-content.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, mergeProps as mergeProps$1, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, unref, openBlock, createBlock, mergeProps as mergeProps$1, withCtx, renderSlot, createCommentVNode } from 'vue';
 import { mergeProps } from '@zag-js/vue';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';
 import { useRenderStrategyProps } from '../../utils/use-render-strategy.js';

package/dist/components/tabs/tab-indicator.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useTabsContext } from './use-tabs-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/tabs/tab-list.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useTabsContext } from './use-tabs-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';

package/dist/components/tabs/tab-trigger.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { ark } from '../factory.js';
 import { useTabsContext } from './use-tabs-context.js';
 import { useForwardExpose } from '../../utils/use-forward-expose.js';