@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

package/lib/components/VFileInput/index.d.ts

@@ -1,5 +1,7 @@
 import * as vue from 'vue';
-import { PropType, JSXComponent } from 'vue';
+import { PropType, JSXComponent, ComputedRef, Ref, nextTick } from 'vue';
+
+declare type Density = null | 'default' | 'comfortable' | 'compact';
 
 declare type EventProp<T = (...args: any[]) => any> = T | T[];
 declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
@@ -10,6 +12,19 @@ declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> |
 declare type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
+interface VInputSlot {
+    id: ComputedRef<string>;
+    isDirty: ComputedRef<boolean>;
+    isDisabled: ComputedRef<boolean>;
+    isReadonly: ComputedRef<boolean>;
+    isPristine: Ref<boolean>;
+    isValid: ComputedRef<boolean | null>;
+    isValidating: Ref<boolean>;
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => void;
+}
+
 declare const VFileInput: vue.DefineComponent<{
     loading: BooleanConstructor;
     theme: StringConstructor;
@@ -62,7 +77,7 @@ declare const VFileInput: vue.DefineComponent<{
     };
     validationValue: null;
     density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -103,7 +118,220 @@ declare const VFileInput: vue.DefineComponent<{
         default: boolean;
         validator: (v: boolean | number) => boolean;
     };
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, Omit<Omit<{
+    $: vue.ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        disabled: boolean;
+        readonly: boolean;
+        messages: string | string[];
+        density: Density;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+    }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
+        disabled: BooleanConstructor;
+        error: BooleanConstructor;
+        errorMessages: {
+            type: PropType<string | string[]>;
+            default: () => never[];
+        };
+        maxErrors: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        name: StringConstructor;
+        label: StringConstructor;
+        readonly: BooleanConstructor;
+        rules: {
+            type: PropType<ValidationRule[]>;
+            default: () => never[];
+        };
+        modelValue: null;
+        validationValue: null;
+        density: {
+            type: PropType<Density>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        id: StringConstructor;
+        appendIcon: PropType<IconValue>;
+        prependIcon: PropType<IconValue>;
+        hideDetails: PropType<boolean | "auto">;
+        messages: {
+            type: PropType<string | string[]>;
+            default: () => never[];
+        };
+        direction: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+        'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "errorMessages" | "maxErrors" | "rules">;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: vue.Slot | undefined;
+    }>;
+    $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+    $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+    $emit: (event: "update:modelValue", val: any) => void;
+    $el: any;
+    $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
+        disabled: BooleanConstructor;
+        error: BooleanConstructor;
+        errorMessages: {
+            type: PropType<string | string[]>;
+            default: () => never[];
+        };
+        maxErrors: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        name: StringConstructor;
+        label: StringConstructor;
+        readonly: BooleanConstructor;
+        rules: {
+            type: PropType<ValidationRule[]>;
+            default: () => never[];
+        };
+        modelValue: null;
+        validationValue: null;
+        density: {
+            type: PropType<Density>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        id: StringConstructor;
+        appendIcon: PropType<IconValue>;
+        prependIcon: PropType<IconValue>;
+        hideDetails: PropType<boolean | "auto">;
+        messages: {
+            type: PropType<string | string[]>;
+            default: () => never[];
+        };
+        direction: {
+            type: PropType<"horizontal" | "vertical">;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+        'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+        "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    }, {
+        reset: () => void;
+        resetValidation: () => void;
+        validate: () => Promise<string[]>;
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        'update:modelValue': (val: any) => boolean;
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">, string, {
+        error: boolean;
+        direction: "horizontal" | "vertical";
+        disabled: boolean;
+        readonly: boolean;
+        messages: string | string[];
+        density: Density;
+        errorMessages: string | string[];
+        maxErrors: string | number;
+        rules: ValidationRule[];
+    }> & {
+        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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof nextTick;
+    $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+} & Readonly<vue.ExtractPropTypes<Omit<{
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    readonly: BooleanConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    modelValue: null;
+    validationValue: null;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+} & vue.ShallowUnwrapRef<{
+    reset: () => void;
+    resetValidation: () => void;
+    validate: () => Promise<string[]>;
+}> & {} & vue.ComponentCustomProperties & {
+    $props: {
+        $children?: {} | vue.VNodeChild | {
+            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+    };
+}, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'update:modelValue': (files: File[]) => true;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
@@ -158,7 +386,7 @@ declare const VFileInput: vue.DefineComponent<{
     };
     validationValue: null;
     density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -213,7 +441,7 @@ declare const VFileInput: vue.DefineComponent<{
     readonly: boolean;
     messages: string | string[];
     counter: boolean;
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     modelValue: File[];
     prependIcon: (string & {}) | IconValue;

package/lib/components/VFileInput/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VFileInput"],"sources":["../../../src/components/VFileInput/index.ts"],"sourcesContent":["export { VFileInput } from './VFileInput'\n"],"mappings":"SAASA,U"}
+{"version":3,"file":"index.mjs","names":["VFileInput"],"sources":["../../../src/components/VFileInput/index.ts"],"sourcesContent":["export { VFileInput } from './VFileInput'\n"],"mappings":"SAASA,UAAU"}

package/lib/components/VFooter/VFooter.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VFooter.css"; // Composables
+import "./VFooter.css";
 
+// Composables
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
 import { makeLayoutItemProps, useLayoutItem } from "../../composables/layout.mjs";
@@ -10,7 +11,6 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs";
 import { useResizeObserver } from "../../composables/resizeObserver.mjs"; // Utilities
-
 import { computed, ref, toRef } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VFooter = defineComponent({
@@ -31,7 +31,6 @@ export const VFooter = defineComponent({
     }),
     ...makeThemeProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -78,6 +77,5 @@ export const VFooter = defineComponent({
     }, slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VFooter.mjs.map

package/lib/components/VFooter/VFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VFooter.mjs","names":["makeBorderProps","useBorder","makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useResizeObserver","computed","ref","toRef","defineComponent","useRender","VFooter","name","props","app","Boolean","color","String","height","type","Number","default","tag","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","autoHeight","resizeRef","entries","length","value","target","clientHeight","parseInt","layoutItemStyles","id","order","position","layoutSize","elementSize","undefined","active","absolute"],"sources":["../../../src/components/VFooter/VFooter.tsx"],"sourcesContent":["// Styles\nimport './VFooter.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VFooter = defineComponent({\n  name: 'VFooter',\n\n  props: {\n    app: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeBorderProps(),\n    ...makeElevationProps(),\n    ...makeLayoutItemProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'footer' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    const autoHeight = ref(32)\n    const { resizeRef } = useResizeObserver(entries => {\n      if (!entries.length) return\n      autoHeight.value = entries[0].target.clientHeight\n    })\n    const height = computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10))\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: computed(() => 'bottom'),\n      layoutSize: height,\n      elementSize: computed(() => props.height === 'auto' ? undefined : height.value),\n      active: computed(() => props.app),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ resizeRef }\n        class={[\n          'v-footer',\n          themeClasses.value,\n          backgroundColorClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles,\n          props.app ? layoutItemStyles.value : undefined,\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"VFooter.mjs","names":["makeBorderProps","useBorder","makeElevationProps","useElevation","makeLayoutItemProps","useLayoutItem","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useResizeObserver","computed","ref","toRef","defineComponent","useRender","VFooter","name","props","app","Boolean","color","String","height","type","Number","default","tag","setup","slots","themeClasses","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","autoHeight","resizeRef","entries","length","value","target","clientHeight","parseInt","layoutItemStyles","id","order","position","layoutSize","elementSize","undefined","active","absolute"],"sources":["../../../src/components/VFooter/VFooter.tsx"],"sourcesContent":["// Styles\nimport './VFooter.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor } from '@/composables/color'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VFooter = defineComponent({\n  name: 'VFooter',\n\n  props: {\n    app: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeBorderProps(),\n    ...makeElevationProps(),\n    ...makeLayoutItemProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps({ tag: 'footer' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    const autoHeight = ref(32)\n    const { resizeRef } = useResizeObserver(entries => {\n      if (!entries.length) return\n      autoHeight.value = entries[0].target.clientHeight\n    })\n    const height = computed(() => props.height === 'auto' ? autoHeight.value : parseInt(props.height, 10))\n    const { layoutItemStyles } = useLayoutItem({\n      id: props.name,\n      order: computed(() => parseInt(props.order, 10)),\n      position: computed(() => 'bottom'),\n      layoutSize: height,\n      elementSize: computed(() => props.height === 'auto' ? undefined : height.value),\n      active: computed(() => props.app),\n      absolute: toRef(props, 'absolute'),\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ resizeRef }\n        class={[\n          'v-footer',\n          themeClasses.value,\n          backgroundColorClasses.value,\n          borderClasses.value,\n          elevationClasses.value,\n          roundedClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles,\n          props.app ? layoutItemStyles.value : undefined,\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VFooter = InstanceType<typeof VFooter>\n"],"mappings":"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"}

package/lib/components/VFooter/index.d.ts

@@ -72,5 +72,6 @@ declare const VFooter: vue.DefineComponent<{
     rounded: string | number | boolean;
     app: boolean;
 }>;
+declare type VFooter = InstanceType<typeof VFooter>;
 
 export { VFooter };

package/lib/components/VFooter/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VFooter"],"sources":["../../../src/components/VFooter/index.ts"],"sourcesContent":["export { VFooter } from './VFooter'\n"],"mappings":"SAASA,O"}
+{"version":3,"file":"index.mjs","names":["VFooter"],"sources":["../../../src/components/VFooter/index.ts"],"sourcesContent":["export { VFooter } from './VFooter'\n"],"mappings":"SAASA,OAAO"}

package/lib/components/VForm/VForm.mjs

@@ -2,19 +2,17 @@ import { createVNode as _createVNode } from "vue";
 // Composables
 import { createForm, makeFormProps } from "../../composables/form.mjs";
 import { forwardRefs } from "../../composables/forwardRefs.mjs"; // Utilities
-
 import { ref } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VForm = defineComponent({
   name: 'VForm',
-  props: { ...makeFormProps()
+  props: {
+    ...makeFormProps()
   },
   emits: {
     'update:modelValue': val => true,
     submit: e => true
   },
-
   setup(props, _ref) {
     let {
       slots,
@@ -22,12 +20,10 @@ export const VForm = defineComponent({
     } = _ref;
     const form = createForm(props);
     const formRef = ref();
-
     function onReset(e) {
       e.preventDefault();
       form.reset();
     }
-
     function onSubmit(_e) {
       const e = _e;
       const ready = form.validate();
@@ -35,27 +31,21 @@ export const VForm = defineComponent({
       e.catch = ready.catch.bind(ready);
       e.finally = ready.finally.bind(ready);
       emit('submit', e);
-
       if (!e.defaultPrevented) {
         ready.then(_ref2 => {
           let {
             valid
           } = _ref2;
-
           if (valid) {
             var _formRef$value;
-
             (_formRef$value = formRef.value) == null ? void 0 : _formRef$value.submit();
           }
         });
       }
-
       e.preventDefault();
     }
-
     useRender(() => {
       var _slots$default;
-
       return _createVNode("form", {
         "ref": formRef,
         "class": "v-form",
@@ -66,6 +56,5 @@ export const VForm = defineComponent({
     });
     return forwardRefs(form, formRef);
   }
-
 });
 //# sourceMappingURL=VForm.mjs.map

package/lib/components/VForm/VForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VForm.mjs","names":["createForm","makeFormProps","forwardRefs","ref","defineComponent","useRender","VForm","name","props","emits","val","submit","e","setup","slots","emit","form","formRef","onReset","preventDefault","reset","onSubmit","_e","ready","validate","then","bind","catch","finally","defaultPrevented","valid","value","default"],"sources":["../../../src/components/VForm/VForm.tsx"],"sourcesContent":["// Composables\nimport { createForm, makeFormProps } from '@/composables/form'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { ref } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { SubmitEventPromise } from '@/composables/form'\n\nexport const VForm = defineComponent({\n  name: 'VForm',\n\n  props: {\n    ...makeFormProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: boolean | null) => true,\n    submit: (e: SubmitEventPromise) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const form = createForm(props)\n    const formRef = ref<HTMLFormElement>()\n\n    function onReset (e: Event) {\n      e.preventDefault()\n      form.reset()\n    }\n\n    function onSubmit (_e: Event) {\n      const e = _e as SubmitEventPromise\n\n      const ready = form.validate()\n      e.then = ready.then.bind(ready)\n      e.catch = ready.catch.bind(ready)\n      e.finally = ready.finally.bind(ready)\n\n      emit('submit', e)\n\n      if (!e.defaultPrevented) {\n        ready.then(({ valid }) => {\n          if (valid) {\n            formRef.value?.submit()\n          }\n        })\n      }\n\n      e.preventDefault()\n    }\n\n    useRender(() => ((\n      <form\n        ref={ formRef }\n        class=\"v-form\"\n        novalidate\n        onReset={ onReset }\n        onSubmit={ onSubmit }\n      >\n        { slots.default?.(form) }\n      </form>\n    )))\n\n    return forwardRefs(form, formRef)\n  },\n})\n\nexport type VForm = InstanceType<typeof VForm>\n"],"mappings":";AAAA;SACSA,U,EAAYC,a;SACZC,W,6CAET;;AACA,SAASC,GAAT,QAAoB,KAApB;SACSC,e,EAAiBC,S,gCAE1B;;AAGA,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAD6B;EAGnCC,KAAK,EAAE,EACL,GAAGP,aAAa;EADX,CAH4B;EAOnCQ,KAAK,EAAE;IACL,qBAAsBC,GAAD,IAAyB,IADzC;IAELC,MAAM,EAAGC,CAAD,IAA2B;EAF9B,CAP4B;;EAYnCC,KAAK,CAAEL,KAAF,QAA0B;IAAA,IAAjB;MAAEM,KAAF;MAASC;IAAT,CAAiB;IAC7B,MAAMC,IAAI,GAAGhB,UAAU,CAACQ,KAAD,CAAvB;IACA,MAAMS,OAAO,GAAGd,GAAG,EAAnB;;IAEA,SAASe,OAAT,CAAkBN,CAAlB,EAA4B;MAC1BA,CAAC,CAACO,cAAF;MACAH,IAAI,CAACI,KAAL;IACD;;IAED,SAASC,QAAT,CAAmBC,EAAnB,EAA8B;MAC5B,MAAMV,CAAC,GAAGU,EAAV;MAEA,MAAMC,KAAK,GAAGP,IAAI,CAACQ,QAAL,EAAd;MACAZ,CAAC,CAACa,IAAF,GAASF,KAAK,CAACE,IAAN,CAAWC,IAAX,CAAgBH,KAAhB,CAAT;MACAX,CAAC,CAACe,KAAF,GAAUJ,KAAK,CAACI,KAAN,CAAYD,IAAZ,CAAiBH,KAAjB,CAAV;MACAX,CAAC,CAACgB,OAAF,GAAYL,KAAK,CAACK,OAAN,CAAcF,IAAd,CAAmBH,KAAnB,CAAZ;MAEAR,IAAI,CAAC,QAAD,EAAWH,CAAX,CAAJ;;MAEA,IAAI,CAACA,CAAC,CAACiB,gBAAP,EAAyB;QACvBN,KAAK,CAACE,IAAN,CAAW,SAAe;UAAA,IAAd;YAAEK;UAAF,CAAc;;UACxB,IAAIA,KAAJ,EAAW;YAAA;;YACT,kBAAAb,OAAO,CAACc,KAAR,oCAAepB,MAAf;UACD;QACF,CAJD;MAKD;;MAEDC,CAAC,CAACO,cAAF;IACD;;IAEDd,SAAS,CAAC;MAAA;;MAAA;QAAA,OAEAY,OAFA;QAAA,SAGA,QAHA;QAAA;QAAA,WAKIC,OALJ;QAAA,YAMKG;MANL,sBAQJP,KAAK,CAACkB,OARF,qBAQJ,oBAAAlB,KAAK,EAAWE,IAAX,CARD;IAAA,CAAD,CAAT;IAYA,OAAOd,WAAW,CAACc,IAAD,EAAOC,OAAP,CAAlB;EACD;;AAvDkC,CAAD,CAA7B"}
+{"version":3,"file":"VForm.mjs","names":["createForm","makeFormProps","forwardRefs","ref","defineComponent","useRender","VForm","name","props","emits","val","submit","e","setup","slots","emit","form","formRef","onReset","preventDefault","reset","onSubmit","_e","ready","validate","then","bind","catch","finally","defaultPrevented","valid","value","default"],"sources":["../../../src/components/VForm/VForm.tsx"],"sourcesContent":["// Composables\nimport { createForm, makeFormProps } from '@/composables/form'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { ref } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { SubmitEventPromise } from '@/composables/form'\n\nexport const VForm = defineComponent({\n  name: 'VForm',\n\n  props: {\n    ...makeFormProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: boolean | null) => true,\n    submit: (e: SubmitEventPromise) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const form = createForm(props)\n    const formRef = ref<HTMLFormElement>()\n\n    function onReset (e: Event) {\n      e.preventDefault()\n      form.reset()\n    }\n\n    function onSubmit (_e: Event) {\n      const e = _e as SubmitEventPromise\n\n      const ready = form.validate()\n      e.then = ready.then.bind(ready)\n      e.catch = ready.catch.bind(ready)\n      e.finally = ready.finally.bind(ready)\n\n      emit('submit', e)\n\n      if (!e.defaultPrevented) {\n        ready.then(({ valid }) => {\n          if (valid) {\n            formRef.value?.submit()\n          }\n        })\n      }\n\n      e.preventDefault()\n    }\n\n    useRender(() => ((\n      <form\n        ref={ formRef }\n        class=\"v-form\"\n        novalidate\n        onReset={ onReset }\n        onSubmit={ onSubmit }\n      >\n        { slots.default?.(form) }\n      </form>\n    )))\n\n    return forwardRefs(form, formRef)\n  },\n})\n\nexport type VForm = InstanceType<typeof VForm>\n"],"mappings":";AAAA;AAAA,SACSA,UAAU,EAAEC,aAAa;AAAA,SACzBC,WAAW,6CAEpB;AACA,SAASC,GAAG,QAAQ,KAAK;AAAA,SAChBC,eAAe,EAAEC,SAAS,gCAEnC;AAGA,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAE;IACL,GAAGP,aAAa;EAClB,CAAC;EAEDQ,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAmB,IAAK,IAAI;IAClDC,MAAM,EAAGC,CAAqB,IAAK;EACrC,CAAC;EAEDC,KAAK,CAAEL,KAAK,QAAmB;IAAA,IAAjB;MAAEM,KAAK;MAAEC;IAAK,CAAC;IAC3B,MAAMC,IAAI,GAAGhB,UAAU,CAACQ,KAAK,CAAC;IAC9B,MAAMS,OAAO,GAAGd,GAAG,EAAmB;IAEtC,SAASe,OAAO,CAAEN,CAAQ,EAAE;MAC1BA,CAAC,CAACO,cAAc,EAAE;MAClBH,IAAI,CAACI,KAAK,EAAE;IACd;IAEA,SAASC,QAAQ,CAAEC,EAAS,EAAE;MAC5B,MAAMV,CAAC,GAAGU,EAAwB;MAElC,MAAMC,KAAK,GAAGP,IAAI,CAACQ,QAAQ,EAAE;MAC7BZ,CAAC,CAACa,IAAI,GAAGF,KAAK,CAACE,IAAI,CAACC,IAAI,CAACH,KAAK,CAAC;MAC/BX,CAAC,CAACe,KAAK,GAAGJ,KAAK,CAACI,KAAK,CAACD,IAAI,CAACH,KAAK,CAAC;MACjCX,CAAC,CAACgB,OAAO,GAAGL,KAAK,CAACK,OAAO,CAACF,IAAI,CAACH,KAAK,CAAC;MAErCR,IAAI,CAAC,QAAQ,EAAEH,CAAC,CAAC;MAEjB,IAAI,CAACA,CAAC,CAACiB,gBAAgB,EAAE;QACvBN,KAAK,CAACE,IAAI,CAAC,SAAe;UAAA,IAAd;YAAEK;UAAM,CAAC;UACnB,IAAIA,KAAK,EAAE;YAAA;YACT,kBAAAb,OAAO,CAACc,KAAK,qBAAb,eAAepB,MAAM,EAAE;UACzB;QACF,CAAC,CAAC;MACJ;MAEAC,CAAC,CAACO,cAAc,EAAE;IACpB;IAEAd,SAAS,CAAC;MAAA;MAAA;QAAA,OAEAY,OAAO;QAAA,SACP,QAAQ;QAAA;QAAA,WAEJC,OAAO;QAAA,YACNG;MAAQ,sBAEjBP,KAAK,CAACkB,OAAO,qBAAb,oBAAAlB,KAAK,EAAWE,IAAI,CAAC;IAAA,CAEzB,CAAC;IAEH,OAAOd,WAAW,CAACc,IAAI,EAAEC,OAAO,CAAC;EACnC;AACF,CAAC,CAAC"}

package/lib/components/VForm/index.d.ts

@@ -45,7 +45,7 @@ declare const VForm: vue.DefineComponent<{
     }>;
     reset: () => void;
     resetValidation: () => void;
-} & {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (val: boolean | null) => true;
     submit: (e: SubmitEventPromise) => true;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{

package/lib/components/VForm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VForm"],"sources":["../../../src/components/VForm/index.ts"],"sourcesContent":["export { VForm } from './VForm'\n"],"mappings":"SAASA,K"}
+{"version":3,"file":"index.mjs","names":["VForm"],"sources":["../../../src/components/VForm/index.ts"],"sourcesContent":["export { VForm } from './VForm'\n"],"mappings":"SAASA,KAAK"}

package/lib/components/VGrid/VCol.mjs

@@ -1,11 +1,10 @@
 // Styles
-import "./VGrid.css"; // Composables
+import "./VGrid.css";
 
+// Composables
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-
 import { capitalize, computed, h } from 'vue';
 import { defineComponent } from "../../util/index.mjs"; // Types
-
 const breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl']; // no xs
 
 const breakpointProps = (() => {
@@ -17,7 +16,6 @@ const breakpointProps = (() => {
     return props;
   }, {});
 })();
-
 const offsetProps = (() => {
   return breakpoints.reduce((props, val) => {
     props['offset' + capitalize(val)] = {
@@ -27,7 +25,6 @@ const offsetProps = (() => {
     return props;
   }, {});
 })();
-
 const orderProps = (() => {
   return breakpoints.reduce((props, val) => {
     props['order' + capitalize(val)] = {
@@ -37,42 +34,34 @@ const orderProps = (() => {
     return props;
   }, {});
 })();
-
 const propMap = {
   col: Object.keys(breakpointProps),
   offset: Object.keys(offsetProps),
   order: Object.keys(orderProps)
 };
-
 function breakpointClass(type, prop, val) {
   let className = type;
-
   if (val == null || val === false) {
     return undefined;
   }
-
   if (prop) {
     const breakpoint = prop.replace(type, '');
     className += `-${breakpoint}`;
   }
-
   if (type === 'col') {
     className = 'v-' + className;
-  } // Handling the boolean style prop when accepting [Boolean, String, Number]
+  }
+  // Handling the boolean style prop when accepting [Boolean, String, Number]
   // means Vue will not convert <v-col sm></v-col> to sm: true for us.
   // Since the default is false, an empty string indicates the prop's presence.
-
-
   if (type === 'col' && (val === '' || val === true)) {
     // .v-col-md
     return className.toLowerCase();
-  } // .order-md-6
-
-
+  }
+  // .order-md-6
   className += `-${val}`;
   return className.toLowerCase();
 }
-
 const ALIGN_SELF_VALUES = ['auto', 'start', 'end', 'center', 'baseline', 'stretch'];
 export const VCol = defineComponent({
   name: 'VCol',
@@ -99,16 +88,15 @@ export const VCol = defineComponent({
     },
     ...makeTagProps()
   },
-
   setup(props, _ref) {
     let {
       slots
     } = _ref;
     const classes = computed(() => {
-      const classList = []; // Loop through `col`, `offset`, `order` breakpoint props
+      const classList = [];
 
+      // Loop through `col`, `offset`, `order` breakpoint props
       let type;
-
       for (type in propMap) {
         propMap[type].forEach(prop => {
           const value = props[prop];
@@ -116,7 +104,6 @@ export const VCol = defineComponent({
           if (className) classList.push(className);
         });
       }
-
       const hasColClasses = classList.some(className => className.startsWith('v-col-'));
       classList.push({
         // Default to .v-col if no other col-{bp}-* classes generated nor `cols` specified.
@@ -130,12 +117,10 @@ export const VCol = defineComponent({
     });
     return () => {
       var _slots$default;
-
       return h(props.tag, {
         class: classes.value
       }, (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots));
     };
   }
-
 });
 //# sourceMappingURL=VCol.mjs.map

package/lib/components/VGrid/VCol.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCol.mjs","names":["makeTagProps","capitalize","computed","h","defineComponent","breakpoints","breakpointProps","reduce","props","val","type","Boolean","String","Number","default","offsetProps","orderProps","propMap","col","Object","keys","offset","order","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","ALIGN_SELF_VALUES","VCol","name","cols","alignSelf","validator","str","includes","setup","slots","classes","classList","forEach","value","push","hasColClasses","some","startsWith","tag","class"],"sources":["../../../src/components/VGrid/VCol.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { Prop, PropType } from 'vue'\n\nconst breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Record<string, Prop<boolean | string | number, false>>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + capitalize(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Record<string, Prop<string | number, null>>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + capitalize(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Record<string, Prop<string | number, null>>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className: string = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  if (type === 'col') {\n    className = 'v-' + className\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .v-col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst ALIGN_SELF_VALUES = ['auto', 'start', 'end', 'center', 'baseline', 'stretch'] as const\n\nexport const VCol = defineComponent({\n  name: 'VCol',\n\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String as PropType<typeof ALIGN_SELF_VALUES[number]>,\n      default: null,\n      validator: (str: any) => ALIGN_SELF_VALUES.includes(str),\n    },\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('v-col-'))\n\n      classList.push({\n        // Default to .v-col if no other col-{bp}-* classes generated nor `cols` specified.\n        'v-col': !hasColClasses || !props.cols,\n        [`v-col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: classes.value,\n    }, slots.default?.())\n  },\n})\n\nexport type VCol = InstanceType<typeof VCol>\n"],"mappings":"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"}
+{"version":3,"file":"VCol.mjs","names":["makeTagProps","capitalize","computed","h","defineComponent","breakpoints","breakpointProps","reduce","props","val","type","Boolean","String","Number","default","offsetProps","orderProps","propMap","col","Object","keys","offset","order","breakpointClass","prop","className","undefined","breakpoint","replace","toLowerCase","ALIGN_SELF_VALUES","VCol","name","cols","alignSelf","validator","str","includes","setup","slots","classes","classList","forEach","value","push","hasColClasses","some","startsWith","tag","class"],"sources":["../../../src/components/VGrid/VCol.ts"],"sourcesContent":["// Styles\nimport './VGrid.sass'\n\n// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { capitalize, computed, h } from 'vue'\nimport { defineComponent } from '@/util'\n\n// Types\nimport type { Prop, PropType } from 'vue'\n\nconst breakpoints = ['sm', 'md', 'lg', 'xl', 'xxl'] as const // no xs\n\nconst breakpointProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props[val] = {\n      type: [Boolean, String, Number],\n      default: false,\n    }\n    return props\n  }, {} as Record<string, Prop<boolean | string | number, false>>)\n})()\n\nconst offsetProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['offset' + capitalize(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Record<string, Prop<string | number, null>>)\n})()\n\nconst orderProps = (() => {\n  return breakpoints.reduce((props, val) => {\n    props['order' + capitalize(val)] = {\n      type: [String, Number],\n      default: null,\n    }\n    return props\n  }, {} as Record<string, Prop<string | number, null>>)\n})()\n\nconst propMap = {\n  col: Object.keys(breakpointProps),\n  offset: Object.keys(offsetProps),\n  order: Object.keys(orderProps),\n}\n\nfunction breakpointClass (type: keyof typeof propMap, prop: string, val: boolean | string | number) {\n  let className: string = type\n  if (val == null || val === false) {\n    return undefined\n  }\n  if (prop) {\n    const breakpoint = prop.replace(type, '')\n    className += `-${breakpoint}`\n  }\n  if (type === 'col') {\n    className = 'v-' + className\n  }\n  // Handling the boolean style prop when accepting [Boolean, String, Number]\n  // means Vue will not convert <v-col sm></v-col> to sm: true for us.\n  // Since the default is false, an empty string indicates the prop's presence.\n  if (type === 'col' && (val === '' || val === true)) {\n    // .v-col-md\n    return className.toLowerCase()\n  }\n  // .order-md-6\n  className += `-${val}`\n  return className.toLowerCase()\n}\n\nconst ALIGN_SELF_VALUES = ['auto', 'start', 'end', 'center', 'baseline', 'stretch'] as const\n\nexport const VCol = defineComponent({\n  name: 'VCol',\n\n  props: {\n    cols: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    ...breakpointProps,\n    offset: {\n      type: [String, Number],\n      default: null,\n    },\n    ...offsetProps,\n    order: {\n      type: [String, Number],\n      default: null,\n    },\n    ...orderProps,\n    alignSelf: {\n      type: String as PropType<typeof ALIGN_SELF_VALUES[number]>,\n      default: null,\n      validator: (str: any) => ALIGN_SELF_VALUES.includes(str),\n    },\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const classes = computed(() => {\n      const classList: any[] = []\n\n      // Loop through `col`, `offset`, `order` breakpoint props\n      let type: keyof typeof propMap\n      for (type in propMap) {\n        propMap[type].forEach(prop => {\n          const value: string | number | boolean = (props as any)[prop]\n          const className = breakpointClass(type, prop, value)\n          if (className) classList!.push(className)\n        })\n      }\n\n      const hasColClasses = classList.some(className => className.startsWith('v-col-'))\n\n      classList.push({\n        // Default to .v-col if no other col-{bp}-* classes generated nor `cols` specified.\n        'v-col': !hasColClasses || !props.cols,\n        [`v-col-${props.cols}`]: props.cols,\n        [`offset-${props.offset}`]: props.offset,\n        [`order-${props.order}`]: props.order,\n        [`align-self-${props.alignSelf}`]: props.alignSelf,\n      })\n\n      return classList\n    })\n\n    return () => h(props.tag, {\n      class: classes.value,\n    }, slots.default?.())\n  },\n})\n\nexport type VCol = InstanceType<typeof VCol>\n"],"mappings":"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"}