@vuetify/nightly 3.3.10-master.2023-08-01 → 3.3.11-dev.2023-08-07

package/lib/labs/VOtpInput/index.d.mts

@@ -0,0 +1,459 @@
+import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType } from 'vue';
+
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
+
+type EventProp<T extends any[] = any[], F = (...args: T) => any> = F | F[];
+declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T, (...args: T) => any>>;
+
+declare const VOtpInput: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: {
+            length?: string | number | undefined;
+            type?: "number" | "text" | "password" | undefined;
+            error?: boolean | undefined;
+            label?: string | undefined;
+            style?: vue.StyleValue | undefined;
+            autofocus?: boolean | undefined;
+            disabled?: boolean | undefined;
+            rounded?: string | number | boolean | undefined;
+            variant?: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled"> | undefined;
+            modelValue?: string | number | undefined;
+            focused?: boolean | undefined;
+            focusAll?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            loading?: string | boolean | undefined;
+            class?: any;
+            placeholder?: string | undefined;
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                loader?: (() => vue.VNodeChild) | undefined;
+            };
+            ref?: vue.VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            theme?: string | undefined;
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            divider?: string | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                loader?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            bgColor?: string | undefined;
+            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+            baseColor?: string | undefined;
+            'onUpdate:focused'?: (EventProp<[boolean], (args_0: boolean) => any> & ((val: boolean) => any)) | undefined;
+            onFinish?: ((val: string) => any) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            loader?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "finish", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:focused", val: boolean) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            length: string | number;
+            type: "number" | "text" | "password";
+            error: boolean;
+            label: string;
+            style: vue.StyleValue;
+            autofocus: boolean;
+            disabled: boolean;
+            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+            focused: boolean;
+            focusAll: boolean;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            loading?: string | boolean | undefined;
+            class?: any;
+            placeholder?: string | undefined;
+            theme?: string | undefined;
+            divider?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            modelValue?: string | number | undefined;
+            bgColor?: string | undefined;
+            baseColor?: string | undefined;
+            'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+        } & {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+                default?: (() => vue.VNodeChild) | undefined;
+                loader?: (() => vue.VNodeChild) | undefined;
+            };
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                loader?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+            "onUpdate:focused"?: ((val: boolean) => any) | undefined;
+            onFinish?: ((val: string) => any) | undefined;
+        }, {
+            blur: () => void;
+            focus: () => void;
+            reset: () => void;
+            isFocused: vue.Ref<boolean> & {
+                readonly externalValue: boolean;
+            };
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            finish: (val: string) => true;
+            'update:focused': (val: boolean) => true;
+            'update:modelValue': (val: string) => true;
+        }, string, {
+            length: string | number;
+            type: "number" | "text" | "password";
+            error: boolean;
+            label: string;
+            style: vue.StyleValue;
+            autofocus: boolean;
+            disabled: boolean;
+            rounded: string | number | boolean;
+            variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+            modelValue: string | number;
+            focused: boolean;
+            focusAll: boolean;
+        }, {}, string, vue.SlotsType<Partial<{
+            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+        }>>> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        length: string | number;
+        type: "number" | "text" | "password";
+        error: boolean;
+        label: string;
+        style: vue.StyleValue;
+        autofocus: boolean;
+        disabled: boolean;
+        variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        focused: boolean;
+        focusAll: boolean;
+    } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        loading?: string | boolean | undefined;
+        class?: any;
+        placeholder?: string | undefined;
+        theme?: string | undefined;
+        divider?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        modelValue?: string | number | undefined;
+        bgColor?: string | undefined;
+        baseColor?: string | undefined;
+        'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+            loader?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            loader?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+        "onUpdate:focused"?: ((val: boolean) => any) | undefined;
+        onFinish?: ((val: string) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        blur: () => void;
+        focus: () => void;
+        reset: () => void;
+        isFocused: vue.Ref<boolean> & {
+            readonly externalValue: boolean;
+        };
+    }> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    length: string | number;
+    type: "number" | "text" | "password";
+    error: boolean;
+    label: string;
+    style: vue.StyleValue;
+    autofocus: boolean;
+    disabled: boolean;
+    variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    focused: boolean;
+    focusAll: boolean;
+} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    loading?: string | boolean | undefined;
+    class?: any;
+    placeholder?: string | undefined;
+    theme?: string | undefined;
+    divider?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    modelValue?: string | number | undefined;
+    bgColor?: string | undefined;
+    baseColor?: string | undefined;
+    'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+        loader?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        loader?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpdate:focused"?: ((val: boolean) => any) | undefined;
+    onFinish?: ((val: string) => any) | undefined;
+}, {
+    blur: () => void;
+    focus: () => void;
+    reset: () => void;
+    isFocused: vue.Ref<boolean> & {
+        readonly externalValue: boolean;
+    };
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    finish: (val: string) => true;
+    'update:focused': (val: boolean) => true;
+    'update:modelValue': (val: string) => true;
+}, string, {
+    length: string | number;
+    type: "number" | "text" | "password";
+    error: boolean;
+    label: string;
+    style: vue.StyleValue;
+    autofocus: boolean;
+    disabled: boolean;
+    rounded: string | number | boolean;
+    variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    modelValue: string | number;
+    focused: boolean;
+    focusAll: boolean;
+}, {}, string, vue.SlotsType<Partial<{
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    error: BooleanConstructor;
+    color: StringConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    class: PropType<any>;
+    theme: StringConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    variant: Omit<{
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
+        default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    };
+    bgColor: StringConstructor;
+    baseColor: StringConstructor;
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    autofocus: BooleanConstructor;
+    divider: StringConstructor;
+    focusAll: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    length: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    type: {
+        type: PropType<"number" | "text" | "password">;
+        default: string;
+    };
+}, vue.ExtractPropTypes<{
+    error: BooleanConstructor;
+    color: StringConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    class: PropType<any>;
+    theme: StringConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    variant: Omit<{
+        type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
+        default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
+    };
+    bgColor: StringConstructor;
+    baseColor: StringConstructor;
+    focused: BooleanConstructor;
+    'onUpdate:focused': PropType<EventProp<[boolean], (args_0: boolean) => any>>;
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    autofocus: BooleanConstructor;
+    divider: StringConstructor;
+    focusAll: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    length: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    type: {
+        type: PropType<"number" | "text" | "password">;
+        default: string;
+    };
+}>>;
+type VOtpInput = InstanceType<typeof VOtpInput>;
+
+export { VOtpInput };

package/lib/labs/VOtpInput/index.mjs

@@ -0,0 +1,2 @@
+export { VOtpInput } from "./VOtpInput.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/labs/VOtpInput/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VOtpInput"],"sources":["../../../src/labs/VOtpInput/index.ts"],"sourcesContent":["export { VOtpInput } from './VOtpInput'\n"],"mappings":"SAASA,SAAS"}

package/lib/labs/VStepper/VStepper.css

@@ -0,0 +1,42 @@
+.v-stepper.v-sheet {
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.v-stepper-header {
+  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+  align-items: center;
+  display: flex;
+  position: relative;
+  overflow-x: auto;
+  justify-content: space-between;
+  z-index: 1;
+}
+.v-stepper-header .v-divider {
+  margin: 0 -16px;
+}
+.v-stepper--alt-labels .v-stepper-header {
+  height: auto;
+}
+.v-stepper--alt-labels .v-stepper-header .v-divider {
+  align-self: flex-start;
+  margin: 35px -67px 0;
+}
+
+.v-stepper-window {
+  margin: 1.5rem;
+}
+
+.v-stepper-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem;
+}
+.v-stepper .v-stepper-actions {
+  padding: 0 1.5rem 1rem;
+}
+.v-stepper-window-item .v-stepper-actions {
+  padding: 1.5rem 0 0;
+}

package/lib/labs/VStepper/VStepper.mjs

@@ -0,0 +1,150 @@
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+// Styles
+import "./VStepper.css";
+
+// Components
+import { makeVStepperActionsProps, VStepperActions } from "./VStepperActions.mjs";
+import { VStepperHeader } from "./VStepperHeader.mjs";
+import { VStepperItem } from "./VStepperItem.mjs";
+import { VStepperWindow } from "./VStepperWindow.mjs";
+import { VStepperWindowItem } from "./VStepperWindowItem.mjs";
+import { VDivider } from "../../components/VDivider/index.mjs";
+import { makeVSheetProps, VSheet } from "../../components/VSheet/VSheet.mjs"; // Composables
+import { provideDefaults } from "../../composables/defaults.mjs";
+import { makeGroupProps, useGroup } from "../../composables/group.mjs"; // Utilities
+import { computed, toRefs } from 'vue';
+import { genericComponent, getPropertyFromItem, only, propsFactory, useRender } from "../../util/index.mjs"; // Types
+export const VStepperSymbol = Symbol.for('vuetify:v-stepper');
+export const makeVStepperProps = propsFactory({
+  altLabels: Boolean,
+  bgColor: String,
+  editable: Boolean,
+  hideActions: Boolean,
+  items: {
+    type: Array,
+    default: () => []
+  },
+  itemTitle: {
+    type: String,
+    default: 'title'
+  },
+  itemValue: {
+    type: String,
+    default: 'value'
+  },
+  mobile: Boolean,
+  nonLinear: Boolean,
+  flat: Boolean,
+  ...makeGroupProps({
+    mandatory: 'force',
+    selectedClass: 'v-stepper-item--selected'
+  }),
+  ...makeVSheetProps(),
+  ...only(makeVStepperActionsProps(), ['prevText', 'nextText'])
+}, 'VStepper');
+export const VStepper = genericComponent()({
+  name: 'VStepper',
+  props: makeVStepperProps(),
+  emits: {
+    'update:modelValue': v => true
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    // TODO: fix typing
+    const {
+      items: _items,
+      next,
+      prev,
+      selected
+    } = useGroup(props, VStepperSymbol);
+    const {
+      color,
+      editable,
+      prevText,
+      nextText
+    } = toRefs(props);
+    const items = computed(() => props.items.map((item, index) => {
+      const title = getPropertyFromItem(item, props.itemTitle, item);
+      const value = getPropertyFromItem(item, props.itemValue, index + 1);
+      return {
+        title,
+        value,
+        raw: item
+      };
+    }));
+    const activeIndex = computed(() => {
+      return _items.value.findIndex(item => selected.value.includes(item.id));
+    });
+    const disabled = computed(() => {
+      if (props.disabled) return props.disabled;
+      if (activeIndex.value === 0) return 'prev';
+      if (activeIndex.value === _items.value.length - 1) return 'next';
+      return false;
+    });
+    provideDefaults({
+      VStepperItem: {
+        editable,
+        prevText,
+        nextText
+      },
+      VStepperActions: {
+        color,
+        disabled,
+        prevText,
+        nextText
+      }
+    });
+    useRender(() => {
+      const [sheetProps] = VSheet.filterProps(props);
+      const hasHeader = !!(slots.header || props.items.length);
+      const hasWindow = props.items.length > 0;
+      const hasActions = !props.hideActions && !!(hasWindow || slots.actions);
+      return _createVNode(VSheet, _mergeProps(sheetProps, {
+        "color": props.bgColor,
+        "class": ['v-stepper', {
+          'v-stepper--alt-labels': props.altLabels,
+          'v-stepper--flat': props.flat,
+          'v-stepper--non-linear': props.nonLinear,
+          'v-stepper--mobile': props.mobile
+        }, props.class],
+        "style": props.style
+      }), {
+        default: () => [hasHeader && _createVNode(VStepperHeader, {
+          "key": "stepper-header"
+        }, {
+          default: () => [items.value.map((item, index) => _createVNode(_Fragment, null, [!!index && _createVNode(VDivider, null, null), _createVNode(VStepperItem, item, {
+            default: slots[`header-item.${item.value}`] ?? slots.header,
+            icon: slots.icon,
+            title: slots.title,
+            subtitle: slots.subtitle
+          })]))]
+        }), hasWindow && _createVNode(VStepperWindow, {
+          "key": "stepper-window"
+        }, {
+          default: () => [items.value.map(item => _createVNode(VStepperWindowItem, {
+            "value": item.value
+          }, {
+            default: () => slots[`item.${item.value}`]?.(item) ?? slots.item?.(item)
+          }))]
+        }), slots.default?.({
+          prev,
+          next
+        }), hasActions && (slots.actions?.({
+          next,
+          prev
+        }) ?? _createVNode(VStepperActions, {
+          "key": "stepper-actions",
+          "onClick:prev": prev,
+          "onClick:next": next
+        }, null))]
+      });
+    });
+    return {
+      prev,
+      next
+    };
+  }
+});
+//# sourceMappingURL=VStepper.mjs.map